@charset "UTF-8";
:focus {
    outline: none
}

.products-block .slick-list:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #fff
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-slider .slick-arrow {
    z-index: 9;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #f7f7f7;
    width: 32px;
    height: 32px;
    box-shadow: none;
    border: 0;
    background-color: #fff;
    padding: 0;
    displaY: flex;
    border-radius: 0;
    justify-content: center;
    align-items: center
}

.slick-slider .slick-arrow:hover.slick-next:after, .slick-slider .slick-arrow:hover.slick-prev:after {
    color: #000
}

.slick-slider .slick-arrow.slick-prev {
    left: -35px
}

.slick-slider .slick-arrow.slick-prev:after {
    content: "\e90f";
    font-family: Shoptet;
    font-size: 20px;
    color: #cfcfcf
}

@media (max-width: 767px) {
    .slick-slider .slick-arrow.slick-prev {
        left: 0
    }
}

.slick-slider .slick-arrow.slick-next {
    right: -35px
}

.slick-slider .slick-arrow.slick-next:after {
    content: "\e910";
    font-family: Shoptet;
    font-size: 20px;
    color: #cfcfcf
}

@media (max-width: 767px) {
    .slick-slider .slick-arrow.slick-next {
        right: 0
    }
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-loading .slick-list {
    background: #fff slick-image-url("ajax-loader.gif") 50% no-repeat
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-dots {
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center
}

.slick-dots li {
    margin: 3px;
    list-style: none;
    width: 32px;
    height: 6px;
    position: relative
}

.slick-dots li.slick-active button {
    background-color: #f68d2a;
    border-radius: 6px;
    border: 1px solid #f68d2a;
    width: 32px;
    height: 6px
}

.slick-dots li button {
    width: 32px;
    height: 6px;
    position: absolute;
    font-size: 0;
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    padding: 0;
    border-radius: 6px
}

.products-block.slick-slider > div {
    width: 100%;
    padding: 0;
    border: 0
}

html {
    scroll-behavior: smooth
}

#myBtn {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: 0;
    width: 35px;
    height: 35px;
    background-color: #40c1c0;
    color: #fff;
    border-radius: 35px
}

#myBtn:before {
    content: "\e911";
    font-family: Shoptet
}

.login-window-visible #cboxOverlay {
    display: block !important;
    opacity: .65;
    cursor: pointer;
    visibility: visible
}

.btn.btn-green, a.btn.btn-green {
    border-radius: 6px;
    background-color: #98c93c;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.25 1.5L1.778 0 7.75 6l-5.971 6L.25 10.5 4.75 6z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 39px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 14px 57px 14px 37px;
    text-decoration: none
}

@media (max-width: 479px) {
    .btn.btn-green, a.btn.btn-green {
        font-size: 18px;
        background-image: none;
        padding: 10px 20px
    }
}

@media (max-width: 322px) {
    .btn.btn-green, a.btn.btn-green {
        font-size: 16px;
        padding: 10px 15px
    }
}

.btn.btn-default, .btn.btn-primary, a.btn.btn-default, a.btn.btn-primary {
    border-radius: 6px;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 20px;
    text-decoration: none
}

@media (max-width: 479px) {
    .btn.btn-default, .btn.btn-primary, a.btn.btn-default, a.btn.btn-primary {
        font-size: 18px
    }
}

@media (max-width: 322px) {
    .btn.btn-default, .btn.btn-primary, a.btn.btn-default, a.btn.btn-primary {
        font-size: 16px;
        padding: 7px 15px
    }
}

.btn.btn-default:hover, .btn.btn-primary:hover, a.btn.btn-default:hover, a.btn.btn-primary:hover {
    color: #000;
    background-color: #fff
}

.btn.btn-default.btn-arrow-right:before, .btn.btn-primary.btn-arrow-right:before, a.btn.btn-default.btn-arrow-right:before, a.btn.btn-primary.btn-arrow-right:before {
    display: none
}

.btn.btn-default.toggle-contacts, .btn.btn-primary.toggle-contacts, a.btn.btn-default.toggle-contacts, a.btn.btn-primary.toggle-contacts {
    color: #000;
    border: 0;
    padding: 0
}

.btn.btn-default.toggle-contacts:after, .btn.btn-primary.toggle-contacts:after, a.btn.btn-default.toggle-contacts:after, a.btn.btn-primary.toggle-contacts:after {
    font-size: 10px
}

.btn.btn-secondary, a.btn.btn-secondary {
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 20px;
    text-decoration: none
}

@media (max-width: 479px) {
    .btn.btn-secondary, a.btn.btn-secondary {
        font-size: 18px
    }
}

@media (max-width: 322px) {
    .btn.btn-secondary, a.btn.btn-secondary {
        font-size: 16px;
        padding: 7px 15px
    }
}

.btn.btn-secondary:hover, a.btn.btn-secondary:hover {
    color: #fff;
    background-color: #000
}

.btn.btn-conversion, a.btn.btn-conversion {
    border-radius: 6px;
    color: #fff;
    background-color: #98c93c;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 27px;
    border: 1px solid #98c93c;
    text-decoration: none
}

@media (max-width: 479px) {
    .btn.btn-conversion, a.btn.btn-conversion {
        font-size: 18px;
        background-image: none;
        padding: 10px 20px
    }
}

@media (max-width: 322px) {
    .btn.btn-conversion, a.btn.btn-conversion {
        font-size: 16px;
        padding: 10px 15px
    }
}

.btn.btn-conversion:hover, a.btn.btn-conversion:hover {
    color: #fff;
    background-color: #57771c;
    border-color: #57771c
}

.btn.btn-conversion:after, a.btn.btn-conversion:after {
    font-size: 10px;
    position: relative;
    top: -1px
}

.cart-related-button a.btn.btn-primary {
    background-color: #98c93c;
    border-color: #98c93c;
    font-size: 20px
}

.cart-related-button a.btn.btn-primary:hover {
    background-color: #57771c;
    border-color: #57771c;
    color: #fff
}

input[type=checkbox] + label {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0 30px
}

input[type=checkbox] + label:before {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #707070;
    background-color: #fff
}

input[type=checkbox]:checked + label {
    font-weight: 400
}

input[type=checkbox]:checked + label:before {
    border-radius: 4px;
    background-color: #98c93c;
    content: "\e913";
    border: 1px solid #98c93c;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Shoptet
}

input[type=checkbox]:checked + label:after {
    display: none
}

input[type=radio] + label {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0 30px
}

input[type=radio] + label:before {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #707070;
    background-color: #fff
}

input[type=radio]:checked + label {
    font-weight: 400
}

input[type=radio]:checked + label:before {
    border-radius: 20px;
    background-color: #98c93c;
    border-color: #98c93c;
    border: 1px solid #98c93c !important;
    color: #fff;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Shoptet;
    content: "\e913"
}

input[type=radio]:checked + label:after {
    display: none
}

.quantity {
    border-radius: 12px;
    border: 3px solid #f2f2f2
}

.quantity:hover {
    box-shadow: none
}

.quantity .decrease, .quantity .increase {
    background-color: #f2f2f2;
    border: 0
}

.quantity .decrease {
    border-radius: 6px 0 0 6px
}

.quantity .decrease:before {
    font-family: Open Sans, sans-serif;
    content: "-";
    font-size: 20px;
    font-weight: 700
}

.quantity .decrease:hover:before {
    background-color: #cecece;
    border-radius: 6px 0 0 6px
}

.quantity .increase {
    border-radius: 0 6px 6px 0
}

.quantity .increase:before {
    font-family: Open Sans, sans-serif;
    content: "+";
    font-size: 20px;
    font-weight: 700
}

.quantity .increase:hover:before {
    background-color: #cecece;
    border-radius: 0 6px 6px 0
}

.quantity input {
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.messages {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    border-radius: 4px;
    max-width: 700px;
    width: 100%;
    background-color: transparent;
    left: 50px;
    bottom: 50px;
    top: auto;
    right: auto
}

@media (max-width: 767px) {
    .messages {
        left: 0;
        max-width: 100%;
        bottom: 0
    }
}

.messages .msg-wrapper {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    border-radius: 4px;
    max-width: 700px;
    width: 100%;
    background-color: transparent;
    left: 50px;
    bottom: 50px;
    top: auto;
    right: auto
}

@media (max-width: 767px) {
    .messages .msg-wrapper {
        left: 0;
        bottom: 0;
        max-width: 100%
    }
}

.messages .container {
    width: 100%
}

.messages .msg {
    background-color: #fff !important;
    border: 0 !important;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 87px;
    min-height: 100px;
    display: flex;
    align-items: center
}

@media (max-width: 479px) {
    .messages .msg {
        font-size: 16px
    }
}

.messages .msg a {
    color: #000;
    text-decoration: underline
}

.messages .msg a:hover {
    text-decoration: none
}

.messages .msg:before {
    width: 7px;
    height: 68px;
    border-radius: 5px;
    left: 16px
}

.messages .msg:after, .messages .msg:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.messages .msg:after {
    left: 50px;
    width: 27px;
    height: 27px
}

.messages .msg.msg-notice:before, .messages .msg.msg-success:before {
    background-color: #2c9139
}

.messages .msg.msg-notice:after, .messages .msg.msg-success:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.866 19.64L5.954 13.73l2.238-2.237 3.778 3.778 7.585-6.895 2.129 2.34zM13.5 0C6.085 0 0 6.085 0 13.5S6.085 27 13.5 27 27 20.915 27 13.5 20.915 0 13.5 0z' fill='%232c9139'/%3E%3C/svg%3E")
}

.messages .msg.msg-error:before {
    background-color: #ca131e
}

.messages .msg.msg-error:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.636 16.867c0 .621-.506 1.125-1.13 1.125-.626 0-1.131-.504-1.131-1.125V5.62c0-.62.505-1.124 1.13-1.124.625 0 1.13.504 1.13 1.124zm-1.131 5.637c-.624 0-1.13-.504-1.13-1.125s.506-1.126 1.13-1.126c.624 0 1.13.505 1.13 1.126 0 .621-.506 1.125-1.13 1.125zM23.05 3.95c-5.266-5.267-13.834-5.267-19.1 0-5.267 5.265-5.267 13.835 0 19.1A13.46 13.46 0 0013.5 27a13.46 13.46 0 009.55-3.95c5.267-5.265 5.267-13.835 0-19.1z' fill='%23ca131e'/%3E%3C/svg%3E")
}

.messages .msg.msg-info:before, .messages .msg.msg-warning:before {
    background-color: #3943be
}

.messages .msg.msg-info:after, .messages .msg.msg-warning:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 9.619c-.817 0-1.457-.605-1.457-1.28s.64-1.262 1.457-1.262c.8 0 1.44.587 1.44 1.262s-.64 1.28-1.44 1.28zm1.396 9.24c0 .426-.624.853-1.39.853-.803 0-1.374-.427-1.374-.853v-6.77c0-.498.57-.836 1.373-.836.767 0 1.391.338 1.391.836zM13.5 0C6.039 0 0 6.038 0 13.5 0 20.961 6.038 27 13.5 27 20.961 27 27 20.962 27 13.5 27 6.039 20.962 0 13.5 0z' fill='%233943be'/%3E%3C/svg%3E")
}

a.social-icon {
    border: 0
}

a.social-icon, a.social-icon:hover {
    background-color: transparent
}

a.social-icon.facebook:before {
    content: url(/user/documents/upload/sablona-nemazat/icon/facebook-5.svg)
}

a.social-icon.instagram:before {
    content: url(/user/documents/upload/sablona-nemazat/icon/instagram-11.svg)
}

#cboxContent, #cboxContent #cboxClose {
    border-radius: 6px
}

.text-default.list-summary.list-definitions dt {
    float: left
}

.in-klient-diskuze .content-inner, .in-klient-doklady .content-inner, .in-klient-hodnoceni .content-inner, .in-klient-slevy .content-inner, .in-klient .content-inner, .in-nastaveni .content-inner, .in-objednavky .content-inner {
    max-width: 100%
}

.in-klient-diskuze .breadcrumbs, .in-klient-doklady .breadcrumbs, .in-klient-hodnoceni .breadcrumbs, .in-klient-slevy .breadcrumbs, .in-klient .breadcrumbs, .in-nastaveni .breadcrumbs, .in-objednavky .breadcrumbs {
    display: none
}

.in-klient-diskuze aside.sidebar, .in-klient-doklady aside.sidebar, .in-klient-hodnoceni aside.sidebar, .in-klient-slevy aside.sidebar, .in-klient aside.sidebar, .in-nastaveni aside.sidebar, .in-objednavky aside.sidebar {
    display: initial !important
}

.in-klient-diskuze .breadcrumbs-wrapper, .in-klient-doklady .breadcrumbs-wrapper, .in-klient-hodnoceni .breadcrumbs-wrapper, .in-klient-slevy .breadcrumbs-wrapper, .in-klient .breadcrumbs-wrapper, .in-nastaveni .breadcrumbs-wrapper, .in-objednavky .breadcrumbs-wrapper {
    margin-bottom: 25px
}

a[href="/klient/"]:before {
    content: "\f107";
    color: #797979;
    margin-right: 8px;
    font-family: Flaticon;
    display: inline-block
}

.in-klient-diskuze .content-inner, .in-klient-doklady .content-inner, .in-klient-hodnocnei .content-inner, .in-klient-slevy .content-inner, .in-klient .content-inner, .in-nastaveni .content-inner, .in-objednavky .content-inner {
    display: flex;
    flex-direction: column
}

.in-klient-diskuze .content-inner h2, .in-klient-doklady .content-inner h2, .in-klient-hodnocnei .content-inner h2, .in-klient-slevy .content-inner h2, .in-klient .content-inner h2, .in-nastaveni .content-inner h2, .in-objednavky .content-inner h2 {
    color: #000;
    font-size: 16px;
    order: 2;
    margin: 32px 16px;
    font-weight: 600
}

.in-klient-diskuze .content-inner h2 span, .in-klient-doklady .content-inner h2 span, .in-klient-hodnocnei .content-inner h2 span, .in-klient-slevy .content-inner h2 span, .in-klient .content-inner h2 span, .in-nastaveni .content-inner h2 span, .in-objednavky .content-inner h2 span {
    font-weight: 400
}

.in-klient-diskuze .content-inner h2 strong, .in-klient-doklady .content-inner h2 strong, .in-klient-hodnocnei .content-inner h2 strong, .in-klient-slevy .content-inner h2 strong, .in-klient .content-inner h2 strong, .in-nastaveni .content-inner h2 strong, .in-objednavky .content-inner h2 strong {
    font-weight: 600
}

.in-klient-diskuze table.border, .in-klient-doklady table.border, .in-klient-hodnocnei table.border, .in-klient-slevy table.border, .in-klient table.border, .in-nastaveni table.border, .in-objednavky table.border {
    order: 3
}

.in-klient-diskuze .content-wrapper ul li:before, .in-klient-diskuze .login-widget ul li:before, .in-klient-doklady .content-wrapper ul li:before, .in-klient-doklady .login-widget ul li:before, .in-klient-hodnoceni .content-wrapper ul li:before, .in-klient-hodnoceni .login-widget ul li:before, .in-klient-slevy .content-wrapper ul li:before, .in-klient-slevy .login-widget ul li:before, .in-klient .content-wrapper ul li:before, .in-klient .login-widget ul li:before, .in-nastaveni .content-wrapper ul li:before, .in-nastaveni .login-widget ul li:before, .in-objednavky .content-wrapper ul li:before, .in-objednavky .login-widget ul li:before {
    display: none
}

.in-klient-diskuze h1, .in-klient-doklady h1, .in-klient-hodnoceni h1, .in-klient-slevy h1, .in-klient h1, .in-nastaveni h1, .in-objednavky h1 {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: .2px;
    margin: 0 0 20px
}

.in-klient-diskuze aside, .in-klient-doklady aside, .in-klient-hodnoceni aside, .in-klient-slevy aside, .in-klient aside, .in-nastaveni aside, .in-objednavky aside {
    display: initial;
    border-radius: 8px 8px 0 0
}

.in-klient-diskuze aside.sidebar, .in-klient-doklady aside.sidebar, .in-klient-hodnoceni aside.sidebar, .in-klient-slevy aside.sidebar, .in-klient aside.sidebar, .in-nastaveni aside.sidebar, .in-objednavky aside.sidebar {
    box-shadow: none;
    background-color: transparent;
    padding: 0 0 25px 20px;
    border: 0
}

.in-klient-diskuze aside.sidebar .client-center-box, .in-klient-doklady aside.sidebar .client-center-box, .in-klient-hodnoceni aside.sidebar .client-center-box, .in-klient-slevy aside.sidebar .client-center-box, .in-klient aside.sidebar .client-center-box, .in-nastaveni aside.sidebar .client-center-box, .in-objednavky aside.sidebar .client-center-box {
    border: 0;
    padding: 0;
    border-radius: 8px 8px 0 0
}

.in-klient-diskuze aside.sidebar .client-center-box > div:last-child, .in-klient-doklady aside.sidebar .client-center-box > div:last-child, .in-klient-hodnoceni aside.sidebar .client-center-box > div:last-child, .in-klient-slevy aside.sidebar .client-center-box > div:last-child, .in-klient aside.sidebar .client-center-box > div:last-child, .in-nastaveni aside.sidebar .client-center-box > div:last-child, .in-objednavky aside.sidebar .client-center-box > div:last-child {
    padding: 0 !important
}

.in-klient-diskuze aside.sidebar .client-center-box ul, .in-klient-doklady aside.sidebar .client-center-box ul, .in-klient-hodnoceni aside.sidebar .client-center-box ul, .in-klient-slevy aside.sidebar .client-center-box ul, .in-klient aside.sidebar .client-center-box ul, .in-nastaveni aside.sidebar .client-center-box ul, .in-objednavky aside.sidebar .client-center-box ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    list-style: none;
    padding-left: 0;
    border: 0
}

.in-klient-diskuze aside.sidebar .client-center-box ul li, .in-klient-doklady aside.sidebar .client-center-box ul li, .in-klient-hodnoceni aside.sidebar .client-center-box ul li, .in-klient-slevy aside.sidebar .client-center-box ul li, .in-klient aside.sidebar .client-center-box ul li, .in-nastaveni aside.sidebar .client-center-box ul li, .in-objednavky aside.sidebar .client-center-box ul li {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 3px;
    margin-bottom: 3px
}

.in-klient-diskuze aside.sidebar .client-center-box ul li:hover, .in-klient-doklady aside.sidebar .client-center-box ul li:hover, .in-klient-hodnoceni aside.sidebar .client-center-box ul li:hover, .in-klient-slevy aside.sidebar .client-center-box ul li:hover, .in-klient aside.sidebar .client-center-box ul li:hover, .in-nastaveni aside.sidebar .client-center-box ul li:hover, .in-objednavky aside.sidebar .client-center-box ul li:hover {
    background-color: #797979
}

.in-klient-diskuze aside.sidebar .client-center-box ul li:hover a, .in-klient-doklady aside.sidebar .client-center-box ul li:hover a, .in-klient-hodnoceni aside.sidebar .client-center-box ul li:hover a, .in-klient-slevy aside.sidebar .client-center-box ul li:hover a, .in-klient aside.sidebar .client-center-box ul li:hover a, .in-nastaveni aside.sidebar .client-center-box ul li:hover a, .in-objednavky aside.sidebar .client-center-box ul li:hover a {
    color: #fff
}

.in-klient-diskuze aside.sidebar .client-center-box ul li:first-child, .in-klient-doklady aside.sidebar .client-center-box ul li:first-child, .in-klient-hodnoceni aside.sidebar .client-center-box ul li:first-child, .in-klient-slevy aside.sidebar .client-center-box ul li:first-child, .in-klient aside.sidebar .client-center-box ul li:first-child, .in-nastaveni aside.sidebar .client-center-box ul li:first-child, .in-objednavky aside.sidebar .client-center-box ul li:first-child {
    background-color: #797979;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.in-klient-diskuze aside.sidebar .client-center-box ul li:first-child a, .in-klient-doklady aside.sidebar .client-center-box ul li:first-child a, .in-klient-hodnoceni aside.sidebar .client-center-box ul li:first-child a, .in-klient-slevy aside.sidebar .client-center-box ul li:first-child a, .in-klient aside.sidebar .client-center-box ul li:first-child a, .in-nastaveni aside.sidebar .client-center-box ul li:first-child a, .in-objednavky aside.sidebar .client-center-box ul li:first-child a {
    color: #fff
}

.in-klient-diskuze aside.sidebar .client-center-box ul li.logout, .in-klient-doklady aside.sidebar .client-center-box ul li.logout, .in-klient-hodnoceni aside.sidebar .client-center-box ul li.logout, .in-klient-slevy aside.sidebar .client-center-box ul li.logout, .in-klient aside.sidebar .client-center-box ul li.logout, .in-nastaveni aside.sidebar .client-center-box ul li.logout, .in-objednavky aside.sidebar .client-center-box ul li.logout {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    order: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a, .in-klient-doklady aside.sidebar .client-center-box ul li a, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a, .in-klient-slevy aside.sidebar .client-center-box ul li a, .in-klient aside.sidebar .client-center-box ul li a, .in-nastaveni aside.sidebar .client-center-box ul li a, .in-objednavky aside.sidebar .client-center-box ul li a {
    font-size: 16px;
    color: #000;
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: none;
    position: relative;
    padding: 9px 0 9px 35px
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a:hover, .in-klient-doklady aside.sidebar .client-center-box ul li a:hover, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a:hover, .in-klient-slevy aside.sidebar .client-center-box ul li a:hover, .in-klient aside.sidebar .client-center-box ul li a:hover, .in-nastaveni aside.sidebar .client-center-box ul li a:hover, .in-objednavky aside.sidebar .client-center-box ul li a:hover {
    color: #fff
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a:hover:before, .in-klient-doklady aside.sidebar .client-center-box ul li a:hover:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a:hover:before, .in-klient-slevy aside.sidebar .client-center-box ul li a:hover:before, .in-klient aside.sidebar .client-center-box ul li a:hover:before, .in-nastaveni aside.sidebar .client-center-box ul li a:hover:before, .in-objednavky aside.sidebar .client-center-box ul li a:hover:before {
    background-color: #fff
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a:before, .in-klient-doklady aside.sidebar .client-center-box ul li a:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a:before, .in-klient-slevy aside.sidebar .client-center-box ul li a:before, .in-klient aside.sidebar .client-center-box ul li a:before, .in-nastaveni aside.sidebar .client-center-box ul li a:before, .in-objednavky aside.sidebar .client-center-box ul li a:before {
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
    content: "";
    width: 23px;
    height: 23px;
    background-color: #353535;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%)
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/logout/"].btn.btn-xs.btn-primary, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/logout/"].btn.btn-xs.btn-primary, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/logout/"].btn.btn-xs.btn-primary, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/logout/"].btn.btn-xs.btn-primary, .in-klient aside.sidebar .client-center-box ul li a[href="/logout/"].btn.btn-xs.btn-primary, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/logout/"].btn.btn-xs.btn-primary, .in-objednavky aside.sidebar .client-center-box ul li a[href="/logout/"].btn.btn-xs.btn-primary {
    text-transform: none;
    padding: 12px 12px 12px 30px;
    border-color: transparent;
    background-color: transparent;
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
    height: auto
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/logout/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/logout/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/logout/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/logout/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/logout/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/logout/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/logout/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/logout.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/logout.svg) no-repeat 50% 50%
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/"], .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/"], .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/"], .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/"], .in-klient aside.sidebar .client-center-box ul li a[href="/klient/"], .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/"], .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/"] {
    font-size: 16px
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/klient/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/user.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/user.svg) no-repeat 50% 50%;
    background-color: #fff
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/klient-slevy/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/klient-slevy/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/klient-slevy/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/klient-slevy/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/klient/klient-slevy/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/klient-slevy/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/klient-slevy/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/discount.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/discount.svg) no-repeat 50% 50%
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/klient-platby/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/klient-platby/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/klient-platby/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/klient-platby/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/klient/klient-platby/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/klient-platby/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/klient-platby/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/bill.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/bill.svg) no-repeat 50% 50%
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/klient-hodnoceni/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/klient-hodnoceni/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/klient-hodnoceni/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/klient-hodnoceni/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/klient/klient-hodnoceni/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/klient-hodnoceni/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/klient-hodnoceni/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/star.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/stars.svg) no-repeat 50% 50%
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/nastaveni/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/nastaveni/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/nastaveni/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/nastaveni/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/klient/nastaveni/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/nastaveni/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/nastaveni/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/personal.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/personal.svg) no-repeat 50% 50%
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/objednavky/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/objednavky/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/objednavky/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/objednavky/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/klient/objednavky/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/objednavky/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/objednavky/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/note.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/note.svg) no-repeat 50% 50%
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/klient-doklady/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/klient-doklady/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/klient-doklady/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/klient-doklady/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/klient/klient-doklady/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/klient-doklady/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/klient-doklady/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/bill.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/bill.svg) no-repeat 50% 50%
}

.in-klient-diskuze aside.sidebar .client-center-box ul li a[href="/klient/klient-diskuze/"]:before, .in-klient-doklady aside.sidebar .client-center-box ul li a[href="/klient/klient-diskuze/"]:before, .in-klient-hodnoceni aside.sidebar .client-center-box ul li a[href="/klient/klient-diskuze/"]:before, .in-klient-slevy aside.sidebar .client-center-box ul li a[href="/klient/klient-diskuze/"]:before, .in-klient aside.sidebar .client-center-box ul li a[href="/klient/klient-diskuze/"]:before, .in-nastaveni aside.sidebar .client-center-box ul li a[href="/klient/klient-diskuze/"]:before, .in-objednavky aside.sidebar .client-center-box ul li a[href="/klient/klient-diskuze/"]:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/user-center/chat.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/user-center/chat.svg) no-repeat 50% 50%
}

.in-klient-diskuze table.table.border tr:nth-child(odd), .in-klient-doklady table.table.border tr:nth-child(odd), .in-klient-hodnoceni table.table.border tr:nth-child(odd), .in-klient-slevy table.table.border tr:nth-child(odd), .in-klient table.table.border tr:nth-child(odd), .in-nastaveni table.table.border tr:nth-child(odd), .in-objednavky table.table.border tr:nth-child(odd) {
    background-color: #f7f7f7
}

.in-klient-diskuze table.table.border tr:nth-child(2n), .in-klient-doklady table.table.border tr:nth-child(2n), .in-klient-hodnoceni table.table.border tr:nth-child(2n), .in-klient-slevy table.table.border tr:nth-child(2n), .in-klient table.table.border tr:nth-child(2n), .in-nastaveni table.table.border tr:nth-child(2n), .in-objednavky table.table.border tr:nth-child(2n) {
    background-color: #f0f0f0
}

.in-klient-diskuze table.table.border tr th, .in-klient-doklady table.table.border tr th, .in-klient-hodnoceni table.table.border tr th, .in-klient-slevy table.table.border tr th, .in-klient table.table.border tr th, .in-nastaveni table.table.border tr th, .in-objednavky table.table.border tr th {
    border: 0;
    color: #000014;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    padding: 16px 0;
    text-align: left
}

.in-klient-diskuze table.table.border tr th:first-child, .in-klient-doklady table.table.border tr th:first-child, .in-klient-hodnoceni table.table.border tr th:first-child, .in-klient-slevy table.table.border tr th:first-child, .in-klient table.table.border tr th:first-child, .in-nastaveni table.table.border tr th:first-child, .in-objednavky table.table.border tr th:first-child {
    padding-left: 16px
}

.in-klient-diskuze table.table.border tr td, .in-klient-doklady table.table.border tr td, .in-klient-hodnoceni table.table.border tr td, .in-klient-slevy table.table.border tr td, .in-klient table.table.border tr td, .in-nastaveni table.table.border tr td, .in-objednavky table.table.border tr td {
    border: 0;
    padding: 16px 0;
    color: #000;
    font-size: 16px
}

.in-klient-diskuze table.table.border tr td:first-child, .in-klient-doklady table.table.border tr td:first-child, .in-klient-hodnoceni table.table.border tr td:first-child, .in-klient-slevy table.table.border tr td:first-child, .in-klient table.table.border tr td:first-child, .in-nastaveni table.table.border tr td:first-child, .in-objednavky table.table.border tr td:first-child {
    padding-left: 16px;
    padding-right: 16px
}

.in-klient-diskuze table.table.border tr td strong, .in-klient-doklady table.table.border tr td strong, .in-klient-hodnoceni table.table.border tr td strong, .in-klient-slevy table.table.border tr td strong, .in-klient table.table.border tr td strong, .in-nastaveni table.table.border tr td strong, .in-objednavky table.table.border tr td strong {
    font-weight: 400
}

.in-klient-diskuze table.table.border tr td a, .in-klient-doklady table.table.border tr td a, .in-klient-hodnoceni table.table.border tr td a, .in-klient-slevy table.table.border tr td a, .in-klient table.table.border tr td a, .in-nastaveni table.table.border tr td a, .in-objednavky table.table.border tr td a {
    border: 0;
    color: #000;
    font-size: 16px;
    line-height: 28px;
    text-decoration: underline
}

.in-klient-diskuze table.table.border tr td a:hover, .in-klient-doklady table.table.border tr td a:hover, .in-klient-hodnoceni table.table.border tr td a:hover, .in-klient-slevy table.table.border tr td a:hover, .in-klient table.table.border tr td a:hover, .in-nastaveni table.table.border tr td a:hover, .in-objednavky table.table.border tr td a:hover {
    text-decoration: none
}

.in-klient-diskuze .last-view-products, .in-klient-doklady .last-view-products, .in-klient-hodnoceni .last-view-products, .in-klient-slevy .last-view-products, .in-klient .last-view-products, .in-nastaveni .last-view-products, .in-objednavky .last-view-products {
    margin-top: 80px
}

.in-404 .breadcrumbs, .in-404 header[itemprop=headline] {
    display: none
}

.in-404 .content-inner {
    max-width: 100%
}

.in-404 #content .flex-404 {
    flex-direction: column;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 45px 0
}

.in-404 #content .flex-404 p {
    color: #4f5364;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0
}

.in-404 #content .flex-404 p:last-of-type {
    margin-bottom: 65px
}

@media (max-width: 479px) {
    .in-404 #content .flex-404 p:last-of-type {
        margin-bottom: 30px
    }
}

.in-404 #content .flex-404 .no-find {
    color: #191f2e;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

@media (max-width: 767px) {
    .in-404 #content .flex-404 .no-find {
        font-size: 25px
    }
}

header#header .header-top {
    padding: 10px 0
}

header#header .header-bottom {
    border: 0
}

@media (max-width: 1199px) {
    header#header .container {
        width: 100%;
        justify-content: space-between
    }
}

header#header .container > div {
    flex: unset
}

header#header .container .site-name {
    order: -20;
    flex: auto
}

@media (max-width: 1439px) {
    header#header .container .site-name {
        flex: unset;
        margin-right: 15px
    }
}

@media (max-width: 377px) {
    header#header .container .site-name {
        margin-right: 5px
    }
}

@media (max-width: 819px) {
    header#header .container .site-name img {
        max-height: 40px
    }
}

@media (max-width: 430px) {
    header#header .container .site-name img {
        max-height: 30px
    }
}

@media (max-width: 390px) {
    header#header .container .site-name img {
        max-height: 25px
    }
}

@media (max-width: 370px) {
    header#header .container .site-name img {
        max-height: 20px
    }
}

header#header .container .phone {
    padding-right: 35px;
    display: flex;
    align-items: center;
    order: -19
}

@media (max-width: 1439px) {
    header#header .container .phone {
        flex: unset;
        padding-right: 15px
    }
}

@media (max-width: 991px) {
    header#header .container .phone {
        display: none
    }
}

header#header .container .phone a {
    background: url(/user/documents/upload/sablona-nemazat/icon/phone-1.svg) no-repeat 0;
    padding-left: 24px;
    color: #98c93c;
    font-size: 18px;
    font-weight: 700
}

header#header .container .phone a:before {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block
}

header#header .container .phone a[title=Telefon] {
    margin-right: 34px
}

@media (max-width: 1439px) {
    header#header .container .phone a[title=Telefon] {
        margin-right: 15px
    }
}

header#header .container .phone a[title=Telefon]:before {
    content: "Eshop"
}

header#header .container .phone a[title="Mobilní telefon"]:before {
    content: "Prodejna"
}

@media (max-width: 1199px) {
    header#header .container .phone a[title="Mobilní telefon"] {
        display: none
    }
}

header#header .container .search {
    padding: 0
}

@media (max-width: 767px) {
    header#header .container .search {
        margin-top: 20px
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    header#header .container .search .persoo-ac-search-bar__input {
        width: 299px !important
    }
}

header#header .container .search #formSearchForm:after {
    display: none
}

header#header .container .search #formSearchForm input {
    width: 440px;
    height: 60px;
    border-radius: 6px;
    background-color: #f2f2f2;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.854 9.73a6.885 6.885 0 016.877-6.877 6.885 6.885 0 016.877 6.877 6.885 6.885 0 01-6.877 6.877A6.884 6.884 0 012.854 9.73zM23.81 21.646l-6.205-6.205a9.68 9.68 0 001.857-5.711c0-5.365-4.365-9.73-9.73-9.73C4.364 0 0 4.365 0 9.73c0 5.366 4.364 9.73 9.73 9.73a9.678 9.678 0 005.486-1.698L21.455 24z' fill='%23797979'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left 20px;
    padding: 0 0 0 62px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border: 0
}

@media (max-width: 1439px) {
    header#header .container .search #formSearchForm input {
        width: 300px
    }
}

@media (max-width: 991px) {
    header#header .container .search #formSearchForm input {
        width: 310px
    }
}

@media (max-width: 767px) {
    header#header .container .search #formSearchForm input {
        width: 90%;
        margin: 0 auto
    }
}

header#header .container .search #formSearchForm .search-input-icon {
    display: none
}

@media (min-width: 768px) {
    header#header .container .search {
        order: -18
    }
}

header#header .container .navigation-buttons {
    display: flex;
    align-items: center;
    padding-left: 0
}

@media (max-width: 767px) {
    header#header .container .navigation-buttons {
        flex: auto;
        padding-right: 10px
    }
}

header#header .container .navigation-buttons a[data-target=oblibene] {
    background-color: rgba(240, 51, 67, .3);
    width: 50px;
    height: 60px;
    border-radius: 6px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='30' width='30' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 471.701 471.701'%3E%3Cpath d='M433.601 67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7 13.6-92.4 38.3l-12.9 12.9-13.1-13.1c-24.7-24.7-57.6-38.4-92.5-38.4-34.8 0-67.6 13.6-92.2 38.2-24.7 24.7-38.3 57.5-38.2 92.4 0 34.9 13.7 67.6 38.4 92.3l187.8 187.8c2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-3.9l188.2-187.5c24.7-24.7 38.3-57.5 38.3-92.4.1-34.9-13.4-67.7-38.1-92.4zm-19.2 165.7l-178.7 178-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3s10.7-53.7 30.3-73.2c19.5-19.5 45.5-30.3 73.1-30.3 27.7 0 53.8 10.8 73.4 30.4l22.6 22.6c5.3 5.3 13.8 5.3 19.1 0l22.4-22.4c19.6-19.6 45.7-30.4 73.3-30.4 27.6 0 53.6 10.8 73.2 30.3 19.6 19.6 30.3 45.6 30.3 73.3.1 27.7-10.7 53.7-30.3 73.3z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 25px auto;
    background-repeat: no-repeat
}

@media (max-width: 1439px) {
    header#header .container .navigation-buttons a[data-target=oblibene] {
        margin-left: 10px
    }
}

@media (max-width: 767px) {
    header#header .container .navigation-buttons a[data-target=oblibene] {
        width: 50px;
        height: 50px
    }
}

@media (max-width: 480px) {
    header#header .container .navigation-buttons a[data-target=oblibene] {
        width: 40px;
        height: 40px
    }
}

@media (max-width: 350px) {
    header#header .container .navigation-buttons a[data-target=oblibene] {
        margin: 0 0 0 5px
    }
}

header#header .container .navigation-buttons a[data-target=oblibene].have-favorite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23f03343' width='30' height='30' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.256 12.16q.544 2.08 2.08 3.616L16 29.92l13.664-14.144q1.536-1.536 2.08-3.616t0-4.128-2.08-3.584-3.584-2.08-4.16 0-3.584 2.08L16 7.264l-2.336-2.816q-1.536-1.536-3.584-2.08t-4.128 0-3.616 2.08-2.08 3.584 0 4.128z'/%3E%3C/svg%3E")
}

header#header .container .navigation-buttons a[data-target=oblibene] span {
    display: none
}

@media (max-width: 767px) {
    header#header .container .navigation-buttons a[data-target=navigation] {
        order: 20;
        background-color: #f68d2a;
        border-radius: 6px;
        width: 50px;
        height: 50px;
        display: flex;
        padding: 0;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 480px) {
    header#header .container .navigation-buttons a[data-target=navigation] {
        width: 40px;
        height: 40px
    }
}

header#header .container .navigation-buttons a[data-target=navigation]:before {
    color: #fff;
    line-height: 1
}

@media (max-width: 767px) {
    header#header .container .navigation-buttons a[data-target=search] {
        background-color: #40c1c0;
        border-radius: 6px;
        width: 50px;
        height: 50px;
        display: flex;
        padding: 0;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 480px) {
    header#header .container .navigation-buttons a[data-target=search] {
        width: 40px;
        height: 40px
    }
}

header#header .container .navigation-buttons a[data-target=search]:before {
    color: #fff;
    line-height: 1
}

header#header .container .navigation-buttons .dropdown {
    order: 20
}

header#header .container .navigation-buttons .dropdown.open button {
    background: #dfdfdf;
    border-radius: 6px 6px 0 0
}

header#header .container .navigation-buttons .dropdown.open .dropdown-menu {
    top: 60px;
    background: #dfdfdf;
    border: 0;
    border-radius: 0 0 6px 6px;
    min-width: 70px
}

header#header .container .navigation-buttons .dropdown.open .dropdown-menu li {
    list-style: none
}

header#header .container .navigation-buttons .dropdown.open .dropdown-menu li a {
    text-align: left;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight: 700
}

header#header .container .navigation-buttons .dropdown.open .dropdown-menu li a:before {
    display: none
}

header#header .container .navigation-buttons .dropdown button {
    width: 70px;
    height: 60px;
    border-radius: 6px;
    background-color: #f2f2f2;
    border: 0;
    color: #797979;
    font-size: 18px;
    font-weight: 700
}

header#header .container .navigation-buttons .dropdown button:hover {
    background: #dfdfdf
}

header#header .container .navigation-buttons .cart-count {
    order: 19;
    margin: 0 8px;
    border-radius: 6px;
    background-color: #98c93c;
    height: 60px;
    padding-left: 17px
}

@media (min-width: 1440px) {
    header#header .container .navigation-buttons .cart-count {
        width: 160px
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    header#header .container .navigation-buttons .cart-count {
        width: 140px;
        padding-left: 11px
    }
}

@media (max-width: 1199px) {
    header#header .container .navigation-buttons .cart-count {
        padding-left: 10px
    }
}

@media (max-width: 767px) {
    header#header .container .navigation-buttons .cart-count {
        width: 50px;
        height: 50px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (max-width: 480px) {
    header#header .container .navigation-buttons .cart-count {
        width: 40px;
        height: 40px
    }
}

@media (max-width: 350px) {
    header#header .container .navigation-buttons .cart-count {
        margin: 0 5px
    }
}

header#header .container .navigation-buttons .cart-count:before {
    width: 32px;
    height: 32px;
    display: inline-block;
    content: "";
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/icon/basket-1.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/icon/basket-1.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: relative;
    top: -2px
}

@media (max-width: 480px) {
    header#header .container .navigation-buttons .cart-count:before {
        background-size: 25px
    }
}

header#header .container .navigation-buttons .cart-count.full:before {
    background-color: #fff
}

header#header .container .navigation-buttons .cart-count.full .cart-price {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

header#header .container .navigation-buttons .cart-count.full i {
    color: #98c93c;
    font-size: 18px;
    font-weight: 700;
    background-color: #fff;
    width: auto;
    height: auto;
    border-radius: 0;
    left: 25px;
    top: 22px;
    bottom: auto
}

@media (max-width: 1439px) {
    header#header .container .navigation-buttons .cart-count.full i {
        left: 19px
    }
}

@media (max-width: 1199px) {
    header#header .container .navigation-buttons .cart-count.full i {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 0
    }
}

header#header .container .navigation-buttons .cart-count:not(.full) {
    color: #797979;
    font-size: 20px;
    font-weight: 700;
    background-color: #f2f2f2
}

header#header .container .navigation-buttons .cart-count:not(.full):hover {
    background-color: #dfdfdf
}

header#header .container .navigation-buttons .cart-count:not(.full):before {
    background-color: #797979
}

header#header .container .navigation-buttons .cart-count:not(.full):after {
    content: "0";
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    left: 28px;
    position: absolute;
    top: 7px
}

@media (max-width: 1199px) {
    header#header .container .navigation-buttons .cart-count:not(.full):after {
        left: 20px
    }
}

@media (max-width: 767px) {
    header#header .container .navigation-buttons .cart-count:not(.full):after {
        line-height: 2
    }
}

@media (max-width: 479px) {
    header#header .container .navigation-buttons .cart-count:not(.full):after {
        line-height: 29px;
        left: 15px
    }
}

header#header .container .navigation-buttons .cart-count:not(.full) .cart-price {
    font-size: 0
}

header#header .container .navigation-buttons .cart-count:not(.full) .cart-price:after {
    content: "Prázdný";
    font-size: 20px;
    position: relative;
    top: 3px
}

header#header .container .navigation-buttons a[data-target=login-ucet], header#header .container .navigation-buttons a[data-target=login] {
    order: 17;
    display: initial;
    width: 50px;
    height: 60px;
    border-radius: 6px;
    background: url(/user/documents/upload/sablona-nemazat/icon/user-login.svg), #40c1c0;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-left: 8px
}

header#header .container .navigation-buttons a[data-target=login-ucet]:before, header#header .container .navigation-buttons a[data-target=login]:before {
    display: none
}

header#header .container .navigation-buttons a[data-target=login-ucet]:hover, header#header .container .navigation-buttons a[data-target=login]:hover {
    background-color: #1a7170
}

header#header .container .navigation-buttons a[data-target=login-ucet] span, header#header .container .navigation-buttons a[data-target=login] span {
    display: none
}

@media (max-width: 767px) {
    header#header .container .navigation-buttons a[data-target=login-ucet], header#header .container .navigation-buttons a[data-target=login] {
        width: 50px;
        height: 50px
    }
}

@media (max-width: 480px) {
    header#header .container .navigation-buttons a[data-target=login-ucet], header#header .container .navigation-buttons a[data-target=login] {
        width: 40px;
        height: 40px;
        background-size: 20px
    }
}

@media (max-width: 350px) {
    header#header .container .navigation-buttons a[data-target=login-ucet], header#header .container .navigation-buttons a[data-target=login] {
        margin: 0 0 0 5px
    }
}

.top-navigation-bar {
    display: none
}

.header-bottom .menu-helper {
    width: 115px;
    background-color: #fff;
    top: 7px
}

.header-bottom .menu-helper > span:before {
    content: url(/user/documents/upload/sablona-nemazat/icon/more.svg);
    margin-right: 10px
}

.header-bottom .menu-helper > span:after {
    content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg)
}

@media (min-width: 768px) {
    nav#navigation {
        height: 82px
    }
}

@media (max-width: 767px) {
    nav#navigation {
        top: 71px;
        border: 0
    }
}

@media (max-width: 479px) {
    nav#navigation {
        top: 68px
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li {
        min-height: 83px
    }
}

nav#navigation .menu > ul > li.detska-obuv.exp > a, nav#navigation .menu > ul > li.detska-obuv:hover > a {
    position: relative
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.detska-obuv.exp > a:after, nav#navigation .menu > ul > li.detska-obuv:hover > a:after {
        height: 4px;
        background-color: #40c1c0;
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        transform: none
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.detska-obuv > a > b {
        position: relative;
        display: flex;
        align-items: center
    }

    nav#navigation .menu > ul > li.detska-obuv > a > b:before {
        content: url(/user/documents/upload/sablona-nemazat/svg/baby-boy.svg);
        position: relative;
        top: 2px;
        margin-right: 9px
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.detska-obuv .menu-level-2 {
        background-color: #40c1c0
    }
}

nav#navigation .menu > ul > li.detska-obuv .menu-level-2:before {
    border-left: 9999px solid #40c1c0;
    box-shadow: 9999px 0 0 #40c1c0
}

nav#navigation .menu > ul > li.detska-obuv .menu-level-2 .menu-dsc a.btn {
    color: #40c1c0
}

nav#navigation .menu > ul > li.detska-obuv .menu-level-2 .menu-dsc a.btn:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-blue.svg)
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: relative;
        margin-bottom: 25px
    }
}

@media (min-width: 1200px) {
    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li {
        width: 16.666666%;
        flex-basis: 16.6666666%
    }
}

@media (max-width: 1199px) {
    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li {
        width: 20%;
        flex-basis: 20%
    }
}

@media (max-width: 991px) {
    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li {
        width: 25%;
        flex-basis: 25%
    }
}

@media (max-width: 767px) {
    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li {
        width: 100%;
        flex-basis: 100%
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li > a {
        padding: 0 0 25px
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li > a img {
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li > div {
        width: 100%;
        position: absolute;
        bottom: 0
    }

    nav#navigation .menu > ul > li.znacky.exp .menu-level-2 > li > div > a {
        padding-bottom: 0
    }
}

nav#navigation .menu > ul > li.obuv-pre-dospelych.exp > a, nav#navigation .menu > ul > li.obuv-pre-dospelych:hover > a, nav#navigation .menu > ul > li.panska-obuv.exp > a, nav#navigation .menu > ul > li.panska-obuv:hover > a {
    position: relative
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.obuv-pre-dospelych.exp > a:after, nav#navigation .menu > ul > li.obuv-pre-dospelych:hover > a:after, nav#navigation .menu > ul > li.panska-obuv.exp > a:after, nav#navigation .menu > ul > li.panska-obuv:hover > a:after {
        height: 4px;
        background-color: #98c93c;
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        transform: none
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.obuv-pre-dospelych > a > b, nav#navigation .menu > ul > li.panska-obuv > a > b {
        position: relative;
        display: flex;
        align-items: center
    }

    nav#navigation .menu > ul > li.obuv-pre-dospelych > a > b:before, nav#navigation .menu > ul > li.panska-obuv > a > b:before {
        content: url(/user/documents/upload/sablona-nemazat/icon/ico-man.svg);
        position: relative;
        top: 2px;
        margin-right: 9px
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.obuv-pre-dospelych .menu-level-2, nav#navigation .menu > ul > li.panska-obuv .menu-level-2 {
        background-color: #98c93c
    }
}

nav#navigation .menu > ul > li.obuv-pre-dospelych .menu-level-2:before, nav#navigation .menu > ul > li.panska-obuv .menu-level-2:before {
    border-left: 9999px solid #98c93c;
    box-shadow: 9999px 0 0 #98c93c
}

nav#navigation .menu > ul > li.obuv-pre-dospelych .menu-level-2 .menu-dsc a.btn, nav#navigation .menu > ul > li.panska-obuv .menu-level-2 .menu-dsc a.btn {
    color: #98c93c
}

nav#navigation .menu > ul > li.obuv-pre-dospelych .menu-level-2 .menu-dsc a.btn:after, nav#navigation .menu > ul > li.panska-obuv .menu-level-2 .menu-dsc a.btn:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-green.svg)
}

nav#navigation .menu > ul > li.damska-obuv.exp > a, nav#navigation .menu > ul > li.damska-obuv:hover > a {
    position: relative
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.damska-obuv.exp > a:after, nav#navigation .menu > ul > li.damska-obuv:hover > a:after {
        height: 4px;
        background-color: #f03343;
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        transform: none
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.damska-obuv > a > b {
        position: relative;
        display: flex;
        align-items: center
    }

    nav#navigation .menu > ul > li.damska-obuv > a > b:before {
        content: url(/user/documents/upload/sablona-nemazat/svg/woman.svg);
        position: relative;
        top: 2px;
        margin-right: 9px
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.damska-obuv .menu-level-2 {
        background-color: #f03343
    }
}

nav#navigation .menu > ul > li.damska-obuv .menu-level-2:before {
    border-left: 9999px solid #f03343;
    box-shadow: 9999px 0 0 #f03343
}

nav#navigation .menu > ul > li.damska-obuv .menu-level-2 .menu-dsc a.btn {
    color: #f03343
}

nav#navigation .menu > ul > li.damska-obuv .menu-level-2 .menu-dsc a.btn:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/icon-right-red.svg)
}

nav#navigation .menu > ul > li.doplnky.exp > a, nav#navigation .menu > ul > li.doplnky:hover > a {
    position: relative
}

nav#navigation .menu > ul > li.doplnky.exp > a:after, nav#navigation .menu > ul > li.doplnky:hover > a:after {
    height: 4px;
    background-color: #f68d2a;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    top: auto;
    transform: none
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.doplnky > a > b {
        position: relative;
        display: flex;
        align-items: center
    }

    nav#navigation .menu > ul > li.doplnky > a > b:before {
        content: url(/user/documents/upload/sablona-nemazat/svg/handbag.svg);
        position: relative;
        top: 2px;
        margin-right: 9px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    nav#navigation .menu > ul > li.doplnky .menu-level-2 {
        background-color: #f68d2a
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.doplnky .menu-level-2:before {
        border-left: 9999px solid #f68d2a;
        box-shadow: 9999px 0 0 #f68d2a
    }

    nav#navigation .menu > ul > li.doplnky .menu-level-2 .menu-dsc a.btn {
        color: #f68d2a !important
    }

    nav#navigation .menu > ul > li.doplnky .menu-level-2 .menu-dsc a.btn:after {
        content: url(/user/documents/upload/sablona-nemazat/icon/arrow-orange.svg)
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.vypredaj > a > b {
        position: relative;
        display: flex;
        align-items: center
    }

    nav#navigation .menu > ul > li.vypredaj > a > b:before {
        content: url(/user/documents/upload/sablona-nemazat/svg/discount.svg);
        position: relative;
        top: 2px;
        margin-right: 9px
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li.znacky > a > b {
        position: relative;
        display: flex;
        align-items: center
    }

    nav#navigation .menu > ul > li.znacky > a > b:before {
        content: url(/user/documents/upload/sablona-nemazat/svg/box.svg);
        position: relative;
        top: 2px;
        margin-right: 9px
    }
}

nav#navigation .menu > ul > li:hover > a > b {
    text-decoration: none
}

nav#navigation .menu > ul > li.ext > a > span {
    display: inline-block;
    margin-left: 8px;
    padding-left: 0
}

nav#navigation .menu > ul > li.ext > a > span:after {
    content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg)
}

@media (max-width: 767px) {
    nav#navigation .menu > ul > li.ext > a > span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 58px
    }
}

@media (max-width: 767px) {
    nav#navigation .menu > ul > li.ext.exp {
        background-color: #f2f2f2
    }
}

nav#navigation .menu > ul > li.ext.exp > a {
    margin-left: 0;
    margin-right: 0
}

nav#navigation .menu > ul > li > a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    position: relative
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li > a:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 27px;
        background: #f2f2f2
    }
}

@media (min-width: 768px) {
    nav#navigation .menu > ul > li > a {
        min-height: 83px
    }
}

@media (min-width: 1440px) {
    nav#navigation .menu > ul > li > a {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (max-width: 767px) {
    nav#navigation .menu > ul > li > a {
        font-size: 15px
    }
}

nav#navigation .menu > ul > li > a:hover {
    text-decoration: none;
    margin-left: 0;
    margin-right: 0
}

nav#navigation .menu > ul > li > a > b {
    text-decoration: none;
    position: relative
}

@media (max-width: 767px) {
    nav#navigation .menu > ul > li {
        border-bottom: 1px solid #f2f2f2
    }
}

@media (min-width: 768px) {
    nav#navigation .menu .menu-level-2 {
        margin-top: -1px;
        border-top: 0;
        padding: 61px 0 59px;
        align-items: flex-start
    }
}

@media (min-width: 768px) {
    nav#navigation .menu .menu-level-2:before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 0;
        left: -9998px;
        right: 0;
        border-left: 9999px solid #fff;
        box-shadow: 9999px 0 0 #fff
    }
}

nav#navigation .menu .menu-level-2 .menu-level-middle {
    width: 44%;
    position: relative
}

@media (max-width: 1199px) {
    nav#navigation .menu .menu-level-2 .menu-level-middle {
        width: 100%
    }
}

@media (min-width: 768px) {
    nav#navigation .menu .menu-level-2 .menu-level-middle li {
        height: 80px;
        border-radius: 6px;
        background-color: #fff;
        width: calc(50% - 10px);
        margin: 5px;
        display: flex;
        align-items: center;
        padding: 10px 10px 10px 24px
    }
}

@media (max-width: 1199px) {
    nav#navigation .menu .menu-level-2 .menu-level-middle li {
        width: calc(25% - 10px)
    }
}

@media (max-width: 991px) {
    nav#navigation .menu .menu-level-2 .menu-level-middle li {
        width: calc(33.33333% - 10px)
    }
}

@media (max-width: 767px) {
    nav#navigation .menu .menu-level-2 .menu-level-middle li {
        width: 100%
    }
}

nav#navigation .menu .menu-level-2 .menu-level-middle li:hover div a {
    color: #000;
    text-decoration: none
}

nav#navigation .menu .menu-level-2 .menu-level-middle li:hover div a span {
    text-decoration: none
}

nav#navigation .menu .menu-level-2 .menu-level-middle li a.menu-image {
    max-width: 80px;
    padding: 0
}

@media (min-width: 768px) {
    nav#navigation .menu .menu-level-2 .menu-level-middle li div a {
        color: #0f3332;
        font-size: 18px;
        font-weight: 700;
        padding: 0
    }
}

nav#navigation .menu .menu-level-2 .menu-level-middle li .menu-level-3 {
    display: none
}

@media (max-width: 767px) {
    nav#navigation .menu .navigationActions {
        border: 0
    }
}

nav#navigation .menu .navigationActions > li > a span:not(.submenu-arrow) {
    margin-left: 0 !important;
    margin-right: 8px
}

nav#navigation .menu .navigationActions > li > .navigationActions__submenu > li > ul > li:before, nav#navigation .menu .navigationActions > li > a span:not(.submenu-arrow):after {
    display: none
}

nav#navigation .menu .navigationActions > li > .navigationActions__submenu > li > ul > li > a {
    margin: 0
}

.menu-dsc {
    order: -10;
    width: 334px;
    padding-right: 36px;
    position: relative
}

@media (max-width: 1199px) {
    .menu-dsc {
        width: 100%;
        margin: -25px 0 20px 5px
    }
}

@media (max-width: 767px) {
    .menu-dsc {
        display: none
    }
}

.menu-dsc h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 5px
}

.menu-dsc p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 26px
}

.menu-dsc a.btn {
    font-size: 20px;
    font-weight: 700;
    border-radius: 6px;
    background-color: #fff;
    width: 178px;
    height: 60px;
    padding: 0;
    border: 0;
    line-height: 60px
}

.menu-dsc a.btn:after {
    position: relative;
    top: 1px;
    left: 3px
}

.menu-banner {
    width: 28%;
    border-radius: 6px;
    position: relative;
    max-width: 300px;
    margin-top: 5px;
    margin-left: 5px;
    max-height: 360px
}

@media (max-width: 1199px) {
    .menu-banner {
        display: none
    }
}

.menu-banner:before {
    content: url(/user/documents/upload/sablona-nemazat/svg/bglinkslider.svg);
    position: absolute;
    bottom: 39px;
    left: 31px;
    z-index: 2
}

.menu-banner:hover:after {
    background: rgba(0, 0, 0, .15);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 6px
}

.menu-banner img {
    border-radius: 6px
}

.menu-banner p {
    top: 29px;
    font-size: 12px;
    font-weight: 400
}

.menu-banner p, .menu-banner strong {
    left: 31px;
    position: absolute;
    color: #fff;
    z-index: 2
}

.menu-banner strong {
    top: 55px;
    line-height: 1;
    font-size: 38px;
    font-weight: 700;
    padding-right: 5px
}

.menu-banner a {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.navigation-hovered header#header {
    position: relative;
    z-index: 1003
}

@media (max-width: 767px) {
    .mobile-header-version-1 .overall-wrapper {
        padding-top: 80px
    }
}

body.ordering-process {
    background-color: #f7f7f7
}

body.ordering-process header {
    border-bottom: 0
}

body.ordering-process #content {
    background-color: #f7f7f7;
    padding: 0
}

body.ordering-process .content-inner {
    background-color: #fff;
    border-radius: 0 25px 25px 25px
}

body.ordering-process .content-wrapper {
    padding-bottom: 0;
    margin-bottom: 60px
}

body.ordering-process.id--9 .cart-inner {
    width: 100%;
    padding: 20px 60px
}

@media (max-width: 1199px) {
    body.ordering-process.id--9 .cart-inner {
        padding: 20px
    }
}

@media (max-width: 767px) {
    body.ordering-process.id--9 .cart-inner {
        padding: 10px
    }
}

@media (max-width: 767px) {
    body.ordering-process.in-kosik #content-wrapper {
        max-width: calc(100% - 20px);
        margin: 0 auto 20px;
        background-color: #f7f7f7
    }
}

.applied-coupon .js-remove-form, .applied-coupon strong {
    position: relative;
    top: -15px
}

.toggle-coupon-input .toggle-coupon-input-button {
    text-decoration: none
}

.toggle-coupon-input .toggle-coupon-input-button:after {
    font-size: 10px;
    position: relative;
    top: 2px
}

.toggle-coupon-input .toggle-coupon-input-button:hover {
    text-decoration: underline
}

.toggle-coupon-input .discount-coupon {
    margin-top: 10px
}

@media (max-width: 767px) {
    .toggle-coupon-input .discount-coupon {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 479px) {
    .toggle-coupon-input .discount-coupon form {
        flex-direction: column
    }
}

.toggle-coupon-input .discount-coupon input {
    background-color: #f2f2f2;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border: 0;
    border-radius: 6px;
    margin-right: 10px;
    max-height: 48px
}

@media (max-width: 479px) {
    .toggle-coupon-input .discount-coupon input {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .toggle-coupon-input .discount-coupon button {
        flex: auto
    }
}

@media (max-width: 479px) {
    .toggle-coupon-input .discount-coupon button {
        margin-top: 15px
    }
}

@media (min-width: 768px) {
    .in-kosik header#header .header-bottom {
        display: none !important
    }
}

.in-kosik .price-wrapper .price-label.price-primary {
    font-weight: 400
}

.in-kosik .cart-table {
    border-color: #e0e5ee
}

.in-kosik .cart-table tr td {
    border-top-color: #e0e5ee
}

.in-kosik .cart-table tr.cart-table-header .cenazaks, .in-kosik .cart-table tr.cart-table-header .p-price {
    display: none
}

@media (min-width: 992px) {
    .in-kosik .cart-table tr.cart-table-header .p-total {
        padding-right: 50px;
        text-align: right
    }
}

.in-kosik .cart-table tr.removeable {
    position: relative
}

.in-kosik .cart-table tr.removeable:nth-child(-n+2) > td {
    border-top-style: none
}

@media (max-width: 767px) {
    .in-kosik .cart-table tr.removeable:nth-last-child(-n+3) {
        border-bottom: 0
    }
}

.in-kosik .cart-table tr.removeable .p-name a.main-link {
    font-weight: 600;
    color: #000
}

.in-kosik .cart-table tr.removeable .p-name a.main-link .main-link-variant {
    color: #cfcfcf;
    font-weight: 400
}

.in-kosik .cart-table tr.removeable .p-name a:hover {
    text-decoration: none
}

.in-kosik .cart-table tr.removeable .p-name .show-related {
    font-size: 14px
}

.in-kosik .cart-table tr.removeable .p-price.p-cell {
    display: none
}

.in-kosik .cart-table tr.removeable .p-total {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 992px) {
    .in-kosik .cart-table tr.removeable .p-total {
        height: 121px;
        padding-right: 50px
    }
}

.in-kosik .cart-table tr.removeable .p-total .cenazaks {
    order: 20
}

.in-kosik .cart-table tr.removeable .p-total .cenazaks .price-final {
    font-weight: 400;
    font-size: 16px
}

.in-kosik .cart-table tr.removeable .p-total .price-final {
    font-weight: 700;
    font-size: 18px
}

.in-kosik .cart-table tr.removeable .p-quantity .quantity-form .quantity {
    border-width: 1px
}

.in-kosik .cart-table tr.removeable .p-quantity .quantity-form .quantity input {
    font-size: 16px;
    height: 35px;
    font-weight: 400
}

.in-kosik .cart-table tr.removeable .p-quantity .quantity-form .quantity .decrease, .in-kosik .cart-table tr.removeable .p-quantity .quantity-form .quantity .increase {
    height: 35px
}

.in-kosik .cart-table tr.removeable .p-quantity .quantity-form .quantity .decrease:before, .in-kosik .cart-table tr.removeable .p-quantity .quantity-form .quantity .increase:before {
    font-size: 16px;
    font-weight: 400;
    line-height: 35px
}

.in-kosik .cart-table tr.removeable .remove-item {
    position: absolute;
    width: auto;
    padding: 15px
}

@media (min-width: 992px) {
    .in-kosik .cart-table tr.removeable .remove-item {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 991px) {
    .in-kosik .cart-table tr.removeable .remove-item {
        top: -23px;
        left: -31px
    }
}

.in-kosik .cart-table tr.removeable .remove-item:before {
    color: #cb0000
}

@media (max-width: 991px) {
    .in-kosik .cart-table tr.removeable .remove-item:before {
        font-size: 12px
    }
}

.in-kosik .cart-table tr.related td {
    background-color: #f2f2f2
}

.in-kosik .cart-table tr.related .cart-related-product {
    max-width: 100%;
    padding: 10px 15px
}

.in-kosik .cart-table tr.related .cart-related-product .cart-related-button strong {
    margin-bottom: 0
}

.next-step-back:before {
    font-size: 10px;
    top: -1px;
    position: relative
}

.for-free, .radio-wrapper.active .for-free {
    color: #98c93c
}

.ordering-process .dropdown {
    margin-left: 8px
}

.ordering-process .phone > div {
    display: flex;
    align-items: center;
    order: -19
}

@media (max-width: 767px) {
    .ordering-process header#header a[data-target=navigation] {
        margin-left: 8px
    }
}

.in-kosik .cart-table-header, .in-kosik:not(.prazdny-kosik) #formSearchForm, .in-kosik:not(.prazdny-kosik) .header-bottom #navigation, .in-kosik:not(.prazdny-kosik) .navigation-buttons, .in-kosik:not(.prazdny-kosik) .navigation-buttons a[data-target=navigation] {
    display: none
}

.in-kosik .delivery-date-center {
    margin-bottom: 35px;
    text-align: center;
    order: 4
}

.in-kosik .delivery-date-center .delivery-time {
    padding: 25px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    background-color: #f7f7f7
}

.in-kosik .delivery-date-center .delivery-time:before {
    content: "\e92e";
    left: 17px;
    top: 50%;
    font-weight: 400;
    margin: 0 10px 0 0;
    font-size: 32px;
    line-height: 1;
    color: var(--color-primary);
    font-family: shoptet
}

.in-kosik .delivery-date-center .delivery-time strong {
    margin-left: 3px
}

.in-kosik .row.summary {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1199px) {
    .in-kosik .row.summary {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .in-kosik .row.summary {
        margin: 0
    }
}

.in-kosik .row.summary .col-md-4 {
    margin: 0 0 0 auto;
    min-height: 181px;
    max-width: 415px;
    background-color: rgba(64, 193, 192, .3);
    border-radius: 25px;
    padding: 25px
}

@media (max-width: 1439px) {
    .in-kosik .row.summary .col-md-4 {
        max-width: 338px
    }
}

@media (max-width: 1199px) {
    .in-kosik .row.summary .col-md-4 {
        width: 100%;
        max-width: 100%;
        margin-top: 2%
    }
}

.in-kosik .row.summary .col-md-4 .price-wrapper {
    padding-top: 0
}

.in-kosik .row.summary .col-md-4 .price-wrapper .price-label {
    color: #000;
    flex: 1 1 45%
}

@media (max-width: 1199px) {
    .in-kosik .row.summary .col-md-4 .price-wrapper .price-label {
        text-align: left
    }
}

@media (max-width: 479px) {
    .in-kosik .row.summary .col-md-4 .price-wrapper .price-label.price-primary {
        font-size: 15px;
        line-height: 1.1
    }
}

.in-kosik .row.summary .col-md-4 .price-wrapper .price-label.price-secondary {
    font-size: 12px
}

.in-kosik .row.summary .col-md-4 .price-wrapper .price {
    padding-top: 0;
    color: #000;
    flex: 1 1 55%
}

.in-kosik .row.summary .col-md-4 .price-wrapper .price.price-secondary {
    font-size: 12px
}

@media (max-width: 479px) {
    .in-kosik .row.summary .col-md-4 .price-wrapper .price.price-primary {
        font-size: 27px
    }
}

.in-kosik .row.summary .col-md-4 .next-step {
    margin: 15px 0 0
}

.in-kosik .row.summary .col-md-4 .next-step .next-step-back {
    display: none
}

.in-kosik .row.summary .col-md-8 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 0
}

@media (min-width: 1200px) {
    .in-kosik .row.summary .col-md-8 {
        min-height: 181px
    }
}

@media (max-width: 1199px) {
    .in-kosik .row.summary .col-md-8 {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}

.in-kosik .row.summary .col-md-8 .toggle-coupon-input {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
    background-color: rgba(240, 51, 67, .3);
    border-radius: 25px;
    padding: 25px
}

@media (max-width: 767px) {
    .in-kosik .row.summary .col-md-8 .toggle-coupon-input {
        width: 100%;
        margin-bottom: 2%
    }
}

.in-kosik .row.summary .col-md-8 .toggle-coupon-input .toggle-coupon-input-button {
    display: none
}

.in-kosik .row.summary .col-md-8 .toggle-coupon-input .discount-coupon {
    margin-top: 0;
    display: block !important
}

.in-kosik .row.summary .col-md-8 .toggle-coupon-input .discount-coupon:before {
    content: "Mám zľavový kupón";
    font-family: Nunito, sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 20px;
    display: block;
    text-align: center;
    margin-bottom: 15px
}

.in-kosik .row.summary .col-md-8 .toggle-coupon-input .discount-coupon .input-group {
    display: flex;
    align-items: center
}

.in-kosik .row.summary .col-md-8 .toggle-coupon-input .discount-coupon .input-group button {
    font-size: 0;
    height: 48px
}

.in-kosik .row.summary .col-md-8 .toggle-coupon-input .discount-coupon .input-group button:after {
    font-size: 16px;
    content: "Vložiť";
    line-height: 1;
    position: relative
}

.in-kosik .row.summary .col-md-8 .box-bg-default {
    background-color: rgba(152, 201, 60, .3);
    width: 49%;
    border-radius: 25px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000
}

@media (max-width: 767px) {
    .in-kosik .row.summary .col-md-8 .box-bg-default {
        width: 100%
    }
}

.in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery {
    padding: 0;
    display: flex;
    align-items: center
}

.in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery:before {
    margin-right: 10px;
    content: "\e92e";
    font-family: Shoptet;
    font-size: 35px
}

@media (max-width: 767px) {
    .in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery:before {
        font-size: 20px
    }
}

.in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery .price-range {
    margin: 10px auto
}

.in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery .price-range:before {
    display: none
}

.in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery .price-range > div {
    background-color: #98c93c
}

.in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery span {
    line-height: 1.1
}

.in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery span strong {
    font-family: Nunito, sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 20px
}

@media (max-width: 767px) {
    .in-kosik .row.summary .col-md-8 .box-bg-default .extra.delivery span strong {
        font-size: 18px
    }
}

@media (max-width: 991px) {
    .in-krok-1 .order-summary-inner {
        display: none
    }
}

.in-krok-2 .next-step {
    border-radius: 0 0 25px 25px !important
}

.in-krok-2 main#content .content-inner {
    border-radius: 25px 0 25px 25px !important
}

@media (max-width: 991px) {
    .in-krok-2 .order-summary-inner {
        border-width: 0
    }
}

.in-krok-2 .order-summary-inner h4 {
    display: block
}

@media (max-width: 991px) {
    .in-krok-2 .order-summary-inner .order-summary-item.price {
        border-radius: 0 0 6px 6px
    }
}

@media (max-width: 991px) {
    .in-krok-2 .order-summary-inner .order-summary-item.helper {
        border-top: 0;
        border-radius: 6px 6px 0 0
    }
}

@media (max-width: 991px) {
    .in-krok-2 .order-summary-inner .order-summary-item.helper + .helper {
        border-radius: 0
    }
}

@media (max-width: 991px) {
    .in-krok-2 .order-summary-inner .order-summary-item {
        background-color: #f2f2f2;
        padding-left: 10px;
        padding-right: 10px
    }
}

.hoditse {
    background-color: #fff;
    order: 3;
    padding: 30px 20px;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .hoditse {
        padding: 0;
        margin: 0 !important
    }
}

.hoditse .left {
    width: 100%;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat
}

.hoditse .left h2 {
    color: #000;
    font-size: 33px;
    font-weight: 700;
    margin: 0 0 33px;
    text-align: center
}

@media (max-width: 991px) {
    .hoditse .left h2 {
        margin: 0
    }
}

.hoditse .left p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0 !important
}

.hoditse .right {
    width: 100%;
    padding: 0 37px
}

@media (max-width: 991px) {
    .hoditse .right {
        width: 100%
    }
}

@media (max-width: 479px) {
    .hoditse .right {
        padding: 0
    }
}

.hoditse .right .slick-arrow {
    opacity: 0
}

@media (min-width: 480px) {
    .hoditse .right:hover .slick-arrow {
        opacity: 1
    }
}

.hoditse .right .products {
    height: 100%
}

@media (min-width: 768px) {
    .hoditse {
        margin: 25px -20px 30px
    }
}

@media (max-width: 767px) {
    .hoditse {
        margin: 25px 0 30px
    }
}

.hoditse .slick-list {
    position: relative
}

.hoditse .slick-list:after {
    content: "";
    background-color: #fff;
    height: 100%;
    right: 0;
    top: 0;
    width: 1px;
    position: absolute
}

.hoditse:before {
    content: "";
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 25px;
    font-size: 30px;
    font-weight: 600;
    color: #000
}

.hoditse .product {
    padding: 5px
}

.in-krok-1 select {
    padding-left: 22px;
    border: 1px solid #e0e5ee;
    border-radius: 20px;
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7'%3E%3Cpath class='st0' fill='%23e0e5ee' d='M12.8.6c-.2-.3-.6-.3-.9-.1L6.7 5 1.5.5C1.2.3.8.3.6.6c-.2.3-.2.7.1.9l5.6 4.9c.2.2.6.2.8 0l5.6-4.9c.3-.2.3-.6.1-.9z'/%3E%3C/svg%3E");
    background-position: center right 10px;
    cursor: pointer
}

.in-krok-1 .radio-wrapper {
    border: 1px solid #e0e5ee !important;
    margin-bottom: 10px;
    border-radius: 20px;
    padding: 20px 30px
}

@media (max-width: 400px) {
    .in-krok-1 .radio-wrapper {
        padding: 8px 15px
    }
}

.in-krok-1 .radio-wrapper.active {
    background-color: rgba(152, 201, 60, .3);
    border: 1px solid #98c93c
}

.in-krok-1 .radio-wrapper:hover {
    box-shadow: 0 0 10px rgba(152, 201, 60, .3) !important;
    border: 1px solid #98c93c !important
}

.in-krok-1 .radio-wrapper input + label {
    padding: 10px 10px 10px 40px !important
}

.in-krok-1 .radio-wrapper .payment-info b {
    font-weight: 400;
    font-size: 16px
}

@media (max-width: 767px) {
    .in-krok-1 #content-wrapper, .in-krok-2 #content-wrapper {
        max-width: calc(100% - 20px);
        margin: 0 auto 20px;
        background-color: #f7f7f7
    }
}

.in-krok-1 .content-inner, .in-krok-2 .content-inner {
    border-radius: 25px !important
}

@media (max-width: 767px) {
    .in-krok-1 .content-inner .cart-inner, .in-krok-2 .content-inner .cart-inner {
        padding: 0
    }
}

@media (max-width: 1199px) {
    .in-krok-1 .content-inner .row.cart-row, .in-krok-2 .content-inner .row.cart-row {
        margin: 0
    }
}

.in-krok-1 #checkoutContent, .in-krok-2 #checkoutContent {
    padding: 42px 60px;
    margin-left: 0;
    width: 66.66666%
}

@media (max-width: 1439px) {
    .in-krok-1 #checkoutContent, .in-krok-2 #checkoutContent {
        padding: 42px 30px
    }
}

@media (max-width: 1199px) {
    .in-krok-1 #checkoutContent, .in-krok-2 #checkoutContent {
        width: 100%;
        padding: 20px
    }
}

@media (max-width: 767px) {
    .in-krok-1 #checkoutContent, .in-krok-2 #checkoutContent {
        padding: 20px 10px
    }
}

.in-krok-1 #checkoutContent #select-country-payment .order-information, .in-krok-2 #checkoutContent #select-country-payment .order-information {
    display: block
}

.in-krok-1 #checkoutSidebar, .in-krok-2 #checkoutSidebar {
    margin-top: 0;
    padding: 42px 60px;
    width: 33.333333%
}

@media (max-width: 1439px) {
    .in-krok-1 #checkoutSidebar, .in-krok-2 #checkoutSidebar {
        padding: 42px 30px 42px 0
    }
}

@media (max-width: 1199px) {
    .in-krok-1 #checkoutSidebar, .in-krok-2 #checkoutSidebar {
        width: 100%;
        padding: 20px;
        top: 0 !important
    }
}

@media (max-width: 767px) {
    .in-krok-1 #checkoutSidebar, .in-krok-2 #checkoutSidebar {
        padding: 10px
    }
}

.in-krok-1 #checkoutSidebar .checkout-box, .in-krok-2 #checkoutSidebar .checkout-box {
    display: none
}

.in-krok-1 #checkoutSidebar .order-summary-inner, .in-krok-2 #checkoutSidebar .order-summary-inner {
    margin-top: 0;
    border: 0;
    border-radius: 25px;
    padding: 0
}

.in-krok-1 #checkoutSidebar .order-summary-inner h4, .in-krok-2 #checkoutSidebar .order-summary-inner h4 {
    border-radius: 25px 25px 0 0;
    background-color: rgba(152, 201, 60, .3);
    padding: 30px 20px 0;
    border-bottom: 0
}

.in-krok-1 #checkoutSidebar .order-summary-inner #shipping-billing-summary, .in-krok-2 #checkoutSidebar .order-summary-inner #shipping-billing-summary {
    border: 0;
    background-color: rgba(152, 201, 60, .3);
    border-radius: 0 0 25px 25px;
    padding: 0 20px 20px
}

.in-krok-1 #checkoutSidebar .order-summary-inner #shipping-billing-summary .recapitulation-single, .in-krok-2 #checkoutSidebar .order-summary-inner #shipping-billing-summary .recapitulation-single {
    border: 0;
    padding-top: 0
}

.in-krok-1 #checkoutSidebar .order-summary-inner #shipping-billing-summary .recapitulation-single:first-of-type, .in-krok-2 #checkoutSidebar .order-summary-inner #shipping-billing-summary .recapitulation-single:first-of-type {
    padding-top: 0
}

.in-krok-1 #checkoutSidebar .order-summary-inner #shipping-billing-summary strong, .in-krok-2 #checkoutSidebar .order-summary-inner #shipping-billing-summary strong {
    font-style: italic
}

.in-krok-1 #checkoutSidebar .order-summary-inner #shipping-billing-summary strong span, .in-krok-2 #checkoutSidebar .order-summary-inner #shipping-billing-summary strong span {
    font-style: normal;
    font-weight: 600
}

.in-krok-1 #checkoutSidebar .order-summary-inner .order-summary-item, .in-krok-2 #checkoutSidebar .order-summary-inner .order-summary-item {
    border: 0;
    background-color: rgba(152, 201, 60, .3);
    padding: 20px
}

.in-krok-1 #checkoutSidebar .order-summary-inner .order-summary-item .cart-item-price, .in-krok-2 #checkoutSidebar .order-summary-inner .order-summary-item .cart-item-price {
    font-weight: 600
}

.in-krok-1 #checkoutSidebar .order-summary-inner .order-summary-item.price, .in-krok-2 #checkoutSidebar .order-summary-inner .order-summary-item.price {
    display: block;
    margin-top: 25px;
    border-radius: 25px 25px 0 0;
    background-color: rgba(64, 193, 192, .3)
}

.in-krok-1 #checkoutSidebar .order-summary-inner .order-summary-item.helper, .in-krok-2 #checkoutSidebar .order-summary-inner .order-summary-item.helper {
    display: none
}

.in-krok-1 #checkoutSidebar .form-group, .in-krok-2 #checkoutSidebar .form-group {
    background-color: rgba(64, 193, 192, .3);
    margin: 0;
    padding: 20px
}

.in-krok-1 #checkoutSidebar .form-group.consents-first, .in-krok-2 #checkoutSidebar .form-group.consents-first {
    padding-bottom: 0
}

.in-krok-1 #checkoutSidebar .form-group label, .in-krok-2 #checkoutSidebar .form-group label {
    font-size: 12px !important
}

.in-krok-1 #checkoutSidebar .next-step, .in-krok-2 #checkoutSidebar .next-step {
    background-color: rgba(64, 193, 192, .3);
    margin: 0;
    padding: 0 20px 20px;
    border-radius: 0 0 25px 25px
}

@media (max-width: 991px) {
    .in-krok-1 #checkoutSidebar .next-step, .in-krok-2 #checkoutSidebar .next-step {
        border-radius: 25px;
        padding: 20px
    }
}

.in-krok-1 #checkoutSidebar .price-wrapper, .in-krok-2 #checkoutSidebar .price-wrapper {
    padding-top: 0
}

.in-krok-1 #checkoutSidebar .price-wrapper .price-label, .in-krok-2 #checkoutSidebar .price-wrapper .price-label {
    flex: 1 1 45%;
    color: #000;
    font-weight: 400
}

.in-krok-1 #checkoutSidebar .price-wrapper .price-label.price-secondary, .in-krok-2 #checkoutSidebar .price-wrapper .price-label.price-secondary {
    font-size: 12px
}

@media (max-width: 1199px) {
    .in-krok-1 #checkoutSidebar .price-wrapper .price-label.price-primary, .in-krok-1 #checkoutSidebar .price-wrapper .price-label.price-secondary, .in-krok-2 #checkoutSidebar .price-wrapper .price-label.price-primary, .in-krok-2 #checkoutSidebar .price-wrapper .price-label.price-secondary {
        text-align: left
    }
}

.in-krok-1 #checkoutSidebar .price-wrapper .price, .in-krok-2 #checkoutSidebar .price-wrapper .price {
    flex: 1 1 55%;
    color: #000
}

.in-krok-1 #checkoutSidebar .price-wrapper .price.price-secondary, .in-krok-2 #checkoutSidebar .price-wrapper .price.price-secondary {
    font-size: 12px
}

.id--17 #remark {
    border-radius: 20px;
    border: 1px solid #e0e5ee;
    padding: 22px 12px
}

.id--17 .js-hidden {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.id--17 .js-hidden .form-group {
    max-width: 49%
}

@media (max-width: 479px) {
    .id--17 .js-hidden .form-group {
        max-width: 100%
    }
}

.id--17 .js-hidden .form-option-block, .id--17 .js-hidden .js-validated-element-wrapper, .id--17 .js-hidden h4 {
    width: 100%
}

.id--17 .js-hidden .form-option-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.id--17 .js-hidden .js-validated-element-wrapper {
    margin-top: 0;
    margin-bottom: 45px
}

.id--17 .js-hidden .js-validated-element-wrapper label {
    displaY: block
}

.id--17 .box-sm {
    width: 70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .id--17 .box-sm {
        width: 100%
    }
}

.id--17 .box-sm input {
    border-radius: 20px;
    border: 1px solid #e0e5ee;
    padding-left: 25px
}

.id--17 .box-sm select {
    border: 1px solid #e0e5ee;
    border-radius: 20px;
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7'%3E%3Cpath class='st0' fill='%23e0e5ee' d='M12.8.6c-.2-.3-.6-.3-.9-.1L6.7 5 1.5.5C1.2.3.8.3.6.6c-.2.3-.2.7.1.9l5.6 4.9c.2.2.6.2.8 0l5.6-4.9c.3-.2.3-.6.1-.9z'/%3E%3C/svg%3E");
    background-position: center right 10px;
    cursor: pointer
}

.id--17 .box-sm #company-info + .form-group {
    width: 100%;
    flex: 0 0 100%
}

.id--17 .box-sm .form-group {
    margin-bottom: 20px;
    width: 49%;
    padding: 0
}

@media (max-width: 479px) {
    .id--17 .box-sm .form-group {
        width: 100%
    }
}

.id--17 .box-sm .form-group.phone-form-group label[for=phone] {
    padding-left: 0
}

.id--17 .box-sm .form-group.phone-form-group input#phone:focus {
    border: 0;
    box-shadow: none
}

.id--17 .box-sm .form-group:nth-child(2) {
    width: 100%;
    flex: 0 0 100%
}

.id--17 .box-sm .form-group.form-group-city {
    width: 69%;
    padding: 0
}

@media (max-width: 479px) {
    .id--17 .box-sm .form-group.form-group-city {
        width: 100%
    }
}

.id--17 .box-sm .form-group.form-group-zip {
    width: 29%;
    padding: 0;
    min-width: unset
}

@media (max-width: 479px) {
    .id--17 .box-sm .form-group.form-group-zip {
        width: 100%
    }
}

.smart-labels-active .smart-label-wrapper label {
    padding-left: 25px
}

.phone-combined-input {
    border: 1px solid #e0e5ee;
    padding-left: 12px;
    border-radius: 20px
}

.phone-combined-input label {
    padding-left: 0 !important
}

.phone-combined-input input {
    border: 0 !important;
    padding-left: 0 !important
}

.phone-combined-input input:focus {
    border: 0 !important;
    box-shadow: 0 !important
}

@media (max-width: 767px) {
    .id--15 #content-wrapper {
        background-color: #f7f7f7
    }
}

@media (max-width: 767px) {
    .id--15 #content > div {
        width: calc(100% - 20px);
        margin: 20px auto !important
    }
}

.id--15 #content .content-inner {
    background-color: rgba(152, 201, 60, .3);
    border-radius: 25px;
    padding: 55px 25px;
    color: #000;
    text-align: center
}

@media (max-width: 991px) {
    .id--15 #content .content-inner {
        margin-top: 20px;
        padding: 20px
    }
}

.id--15 #content .content-inner h1 {
    color: #98c93c
}

.id--15 #content .content-inner span {
    font-weight: 700
}

.id--15 #content .content-inner .recapitulation-wrapper {
    display: none
}

.id--15 #content .link-bottom {
    margin-top: 35px
}

.id--15 #content .thank-you-bottom {
    margin-right: 8%;
    margin-left: 8%;
    margin-top: 44px;
    padding: 60px;
    background-color: #fff;
    border-radius: 25px
}

@media (max-width: 991px) {
    .id--15 #content .thank-you-bottom {
        margin: 20px 0 0;
        padding: 20px
    }
}

.id--15 #content .thank-you-bottom .co-payment-method .order-payment {
    margin-top: 0
}

.id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table {
    border-collapse: separate;
    padding: 20px 30px;
    border-radius: 20px;
    border: 1px solid #e0e5ee;
    background-color: #f7f7f7
}

@media (max-width: 991px) {
    .id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table {
        padding: 10px
    }
}

.id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table tr:nth-last-child(-n+1) td, .id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table tr:nth-last-child(-n+1) th {
    border-bottom: 0;
    padding-bottom: 0
}

.id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table tr:nth-child(-n+1) td, .id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table tr:nth-child(-n+1) th {
    padding-top: 0
}

.id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table tr th {
    text-align: left
}

.id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table tr td, .id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table tr th {
    padding: 15px 10px;
    border-bottom: 1px solid #e0e5ee;
    background-color: #f7f7f7
}

.id--15 #content .thank-you-bottom .co-payment-method .recapitulation-table tr td {
    font-weight: 600
}

.id--15 #content .thank-you-bottom .co-order table.cart-table {
    border-collapse: separate;
    padding: 5px 30px;
    border-radius: 20px;
    border: 1px solid #e0e5ee;
    background-color: #f7f7f7
}

@media (max-width: 991px) {
    .id--15 #content .thank-you-bottom .co-order table.cart-table {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .id--15 #content .thank-you-bottom .co-order table.cart-table {
        padding: 10px
    }
}

.id--15 #content .thank-you-bottom .co-order table.cart-table tr {
    padding: 0
}

.id--15 #content .thank-you-bottom .co-order table.cart-table tr.cart-table-header {
    display: none
}

@media (max-width: 991px) {
    .id--15 #content .thank-you-bottom .co-order table.cart-table tr > td.p-name {
        flex: 1 1 calc(100% - 86px)
    }
}

@media (max-width: 991px) {
    .id--15 #content .thank-you-bottom .co-order table.cart-table tr > td.p-cell {
        display: none
    }
}

.id--15 #content .thank-you-bottom .co-order table.cart-table tr:nth-last-child(-n+2) td, .id--15 #content .thank-you-bottom .co-order table.cart-table tr:nth-last-child(-n+2) th {
    border-bottom: 0;
    padding-bottom: 0
}

.id--15 #content .thank-you-bottom .co-order table.cart-table tr:nth-child(-n+2) td, .id--15 #content .thank-you-bottom .co-order table.cart-table tr:nth-child(-n+2) th {
    border-top: 0
}

.id--15 #content .thank-you-bottom .co-order table.cart-table tr th {
    text-align: left
}

.id--15 #content .thank-you-bottom .co-order table.cart-table tr td, .id--15 #content .thank-you-bottom .co-order table.cart-table tr th {
    padding: 15px 10px;
    border-top-color: #e0e5ee;
    background-color: #f7f7f7
}

.id--15 #content .thank-you-bottom .co-order table.cart-table tr td {
    font-weight: 600
}

ol.cart-header {
    margin: 40px 0 0
}

@media (max-width: 767px) {
    ol.cart-header {
        margin-top: 20px
    }
}

ol.cart-header li {
    width: 33.33333%;
    padding: 20px 0
}

@media (max-width: 767px) {
    ol.cart-header li {
        padding: 12px 0
    }
}

ol.cart-header li.active {
    border-radius: 20px 20px 0 0;
    position: relative;
    border-bottom: 0;
    background-color: #fff
}

ol.cart-header li.active:before {
    background-color: #fff;
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px
}

ol.cart-header li.active strong {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Nunito, sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 20px
}

ol.cart-header li.active strong:before {
    background-color: #98c93c;
    color: #fff;
    margin: 0 15px 0 0;
    border: 1px solid #98c93c
}

@media (max-width: 767px) {
    ol.cart-header li.active strong:before {
        width: 32px;
        height: 32px;
        font-size: 14px;
        line-height: 32px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media (max-width: 767px) {
    ol.cart-header li.active strong {
        flex-direction: column;
        font-size: 16px;
        padding: 5px 10px
    }
}

@media (max-width: 479px) {
    ol.cart-header li.active strong {
        font-size: 13px
    }
}

ol.cart-header li.active strong span:after {
    display: none
}

ol.cart-header li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Nunito, sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 20px
}

@media (max-width: 767px) {
    ol.cart-header li a {
        flex-direction: column;
        font-size: 16px;
        padding: 5px 10px;
        line-height: 1.1
    }
}

@media (max-width: 479px) {
    ol.cart-header li a {
        font-size: 13px
    }
}

ol.cart-header li a:before {
    background-color: #f0f6df;
    color: #000;
    margin: 0 15px 0 0;
    border: 1px solid #f0f6df
}

@media (max-width: 767px) {
    ol.cart-header li a:before {
        width: 32px;
        height: 32px;
        font-size: 14px;
        line-height: 32px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

ol.cart-header li a:hover {
    background-color: transparent
}

ol.cart-header li a:hover:before {
    background-color: #98c93c;
    border-color: #98c93c
}

ol.cart-header li a span:after {
    display: none
}

ol.cart-header li strong {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Nunito, sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 20px
}

@media (max-width: 767px) {
    ol.cart-header li strong {
        flex-direction: column;
        font-size: 16px;
        padding: 5px 10px;
        line-height: 1.1
    }
}

@media (max-width: 479px) {
    ol.cart-header li strong {
        font-size: 13px
    }
}

ol.cart-header li strong:before {
    background-color: #f0f6df;
    color: #000;
    margin: 0 15px 0 0;
    border: 1px solid #f0f6df
}

@media (max-width: 767px) {
    ol.cart-header li strong:before {
        width: 32px;
        height: 32px;
        font-size: 14px;
        line-height: 32px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

ol.cart-header li.completed a {
    text-decoration: none;
    background-color: transparent
}

ol.cart-header li.completed a:before {
    background-color: #98c93c;
    border-color: #98c93c;
    content: "\e913";
    font-family: Shoptet;
    color: #fff
}

ol.cart-header li.completed a span {
    text-decoration: none
}

.advanced-order .extras-wrap {
    background-color: #f7f7f7;
    padding: 12px 12px 32px;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0 -20px 20px
}

.advanced-order .h1 {
    margin: 0;
    padding: 32px 40px 5px 61px;
    font-weight: 500;
    position: relative
}

@media (max-width: 991px) {
    .advanced-order .h1 {
        padding-left: 29px
    }
}

@media (max-width: 479px) {
    .advanced-order .h1 {
        padding-top: 15px;
        font-size: 22px;
        padding-right: 0
    }
}

.advanced-order .h1.advanced-order-suggestion {
    margin-top: 8px;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: .23px;
    padding: 24px;
    line-height: 21px;
    border: 0;
    color: #353535
}

.advanced-order .h1:not(.advanced-order-suggestion) {
    color: #353535;
    text-align: left
}

.advanced-order .h1:not(.advanced-order-suggestion):before {
    color: #fff;
    background-color: #98c93c;
    border-radius: 22px;
    display: inline-block;
    width: 22px;
    height: 22px;
    content: "\e913";
    font-family: Shoptet;
    position: absolute;
    left: 32px;
    top: 39px;
    font-weight: 400;
    line-height: 22px;
    font-size: 10px;
    text-align: center
}

@media (max-width: 991px) {
    .advanced-order .h1:not(.advanced-order-suggestion):before {
        left: 0
    }
}

@media (max-width: 479px) {
    .advanced-order .h1:not(.advanced-order-suggestion):before {
        top: 17px;
        top: 15px
    }
}

.advanced-order .h2 {
    background-color: #fff;
    color: #353535;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .23px;
    padding: 0 40px 26px 32px;
    text-align: left;
    margin: 25px 0 0
}

@media (max-width: 1199px) {
    .advanced-order .h2 {
        padding-left: 0
    }
}

.advanced-order .h2 span {
    display: block;
    font-size: 14px;
    font-weight: 300
}

.advanced-order .h2.advanced-order-suggestion {
    position: relative;
    margin: 8px 0 0;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: .23px;
    padding: 0 10px 24px;
    line-height: 21px;
    border: 0;
    color: #353535
}

.advanced-order #cboxClose {
    color: #333
}

@media (max-width: 1199px) {
    .advanced-order .extra {
        text-align: center
    }
}

@media (max-width: 1199px) {
    .advanced-order .extras-wrap {
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 991px) {
    .advanced-order .extras-wrap .extra {
        text-align: center;
        margin-bottom: 20px;
        width: auto
    }
}

@media (max-width: 1199px) {
    .advanced-order .extras-wrap .extra.step {
        width: 33.333333%;
        text-align: right;
        width: 100%;
        text-align: center
    }
}

.advanced-order .extras-wrap .extra.step a.btn.btn-conversion:after {
    content: "\e910";
    font-family: Shoptet;
    margin-left: 5px;
    font-weight: 400;
    font-size: 8px;
    position: relative;
    top: -1px;
    display: inline-block !important
}

.advanced-order #mhclose {
    border: 1px solid #797979;
    background-color: #fff;
    color: #797979;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    padding: 10px 27px
}

.advanced-order #mhclose:hover {
    background-color: #797979;
    color: #fff
}

.advanced-order #mhclose:before {
    content: "\e910";
    font-family: Shoptet;
    margin-right: 5px;
    transform: rotate(-180deg);
    font-weight: 400;
    font-size: 8px;
    position: relative;
    top: -2px;
    display: inline-block !important
}

.advanced-order #mhclose, .advanced-order .advanced-order .extras-wrap .extra.step a.btn {
    border-radius: 3px;
    padding: 9px 21px
}

.advanced-order .browse-p {
    display: none
}

.advanced-order .products-additional.products-block.slick-slider > div {
    width: 100% !important
}

.advanced-order .products-additional.products-block.slick-slider .slick-arrow.slick-prev {
    left: -21px
}

.advanced-order .products-additional.products-block.slick-slider .slick-arrow.slick-next {
    right: -21px
}

.advanced-order .products-wrapper .h2 {
    border-top: 0;
    text-align: center;
    padding: 0 0 10px;
    margin-top: 35px;
    font-weight: 600
}

.advanced-order .products-wrapper .products .products-block .p a.image, .advanced-order .products-wrapper .products .products-block .p a.image img {
    max-height: 150px
}

.advanced-order .products-wrapper .products .products-block .p .widget-parameter-wrapper {
    display: none
}

.prazdny-kosik.ordering-process {
    background-color: #f7f7f7
}

.prazdny-kosik.ordering-process header#header {
    margin-bottom: 0
}

.prazdny-kosik.ordering-process #content-wrapper, .prazdny-kosik.ordering-process .content-inner {
    background-color: #f7f7f7
}

.prazdny-kosik.ordering-process .cart-empty {
    max-width: 1000px;
    border-radius: 20px;
    margin: 60px auto 0;
    background-color: #fff;
    padding: 60px !important
}

@media (max-width: 767px) {
    .prazdny-kosik.ordering-process .cart-empty {
        max-width: calc(100% - 20px);
        margin: 20px auto;
        padding: 25px !important
    }
}

@media (max-width: 400px) {
    .prazdny-kosik.ordering-process .cart-empty {
        padding: 20px 10px !important
    }
}

.prazdny-kosik .h1, .prazdny-kosik h1 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    margin: 106px 0 20px
}

@media (max-width: 767px) {
    .prazdny-kosik .h1, .prazdny-kosik h1 {
        padding: 0;
        margin: 0 0 35px
    }
}

.prazdny-kosik .h1:before, .prazdny-kosik h1:before {
    background-color: #f2f2f2;
    width: 150px;
    height: 150px;
    display: inline-block;
    content: "";
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/icon/basket-1.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/icon/basket-1.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: relative;
    display: block;
    margin: 0 auto 25px
}

@media (max-width: 767px) {
    .prazdny-kosik .h1:before, .prazdny-kosik h1:before {
        width: 100px;
        height: 100px
    }
}

.prazdny-kosik .row.cart-row div:not(.cartisempty):not(.text-center) {
    display: none
}

.prazdny-kosik .row.cart-row div.text-center {
    margin: 32px 0 0
}

@media (max-width: 767px) {
    .prazdny-kosik .row.cart-row div.text-center {
        margin: 32px 0 0
    }
}

.prazdny-kosik .row.cart-row div.text-center a.btn.btn-green {
    background-color: #ff750e;
    border: 1px solid #ff750e;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-transform: none;
    padding: 6px 26px
}

.prazdny-kosik .row.cart-row div.text-center a.btn.btn-green:hover {
    color: #000;
    background-color: #da5d00;
    border: 1px solid #da5d00
}

.prazdny-kosik .row.cart-row div.cartisempty {
    padding: 0;
    max-width: 625px;
    margin: 0 auto
}

.prazdny-kosik .row.cart-row div.cartisempty p {
    color: #353535;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.prazdny-kosik .row.cart-row div.cartisempty p a {
    color: #000;
    font-weight: 500;
    text-decoration: underline
}

.prazdny-kosik .row.cart-row div.cartisempty p a:hover {
    text-decoration: none
}

.in-dakujeme .price-wrapper .price-label.price-primary {
    font-weight: 400
}

.in-dakujeme .cart-table tr.cart-table-header .cenazaks, .in-dakujeme .cart-table tr.cart-table-header .p-price {
    display: none
}

.in-dakujeme .cart-table tr.cart-table-header .p-total {
    padding-right: 0;
    text-align: right
}

.in-dakujeme .cart-table tr:not(.removeable) {
    position: relative
}

.in-dakujeme .cart-table tr:not(.removeable) .p-name a.main-link {
    font-weight: 600;
    color: #000
}

.in-dakujeme .cart-table tr:not(.removeable) .p-name a.main-link .main-link-variant {
    color: #cfcfcf;
    font-weight: 400
}

.in-dakujeme .cart-table tr:not(.removeable) .p-name a:hover {
    text-decoration: none
}

.in-dakujeme .cart-table tr:not(.removeable) .p-price.p-cell {
    display: none
}

.in-dakujeme .cart-table tr:not(.removeable) .p-total {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    height: 121px;
    justify-content: center
}

.in-dakujeme .cart-table tr:not(.removeable) .p-total .cenazaks {
    order: 20
}

.in-dakujeme .cart-table tr:not(.removeable) .p-total .cenazaks .price-final {
    font-weight: 400;
    font-size: 16px
}

.in-dakujeme .cart-table tr:not(.removeable) .p-total .price-final {
    font-weight: 600;
    font-size: 18px
}

.user-action-in .popup-widget.cart-widget {
    top: 139px;
    z-index: 100
}

.user-action-in .popup-widget.cart-widget:before {
    display: none
}

.user-action-in .popup-widget.cart-widget.free-ship .popup-widget-inner .cart-widget-bottom {
    border-top: 5px solid #98c93c
}

.user-action-in .popup-widget.cart-widget.free-ship .popup-widget-inner .cart-widget-bottom .cart-widget-button {
    order: 20;
    background-color: rgba(152, 201, 60, .3)
}

.user-action-in .popup-widget.cart-widget.free-ship .popup-widget-inner .cart-widget-bottom .cart-free-shipping {
    background-color: rgba(152, 201, 60, .3)
}

.user-action-in .popup-widget.cart-widget.free-ship .popup-widget-inner .cart-widget-bottom .cart-free-shipping > div {
    width: auto
}

.user-action-in .popup-widget.cart-widget.free-ship .popup-widget-inner .cart-widget-bottom .cart-free-shipping > div:before {
    color: #98c93c !important
}

.user-action-in .popup-widget.cart-widget.free-ship .popup-widget-inner .cart-widget-bottom .cart-free-shipping strong {
    color: #98c93c
}

@media (min-width: 992px) {
    .user-action-in .popup-widget.cart-widget {
        margin-top: 0;
        margin-left: auto;
        right: 56px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
        border-radius: 0 0 6px 6px;
        border: 0;
        top: 72px
    }
}

@media (max-width: 991px) {
    .user-action-in .popup-widget.cart-widget {
        right: 0;
        top: 80px
    }
}

@media (max-width: 767px) {
    .user-action-in .popup-widget.cart-widget {
        top: 60px
    }
}

@media (max-width: 450px) {
    .user-action-in .popup-widget.cart-widget {
        top: 60px
    }
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner {
    border-radius: 0 0 6px 6px
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom {
    display: flex;
    flex-direction: column;
    border-top: 5px solid #797979;
    border-radius: 0 0 6px 6px
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom .cart-widget-button {
    border-radius: 0 0 6px 6px;
    order: 20;
    background-color: #f2f2f2
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom .cart-widget-button a {
    width: calc(100% - 44px)
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom .cart-free-shipping {
    text-align: left;
    padding: 15px 20px 0;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom .cart-free-shipping > div {
    padding-left: 40px;
    position: relative;
    width: calc(100% - 44px)
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom .cart-free-shipping > div > div {
    padding-bottom: 0
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom .cart-free-shipping > div:before {
    content: "\e92e";
    font-family: Shoptet;
    font-size: 30px;
    color: #333;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 5px;
    transform: translateY(-50%)
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom .cart-free-shipping strong {
    color: #333
}

.user-action-in .popup-widget.cart-widget .popup-widget-inner .cart-widget-bottom .cart-free-shipping .price-range {
    display: none
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product {
    position: relative;
    padding-left: 86px;
    padding-right: 50px;
    display: flex;
    flex-wrap: wrap
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product:last-child {
    border-bottom-style: none
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name {
    margin-bottom: 10px;
    width: 100%
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name a {
    color: #000
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name span {
    color: #000;
    font-weight: 300;
    display: block;
    text-align: right
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-unit {
    display: none
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount {
    width: 50%;
    padding: 0
}

@media (max-width: 360px) {
    .user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount {
        display: none
    }
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity {
    border-radius: 5px;
    border: 1px solid #f2f2f2
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .amount {
    height: 35px;
    font-weight: 400;
    font-size: 16px
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .decrease, .user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .increase {
    height: 35px
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .decrease:before, .user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .increase:before {
    font-size: 16px;
    font-weight: 400;
    line-height: 35px
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-price {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 360px) {
    .user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-price {
        width: 100%
    }
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete {
    visibility: visible;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%)
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button {
    opacity: 1
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button:hover:before {
    color: #f03343 !important
}

.user-action-in .popup-widget.cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button:before {
    color: #f2f2f2 !important;
    font-size: 18px;
    content: "\e944"
}

.admin-logged .popup-widget.cart-widget {
    top: 96px !important;
    right: 56px
}

.cart-window-visible #chat-application, .cart-window-visible #ec_form_13-fd74319c464c247b7c0305bfc329d4f0 {
    display: none !important
}

.login-window-visible .user-action .user-action-in > div.user-action-login {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    max-width: 650px;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

@media (max-width: 767px) {
    .login-window-visible .user-action .user-action-in > div.user-action-login {
        overflow: auto
    }
}

.user-action-in {
    position: relative
}

.user-action-in .login-widget {
    padding-top: 0;
    border-radius: 8px;
    background-color: #fff;
    z-index: 99999;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    margin: 0;
    position: fixed
}

@media (max-width: 991px) {
    .user-action-in .login-widget {
        width: 90%;
        height: 90%
    }
}

@media (max-width: 767px) {
    .user-action-in .login-widget {
        box-shadow: none
    }
}

.user-action-in .login-widget:before {
    display: none
}

.user-action-in .login-widget .registrace-box {
    width: 50%;
    background-color: #f4f4f4;
    padding: 21px 20px;
    border-radius: 8px 0 0 8px
}

@media (max-width: 767px) {
    .user-action-in .login-widget .registrace-box {
        width: 100%;
        order: 10;
        border-radius: 0 0 8px 8px;
        height: auto
    }
}

.user-action-in .login-widget .registrace-box h4 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0
}

.user-action-in .login-widget .registrace-box h5 {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0
}

.user-action-in .login-widget .registrace-box ul {
    padding: 0;
    margin-bottom: 18px
}

.user-action-in .login-widget .registrace-box ul li {
    list-style: none;
    margin-bottom: 8px;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

.user-action-in .login-widget .registrace-box ul li:before {
    top: 4px;
    font-size: 12px;
    content: "\e913";
    font-family: shoptet;
    color: #fff;
    background-color: #1a9d4d;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 8px;
    border-radius: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

.user-action-in .login-widget .popup-widget-inner {
    box-shadow: none;
    border: 0;
    width: 50%;
    border-radius: 8px;
    padding: 21px 20px
}

@media (max-width: 767px) {
    .user-action-in .login-widget .popup-widget-inner {
        padding: 20px;
        width: 100%;
        height: auto
    }
}

.user-action-in .login-widget .popup-widget-inner span.close {
    position: absolute;
    top: 20px;
    right: 20px
}

.user-action-in .login-widget .popup-widget-inner span.close:hover {
    cursor: pointer
}

.user-action-in .login-widget .popup-widget-inner span.close:before {
    color: #000;
    content: "\e912";
    font-family: shoptet
}

.user-action-in .login-widget .user-action-tabs {
    display: none
}

.user-action-in .login-widget h2 {
    font-size: 0
}

.user-action-in .login-widget h2:before {
    color: #000;
    display: block;
    content: "Login";
    font-size: 20px;
    font-weight: 600
}

@media (max-width: 767px) {
    .user-action-in .login-widget h2 {
        margin: 0 -20px 22px;
        padding: 7px 20px 27px;
        border-bottom: 1px solid #cfcfcf;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 1
    }

    .user-action-in .login-widget h2 span {
        color: #000;
        font-size: 12px;
        font-weight: 500
    }

    .user-action-in .login-widget h2 span:hover {
        cursor: pointer
    }
}

.user-action-in .login-widget label {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    float: none;
    margin-bottom: 8px;
    line-height: 1
}

.user-action-in .login-widget label span {
    color: red;
    font-weight: 500
}

.user-action-in .login-widget input {
    border-radius: 3px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    height: 41px
}

.user-action-in .login-widget .social-login-buttons {
    margin-top: 12px
}

.user-action-in .login-widget .social-login-buttons-divider {
    margin-bottom: 26px
}

.user-action-in .login-widget .social-login-buttons-divider span {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase
}

.user-action-in .login-widget .social-login-buttons-divider:after, .user-action-in .login-widget .social-login-buttons-divider:before {
    background-color: #cfcfcf
}

.user-action-in .login-widget .login-wrapper {
    text-align: center;
    padding: 0
}

.user-action-in .login-widget .login-wrapper .btn {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 7px;
    text-transform: none
}

.user-action-in .login-widget .login-wrapper .btn:hover {
    color: #000;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #000
}

.user-action-in .login-widget .login-wrapper .password-helper {
    margin-top: 20px;
    text-align: center;
    float: none;
    width: 100%;
    display: inline-flex;
    justify-content: center
}

.user-action-in .login-widget .login-wrapper .password-helper a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline
}

.user-action-in .login-widget .login-wrapper .password-helper a:hover {
    text-decoration: none
}

.user-action-in .login-widget .login-wrapper .password-helper a[href="/registrace/"], .user-action-in .login-widget .login-wrapper .password-helper a[href="/registration/"] {
    display: none
}

.user-action-in .login-widget .nemateucet {
    border-top: 1px solid #cfcfcf;
    padding: 23px 0 19px;
    margin-top: 23px
}

.user-action-in .login-widget .nemateucet p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center
}

.user-action-in .login-widget .nemateucet p:before {
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/svg/users-medical.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/svg/users-medical.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    content: "";
    background-color: #cfcfcf;
    margin: 0 auto 12px;
    display: block;
    width: 45px;
    height: 30px
}

@media (max-width: 767px) {
    .user-action-in .login-widget .nemateucet p:before {
        width: 100px;
        height: 70px
    }
}

.user-action-in .login-widget .nemateucet p a {
    color: #000;
    margin-top: 13px;
    display: block;
    text-decoration: underline;
    font-weight: 400
}

.user-action-in .login-widget .nemateucet p a:hover {
    text-decoration: none
}

.user-action-in .login-widget .tab-content form .input-wrapper {
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.user-action-in .login-widget .tab-content form .input-wrapper:before {
    margin-bottom: 8px;
    display: block;
    width: 100%
}

.user-action-in .login-widget .tab-content form .input-wrapper.email:before {
    content: "Uživatelské jméno nebo e-mail *"
}

.user-action-in .login-widget .tab-content form .input-wrapper.password:before {
    content: "Heslo"
}

.user-action-in .login-widget .tab-content form .input-wrapper input {
    border-radius: 3px;
    border: 1px solid #cfcfcf;
    background-color: #fff
}

.user-action-in .login-widget .tab-content form .login-wrapper {
    padding: 0
}

.user-action-in .login-widget .tab-content form .login-wrapper .password-helper {
    width: 100%;
    float: none;
    text-align: center
}

.user-action-in .login-widget .tab-content form .login-wrapper .password-helper a {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    text-decoration: underline;
    width: 100%;
    padding: 16px 0 31px
}

.user-action-in .login-widget .tab-content form .login-wrapper .password-helper a:hover {
    text-decoration: none
}

.user-action-in .login-widget .tab-content form .login-wrapper .password-helper a[href*="/registrace/"] {
    display: none !important
}

.user-action-in .login-widget .tab-content form .login-wrapper button.btn {
    background-color: #e58400;
    border-radius: 3px;
    color: #fff;
    border-color: #e58400;
    font-weight: 500;
    font-size: 13px;
    width: 100%
}

.user-action-in .login-widget .tab-content form .login-wrapper button.btn:hover {
    background-color: #ca7506;
    color: #fff
}

.admin-logged .popup-widget.login-widget {
    top: 50%
}

.empty-cart-hover-visible .empty-cart-hover.popup-widget {
    display: block
}

@media (max-width: 991px) {
    .empty-cart-hover-visible .empty-cart-hover.popup-widget {
        display: none
    }
}

.empty-cart-hover.popup-widget {
    top: 70px;
    right: 56px;
    z-index: 99;
    position: absolute;
    background-color: #fff;
    padding: 15px 15px 15px 90px;
    margin-top: 0;
    border-radius: 6px;
    border: 0
}

@media (max-width: 767px) {
    .empty-cart-hover.popup-widget {
        display: none
    }
}

.empty-cart-hover.popup-widget:before {
    top: -9px;
    right: 34px;
    display: none
}

.empty-cart-hover.popup-widget:after {
    width: 50px;
    height: 50px;
    display: inline-block;
    content: "";
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/icon/basket-1.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/icon/basket-1.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 50%;
    background-color: #f2f2f2;
    transform: translateY(-50%);
    left: 15px
}

.empty-cart-hover.popup-widget h2 {
    font-weight: 500;
    margin: 0 0 15px;
    font-size: 20px
}

.empty-cart-hover.popup-widget p {
    font-weight: 300
}

.empty-cart-hover.popup-widget a {
    text-decoration: underline;
    color: #000
}

.empty-cart-hover.popup-widget a:hover {
    text-decoration: none
}

@media (min-width: 992px) {
    .empty-cart-hover.popup-widget {
        margin-left: auto;
        right: 56px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
        border: 1px solid #f2f2f2;
        border-radius: 6px
    }
}

@media (max-width: 991px) {
    .empty-cart-hover.popup-widget {
        right: 0;
        top: 80px
    }
}

@media (max-width: 767px) {
    .empty-cart-hover.popup-widget {
        top: 60px
    }
}

@media (max-width: 450px) {
    .empty-cart-hover.popup-widget {
        top: 60px
    }
}

.admin-logged .popup-widget.empty-cart-hover {
    top: 96px !important;
    right: 56px
}

footer#footer {
    background: #fff;
    background-size: cover;
    padding-top: 0
}

footer#footer > .container {
    background-color: transparent
}

footer#footer h4 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    margin: 0 0 20px
}

footer#footer .custom-footer {
    padding: 88px 0 32px;
    border: 0
}

@media (max-width: 767px) {
    footer#footer .custom-footer {
        padding: 0
    }
}

footer#footer .custom-footer > div {
    width: 25%
}

@media (max-width: 991px) {
    footer#footer .custom-footer > div {
        width: 50%
    }
}

@media (max-width: 767px) {
    footer#footer .custom-footer > div {
        width: 100%;
        padding: 0 10px
    }
}

footer#footer .custom-footer > div p {
    line-height: 1.6
}

footer#footer .custom-footer > div p, footer#footer .custom-footer > div p a {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

footer#footer .custom-footer > div p a:hover {
    color: #000;
    text-decoration: underline
}

footer#footer .custom-footer > div ul.social {
    margin-top: 29px
}

@media (max-width: 767px) {
    footer#footer .custom-footer > div ul.social {
        margin-top: 15px
    }
}

footer#footer .custom-footer > div ul.social li {
    display: inline-block;
    margin-right: 19px
}

footer#footer .custom-footer > div ul li {
    position: relative;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

@media (min-width: 768px) {
    footer#footer .custom-footer > div ul li {
        padding: 0
    }
}

footer#footer .custom-footer > div ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

footer#footer .custom-footer > div ul li a:hover {
    color: #000;
    text-decoration: underline
}

@media (max-width: 767px) {
    footer#footer .custom-footer > div:first-child {
        text-align: center;
        margin-bottom: 15px
    }
}

footer#footer .custom-footer > div:not(:nth-child(-n+4)) {
    display: none
}

.footer-bottom {
    padding: 0;
    border: 0;
    background-color: #fff
}

.footer-bottom .container {
    border-top: 3px solid #f2f2f2;
    padding: 37px 0
}

@media (max-width: 767px) {
    .footer-bottom .container {
        padding: 15px 0
    }
}

.footer-bottom #signature {
    flex: auto
}

.footer-bottom #signature, .footer-bottom .copyright {
    color: #707070;
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 767px) {
    .footer-bottom #signature, .footer-bottom .copyright {
        margin-top: 0
    }
}

.footer-bottom #signature a, .footer-bottom .copyright a {
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline
}

.footer-bottom #signature a:hover, .footer-bottom .copyright a:hover {
    text-decoration: none
}

.footer-bottom #signature strong, .footer-bottom .copyright strong {
    font-weight: 400
}

.footer-bottom #signature img.vam, .footer-bottom .copyright img.vam {
    max-width: 15px;
    margin-left: 3px;
    margin-right: 3px
}

.footer-bottom #signature img[alt="mime digital"], .footer-bottom .copyright img[alt="mime digital"] {
    margin-right: 0;
    width: 46px
}

footer#footer .footer-links-icons {
    border-top: 1px solid #e6d9ce
}

footer#footer .footer-links-icons ul.footer-links {
    margin: 0
}

@media (max-width: 479px) {
    footer#footer .footer-links-icons ul.footer-links {
        justify-content: flex-start
    }
}

footer#footer .footer-links-icons ul.footer-links li {
    position: relative;
    padding: 0 39px
}

@media (max-width: 991px) {
    footer#footer .footer-links-icons ul.footer-links li {
        padding: 5px 15px
    }
}

@media (max-width: 479px) {
    footer#footer .footer-links-icons ul.footer-links li {
        padding: 10px 0 10px 10px;
        width: 50%
    }
}

@media (min-width: 480px) {
    footer#footer .footer-links-icons ul.footer-links li:first-child:before {
        display: none
    }
}

footer#footer .footer-links-icons ul.footer-links li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #e3032d;
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%)
}

footer#footer .footer-links-icons ul.footer-links li a {
    color: #000;
    font-size: 16px;
    font-weight: 300
}

footer#footer .footer-links-icons ul.footer-links li a:hover {
    text-decoration: underline
}

footer#footer .container {
    max-width: 1240px
}

footer#footer .banner {
    min-height: unset;
    margin: 0
}

@media (max-width: 767px) {
    footer#footer .custom-footer {
        padding-top: 0
    }
}

@media (max-width: 767px) {
    footer#footer .click-able:first-child h4 {
        border-top: 0
    }
}

footer#footer .click-able.open h4:after {
    content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg);
    display: inline-block;
    transform: rotate(-180deg)
}

footer#footer .click-able.open p {
    margin-top: 14px
}

@media (max-width: 767px) {
    footer#footer .click-able:not(.open) .contact-box, footer#footer .click-able:not(.open) .doprava_platba, footer#footer .click-able:not(.open) .shipping, footer#footer .click-able:not(.open) .vydejnimisto, footer#footer .click-able:not(.open) p {
        display: none !important
    }
}

@media (max-width: 767px) {
    footer#footer .click-able:not(.open) .socialni-ikony, footer#footer .click-able:not(.open) ul:not(.social) {
        display: none
    }
}

@media (max-width: 767px) {
    footer#footer .click-able h4 {
        padding: 17px 0;
        border-top: 3px solid #f2f2f2
    }
}

@media (max-width: 767px) {
    footer#footer .click-able h4:hover {
        cursor: pointer
    }
}

@media (max-width: 767px) {
    footer#footer .click-able h4:after {
        content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg);
        font-family: Flaticon;
        font-size: 10px
    }
}

@media (max-width: 767px) {
    footer#footer .click-able h4 {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    footer#footer .click-able .banner-wrapper {
        margin: 0
    }
}

@media (max-width: 767px) {
    footer .custom-footer__banner5 h4:after {
        display: none !important
    }
}

@media (max-width: 767px) {
    footer .custom-footer__banner5 .social {
        display: flex !important
    }
}

.ig {
    background-color: #fff;
    margin: 0 auto
}

@media (max-width: 767px) {
    .ig {
        margin-bottom: 15px
    }
}

.ig .container {
    max-width: 1240px;
    display: flex
}

@media (max-width: 991px) {
    .ig .container {
        flex-wrap: wrap
    }
}

.ig .ig-feed {
    display: flex;
    font-size: 0;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 83.33333333%
}

@media (max-width: 991px) {
    .ig .ig-feed {
        width: 100%
    }
}

.ig .last {
    background-color: #000;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='46' height='46' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.412 22.712c0-4.085-3.324-7.407-7.41-7.407s-7.41 3.322-7.41 7.407c0 4.084 3.324 7.406 7.41 7.406s7.41-3.322 7.41-7.406zm7.12-11.86a2.67 2.67 0 01-5.34 0 2.67 2.67 0 015.34 0zm-3.12 11.86c0 6.291-5.119 11.41-11.41 11.41-6.294 0-11.414-5.119-11.414-11.41 0-6.292 5.12-11.41 11.414-11.41 6.291 0 11.41 5.118 11.41 11.41zm-2.244 22.377c8.09-.372 12.557-4.84 12.92-12.924.11-2.374.134-3.089.134-9.163 0-6.075-.023-6.79-.133-9.164-.365-8.087-4.832-12.556-12.92-12.924-2.39-.11-3.182-.136-9.167-.136-5.987 0-6.778.026-9.164.136C5.752 1.285 1.281 5.754.911 13.838c-.108 2.4-.133 3.194-.133 9.164s.025 6.763.133 9.163c.37 8.084 4.84 12.553 12.927 12.924 2.374.11 3.089.133 9.164.133 6.074 0 6.789-.023 9.166-.133z' fill='%23fff'/%3E%3C/svg%3E") !important;
    background-size: auto !important;
    width: 16.666666667%;
    background-repeat: no-repeat;
    background-position: center top 47px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 48px;
    position: relative
}

@media (max-width: 1199px) {
    .ig .last {
        padding-bottom: 30px;
        background-size: 35px 35px;
        background-position: center top 30px
    }
}

@media (max-width: 991px) {
    .ig .last {
        width: 100%;
        background-size: 20px 20px;
        background-image: none !important;
        padding: 25px 0
    }
}

.ig .last span {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1.6px
}

@media (max-width: 1199px) {
    .ig .last span {
        font-size: 25px
    }
}

.ig .last a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.ig .igfeed {
    overflow: hidden;
    min-width: 20%;
    max-width: 20%
}

@media (max-width: 991px) {
    .ig .igfeed {
        min-width: 25%;
        max-width: 25%
    }
}

@media (max-width: 479px) {
    .ig .igfeed {
        min-width: 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) {
    .ig .igfeed:nth-last-child(-n+1) {
        display: none
    }
}

@media (max-width: 991px) {
    .ig .igfeed:nth-last-child(-n+2) {
        display: none
    }
}

.ig .igfeed a {
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 0;
    padding-bottom: 100%;
    transition: .2s ease-in-out
}

.ig .igfeed a:before {
    content: "\e909";
    font-family: Shoptet;
    font-size: 35px;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.ig .igfeed a:hover:before {
    opacity: 1
}

.row.banners-row {
    background-color: #f7f7f7;
    max-width: 1200px;
    margin: -20px auto 0;
    padding-top: 20px;
    position: relative
}

.row.banners-row:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9998px;
    right: 0;
    border-left: 9999px solid #f7f7f7;
    box-shadow: 9999px 0 0 #f7f7f7;
    display: inherit
}

.row.banners-row .col-sm-8 {
    width: 66%;
    max-width: 790px;
    max-height: 450px;
    border-radius: 6px
}

@media (max-width: 1439px) {
    .row.banners-row .col-sm-8 {
        max-width: 751px
    }
}

@media (max-width: 1199px) {
    .row.banners-row .col-sm-8 {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 767px) {
    .row.banners-row .col-sm-8 {
        padding: 0 !important
    }
}

.row.banners-row .col-sm-4 {
    width: 35%;
    max-width: 410px;
    padding-left: 10px
}

@media (max-width: 1439px) {
    .row.banners-row .col-sm-4 {
        max-width: 377px
    }
}

@media (max-width: 1199px) {
    .row.banners-row .col-sm-4 {
        max-width: 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
        border-radius: 6px
    }
}

.row.banners-row .col-sm-4 .next-to-carousel-banners {
    height: 100%;
    width: 100%;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1199px) {
    .row.banners-row .col-sm-4 .next-to-carousel-banners {
        justify-content: space-between
    }
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper {
    height: 100%;
    width: 100%;
    margin: 0;
    max-height: 220px;
    overflow: hidden;
    border-radius: 6px
}

@media (max-width: 1199px) {
    .row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper {
        width: 49%;
        margin-top: 2%;
        max-height: unset
    }
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper a {
    height: 100%;
    width: 100%
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper a img {
    width: 100%
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper + .banner-wrapper {
    margin-top: 2%
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper a:hover:after {
    background: rgba(0, 0, 0, .15);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper a:before {
    display: inline-block;
    content: "";
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/svg/bglinkslider.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/svg/bglinkslider.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 29px;
    left: 30px;
    z-index: 21
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper img {
    transition: all .3s ease-out;
    transform: translateZ(0)
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper .extended-banner-texts {
    display: flex;
    padding: 30px;
    align-items: flex-start;
    width: 100%;
    flex-direction: column
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-link {
    margin-top: 0
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-title {
    font-size: 33px;
    z-index: 21;
    line-height: 1;
    font-weight: 700;
    position: static;
    color: #fff;
    border: 0;
    line-height: 1.2;
    background-color: transparent;
    background: none;
    box-shadow: none;
    text-align: left;
    padding: 0
}

@media (max-width: 991px) {
    .row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-title {
        font-size: 25px
    }
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-text {
    font-size: 18px;
    font-weight: 400;
    z-index: 21;
    position: static;
    color: #fff;
    border: 0;
    line-height: 1.2;
    background-color: transparent;
    background: none;
    box-shadow: none;
    max-width: 289px;
    padding: 0;
    text-align: center;
    bottom: 50px
}

.row .carousel-control {
    width: auto;
    height: auto
}

.row .carousel-control.left, .row .carousel-control.right {
    opacity: 1;
    width: 30px
}

.row .carousel-control.left:before, .row .carousel-control.right:before {
    height: 37px;
    background-color: hsla(0, 0%, 100%, .9);
    width: 37px;
    line-height: 37px;
    border-radius: 0;
    font-size: 15px;
    color: #200000
}

.row .carousel-control.left:hover:before, .row .carousel-control.right:hover:before {
    background-color: #fdf1e7
}

.row .carousel-control.left {
    left: 0
}

@media (max-width: 991px) {
    .row .carousel-control.left {
        left: 0
    }
}

.row .carousel-control.left:before {
    left: 0;
    content: "\f114";
    font-family: Flaticon
}

.row .carousel-control.right {
    right: 0
}

@media (max-width: 991px) {
    .row .carousel-control.right {
        right: 0
    }
}

.row .carousel-control.right:before {
    right: 0;
    content: "\f115";
    font-family: Flaticon
}

.row .carousel:hover .carousel-control.left:before {
    left: 0
}

@media (max-width: 991px) {
    .row .carousel:hover .carousel-control.left:before {
        left: 0
    }
}

.row .carousel:hover .carousel-control.right:before {
    right: 0
}

@media (max-width: 991px) {
    .row .carousel:hover .carousel-control.right:before {
        right: 0
    }
}

@media (max-width: 1199px) {
    .row .carousel-inner > .item > a > img, .row .carousel-inner > .item > img, .row .img-responsive {
        width: 100%
    }
}

.row #carousel, .row #carousel .carousel-inner {
    border-radius: 6px
}

.row #carousel a:before {
    display: inline-block;
    content: "";
    -webkit-mask: url(/user/documents/upload/sablona-nemazat/svg/bglinkslider.svg) no-repeat 50% 50%;
    mask: url(/user/documents/upload/sablona-nemazat/svg/bglinkslider.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 29px;
    left: 40px;
    z-index: 21
}

@media (max-width: 400px) {
    .row #carousel a:before {
        display: none
    }
}

.row #carousel a:hover:after {
    background: rgba(0, 0, 0, .15);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.row #carousel a img {
    transition: all .3s ease-out;
    transform: translateZ(0);
    max-height: 450px
}

.row #carousel .extended-banner-texts {
    border-radius: 6px;
    height: 100%;
    width: 100%;
    z-index: 21;
    display: flex;
    padding: 48px 40px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

@media (max-width: 479px) {
    .row #carousel .extended-banner-texts {
        padding: 20px 15px
    }
}

.row #carousel .extended-banner-texts .extended-banner-title {
    z-indeX: 21;
    position: static;
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    background-color: transparent;
    background: none;
    box-shadow: none;
    max-width: 693px;
    border: 0;
    line-height: 1;
    bottom: auto;
    padding: 0
}

@media (max-width: 991px) {
    .row #carousel .extended-banner-texts .extended-banner-title {
        font-size: 25px
    }
}

.row #carousel .extended-banner-texts .extended-banner-text {
    z-index: 21;
    position: static;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    padding: 0
}

@media (max-width: 400px) {
    .row #carousel .extended-banner-texts .extended-banner-text {
        font-size: 20px
    }
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive {
    width: 100%;
    border-radius: 6px
}

.footer-usp {
    margin: 80px 0 41px
}

@media (max-width: 1199px) {
    .footer-usp {
        margin: 30px 0
    }
}

.footer-usp .container {
    max-width: 1240px
}

.footer-usp .container .flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

@media (max-width: 767px) {
    .footer-usp .container .flex {
        margin: 0
    }
}

.footer-usp .container .footer-inner {
    width: calc(33.3333% - 30px);
    margin: 15px;
    border-radius: 12px;
    height: 440px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    padding: 40px 50px 45px
}

.footer-usp .container .footer-inner:hover:after {
    z-index: 5
}

.footer-usp .container .footer-inner:hover .top h2, .footer-usp .container .footer-inner:hover .top img, .footer-usp .container .footer-inner:hover .top p {
    position: relative;
    z-index: 5
}

@media (max-width: 1199px) {
    .footer-usp .container .footer-inner {
        padding: 20px 25px
    }
}

@media (max-width: 767px) {
    .footer-usp .container .footer-inner {
        width: 100%;
        margin: 0 0 20px;
        height: auto
    }
}

.footer-usp .container .footer-inner:first-child {
    background: url(/user/documents/upload/sablona-nemazat/sleva-bg-tinified.png), #b1d365;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.footer-usp .container .footer-inner:nth-child(2) {
    background: url(/user/documents/upload/sablona-nemazat/velikost-bg-tinified.png), #40c1c0;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.footer-usp .container .footer-inner:nth-child(3) {
    background: url(/user/documents/upload/sablona-nemazat/vraceni-bg-tinified.png), #ea312f;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.footer-usp .container .footer-inner:after {
    content: url(/user/documents/upload/sablona-nemazat/svg/bglinkslider.svg);
    position: absolute;
    bottom: 29px;
    left: 40px;
    z-index: 1;
    width: 50px;
    height: 50px
}

@media (max-width: 767px) {
    .footer-usp .container .footer-inner:after {
        display: none
    }
}

.footer-usp .container .footer-inner .top h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin: 32px 0 4px
}

@media (max-width: 767px) {
    .footer-usp .container .footer-inner .top h2 {
        margin: 25px 0 4px
    }
}

.footer-usp .container .footer-inner .top p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    max-width: 280px
}

@media (max-width: 767px) {
    .footer-usp .container .footer-inner .top p {
        max-width: 100%
    }
}

.footer-usp .container .footer-inner a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.footer-usp .container .footer-inner a:hover:after {
    background: rgba(0, 0, 0, .15);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.footer-usp .container .footer-inner .bottom a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: inline-block
}

.footer-usp .container .footer-inner .bottom a:hover {
    text-decoration: underline
}

.footer-usp .container .footer-inner .bottom a:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow_right.svg);
    position: relative;
    top: 1px;
    left: 2px
}

.exter-block {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.exter-block:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9998px;
    right: 0
}

.exter-block.hp-detska {
    padding: 39px 0 40px;
    background-color: #40c1c0
}

.exter-block.hp-detska:before {
    border-left: 9999px solid #40c1c0;
    box-shadow: 9999px 0 0 #40c1c0
}

@media (min-width: 767px) and (max-width: 990px) {
    .exter-block.hp-detska .products-wrapper .products:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        width: 10%;
        height: 100%;
        background-color: rgba(64, 193, 192, .8)
    }
}

.exter-block.hp-detska .dsc a.btn {
    color: #40c1c0;
    font-size: 20px;
    font-weight: 700;
    border-radius: 6px;
    background-color: #fff
}

.exter-block.hp-detska .dsc a.btn:hover {
    background-color: #1a7170
}

@media (max-width: 767px) {
    .exter-block.hp-detska .dsc a.btn {
        font-size: 16px;
        padding: 7px 20px
    }
}

.exter-block.hp-detska .dsc a.btn:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-blue.svg);
    position: relative;
    top: 0;
    left: 5px
}

.exter-block.hp-panska {
    padding: 39px 0 40px;
    background-color: #98c93c
}

.exter-block.hp-panska:before {
    border-left: 9999px solid #98c93c;
    box-shadow: 9999px 0 0 #98c93c
}

@media (min-width: 767px) and (max-width: 990px) {
    .exter-block.hp-panska .products-wrapper .products:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        width: 10%;
        height: 100%;
        background-color: rgba(152, 201, 60, .8)
    }
}

.exter-block.hp-panska .dsc a.btn {
    color: #98c93c;
    font-size: 20px;
    font-weight: 700;
    border-radius: 6px;
    background-color: #fff
}

@media (max-width: 767px) {
    .exter-block.hp-panska .dsc a.btn {
        font-size: 16px;
        padding: 7px 20px
    }
}

.exter-block.hp-panska .dsc a.btn:hover {
    background-color: #57771c
}

.exter-block.hp-panska .dsc a.btn:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-green.svg);
    position: relative;
    top: 0;
    left: 5px
}

.exter-block.hp-damska {
    padding: 39px 0 40px;
    background-color: #f03343
}

.exter-block.hp-damska:before {
    border-left: 9999px solid #f03343;
    box-shadow: 9999px 0 0 #f03343
}

@media (min-width: 767px) and (max-width: 990px) {
    .exter-block.hp-damska .products-wrapper .products:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        width: 10%;
        height: 100%;
        background-color: rgba(152, 201, 60, .8)
    }
}

.exter-block.hp-damska .dsc a.btn {
    color: #f03343;
    font-size: 20px;
    font-weight: 700;
    border-radius: 6px;
    background-color: #fff
}

@media (max-width: 767px) {
    .exter-block.hp-damska .dsc a.btn {
        font-size: 16px;
        padding: 7px 20px
    }
}

.exter-block.hp-damska .dsc a.btn:hover {
    background-color: #c80f1e
}

.exter-block.hp-damska .dsc a.btn:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-red.svg);
    position: relative;
    top: 0;
    left: 5px
}

.exter-block.hp-doplnky {
    padding: 39px 0 40px;
    background-color: #f68d2a
}

.exter-block.hp-doplnky:before {
    border-left: 9999px solid #f68d2a;
    box-shadow: 9999px 0 0 #f68d2a
}

@media (min-width: 767px) and (max-width: 990px) {
    .exter-block.hp-doplnky .products-wrapper .products:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        width: 10%;
        height: 100%;
        background-color: rgba(246, 141, 42, .8)
    }
}

.exter-block.hp-doplnky .dsc a.btn {
    color: #f68d2a;
    font-size: 20px;
    font-weight: 700;
    border-radius: 6px;
    background-color: #fff
}

@media (max-width: 767px) {
    .exter-block.hp-doplnky .dsc a.btn {
        font-size: 16px;
        padding: 7px 20px
    }
}

.exter-block.hp-doplnky .dsc a.btn:hover {
    background-color: #7a420e
}

.exter-block.hp-doplnky .dsc a.btn:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-orange.svg);
    position: relative;
    top: 0;
    left: 5px
}

.exter-block .products-wrapper:before {
    content: "Najpredávanejšie";
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    display: block;
    width: 100%;
    margin: 0 0 7px 10px
}

@media (max-width: 1199px) {
    .exter-block .products-wrapper:before {
        margin: 25px 0 25px 10px
    }
}

@media (max-width: 767px) {
    .exter-block .products-wrapper:before {
        margin: 10px 0 10px 10px
    }
}

.exter-block .products-wrapper.product-slider-holder.has-navigation {
    width: calc(100% - 334px);
    padding: 0 36px
}

@media (max-width: 1199px) {
    .exter-block .products-wrapper.product-slider-holder.has-navigation {
        width: 100%
    }
}

@media (max-width: 767px) {
    .exter-block .products-wrapper.product-slider-holder.has-navigation {
        padding: 0 26px
    }
}

.exter-block .products-wrapper.product-slider-holder.has-navigation .product-slider-navigation {
    opacity: 1;
    background: #fff;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    top: 230px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border: 0
}

.exter-block .products-wrapper.product-slider-holder.has-navigation .product-slider-navigation:before {
    color: #000;
    margin: 0 auto;
    background-color: transparent
}

@media (max-width: 767px) {
    .exter-block .products-wrapper.product-slider-holder.has-navigation .product-slider-navigation {
        width: 30px;
        height: 30px;
        border-radius: 30px
    }
}

.exter-block .products-wrapper.product-slider-holder.has-navigation .product-slider-pagination {
    display: none
}

.exter-block .products-wrapper.product-slider-holder.has-navigation > div {
    position: relative
}

@media (min-width: 991px) {
    .exter-block .products-wrapper.product-slider-holder.has-navigation > div {
        width: 100% !important;
        padding: 0 0 48px;
        margin-left: 0
    }
}

@media (max-width: 990px) {
    .exter-block .products-wrapper.product-slider-holder.has-navigation > div {
        padding: 0 0 44px;
        margin: 0 auto;
        width: 100% !important;
        position: relative
    }
}

@media (min-width: 991px) {
    .exter-block .products-wrapper.product-slider-holder.has-navigation > div .product {
        max-width: 33.3333% !important
    }
}

.exter-block .products-wrapper .subcat {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    padding: 0
}

.exter-block .products-wrapper .subcat:before {
    content: "Preskúmajte kategórie";
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 0 0 21px 10px;
    width: 100%;
    color: #fff
}

.exter-block .products-wrapper .subcat li {
    list-style: none;
    border-radius: 6px;
    background-color: #fff;
    min-height: 81px;
    width: calc(33.33333% - 10px);
    margin: 5px;
    display: flex;
    align-items: center;
    padding: 10px 24px
}

@media (max-width: 1439px) {
    .exter-block .products-wrapper .subcat li {
        padding: 10px 10px 10px 24px
    }
}

@media (max-width: 991px) {
    .exter-block .products-wrapper .subcat li {
        width: calc(50% - 10px)
    }
}

@media (max-width: 767px) {
    .exter-block .products-wrapper .subcat li {
        font-size: 16px
    }
}

@media (max-width: 420px) {
    .exter-block .products-wrapper .subcat li {
        width: 100%;
        margin-bottom: 10px
    }
}

.exter-block .products-wrapper .subcat li a.menu-image {
    min-width: 64px;
    max-width: 64px
}

.exter-block .products-wrapper .subcat li a.menu-image img {
    max-height: 62px
}

.exter-block .products-wrapper .subcat li div {
    margin-left: 9px
}

@media (max-width: 767px) {
    .exter-block .products-wrapper .subcat li div {
        line-height: 1.2
    }
}

.exter-block .products-wrapper .subcat li div a {
    line-height: 1;
    color: #0f3332;
    font-size: 18px;
    font-weight: 700
}

@media (max-width: 767px) {
    .exter-block .products-wrapper .subcat li div a {
        font-size: 16px
    }
}

.exter-block .products-wrapper .subcat li .menu-level-3 {
    display: none
}

.exter-block .dsc {
    order: -10;
    width: 334px;
    margin-top: 150px;
    padding-right: 36px;
    position: relative
}

@media (max-width: 1199px) {
    .exter-block .dsc {
        width: 100%;
        padding-right: 0;
        margin-top: 0
    }
}

.exter-block .dsc h2 {
    color: #fff;
    font-size: 62px;
    font-weight: 700;
    margin: 0 0 11px
}

@media (max-width: 767px) {
    .exter-block .dsc h2 {
        font-size: 35px
    }
}

.exter-block .dsc p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 44px
}

@media (max-width: 767px) {
    .exter-block .dsc p {
        font-size: 15px
    }
}

.exter-block .dsc a.btn {
    border: 0
}

.exter-block .dsc a.btn:hover {
    border: 0;
    color: #fff !important
}

.exter-block .dsc a.btn:hover:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow_right.svg)
}

.product-slider .product-slider-pagination .pagination-button {
    background-color: #fff
}

.in-index .product-slider-pagination {
    display: none !important
}

.homepage-group-title {
    color: #000;
    font-size: 48px;
    font-weight: 700;
    margin: 36px 0 0
}

@media (max-width: 767px) {
    .homepage-group-title {
        font-size: 35px
    }
}

@media (max-width: 479px) {
    .homepage-group-title {
        font-size: 25px
    }
}

.homepage-group-title:after {
    content: "";
    font-size: 18px;
    display: block;
    margin-top: 5px;
    text-align: center;
    font-weight: 400
}

@media (max-width: 767px) {
    .homepage-group-title:after {
        font-size: 16px
    }
}

.rozcetnik-rozdeleni {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.rozcetnik-rozdeleni .inner {
    width: calc(25% - 10px);
    background-color: #f7f7f7;
    text-align: center;
    padding: 0 0 30px;
    border-radius: 0 0 10px 10px
}

@media (max-width: 1199px) {
    .rozcetnik-rozdeleni .inner {
        width: calc(50% - 10px)
    }
}

@media (max-width: 767px) {
    .rozcetnik-rozdeleni .inner {
        padding: 0 0 20px
    }
}

@media (max-width: 550px) {
    .rozcetnik-rozdeleni .inner {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .rozcetnik-rozdeleni .inner:nth-child(-n+2) {
        margin-bottom: 20px
    }
}

.rozcetnik-rozdeleni .inner.detska-obuv a.btn.btn-rozcestnik, .rozcetnik-rozdeleni .inner.detska-obuv h2 {
    background-color: #40c1c0
}

.rozcetnik-rozdeleni .inner.detska-obuv a.btn.btn-rozcestnik:hover {
    background-color: #1a7170
}

.rozcetnik-rozdeleni .inner.damska-obuv a.btn.btn-rozcestnik, .rozcetnik-rozdeleni .inner.damska-obuv h2 {
    background-color: #f03343
}

.rozcetnik-rozdeleni .inner.damska-obuv a.btn.btn-rozcestnik:hover {
    background-color: #c80f1e
}

.rozcetnik-rozdeleni .inner.panska-obuv a.btn.btn-rozcestnik, .rozcetnik-rozdeleni .inner.panska-obuv h2 {
    background-color: #98c93c
}

.rozcetnik-rozdeleni .inner.panska-obuv a.btn.btn-rozcestnik:hover {
    background-color: #7a420e
}

.rozcetnik-rozdeleni .inner.doplnky a.btn.btn-rozcestnik, .rozcetnik-rozdeleni .inner.doplnky h2 {
    background-color: #f68d2a
}

.rozcetnik-rozdeleni .inner.doplnky a.btn.btn-rozcestnik:hover {
    background-color: #7a420e
}

.rozcetnik-rozdeleni .inner h2 {
    border-radius: 10px 10px 0 0;
    font-size: 32px;
    font-weight: 700;
    padding: 32px 10px;
    color: #fff;
    margin: 0;
    text-align: center
}

@media (max-width: 767px) {
    .rozcetnik-rozdeleni .inner h2 {
        font-size: 25px;
        padding: 20px 10px
    }
}

.rozcetnik-rozdeleni .inner a.btn.btn-rozcestnik {
    font-size: 16px;
    font-weight: 700;
    border: 0;
    color: #fff;
    border-radius: 10px;
    padding: 15px 22px;
    width: calc(100% - 60px)
}

@media (max-width: 767px) {
    .rozcetnik-rozdeleni .inner a.btn.btn-rozcestnik {
        font-size: 14px;
        width: calc(100% - 20px)
    }
}

.rozcetnik-rozdeleni .inner a.btn.btn-rozcestnik span {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath fill='%23fff' d='M.375 1.5L1.903 0l5.972 6-5.971 6-1.529-1.5 4.5-4.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 8px;
    height: 12px;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: 1px
}

.rozcetnik-rozdeleni .inner p {
    font-size: 16px;
    width: calc(100% - 40px);
    margin: 0 auto 32px !important;
    text-align: left;
    color: #000
}

@media (min-width: 1200px) {
    .rozcetnik-rozdeleni .inner p {
        min-height: 166px
    }
}

@media (max-width: 767px) {
    .rozcetnik-rozdeleni .inner p {
        font-size: 14px;
        width: calc(100% - 20px)
    }
}

@media (max-width: 550px) {
    .rozcetnik-rozdeleni .inner p {
        margin-bottom: 20px !important
    }
}

.rozcetnik-rozdeleni .inner .image {
    max-height: 160px;
    margin: 29px auto 33px;
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .rozcetnik-rozdeleni .inner .image {
        width: calc(100% - 20px);
        margin: 20px auto
    }
}

.rozcetnik-rozdeleni .inner .image img {
    max-height: 160px
}

.position--benefitHomepage {
    background-color: #f7f7f7
}

.position--benefitHomepage:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9998px;
    right: 0;
    border-left: 9999px solid #f7f7f7;
    box-shadow: 9999px 0 0 #f7f7f7;
    display: inherit
}

.position--benefitCategory.benefitBanner, .position--benefitProduct.benefitBanner {
    position: relative;
    padding: 0;
    margin-top: 0
}

.position--benefitProduct.benefitBanner {
    padding: 0
}

.position--benefitCategory.benefitBanner {
    order: -2;
    margin: 0
}

.position--benefitCategory.benefitBanner .container {
    width: 100%;
    padding: 0
}

.position--benefitCategory.benefitBanner .usp {
    padding: 50px 0 30px;
    border-bottom: 0;
    border-top: 1px solid #e1cbb9
}

.in-index .benefitBanner {
    margin: 0;
    padding: 0;
    position: relative
}

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

.in-index .benefitBanner .benefitBanner__content {
    padding-right: 0
}

.in-index .benefitBanner .benefitBanner__item {
    width: 100%;
    flex: auto;
    margin: 0
}

.in-index .benefitBanner .benefitBanner__item .benefitBanner__content {
    width: 100%
}

.in-index .benefitBanner .benefitBanner__item .benefitBanner__content .benefitBanner__data {
    width: 100%;
    padding: 0;
    text-align: center;
    position: relative
}

.in-index .benefitBanner .benefitBanner__item .benefitBanner__content .benefitBanner__data > span {
    padding: 5px 14px;
    background-color: #fff
}

.in-index .benefitBanner .benefitBanner__item .benefitBanner__content .benefitBanner__data > span a {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    text-decoration: underline
}

.in-index .benefitBanner .benefitBanner__item .benefitBanner__content .benefitBanner__data > span a:hover {
    text-decoration: none
}

@media (min-width: 768px) {
    .mobile-usp {
        display: none
    }
}

.benefitBanner {
    margin: 32px 0 0;
    padding: 0;
    position: relative
}

.benefitBanner .benefitBanner__content {
    padding-right: 0
}

.benefitBanner .benefitBanner__item {
    width: 100%;
    flex: auto;
    margin: 0
}

.benefitBanner .benefitBanner__item .benefitBanner__content {
    width: 100%
}

.benefitBanner .benefitBanner__item .benefitBanner__content .benefitBanner__data {
    width: 100%;
    padding: 0
}

body:not(.in-index) .usp {
    width: 100%;
    margin: 0;
    box-shadow: none;
    max-width: 100%
}

.usp {
    padding: 34px 0 8px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .usp {
        max-width: 100%
    }
}

.usp .container {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}

.usp .usp-inner {
    padding: 0 15px;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    width: 20%
}

@media (max-width: 1439px) {
    .usp .usp-inner {
        padding: 0 7px
    }
}

@media (max-width: 991px) {
    .usp .usp-inner {
        width: 33.33333%
    }
}

@media (max-width: 767px) {
    .usp .usp-inner {
        padding: 0 10px;
        flex-direction: row;
        width: 50%;
        justify-content: flex-start
    }
}

@media (max-width: 400px) {
    .usp .usp-inner {
        padding: 0 5px
    }
}

@media (max-width: 320px) {
    .usp .usp-inner {
        width: 100%
    }
}

@media (max-width: 991px) {
    .usp .usp-inner:nth-child(-n+2) {
        margin-bottom: 15px
    }
}

@media (max-width: 479px) {
    .usp .usp-inner:nth-child(-n+3) {
        margin-bottom: 15px
    }
}

.usp .usp-inner img {
    margin-bottom: 14px
}

@media (max-width: 767px) {
    .usp .usp-inner img {
        margin-right: 14px;
        margin-bottom: 0
    }
}

@media (max-width: 500px) {
    .usp .usp-inner img {
        max-width: 35px;
        max-width: 30px
    }
}

.usp .usp-inner p {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.2
}

@media (max-width: 767px) {
    .usp .usp-inner p {
        text-align: left;
        margin-bottom: 0 !important
    }
}

@media (max-width: 500px) {
    .usp .usp-inner p {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .usp .usp-inner p br {
        display: none
    }
}

.usp .usp-inner p a {
    text-decoration: underline
}

.usp .usp-inner p a:hover {
    text-decoration: none
}

.category-top {
    padding: 47px 0 26px;
    background-color: #f2f2f2
}

@media (max-width: 767px) {
    .category-top .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

.category-top h1 {
    color: #000;
    font-size: 64px;
    font-weight: 700;
    margin: 0 0 34px;
    text-align: center
}

@media (max-width: 767px) {
    .category-top h1 {
        font-size: 48px
    }
}

@media (max-width: 380px) {
    .category-top h1 {
        font-size: 38px;
        margin: 0 0 25px
    }
}

.category-top p {
    font-size: 16px;
    color: #000;
    max-width: 960px;
    margin: 0 auto 19px;
    text-align: center
}

@media (max-width: 380px) {
    .category-top p {
        font-size: 15px
    }
}

.category-top p a {
    color: #000;
    text-decoration: underline
}

.category-top p a:hover {
    text-decoration: none
}

.detskaobuv .category-top {
    background-color: #40c1c0
}

.detskaobuv .category-top .showbutton a, .detskaobuv .category-top h1, .detskaobuv .category-top h1 a, .detskaobuv .category-top p, .detskaobuv .category-top p a {
    color: #fff
}

.detskaobuv .category-top .showbutton a.chevron-after.chevron-down-after:after, .detskaobuv .category-top .showbutton a.chevron-after.chevron-up-after:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-white.svg)
}

.obuvpredospelych .category-top {
    background-color: #98c93c
}

.obuvpredospelych .category-top .showbutton a, .obuvpredospelych .category-top h1, .obuvpredospelych .category-top h1 a, .obuvpredospelych .category-top p, .obuvpredospelych .category-top p a {
    color: #fff
}

.obuvpredospelych .category-top .showbutton a.chevron-after.chevron-down-after:after, .obuvpredospelych .category-top .showbutton a.chevron-after.chevron-up-after:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-white.svg)
}

.doplnky .category-top {
    background-color: #f68d2a
}

.doplnky .category-top h1, .doplnky .category-top h1 a, .doplnky .category-top p, .doplnky .category-top p a, .doplnky .showbutton a {
    color: #fff
}

.doplnky .showbutton a.chevron-after.chevron-down-after:after, .doplnky .showbutton a.chevron-after.chevron-up-after:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-white.svg)
}

.showbutton {
    text-align: center
}

.showbutton + .showbutton {
    display: none
}

.showbutton a {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.showbutton a:hover {
    cursor: pointer
}

.showbutton a.chevron-after.chevron-down-after:after, .showbutton a.chevron-after.chevron-up-after:after {
    margin-left: 7px;
    content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg)
}

.showbutton a.chevron-after.chevron-up-after:after {
    display: inline-block;
    transform: rotate(-180deg)
}

main#content .category-top {
    display: none
}

.cat-perex-bottom {
    background-color: #f7f7f7;
    padding: 103px 0 100px
}

@media (max-width: 991px) {
    .cat-perex-bottom {
        padding: 80px 0
    }
}

@media (max-width: 767px) {
    .cat-perex-bottom {
        padding: 35px 0
    }
}

.cat-perex-bottom .container {
    max-width: 960px;
    margin: 0 auto
}

.cat-perex-bottom h2 {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 31px
}

@media (max-width: 767px) {
    .cat-perex-bottom h2 {
        margin: 0 0 25px;
        font-size: 25px
    }
}

.cat-perex-bottom p a {
    color: #98c93c;
    text-decoration: underline
}

.cat-perex-bottom p a:hover {
    text-decoration: none
}

.cat-perex-bottom ul {
    margin: 0;
    padding: 0
}

.cat-perex-bottom ul li {
    padding-left: 20px;
    list-style: none;
    margin-bottom: 20px;
    position: relative
}

.cat-perex-bottom ul li:last-of-type {
    margin-bottom: 0
}

.cat-perex-bottom ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #98c93c;
    content: "";
    position: absolute;
    left: 0;
    top: 8px
}

ul.subcategories {
    width: 100%;
    order: -8
}

ul.subcategories li {
    width: calc(25% - 10px);
    margin: 5px;
    padding: 0
}

@media (max-width: 1199px) {
    ul.subcategories li {
        width: calc(33.33333% - 10px)
    }
}

@media (max-width: 991px) {
    ul.subcategories li {
        width: calc(50% - 10px)
    }
}

@media (max-width: 328px) {
    ul.subcategories li {
        width: 100%;
        margin: 5px 0
    }
}

ul.subcategories li a {
    background-color: #fff;
    border: 0;
    min-height: 80px;
    display: flex;
    align-items: flex-start;
    box-shadow: none;
    border-radius: 6px;
    height: 80px;
    padding: 10px
}

@media (max-width: 450px) {
    ul.subcategories li a {
        height: 55px;
        min-height: 55px
    }
}

ul.subcategories li a:hover span.text {
    text-decoration: none;
    color: #98c93c
}

ul.subcategories li a span.text {
    color: #0f3332;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    max-height: unset;
    height: 80px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    bottom: 0;
    z-index: 8;
    text-align: left;
    line-height: 1.1
}

@media (max-width: 500px) {
    ul.subcategories li a span.text {
        font-size: 15px;
        padding-right: 3px
    }
}

@media (max-width: 450px) {
    ul.subcategories li a span.text {
        height: 55px;
        min-height: 55px
    }
}

ul.subcategories li a:before {
    display: none
}

ul.subcategories li a:after {
    background-color: rgba(0, 0, 0, .37)
}

ul.subcategories li a:hover {
    border-color: transparent
}

ul.subcategories.with-image li, ul.subcategories.with-image li a {
    padding: 0
}

ul.subcategories.with-image li a:hover span.text {
    text-decoration: none;
    color: #98c93c
}

ul.subcategories.with-image li a span.text {
    color: #0f3332;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    max-height: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    line-height: 1.1;
    padding-left: 10px;
    justify-content: flex-start
}

@media (max-width: 500px) {
    ul.subcategories.with-image li a span.text {
        font-size: 15px;
        padding-right: 3px;
        padding-left: 5px
    }
}

@media (max-width: 450px) {
    ul.subcategories.with-image li a span.text {
        font-size: 13px;
        height: 55px;
        min-height: 55px
    }
}

ul.subcategories.with-image li a span.image {
    max-width: 80px;
    width: 80px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px
}

@media (max-width: 479px) {
    ul.subcategories.with-image li a span.image {
        width: 60px;
        height: 80px
    }
}

@media (max-width: 450px) {
    ul.subcategories.with-image li a span.image {
        height: 55px
    }
}

ul.subcategories.with-image li a span.image img {
    max-height: 70px
}

@media (max-width: 479px) {
    ul.subcategories.with-image li a span.image img {
        max-height: 80px
    }
}

@media (max-width: 450px) {
    ul.subcategories.with-image li a span.image img {
        height: 55px
    }
}

.category-header {
    order: -1;
    background-color: #fff;
    margin: 0 0 10px;
    padding: 0 30px;
    position: relative;
    border: 3px #f2f2f2;
    border-style: none none solid
}

@media (max-width: 767px) {
    .category-header {
        margin-top: 0;
        border-bottom: 0;
        padding: 0
    }
}

.category-header div.category-header-pagination {
    order: 20;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding-right: 0
}

@media (max-width: 991px) {
    .category-header div.category-header-pagination {
        display: none !important
    }
}

.category-header form .dropdown {
    text-align: left;
    border: 1px #fff;
    border-style: solid solid none
}

@media (max-width: 767px) {
    .category-header form .dropdown.open {
        border: 1px #f2f2f2;
        border-style: solid solid none
    }
}

.category-header form .dropdown.open .icon-chevron-down:before {
    content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg);
    display: inline-block;
    transform: rotate(-180deg);
    position: relative;
    top: 5px
}

.category-header form .dropdown button#products-listing-order {
    border: 0
}

@media (max-width: 767px) {
    .category-header form .dropdown button#products-listing-order {
        display: flex
    }
}

@media (max-width: 767px) {
    .category-header form .dropdown button#products-listing-order:before {
        content: "Řadit podle:";
        font-weight: 400;
        margin-right: 5px
    }
}

@media (max-width: 767px) {
    .category-header form .dropdown .dropdown-menu {
        box-shadow: none;
        border-color: #f2f2f2;
        margin: 0 -1px;
        width: calc(100% + 2px)
    }
}

.category-header form .dropdown span.products-listing-order-heading {
    font-size: 16px
}

.category-header form .dropdown span.products-listing-order-heading:before {
    display: none
}

@media (max-width: 767px) {
    .category-header form .dropdown span.products-listing-order-heading {
        displaY: none
    }
}

.category-header form .dropdown .icon-chevron-down {
    vertical-align: baseline
}

.category-header form .dropdown .icon-chevron-down:before {
    position: relative;
    top: -1px;
    content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg)
}

@media (max-width: 767px) {
    .category-header form .dropdown .icon-chevron-down:before {
        margin-left: 5px
    }
}

.pagination-wrapper {
    margin: 0;
    padding: 0;
    order: 20;
    display: flex;
    flex-wrap: wrap;
    border-top: 0
}

@media (min-width: 768px) {
    .pagination-wrapper {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 1199px) {
    .pagination-wrapper {
        padding-bottom: 53px
    }
}

@media (max-width: 767px) {
    .pagination-wrapper {
        padding: 15px 0
    }
}

.pagination-wrapper .pagination-loader {
    margin: 0;
    width: 100%;
    order: -20
}

.pagination-wrapper .pagination-loader span.load-products.btn.btn-default.unveil-button {
    margin: 43px 0;
    padding: 0;
    background: #fff;
    position: relative;
    border: 0;
    font-size: 0 !important
}

@media (max-width: 479px) {
    .pagination-wrapper .pagination-loader span.load-products.btn.btn-default.unveil-button {
        margin: 25px 0
    }
}

.pagination-wrapper .pagination-loader span.load-products.btn.btn-default.unveil-button:hover:before {
    text-decoration: underline
}

.pagination-wrapper .pagination-loader span.load-products.btn.btn-default.unveil-button:before {
    content: "Zobrazit více produktů";
    position: relative;
    text-transform: none;
    top: 2px;
    color: #98c93c;
    font-weight: 700;
    font-size: 14px
}

.pagination-wrapper .pagination-loader span.load-products.btn.btn-default.unveil-button:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-green-down.svg);
    position: relative;
    top: 1px;
    margin-left: 8px
}

.pagination-wrapper .pagination-top {
    display: none
}

.pagination-wrapper .pagination-top > a.pagination-link {
    display: none;
    background-color: transparent;
    min-width: 0;
    width: auto;
    height: auto
}

.pagination-wrapper .pagination-top > a.pagination-link:before {
    display: none;
    content: "\f11f";
    display: inline-block;
    transform: rotate(-180deg);
    font-family: Flaticon;
    font-size: 10px;
    color: #000
}

.pagination-wrapper .pagination-top > strong {
    min-width: auto;
    width: auto;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    text-decoration: underline
}

.pagination-wrapper .pagination-top > strong:hover {
    text-decoration: none
}

.pagination-wrapper .pagination {
    display: flex;
    justify-content: center;
    width: 100%;
    border-top: 3px solid #f2f2f2;
    padding: 23px 0
}

.pagination-wrapper .pagination.noleft > strong {
    margin: 0 0 0 auto
}

.pagination-wrapper .pagination > strong {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    border: 3px solid #98c93c;
    color: #98c93c;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

@media (max-width: 479px) {
    .pagination-wrapper .pagination > strong {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 16px
    }
}

.pagination-wrapper .pagination a {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 479px) {
    .pagination-wrapper .pagination a {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 16px
    }
}

.pagination-wrapper .pagination a:first-of-type {
    background-color: #98c93c;
    color: #fff
}

.pagination-wrapper .pagination a:last-of-type {
    color: #000;
    border: 3px solid #f2f2f2;
    background-color: #fff
}

.pagination-wrapper .pagination a.next {
    order: 10;
    background-color: transparent;
    border: 3px solid #f2f2f2;
    margin: 0 0 0 auto
}

.pagination-wrapper .pagination a.next:before {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-left-black.svg)
}

.pagination-wrapper .pagination a.prev {
    order: -10;
    background-color: transparent;
    border: 3px solid #f2f2f2;
    margin: 0 auto 0 0
}

.pagination-wrapper .pagination a.prev:before {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-right-black.svg)
}

aside.sidebar {
    width: 320px;
    padding-left: 20px;
    padding-right: 0
}

@media (max-width: 1439px) {
    aside.sidebar {
        width: 290px
    }
}

aside.sidebar .box-topProducts {
    border: 0;
    margin-top: 138px;
    padding: 0
}

aside.sidebar .box-topProducts h4 {
    color: #000;
    font-size: 0;
    font-weight: 700;
    margin: 0 0 13px
}

aside.sidebar .box-topProducts h4:after {
    content: "Nejprodávanější";
    font-size: 16px
}

aside.sidebar .box-topProducts ol {
    border-top: 3px solid #f2f2f2
}

aside.sidebar .box-topProducts ol li {
    align-items: center;
    border-bottom: 3px solid #f2f2f2;
    margin: 0;
    padding: 23px 0
}

aside.sidebar .box-topProducts ol li:before {
    display: none
}

aside.sidebar .box-topProducts ol li img {
    max-height: 73px
}

aside.sidebar .box-topProducts ol li a {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

aside.sidebar .box-topProducts ol li a.top-products-image {
    max-width: 73px
}

aside.sidebar .box-topProducts ol li a.top-products-content {
    width: calc(100% - 73px);
    padding-left: 16px
}

aside.sidebar .box-topProducts ol li a.top-products-content strong {
    color: #98c93c;
    font-weight: 700
}

.filter-section-parametric-id-5 {
    order: -10
}

#manufacturer-filter {
    order: 21
}

@media (max-width: 767px) {
    .filters-unveil-button-wrapper {
        position: relative
    }
}

.filters-unveil-button-wrapper i {
    font-style: normal;
    color: #000;
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f2f2f2;
    top: 13px;
    right: 28px;
    line-height: 25px
}

@media (min-width: 768px) {
    .filters-unveil-button-wrapper i {
        display: none
    }
}

.filter-title {
    display: none
}

.filter-label .filter-count {
    border-radius: 20px;
    background-color: #707070;
    min-width: 30px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    padding: 0 7px;
    font-weight: 400;
    width: auto
}

.box.box-sm.box-filters {
    border-radius: 6px;
    background-color: #f7f7f7;
    border: 0;
    padding: 3px 26px
}

.filter-button {
    text-align: center;
    padding: 18px 0 29px
}

@media (min-width: 768px) {
    .filter-button {
        display: none
    }
}

.filter-button span {
    color: #98c93c;
    font-size: 14px;
    font-weight: 700;
    text-transform: none
}

.filter-button span:hover {
    cursor: pointer
}

.filter-button span.open-filter {
    font-size: 0
}

.filter-button span.open-filter:before {
    font-size: 14px;
    content: "Zavřít filtr"
}

.filter-button span.open-filter:after {
    display: inline-block;
    transform: rotate(-180deg)
}

.filter-button span:after {
    margin-left: 3px;
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-green-down.svg);
    position: relative;
    top: -1px
}

@media (min-width: 768px) {
    #category-filter-hover {
        display: flex !important;
        flex-direction: column
    }
}

#category-filter-hover:not(.ukaz) {
    display: none
}

@media (max-width: 767px) {
    #category-filter-hover.ukaz {
        display: flex !important;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    #filters, .filters {
        background-color: #f7f7f7
    }
}

#filters .filter-sections, .filters .filter-sections {
    background-color: transparent
}

#filters .filter-sections.first, .filters .filter-sections.first {
    display: flex;
    flex-direction: column
}

#filters .filter-sections.first .filter-section-boolean, .filters .filter-sections.first .filter-section-boolean {
    order: -20
}

#filters .filter-sections.first .filter-section-boolean:before, .filters .filter-sections.first .filter-section-boolean:before {
    content: "Filtrovat";
    color: #000;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 18px
}

#filters .filter-sections.first .filter-section-parametric-id-67, .filters .filter-sections.first .filter-section-parametric-id-67 {
    order: -19;
    padding: 11px 0
}

#filters .filter-sections.first > .slider-wrapper, .filters .filter-sections.first > .slider-wrapper {
    padding: 11px 0 31px
}

#filters .filter-sections h4, .filters .filter-sections h4 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    margin: 11px 0 10px
}

#filters .filter-sections .slider-wrapper, .filters .filter-sections .slider-wrapper {
    padding: 0;
    width: 100%;
    max-width: 100%
}

#filters .filter-sections .slider-wrapper .slider-header, .filters .filter-sections .slider-wrapper .slider-header {
    width: 100%
}

#filters .filter-sections .slider-wrapper .slider-header span, .filters .filter-sections .slider-wrapper .slider-header span {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

#filters .filter-sections .slider-wrapper .slider-content, .filters .filter-sections .slider-wrapper .slider-content {
    height: 6px;
    margin-bottom: 0;
    background-color: #b8da78
}

#filters .filter-sections .slider-wrapper .slider-content #slider, #filters .filter-sections .slider-wrapper .slider-content .slider, .filters .filter-sections .slider-wrapper .slider-content #slider, .filters .filter-sections .slider-wrapper .slider-content .slider {
    height: 6px;
    background-color: #b8da78
}

#filters .filter-sections .slider-wrapper .slider-content #slider .ui-slider-range, #filters .filter-sections .slider-wrapper .slider-content .slider .ui-slider-range, .filters .filter-sections .slider-wrapper .slider-content #slider .ui-slider-range, .filters .filter-sections .slider-wrapper .slider-content .slider .ui-slider-range {
    background-color: #98c93c
}

#filters .filter-sections .slider-wrapper .slider-content #slider span, #filters .filter-sections .slider-wrapper .slider-content .slider span, .filters .filter-sections .slider-wrapper .slider-content #slider span, .filters .filter-sections .slider-wrapper .slider-content .slider span {
    width: 20px;
    height: 20px;
    top: -7px;
    border-radius: 4px;
    background-color: #98c93c
}

#filters .filter-sections .filter-section.filter-section-button, .filters .filter-sections .filter-section.filter-section-button {
    padding: 18px 0 29px
}

#filters .filter-sections .filter-section:not(.filter-section-button), .filters .filter-sections .filter-section:not(.filter-section-button) {
    border-bottom: 3px solid #f2f2f2
}

#filters .filter-sections .filter-section + .filter-section, .filters .filter-sections .filter-section + .filter-section {
    border-top: 0
}

#filters .filter-sections .filter-section.filter-section-count, .filters .filter-sections .filter-section.filter-section-count {
    border-bottom: 0
}

#filters .filter-sections .filter-section.filter-section-count .filter-total-count, .filters .filter-sections .filter-section.filter-section-count .filter-total-count {
    display: none
}

#filters .filter-sections .filter-section.filter-section-count #clear-filters, .filters .filter-sections .filter-section.filter-section-count #clear-filters {
    text-align: right
}

#filters .filter-sections .filter-section.filter-section-count #clear-filters .close-after, .filters .filter-sections .filter-section.filter-section-count #clear-filters .close-after {
    text-transform: none
}

#filters .filter-sections .filter-section.filter-section-count #clear-filters .close-after:hover, .filters .filter-sections .filter-section.filter-section-count #clear-filters .close-after:hover {
    text-decoration: underline
}

#filters .filter-sections .filter-section.filter-section-count #clear-filters .close-after:after, .filters .filter-sections .filter-section.filter-section-count #clear-filters .close-after:after {
    display: none
}

#filters .filter-sections .filter-section form, .filters .filter-sections .filter-section form {
    margin-bottom: 20px
}

#filters .filter-sections .filter-section form::-webkit-scrollbar, .filters .filter-sections .filter-section form::-webkit-scrollbar {
    width: 14px;
    height: 14px
}

#filters .filter-sections .filter-section form::-webkit-scrollbar-thumb, .filters .filter-sections .filter-section form::-webkit-scrollbar-thumb {
    background: #707070;
    border: 1px solid #707070;
    border-radius: 8px
}

#filters .filter-sections .filter-section form::-webkit-scrollbar-thumb:hover, .filters .filter-sections .filter-section form::-webkit-scrollbar-thumb:hover {
    background: #707070
}

#filters .filter-sections .filter-section form::-webkit-scrollbar-track, .filters .filter-sections .filter-section form::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 0;
    box-shadow: inset 0 0 0 0 #f0f0f0
}

#filters .filter-sections .filter-section .advanced-filters-wrapper .advanced-parameter-inner, .filters .filter-sections .filter-section .advanced-filters-wrapper .advanced-parameter-inner {
    border-radius: 0;
    box-shadow: none;
    border: 0
}

#filters .filter-sections .filter-section .advanced-filters-wrapper .advanced-parameter-inner img, .filters .filter-sections .filter-section .advanced-filters-wrapper .advanced-parameter-inner img {
    border-radius: 0
}

#filters .filter-sections .toggle-filters, .filters .filter-sections .toggle-filters {
    color: #98c93c;
    font-size: 14px;
    font-weight: 700;
    text-transform: none
}

#filters .filter-sections .toggle-filters:after, .filters .filter-sections .toggle-filters:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-green-down.svg);
    position: relative;
    top: -1px
}

.param-filter-top form:first-child {
    margin-bottom: 0 !important
}

@media (max-width: 767px) {
    .filters-wrapper .filters-unveil-button-wrapper {
        margin-bottom: 0 !important
    }
}

@media (max-width: 767px) {
    .filters-wrapper .filters-unveil-button-wrapper a.btn.btn-default {
        border: 1px solid #f2f2f2;
        color: #000
    }
}

@media (max-width: 767px) {
    .filters-wrapper .filters-unveil-button-wrapper a.btn.btn-default:after {
        position: relative;
        top: -1px;
        content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg)
    }
}

@media (max-width: 767px) {
    .filters-wrapper .filters-unveil-button-wrapper a.btn.btn-default[data-text="Otevřít filtr "]:after {
        position: relative;
        display: inline-block;
        transform: rotate(-180deg);
        top: 1px;
        content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg)
    }
}

#category-filter-hover .filter-section:first-child {
    border-top: 0
}

.vybrane-filtry {
    order: -3;
    display: flex;
    background-color: #f7f7f7;
    padding: 10px 10px 5px;
    border-radius: 4px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px
}

.vybrane-filtry:empty {
    display: none
}

@media (min-width: 768px) {
    .vybrane-filtry {
        display: none
    }
}

@media (max-width: 767px) {
    .vybrane-filtry {
        margin-top: 25px
    }
}

.vybrane-filtry .filter-title {
    display: initial;
    margin-right: 3px
}

.vybrane-filtry:not(.aktivni-filtr) {
    padding: 0;
    margin: 0
}

.vybrane-filtry .filter-here {
    display: flex;
    flex-wrap: wrap;
    width: 90%
}

@media (max-width: 767px) {
    .vybrane-filtry .filter-here {
        width: 100%
    }
}

.vybrane-filtry .filter-section.filter-section-count {
    padding: 0
}

.vybrane-filtry .filter-total-count {
    display: none
}

.vybrane-filtry #clear-filters {
    margin: 0 0 0 auto
}

@media (max-width: 767px) {
    .vybrane-filtry #clear-filters {
        width: 100%;
        text-align: right
    }
}

.vybrane-filtry #clear-filters a {
    color: #d63500 !important;
    font-weight: 400;
    font-size: 0;
    text-transform: none
}

.vybrane-filtry #clear-filters a:after {
    display: none
}

.vybrane-filtry #clear-filters a:before {
    content: "Vymazat filtr";
    font-size: 16px;
    position: relative;
    top: -3px
}

.vybrane-filtry .filter-count {
    display: none
}

.vybrane-filtry .filter-label {
    width: auto;
    min-height: 24px;
    display: flex !important;
    align-items: center;
    padding: 4px 8px;
    line-height: 1;
    margin: 0 3px 5px 0;
    border-radius: 4px;
    background-color: #707070;
    top: -8px;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.vybrane-filtry .filter-label:after {
    content: "\e912";
    font-family: shoptet;
    color: #fff;
    font-size: 7px;
    display: block;
    margin-left: 10px;
    position: relative;
    top: -1px
}

.vybrane-filtry .slider-wrapper {
    padding: 4px 8px;
    line-height: 1;
    margin: 0 3px 5px 0;
    border-radius: 4px;
    background-color: #fdf1e7;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    max-width: unset;
    display: flex;
    align-items: center
}

.vybrane-filtry .slider-wrapper:hover {
    cursor: pointer
}

.vybrane-filtry .slider-wrapper .slider-content, .vybrane-filtry .slider-wrapper h4 {
    display: none
}

.vybrane-filtry .slider-wrapper .slider-header {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    width: auto;
    padding: 0
}

.vybrane-filtry .slider-wrapper .slider-header .from, .vybrane-filtry .slider-wrapper .slider-header .to {
    color: #000
}

.vybrane-filtry .slider-wrapper:before {
    content: "Cena:";
    margin-right: 3px
}

.vybrane-filtry .slider-wrapper:after {
    content: "\e912";
    font-family: Shoptet;
    color: #000;
    font-size: 8px;
    display: block;
    margin-left: 10px;
    order: 20
}

.vybrane-filtry .slider-wrapper .from, .vybrane-filtry .slider-wrapper .to {
    width: auto;
    float: none;
    font-size: 0
}

.vybrane-filtry .slider-wrapper .from > span, .vybrane-filtry .slider-wrapper .to > span {
    font-size: 14px
}

.vybrane-filtry .slider-wrapper .from:after {
    content: " - ";
    font-size: 14px
}

.products-block > div {
    padding: 5px
}

.products-block > div:hover {
    box-shadow: none
}

.products-block > div:hover .p a {
    text-decoration: none
}

@media (max-width: 767px) {
    .type-category .products-block {
        margin-top: 25px
    }
}

@media (max-width: 767px) {
    .type-category .products-block > div {
        width: 50%
    }
}

.product {
    border: 0;
    padding: 0 5px;
    border: 0 !important
}

.product:not(.skladom) .p .p-bottom > div .p-tools > .btn.btn-primary {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    color: #999
}

.product:not(.skladom) .p .p-bottom > div .p-tools > .btn.btn-primary:hover {
    background-color: #999;
    border-color: #999;
    color: #f0f0f0
}

.product .p {
    border-radius: 6px;
    background-color: #fff
}

.product .p:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.product .p .p-code {
    display: none
}

.product .p a.image, .product .p a.image img {
    border-radius: 6px 6px 0 0
}

.product .p .p-in {
    display: flex;
    flex-direction: column;
    padding: 17px 25px 46px
}

@media (max-width: 479px) {
    .product .p .p-in {
        padding: 10px 10px 0
    }
}

.product .p .p-in .widget-parameter-more {
    margin-right: 5px
}

.product .p .p-in .widget-parameter-more span {
    padding: 0 3px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    min-width: 30px;
    height: 30px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #f2f2f2
}

.product .p .p-in .widget-parameter-wrapper-no {
    min-height: 30px;
    order: -20;
    margin: 10px auto
}

.product .p .p-in .widget-parameter-wrapper {
    width: auto;
    order: -20;
    min-height: 30px;
    margin: 10px auto
}

.product .p .p-in .widget-parameter-wrapper .widget-parameter-list li {
    margin-right: 5px
}

.product .p .p-in .widget-parameter-wrapper .widget-parameter-list li a {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 0 3px;
    min-width: 30px;
    height: 30px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #f2f2f2
}

.product .p .p-in .widget-parameter-wrapper .widget-parameter-list li a:hover {
    background-color: #f2f2f2
}

.product .p .p-in .p-in-in {
    order: -21
}

.product .p .p-in .p-in-in a.name {
    line-height: 1.1;
    padding: 0;
    color: #000;
    height: 61px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    margin: 0;
    overflow: hidden
}

@media (max-width: 479px) {
    .product .p .p-in .p-in-in a.name {
        font-size: 15px;
        height: 48px;
        text-align: center;
        margin-bottom: 0
    }
}

.product .p .p-in .p-in-in a.name span.category-appendix {
    font-weight: 300
}

.product .p .p-in .p-in-in a.name:hover span {
    text-decoration: underline
}

.product .p .p-in .p-in-in .ratings-wrapper {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
    display: none
}

.product .p .p-in .p-in-in .ratings-wrapper .stars-wrapper {
    height: auto;
    width: 100%;
    flex: auto;
    justify-content: center
}

.product .p .p-in .availability {
    order: -9;
    margin: 0;
    flex: auto;
    text-align: right
}

@media (max-width: 620px) {
    .product .p .p-in .availability {
        text-align: center;
        margin: 10px 0
    }
}

@media (max-width: 479px) {
    .product .p .p-in .availability {
        margin: 0
    }
}

.product .p .p-in .availability span {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.product .p .p-in .availability span[style="color:#1a9d4d"]:before {
    content: "\f111";
    color: #1a9d4d;
    font-family: Flaticon;
    position: relative;
    top: 2px;
    font-weight: 400
}

@media (max-width: 479px) {
    .product .p .p-in .availability span {
        font-size: 13px
    }
}

.product .p .p-in .availability span.availability-amount {
    color: #1a9d4d;
    font-size: 16px;
    font-weight: 700
}

@media (max-width: 479px) {
    .product .p .p-in .availability span.availability-amount {
        font-size: 13px
    }
}

.product .p .p-in .p-bottom, .product .p .p-in .p-bottom.single-button {
    padding: 0
}

.product .p .p-in .p-bottom > div {
    width: 100%;
    margin-top: 11px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.product .p .p-in .p-bottom .prices {
    flex-basis: auto;
    order: -10;
    min-height: 43px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 10px;
    line-height: 1
}

@media (max-width: 620px) {
    .product .p .p-in .p-bottom .prices {
        width: 100%;
        align-items: center;
        margin-right: 0
    }
}

.product .p .p-in .p-bottom .prices.discount .price-standard {
    margin-right: 0
}

.product .p .p-in .p-bottom .prices.discount .price-standard span {
    line-height: 1;
    font-size: 22px
}

.product .p .p-in .p-bottom .prices .price-standard > span {
    margin-right: 0;
    margin-bottom: 5px;
    color: #f03343;
    font-size: 12px;
    font-weight: 700
}

@media (max-width: 1199px) {
    .product .p .p-in .p-bottom .prices .price-standard > span {
        font-size: 14px
    }
}

.product .p .p-in .p-bottom .prices .price-additional {
    order: 10;
    color: #f03343;
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

.product .p .p-in .p-bottom .prices strong {
    color: #98c93c;
    font-size: 20px;
    font-weight: 700
}

@media (max-width: 1199px) {
    .product .p .p-in .p-bottom .prices strong {
        font-size: 18px
    }
}

.product .p .p-in .p-bottom .prices strong small {
    font-size: 100%
}

.product .p .p-in .p-bottom .p-tools {
    padding: 0;
    width: auto;
    text-align: right;
    flex-basis: auto;
    margin: 0
}

@media (max-width: 620px) {
    .product .p .p-in .p-bottom .p-tools {
        margin-left: 0
    }
}

.product .p .p-in .p-bottom .p-tools form {
    display: flex;
    justify-content: flex-end;
    justify-content: space-between
}

@media (min-width: 768px) and (max-width: 991px) {
    .product .p .p-in .p-bottom .p-tools form {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 603px) {
    .product .p .p-in .p-bottom .p-tools form {
        flex-direction: column;
        align-items: center
    }
}

.product .p .p-in .p-bottom .p-tools .quantity {
    margin-right: 17px;
    width: 90px;
    height: 40px;
    border-radius: 0;
    border: 1px solid #e6d9ce;
    background-color: #fff;
    padding-right: 0
}

@media (max-width: 479px) {
    .product .p .p-in .p-bottom .p-tools .quantity {
        display: none
    }
}

@media (min-width: 300px) and (max-width: 603px) {
    .product .p .p-in .p-bottom .p-tools .quantity {
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product .p .p-in .p-bottom .p-tools .quantity {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.product .p .p-in .p-bottom .p-tools .quantity input {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    width: 28px;
    height: 38px;
    position: absolute;
    left: 50%;
    border-left: 1px #e6d9ce;
    border-right: 1px #e6d9ce;
    text-align: center;
    transform: translateX(-50%)
}

.product .p .p-in .p-bottom .p-tools .quantity .increase {
    background-color: #fff;
    width: 25px;
    height: 38px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0;
    border-style: none none none solid;
    border-color: #e6d9ce
}

.product .p .p-in .p-bottom .p-tools .quantity .increase:before {
    content: "+";
    font-size: 14px;
    line-height: 34px
}

.product .p .p-in .p-bottom .p-tools .quantity .decrease {
    background-color: #fff;
    width: 25px;
    height: 38px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0;
    border-style: none solid none none;
    border-color: #e6d9ce
}

.product .p .p-in .p-bottom .p-tools .quantity .decrease:before {
    content: "-";
    font-size: 14px;
    line-height: 34px
}

.product .p .p-in .p-bottom .p-tools a.btn, .product .p .p-in .p-bottom .p-tools button.btn {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #98c93c;
    padding: 0;
    text-transform: none;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    width: 100px !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 479px) {
    .product .p .p-in .p-bottom .p-tools a.btn, .product .p .p-in .p-bottom .p-tools button.btn {
        max-height: 45px;
        margin-top: 5px;
        font-weight: 400;
        font-size: 16px
    }
}

.product .p .p-in .p-bottom .p-tools a.btn:before, .product .p .p-in .p-bottom .p-tools button.btn:before {
    display: none
}

.product .p .p-in .p-bottom .p-tools a.btn:hover, .product .p .p-in .p-bottom .p-tools button.btn:hover {
    background: #57771c
}

.product .p .p-in .p-bottom .p-tools button span {
    font-size: 0
}

.product .p .p-in .p-bottom .p-tools button span:after {
    font-size: 20px;
    font-weight: 700;
    content: "Koupit";
    position: relative;
    top: 3px
}

.flags.flags-extra {
    font-family: Comic Neue, cursive;
    flex-direction: column-reverse;
    right: 16px
}

@media (max-width: 479px) {
    .flags.flags-extra {
        right: 10px
    }
}

.flags.flags-extra .flag-freeshipping {
    width: 60px;
    top: -10px;
    position: relative;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    background-color: #f68d2a;
    border-radius: 60px;
    font-size: 0;
    padding: 0
}

.flags.flags-extra .flag-freeshipping .flag-text, .flags.flags-extra .flag-freeshipping .icon-van {
    display: none
}

.flags.flags-extra .flag-freeshipping:before {
    line-height: 1;
    content: url(/user/documents/upload/sablona-nemazat/icon/delivery-white.svg);
    position: relative;
    top: -2px
}

@media (max-width: 479px) {
    .flags.flags-extra .flag-freeshipping:before {
        display: none
    }
}

.flags.flags-extra .flag-freeshipping:after {
    line-height: 1;
    position: relative;
    top: 2px;
    content: "ZDARMA";
    font-size: 10px;
    font-weight: 700
}

.flags.flags-extra .flag.flag-discount {
    font-size: 0;
    color: #fff;
    border-radius: 60px;
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    height: 60px;
    padding: 0;
    text-align: center;
    line-height: 1;
    background-color: #f03343
}

@media (max-width: 479px) {
    .flags.flags-extra .flag.flag-discount {
        width: auto;
        height: auto;
        min-height: unset;
        border-radius: 10px;
        min-width: unset;
        font-size: 12px;
        display: flex;
        flex-direction: row;
        padding: 5px 8px;
        text-transform: none
    }
}

.flags.flags-extra .flag.flag-discount .price-standard {
    display: none
}

.flags.flags-extra .flag.flag-discount .price-save {
    font-weight: 700;
    font-size: 18px
}

@media (max-width: 479px) {
    .flags.flags-extra .flag.flag-discount .price-save {
        font-size: 12px
    }
}

.flags.flags-default .flag.flag-freeshipping {
    width: 60px;
    position: relative;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    background-color: #f68d2a;
    border-radius: 60px;
    font-size: 0;
    padding: 0
}

@media (max-width: 479px) {
    .flags.flags-default .flag.flag-freeshipping {
        width: auto;
        height: auto;
        min-height: unset;
        border-radius: 10px;
        min-width: unset;
        font-size: 12px;
        display: flex;
        flex-direction: row;
        padding: 5px 8px;
        text-transform: none
    }
}

.flags.flags-default .flag.flag-freeshipping .flag-text, .flags.flags-default .flag.flag-freeshipping .icon-van {
    display: none
}

.flags.flags-default .flag.flag-freeshipping:before {
    line-height: 1;
    content: url(/user/documents/upload/sablona-nemazat/icon/delivery-white.svg);
    position: relative;
    top: -2px
}

.flags.flags-default .flag.flag-freeshipping:after {
    line-height: 1;
    position: relative;
    top: 2px;
    content: "ZDARMA";
    font-size: 10px;
    font-weight: 700
}

.flags.flags-default .flag.flag-discount {
    font-size: 0;
    color: #fff;
    border-radius: 60px;
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    height: 60px;
    padding: 0;
    text-align: center;
    line-height: 1;
    background-color: #f03343
}

@media (max-width: 479px) {
    .flags.flags-default .flag.flag-discount {
        width: auto;
        height: auto;
        min-height: unset;
        border-radius: 10px;
        min-width: unset;
        font-size: 12px;
        display: flex;
        flex-direction: row;
        padding: 5px 8px;
        text-transform: none
    }
}

.flags.flags-default .flag.flag-discount .price-standard {
    display: none
}

.flags.flags-default .flag.flag-discount .price-save {
    font-weight: 700;
    font-size: 18px;
    color: #fff
}

@media (max-width: 479px) {
    .flags.flags-default .flag.flag-discount .price-save {
        font-size: 12px;
        position: relative;
        top: 0;
        margin-left: 3px
    }
}

.flags.flags-default .flag {
    font-family: Comic Neue, cursive;
    min-width: 60px;
    min-height: 60px;
    border-radius: 60px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media (max-width: 479px) {
    .flags.flags-default .flag {
        width: auto;
        height: auto;
        min-height: unset;
        border-radius: 10px;
        min-width: unset;
        font-size: 12px;
        display: flex;
        flex-direction: row;
        padding: 5px 8px;
        text-transform: none
    }
}

.flags.flags-default .flag.flag-action {
    background-color: #f03343
}

.flags.flags-default .flag.flag-tip {
    background-color: #40c1c0
}

@media (min-width: 480px) {
    .flags.flags-default .flag.flag-tip {
        font-size: 0
    }
}

@media (min-width: 480px) {
    .flags.flags-default .flag.flag-tip:after {
        content: "Náš Tip";
        font-size: 10px
    }
}

.flags.flags-default .flag.flag-tip:before {
    content: url(/user/documents/upload/sablona-nemazat/icon/star-white.svg);
    margin-bottom: 5px
}

@media (max-width: 479px) {
    .flags.flags-default .flag.flag-tip:before {
        display: none;
        margin-right: 5px;
        margin-bottom: 0
    }
}

.flags.flags-default .flag.flag-new {
    background-color: #98c93c
}

.products-block .p .flags.flags-extra.nodefault {
    left: 28px
}

@media (max-width: 479px) {
    .products-block .p .flags.flags-extra.nodefault {
        top: 10px;
        left: 10px
    }
}

.products-block .p .flags.flags-extra:not(.nodefault) {
    display: none
}

.products-block .p .flags-default, .products-block .p .flags.flags-extra {
    top: 38px;
    left: 20px;
    bottom: auto;
    right: auto
}

@media (max-width: 479px) {
    .products-block .p .flags-default, .products-block .p .flags.flags-extra {
        top: 10px;
        left: 10px
    }
}

@media (max-width: 767px) {
    .columns-mobile-2 .products-block > div .flags .flag.flag-discount {
        font-size: 0;
        color: #fff;
        border-radius: 60px;
        width: 60px;
        min-width: 60px;
        min-height: 60px;
        height: 60px;
        padding: 0;
        text-align: center;
        line-height: 1;
        background-color: #f03343
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .columns-mobile-2 .products-block > div .flags .flag.flag-discount {
        width: 40px;
        height: 40px;
        min-height: 40px;
        border-radius: 40px;
        min-width: 40px
    }
}

@media (max-width: 767px) {
    .columns-mobile-2 .products-block > div .flags .flag.flag-discount .price-standard {
        display: none
    }

    .columns-mobile-2 .products-block > div .flags .flag.flag-discount .price-save {
        font-weight: 700;
        font-size: 18px;
        color: #fff
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .columns-mobile-2 .products-block > div .flags .flag.flag-discount .price-save {
        font-size: 12px
    }
}

.products .product .flags.flags-default {
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    max-width: 250px
}

.products .product .flags.flags-default .flag {
    display: flex;
    height: 20px;
    flex-direction: row;
    align-items: center;
    min-height: unset;
    min-width: 44px;
    border-radius: 12px;
    max-width: unset;
    width: auto;
    font-size: 10px;
    padding: 0 10px;
    line-height: 1;
    margin: 2px
}

.products .product .flags.flags-default .flag:before {
    margin-right: 3px
}

.products .product .flags.flags-default .flag.flag-discount {
    background-color: #f03343;
    color: #fff
}

.products .product .flags.flags-default .flag.flag-discount .price-save {
    font-size: 10px;
    font-weight: 700
}

.products .product .flags.flags-default .flag.flag-freeshipping {
    padding: 0 10px;
    font-size: 0
}

.products .product .flags.flags-default .flag.flag-freeshipping:before {
    font-size: 10px;
    position: relative;
    top: 1px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.328 2.917c.21 0 .403.112.507.294l.832 1.456h-2.75v-1.75zM8.167.583A.584.584 0 007.583 0h-7A.584.584 0 000 .583v5.834h8.167zM10.5 8.05a.7.7 0 11-.001 1.401.7.7 0 01.001-1.401zm-7 0a.7.7 0 11-.001 1.401A.7.7 0 013.5 8.05zm-1.75.7a1.75 1.75 0 003.5 0h3.5a1.75 1.75 0 003.5 0h.583c.742 0 1.167-.513 1.167-1.167V4.97a1.17 1.17 0 00-.168-.604c-.334-.552-.884-1.422-1.23-1.97-.196-.31-.478-.646-1.13-.646H8.75V7H0v1.167c0 .322.261.583.583.583z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    width: 14px;
    height: 11px;
    background-size: cover
}

.products .product .flags.flags-default .flag.flag-freeshipping:after {
    position: relative;
    top: 1px;
    font-size: 10px
}

.products .product .flags.flags-default .flag.flag-new:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.938 7.404c0 .323-.278.66-.845.705-.347.028-.433.312-.015.406.351.08.549.326.549.591 0 .315-.279.654-.913.771-.383.071-.421.446-.015.477.344.026.48.145.48.313 0 .466-.827 1.333-2.426 1.333-2.08 0-3.062-1.034-5.253-1.384V5.177c1.188-.434 2.233-1.321 2.844-3.442C6.583.902 6.734 0 7.53 0c1.188 0 1.297 2.563.844 4.39.656.344 1.875.468 2.49.443.885-.036 1.135.409 1.135.745 0 .505-.416.675-.677.755-.304.094-.444.404-.015.461.418.056.63.328.63.61zM2.5 11H0V5h2.5z' fill='%23fff'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
    background-repeat: no-repeat;
    background-size: cover;
    content: ""
}

.products .product .flags.flags-default .flag.flag-tip {
    font-size: 0
}

.products .product .flags.flags-default .flag.flag-tip:after {
    font-size: 10px
}

.products .product .flags.flags-default .flag.flag-tip:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 .294l1.834 3.784L12 4.653 8.968 7.567l.74 4.14L6 9.723l-3.708 1.984.74-4.14L0 4.653l4.166-.575z' fill='%23fff'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
    background-repeat: no-repeat;
    background-size: cover;
    content: ""
}

.products .product .flags.flags-default .flag.flag-custom1:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.207 3.207a1 1 0 11-1.415-1.416 1 1 0 011.415 1.416zM5.303 0H0v5.304L6.696 12 12 6.698z' fill='%23fff'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
    background-repeat: no-repeat;
    background-size: cover;
    content: ""
}

.type-category .breadcrumbs {
    display: none
}

.type-product .breadcrumbs {
    margin-top: 15px
}

.wide .breadcrumb-in-detail {
    width: 100%;
    float: none;
    margin-bottom: 28px
}

.breadcrumbs #navigation-first .sr-only {
    display: none
}

.breadcrumbs #navigation-first .navigation-home-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.5'%3E%3Cpath d='M14 6.503L7 0 0 6.494l.794.855L7 1.593l6.206 5.765zM1.75 8.066v5.35h3.5v-3.5h3.5v3.5h3.5v-5.35L7 3.181z'/%3E%3C/g%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    content: ""
}

.breadcrumbs .navigation-bullet {
    width: 29px;
    height: 6px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53 6L.5 5l2-2-2-2 1.03-1L4.5 3z' fill='%23c8c8c8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 0;
    position: relative;
    top: -7px;
    display: inline-flex
}

.breadcrumbs span {
    position: relative
}

.breadcrumbs a, .breadcrumbs span {
    color: grey;
    font-size: 12px;
    font-weight: 400
}

.breadcrumbs a:hover, .breadcrumbs span:hover {
    text-decoration: none;
    color: #000
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a {
    height: 80px
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a.highlighted img {
    border: 1px solid #fff
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img {
    max-height: 80px
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails.overflow-next:after, .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails.overflow-prev:before {
    width: 40px;
    height: 80px;
    background: none;
    background-color: #f2f2f2;
    border-radius: 0
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails .thumbnail-next, .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails .thumbnail-prev {
    display: flex;
    width: 40px;
    height: 80px;
    justify-content: center
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails .thumbnail-next:before, .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails .thumbnail-prev:before {
    width: 40px
}

.p-image-wrapper .az {
    display: block;
    text-transform: none;
    font-size: 14px
}

@media (max-width: 479px) {
    .p-image-wrapper .flags.flags-extra .flag.flag-discount {
        margin-bottom: 14px
    }
}

.p-image-wrapper .flags.flags-default .flag {
    max-width: 60px;
    padding: 4px
}

.p-data-wrapper .color-var {
    order: -20;
    display: flex;
    flex-wrap: wrap;
    border-top: 3px solid #f2f2f2;
    padding: 22px 0
}

.p-data-wrapper .color-var:before {
    content: "Barevné varianty";
    color: #000;
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    margin-bottom: 25px
}

.p-data-wrapper .color-var .product {
    width: 16.666666% !important;
    float: none !important;
    margin: 0;
    padding: 5px
}

.p-data-wrapper .color-var .product:hover .p {
    box-shadow: none;
    border-color: #57771c !important
}

@media (max-width: 767px) {
    .p-data-wrapper .color-var .product {
        width: 20% !important
    }
}

@media (max-width: 479px) {
    .p-data-wrapper .color-var .product {
        width: 33.33333% !important
    }
}

.p-data-wrapper .color-var .product:not([data-stock=skladom]) .p {
    border: 3px solid #f4f4f4 !important;
    position: relative;
    display: flex
}

.p-data-wrapper .color-var .product:not([data-stock=skladom]) .p:hover {
    border-color: #f4f4f4 !important
}

.p-data-wrapper .color-var .product:not([data-stock=skladom]) .p a {
    position: relative
}

.p-data-wrapper .color-var .product:not([data-stock=skladom]) .p a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom right, transparent 49%, #f4f4f4 0, #f4f4f4 51%, transparent 0);
    z-index: 1
}

.p-data-wrapper .color-var .product:not([data-stock=skladom]) .p img {
    z-index: 9
}

.p-data-wrapper .color-var .product.first {
    position: relative
}

.p-data-wrapper .color-var .product.first:not([data-stock=skladom]) .p {
    border: 3px solid #b4b4b4 !important;
    position: relative;
    display: flex
}

.p-data-wrapper .color-var .product.first:not([data-stock=skladom]) .p:hover {
    border-color: #b4b4b4 !important
}

.p-data-wrapper .color-var .product.first:not([data-stock=skladom]) .p a {
    position: relative
}

.p-data-wrapper .color-var .product.first:not([data-stock=skladom]) .p img {
    z-index: 9
}

.p-data-wrapper .color-var .product.first:not([data-stock=skladom]) .p a.image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom right, transparent 49%, #b4b4b4 0, #b4b4b4 51%, transparent 0);
    z-index: 1
}

.p-data-wrapper .color-var .product.first .p {
    border: 3px solid #98c93c !important;
    border-radius: 10px;
    margin: 0;
    position: relative
}

.p-data-wrapper .color-var .product.first .p:hover {
    border-color: #57771c !important
}

.p-data-wrapper .color-var .product.first .p a.image {
    z-index: 10
}

.p-data-wrapper .color-var .product.first .p a.image:before {
    background: rgba(152, 201, 60, .1);
    z-index: 9;
    border-radius: 6px;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.p-data-wrapper .color-var .product .p {
    border: 3px solid #fff !important;
    border-radius: 10px
}

.p-data-wrapper .color-var .product .p a.image img {
    border-radius: 6px
}

.p-data-wrapper .color-var .product .p .p-in, .p-data-wrapper .color-var .product .p a.image .flags {
    display: none !important
}

.p-data-wrapper .p-short-description {
    color: #000;
    font-size: 16px;
    font-weight: 400
}

.p-data-wrapper .p-short-description ul {
    margin: 0;
    padding: 0 0 0 10px
}

.p-data-wrapper .p-short-description ul li {
    padding-left: 10px;
    list-style: none;
    margin-bottom: 10px;
    position: relative;
    font-size: 15px
}

.p-data-wrapper .p-short-description ul li:last-of-type {
    margin-bottom: 0
}

.p-data-wrapper .p-short-description ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #98c93c;
    content: "";
    position: absolute;
    left: 0;
    top: 11px
}

.p-data-wrapper .p-short-description a[href="#description"] {
    color: #98c93c;
    font-size: 14px;
    font-weight: 700
}

.p-data-wrapper .p-short-description a[href="#description"]:after {
    content: url(/user/documents/upload/sablona-nemazat/icon/arrow-green-down.svg);
    position: relative;
    top: -1px;
    margin-left: 5px
}

.p-data-wrapper .p-variants-block {
    border-top: 3px solid #f2f2f2;
    border-bottom: 3px solid #f2f2f2;
    padding-top: 17px
}

.p-data-wrapper .p-variants-block .variant-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.p-data-wrapper .p-variants-block .variant-list .variant-label {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 0 !important
}

.p-data-wrapper .p-variants-block .variant-list .open-it {
    margin: 0 0 0 auto;
    color: #98c93c;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.895 11.885c0-1.145-.762-1.885-1.941-1.885-.642 0-1.288.204-1.833.656l.424 1.148c.352-.279.715-.524 1.168-.524.486 0 .754.255.754.717-.01.774-.86 1.527-2.389 3.018v.958H18v-1.306h-1.826c.822-.739 1.722-1.627 1.721-2.782zm-11.737-.774v1h1.488V16H9v-6H7.859c0 .91-.808 1.07-1.701 1.111zM22 19a2.997 2.997 0 01-2 2.816V19h-1v3h-2v-3h-1v3h-2v-3h-1v3h-2v-3h-1v3H8v-3H7v3H5v-3H4v2.815A2.995 2.995 0 012 19V5c0-1.302.839-2.401 2-2.816V5h1V2h2v6h1V2h2v3h1V2h2v3h1V2h2v6h1V2h2v3h1V2.184c1.161.415 2 1.514 2 2.816zM19 0H5a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z' fill='%2398c93c'/%3E%3C/svg%3E");
    padding-left: 31px;
    background-repeat: no-repeat;
    background-position: 0;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    position: relative
}

@media (max-width: 380px) {
    .p-data-wrapper .p-variants-block .variant-list .open-it {
        width: 100%;
        margin-top: 5px
    }
}

.p-data-wrapper .p-variants-block .variant-list .open-it:hover {
    cursor: pointer
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants {
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter {
    min-width: 60px;
    width: auto;
    height: 60px;
    border-radius: 12px;
    border: 3px solid #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter.momentalne_nedostupne {
    background-color: #f2f2f2;
    cursor: not-allowed;
    pointer-events: none
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter.momentalne_nedostupne .pkVS {
    opacity: .15;
    color: #000
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter.Skladom {
    border: 3px solid #98c93c
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter.Skladom .pkVS {
    color: #98c93c
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter.has-image {
    border-radius: 6px
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter.has-image .advanced-parameter-inner.yes-before {
    position: relative;
    background: none;
    border: 0
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter.has-image .advanced-parameter-inner.yes-before:after {
    content: "";
    position: absolute;
    background-color: rgba(152, 201, 60, .3);
    width: calc(100% + 6px);
    height: 100%;
    border-radius: 6px;
    left: -3px
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter .advanced-parameter-inner {
    min-width: 60px;
    width: auto;
    padding: 0 5px;
    height: 60px;
    border-radius: 12px;
    border: 0;
    text-align: center
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter .advanced-parameter-inner.yes-before {
    background-color: #98c93c
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter .advanced-parameter-inner.yes-before:before {
    display: none
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter .advanced-parameter-inner.yes-before .pkVS {
    color: #fff
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter .advanced-parameter-inner:hover {
    box-shadow: none;
    cursor: pointer
}

.p-data-wrapper .p-variants-block .variant-list div#simple-variants .advanced-parameter .advanced-parameter-inner .pkVS {
    width: 100%;
    font-size: 20px;
    font-weight: 700
}

.p-data-wrapper .detail-parameters {
    margin: 0
}

.p-data-wrapper .detail-parameters .p-code {
    display: none
}

.p-data-wrapper .stockCustom .customStockInfo {
    padding: 20px;
    margin-top: 10px;
    border-top: 0;
    border-radius: 15px;
    background-color: #d5e9b1
}

.p-data-wrapper .stockCustom .customStockInfo[data-stock="0"] {
    background-color: #f2f2f2
}

.p-data-wrapper .stockCustom .customStockInfo p {
    margin-bottom: 0 !important
}

.p-data-wrapper .stockCustom .customStockInfo p:first-child {
    margin-bottom: 5px
}

.p-data-wrapper .p-to-cart-block {
    margin-top: 11px;
    padding: 0;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 0
}

@media (max-width: 1199px) {
    .p-data-wrapper .p-to-cart-block .price-detail {
        width: 100%;
        margin-bottom: 10px
    }
}

.p-data-wrapper .p-to-cart-block .price-detail .p-final-price-wrapper {
    display: flex;
    flex-direction: column
}

.p-data-wrapper .p-to-cart-block .price-detail .p-final-price-wrapper .price-final-holder {
    font-weight: 700
}

.p-data-wrapper .p-to-cart-block .p-final-price-wrapper {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .p-data-wrapper .p-to-cart-block .p-final-price-wrapper {
        flex-direction: column
    }
}

.p-data-wrapper .p-to-cart-block .p-final-price-wrapper .price-save, .p-data-wrapper .p-to-cart-block .p-final-price-wrapper .standard-price-label {
    display: none
}

.p-data-wrapper .p-to-cart-block .p-final-price-wrapper td {
    order: -20
}

.p-data-wrapper .p-to-cart-block .p-final-price-wrapper td .availability-label {
    font-size: 16px;
    font-weight: 700
}

.p-data-wrapper .p-to-cart-block .p-final-price-wrapper td .availability-label.grey {
    color: #b4b4b4
}

.p-data-wrapper .p-to-cart-block .p-final-price-wrapper .price-final {
    color: #98c93c;
    font-size: 40px;
    font-weight: 700
}

@media (max-width: 1439px) {
    .p-data-wrapper .p-to-cart-block .p-final-price-wrapper .price-final {
        font-size: 34px
    }
}

.p-data-wrapper .p-to-cart-block .p-final-price-wrapper .price-final.grey {
    color: #b4b4b4
}

.p-data-wrapper .p-to-cart-block .add-to-cart {
    margin: 0 0 0 auto
}

@media (min-width: 300px) and (max-width: 1199px) {
    .p-data-wrapper .p-to-cart-block .add-to-cart {
        margin: 0
    }
}

@media (max-width: 767px) {
    .p-data-wrapper .p-to-cart-block .add-to-cart {
        margin: 0;
        width: 100%
    }
}

.p-data-wrapper .p-to-cart-block .add-to-cart .quantity {
    margin: 0 10px 0 auto;
    border-width: 3px;
    height: 80px;
    width: 140px;
    padding: 0 40px
}

@media (max-width: 767px) {
    .p-data-wrapper .p-to-cart-block .add-to-cart .quantity {
        margin: 0 0 10px
    }
}

@media (max-width: 400px) {
    .p-data-wrapper .p-to-cart-block .add-to-cart .quantity {
        width: 100%;
        display: flex;
        justify-content: center
    }
}

.p-data-wrapper .p-to-cart-block .add-to-cart .quantity .decrease, .p-data-wrapper .p-to-cart-block .add-to-cart .quantity .increase {
    width: 40px;
    height: 77px;
    border-bottom: 3px solid #f2f2f2
}

.p-data-wrapper .p-to-cart-block .add-to-cart .quantity .decrease:before, .p-data-wrapper .p-to-cart-block .add-to-cart .quantity .increase:before {
    line-height: 80px
}

.p-data-wrapper .p-to-cart-block .add-to-cart .quantity input {
    width: 56px;
    height: 77px;
    border-bottom: 3px solid #f2f2f2
}

.p-data-wrapper .p-to-cart-block .add-to-cart-button {
    width: 230px;
    min-width: 230px;
    max-width: 260px;
    height: 80px;
    border-radius: 12px;
    background-position: center left 31px;
    background-color: #98c93c;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    border: 0;
    margin-top: 0
}

@media (max-width: 400px) {
    .p-data-wrapper .p-to-cart-block .add-to-cart-button {
        width: 100%;
        max-width: 100%
    }
}

.p-data-wrapper .p-to-cart-block .add-to-cart-button:hover {
    background-color: #57771c
}

.p-data-wrapper .p-to-cart-block .add-to-cart-button .buy-it:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 9.333V12h-.856c-.712 0-1.364.407-1.675 1.048L23.984 32h-16L2.532 13.045A1.864 1.864 0 00.857 12H0V9.333zM17.732 2.32a1.324 1.324 0 01-.399-.948c0-.699.543-1.372 1.36-1.372.348 0 .696.133.962.397l6.268 6.27h-3.844zM6.077 6.667l6.268-6.27A1.36 1.36 0 0113.307 0c.817 0 1.36.673 1.36 1.372 0 .333-.123.672-.399.948L9.921 6.667z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    margin-right: 12px;
    content: "";
    display: inline-block;
    position: relative;
    top: 7px
}

.p-data-wrapper .social-buttons-wrapper {
    margin-top: 22px
}

.p-data-wrapper .social-buttons-wrapper .link-icons {
    align-items: center
}

@media (max-width: 479px) {
    .p-data-wrapper .social-buttons-wrapper .link-icons {
        flex-direction: column;
        align-items: flex-start
    }
}

.p-data-wrapper .social-buttons-wrapper a.link-icon:not(.watchdog) {
    display: none
}

@media (max-width: 479px) {
    .p-data-wrapper .social-buttons-wrapper a.link-icon.watchdog {
        margin-top: 5px
    }
}

.p-data-wrapper .social-buttons-wrapper span.garance {
    text-decoration: underline;
    margin-right: 20px;
    cursor: pointer
}

@media (max-width: 479px) {
    .p-data-wrapper .social-buttons-wrapper span.garance {
        margin-top: 10px
    }
}

.p-data-wrapper .social-buttons-wrapper span.garance:hover {
    text-decoration: none
}

.p-data-wrapper .social-buttons-wrapper span.garance:before {
    display: inline-block;
    margin-right: 5px;
    content: "\e91e";
    font-family: Shoptet
}

body.disabled-add-to-cart .p-data-wrapper .p-to-cart-block .add-to-cart, body.disabled-add-to-cart .p-data-wrapper .p-to-cart-block .add-to-cart-button {
    opacity: .3
}

body.disabled-add-to-cart .p-data-wrapper .p-to-cart-block .add-to-cart-button:hover {
    background-color: #98c93c
}

.select-variant {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px
}

.select-variant .box {
    flex-direction: column;
    border: 3px solid #f4f4f4;
    min-width: 60px;
    width: auto;
    padding: 0 5px;
    height: 60px;
    border-radius: 12px;
    text-align: center;
    margin: 0 12px 12px 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    line-height: 1
}

.select-variant .box:not([data-dostupnost=Skladom]) {
    border: 3px solid #f4f4f4;
    position: relative
}

.select-variant .box:not([data-dostupnost=Skladom]):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom right, transparent 49%, #f4f4f4 0, #f4f4f4 51%, transparent 0);
    z-index: 1
}

.select-variant .box:not([data-dostupnost=Skladom]) .text {
    color: #b4b4b4
}

.select-variant .box:not([data-dostupnost=Skladom]):hover {
    border-color: #b4b4b4
}

.select-variant .box:not([data-dostupnost=Skladom]):hover .text {
    color: #b4b4b4
}

.select-variant .box.active {
    background-color: #98c93c;
    border-color: #98c93c
}

.select-variant .box.active:not([data-dostupnost=Skladom]) {
    background-color: #f4f4f4;
    border-color: #b4b4b4
}

.select-variant .box.active:not([data-dostupnost=Skladom]):before {
    background: linear-gradient(to bottom right, transparent 49%, #b4b4b4 0, #b4b4b4 51%, transparent 0)
}

.select-variant .box.active:not([data-dostupnost=Skladom]) .text {
    color: #b4b4b4
}

.select-variant .box.active .barva, .select-variant .box.active .text {
    color: #fff
}

.select-variant .box:hover {
    border-color: #57771c
}

.select-variant .box:hover .text {
    color: #57771c
}

.select-variant .box .text {
    color: #98c93c;
    width: 100%;
    font-size: 20px;
    font-weight: 700
}

.select-variant .box .barva {
    color: #98c93c;
    margin-top: 3px
}

.select-variant .box .barva[attr-barva="0"], .wrap_sirka_delka .barva[data-number="0"], .wrap_sirka_delka .delka[data-number="0"], .wrap_sirka_delka .sirka[data-number="0"] {
    display: none
}

.garance-ceny {
    padding: 20px 10px
}

.garance-ceny h3 {
    padding: 0 10px;
    font-size: 26px;
    margin: 0 0 15px
}

.garance-ceny p {
    padding: 0 10px
}

.garance-ceny form fieldset {
    display: flex;
    flex-wrap: wrap
}

.garance-ceny form fieldset .col-12 {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.garance-ceny form fieldset .col-12.width100, .garance-ceny form fieldset .col-12.width100 .form-group {
    width: 100%
}

.garance-ceny form fieldset .col-12 .form-group {
    width: calc(50% - 20px);
    margin: 10px
}

@media (max-width: 479px) {
    .garance-ceny form fieldset .col-12 .form-group {
        width: 100%;
        margin: 10px 0
    }
}

.garance-ceny form fieldset input {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 6px;
    border-color: #fff
}

@media (min-width: 1200px) {
    .watchDogCustom {
        margin: 0 0 0 auto
    }
}

.watchDogCustom .btn.btn-green.link-icon.watchdog {
    background: none;
    background-color: #000;
    display: flex;
    align-items: center
}

.watchDogCustom .btn.btn-green.link-icon.watchdog:before {
    margin: 0 10px 0 0
}

.watchdogBox {
    display: flex;
    background-color: #f4f4f4;
    align-items: center;
    border-radius: 12px;
    padding: 20px 20px 20px 70px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16 0a16 16 0 1016 16A16 16 0 0016 0zm1.333 24h-2.666v-8H12v-2.667h5.333zM16 11a1.667 1.667 0 111.667-1.667A1.667 1.667 0 0116 11z' fill='%23aaa'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left 20px
}

@media (max-width: 479px) {
    .watchdogBox {
        flex-wrap: wrap
    }
}

.watchdogBox p {
    line-height: 1.3;
    padding-right: 10px;
    width: 100%
}

@media (min-width: 480px) {
    .watchdogBox p {
        width: auto;
        margin: 0 !important
    }
}

.watchdogBox p a {
    text-decoration: underline
}

.watchdogBox p a.link-icon.watchdog {
    display: inline;
    text-transform: none;
    font-size: 16px;
    color: #1a1937
}

.watchdogBox p a.link-icon.watchdog:before {
    display: none
}

.watchdogBox > a.link-icon.watchdog.btn {
    font-size: 15px;
    background: none;
    background-color: #000;
    display: flex;
    align-items: center;
    padding: 8px 15px
}

.watchdogBox > a.link-icon.watchdog.btn:before {
    display: none;
    margin: 0 10px 0 0
}

.type-detail, .type-detail .overall-wrapper {
    overflow-x: hidden
}

@media (min-width: 768px) {
    .type-detail header#header {
        border-bottom: 3px solid #f2f2f2
    }
}

.type-detail .position--benefitProduct .usp {
    margin: 38px 0 0;
    padding-bottom: 32px;
    border-bottom: 3px solid #f2f2f2
}

.type-detail h1 {
    color: #000;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px
}

@media (min-width: 992px) and (max-width: 1439px) {
    .wide .p-detail-inner .p-image-wrapper {
        width: 45%
    }
}

@media (min-width: 992px) and (max-width: 1439px) {
    .wide .p-detail-inner .p-data-wrapper {
        width: 55%
    }
}

.responsive-nav {
    position: relative
}

.responsive-nav:after {
    content: "";
    display: block;
    position: absolute;
    height: 60px;
    background-image: linear-gradient(180deg, #f2f2f2, #fff);
    width: 1000%;
    left: -500%
}

.shp-tabs-holder {
    border-top: 0
}

.shp-tabs-holder ul.shp-tabs li:hover {
    text-decoration: none !important
}

.shp-tabs-holder ul.shp-tabs li.active {
    position: relative;
    bottom: 0;
    text-decoration: none !important
}

.shp-tabs-holder ul.shp-tabs li.active a {
    color: #98c93c;
    text-decoration: none
}

.shp-tabs-holder ul.shp-tabs li.active:after {
    width: 100%;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #98c93c;
    content: "";
    position: absolute
}

.shp-tabs-holder ul.shp-tabs li a {
    padding: 16px 34px;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.p-detail-tabs-wrapper {
    max-width: 1160px;
    margin: 0 auto 126px
}

@media (max-width: 767px) {
    .p-detail-tabs-wrapper {
        margin-bottom: 35px
    }
}

.basic-description {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 0 20px
}

@media (max-width: 767px) {
    .basic-description {
        padding: 0
    }
}

.basic-description p {
    color: #000;
    font-size: 16px;
    font-weight: 400
}

.basic-description ul {
    margin: 0;
    padding: 0 0 0 10px
}

.basic-description ul li {
    padding-left: 20px;
    list-style: none;
    margin-bottom: 20px;
    position: relative
}

.basic-description ul li:last-of-type {
    margin-bottom: 0
}

.basic-description ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #98c93c;
    content: "";
    position: absolute;
    left: 0;
    top: 8px
}

@media (max-width: 1199px) {
    .basic-description .overflow_table {
        overflow-x: auto
    }
}

.basic-description table {
    margin-top: 70px;
    margin-bottom: 15px;
    width: 100% !important;
    height: auto !important;
    border: 0 !important
}

@media (max-width: 767px) {
    .basic-description table {
        margin-top: 0;
        display: flex;
        flex-direction: column
    }
}

.basic-description table caption {
    text-align: left;
    vertical-align: center
}

@media (max-width: 767px) {
    .basic-description table caption {
        display: block;
        flex-direction: column
    }
}

.basic-description table caption strong {
    color: #000;
    font-size: 32px;
    font-weight: 700
}

@media (max-width: 767px) {
    .basic-description table caption strong {
        font-size: 30px
    }
}

.basic-description table caption span {
    margin: 0 0 0 auto;
    color: #98c93c;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.895 11.885c0-1.145-.762-1.885-1.941-1.885-.642 0-1.288.204-1.833.656l.424 1.148c.352-.279.715-.524 1.168-.524.486 0 .754.255.754.717-.01.774-.86 1.527-2.389 3.018v.958H18v-1.306h-1.826c.822-.739 1.722-1.627 1.721-2.782zm-11.737-.774v1h1.488V16H9v-6H7.859c0 .91-.808 1.07-1.701 1.111zM22 19a2.997 2.997 0 01-2 2.816V19h-1v3h-2v-3h-1v3h-2v-3h-1v3h-2v-3h-1v3H8v-3H7v3H5v-3H4v2.815A2.995 2.995 0 012 19V5c0-1.302.839-2.401 2-2.816V5h1V2h2v6h1V2h2v3h1V2h2v3h1V2h2v6h1V2h2v3h1V2.184c1.161.415 2 1.514 2 2.816zM19 0H5a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z' fill='%2398c93c'/%3E%3C/svg%3E");
    padding-left: 31px;
    background-repeat: no-repeat;
    background-position: 0;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    float: right;
    position: relative;
    top: 25px
}

.basic-description table caption span:hover {
    cursor: pointer
}

@media (max-width: 767px) {
    .basic-description table caption span {
        float: none;
        top: 0;
        margin: 15px 0
    }
}

.basic-description table tbody tr {
    border-bottom: 2px solid #fff
}

.basic-description table tbody tr:first-child td {
    background-color: #98c93c !important;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px;
    width: auto !important;
    text-align: center
}

.basic-description table tbody tr:first-child td:first-child {
    color: #fff;
    text-align: left;
    width: auto !important;
    padding: 8px 4px
}

.basic-description table tbody tr:nth-child(odd) td {
    background-color: #f7f7f7
}

.basic-description table tbody tr:nth-child(2n) td {
    background-color: #f0f0f0
}

.basic-description table tbody tr td {
    border: 0;
    border-right: 2px solid #fff;
    font-weight: 700;
    padding: 8px;
    text-align: center
}

.basic-description table tbody tr td:nth-last-child(-n+1) {
    border-right: 0
}

.basic-description table tbody tr td:first-child {
    color: #000;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 4px
}

.basic-description table tbody tr td span {
    background-color: transparent !important
}

.extended-description {
    width: 100%;
    padding: 0
}

@media (max-width: 767px) {
    .extended-description {
        margin-top: 25px
    }
}

.extended-description p {
    margin-bottom: 10px;
    line-height: 1
}

.extended-description p strong {
    color: #000;
    font-size: 0;
    font-weight: 700
}

.extended-description p strong:after {
    content: "Parametry";
    font-size: 32px
}

.extended-description table tr:nth-child(2n) td, .extended-description table tr:nth-child(2n) th {
    background-color: #f0f0f0
}

.extended-description table tr:last-child td, .extended-description table tr:last-child th {
    padding-bottom: 8px !important
}

.extended-description table tr td, .extended-description table tr th {
    background-color: #f7f7f7
}

.extended-description table tr th {
    padding: 8px 8px 8px 30px;
    color: #000;
    font-size: 16px;
    font-weight: 400
}

@media (max-width: 382px) {
    .extended-description table tr th {
        padding-left: 8px;
        min-width: 150px !important
    }
}

.extended-description table tr th:after {
    display: none
}

.extended-description table tr th span.row-header-label {
    background-color: transparent
}

.extended-description table tr td {
    padding: 8px;
    font-weight: 700;
    color: #000;
    font-size: 16px
}

#productDiscussion {
    display: block !important;
    opacity: 1;
    background-color: #f7f7f7;
    width: 100%;
    margin-top: 100px;
    padding-bottom: 25px
}

@media (max-width: 767px) {
    #productDiscussion {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    #productDiscussion:before {
        content: "Diskuse produktu";
        color: #000;
        font-size: 32px;
        font-weight: 700;
        background-color: #fff;
        display: block
    }
}

#productDiscussion .add-comment span, #productDiscussion > p {
    display: none
}

#productDiscussion .add-comment:after {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding: 15px 0 10px;
    background-color: #fff
}

#productDiscussion .votes-wrap.discussion {
    max-width: 840px;
    margin: 0 auto
}

@media (max-width: 991px) {
    #productDiscussion .votes-wrap.discussion {
        max-width: 90%
    }
}

#productDiscussion .votes-wrap .vote-wrap {
    border-color: #f2f2f2;
    border-top-width: 3px;
    padding: 61px 0 35px 140px;
    margin: 0;
    background: url(/user/documents/upload/sablona-nemazat/bgnoautor.png) no-repeat top 60px left
}

@media (max-width: 767px) {
    #productDiscussion .votes-wrap .vote-wrap {
        background-size: 60px 60px;
        padding: 25px 0 20px 82px
    }
}

@media (max-width: 400px) {
    #productDiscussion .votes-wrap .vote-wrap {
        background-size: 40px 40px;
        padding: 25px 0 20px 62px
    }
}

#productDiscussion .votes-wrap .vote-wrap.tymbosonozka {
    background: url(/user/documents/upload/sablona-nemazat/bosonozka_diskuze.png) no-repeat top 60px left
}

@media (max-width: 767px) {
    #productDiscussion .votes-wrap .vote-wrap.tymbosonozka {
        background-size: 60px 60px;
        padding: 25px 0 20px 82px
    }
}

@media (max-width: 400px) {
    #productDiscussion .votes-wrap .vote-wrap.tymbosonozka {
        background-size: 40px 40px;
        padding: 25px 0 20px 62px
    }
}

#productDiscussion .votes-wrap .vote-wrap .vote-content span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}

#productDiscussion .votes-wrap .vote-wrap .votes-wrap {
    margin-top: 28px
}

@media (max-width: 767px) {
    #productDiscussion .votes-wrap .vote-wrap .votes-wrap {
        padding-left: 0
    }
}

#productDiscussion .votes-wrap .vote-wrap .votes-wrap .vote-wrap {
    padding-top: 48px
}

#productDiscussion .votes-wrap .vote-wrap .vote-header > span {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

#productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-name {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    margin: 20px 0 5px
}

#productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-name .vote-time {
    font-size: 16px;
    font-weight: 400;
    color: #818181;
    line-height: 1
}

#productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-name .add-comment {
    margin: 0 0 0 auto
}

#productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-name .add-comment.btn.btn-sm {
    float: right;
    border: 0;
    color: #98c93c;
    font-size: 16px;
    font-weight: 700;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 9.732a1.251 1.251 0 010-2.5 1.251 1.251 0 010 2.5zm-4.5 0a1.251 1.251 0 010-2.5 1.251 1.251 0 010 2.5zm-4.5 0a1.251 1.251 0 010-2.5 1.251 1.251 0 010 2.5zM20 8.352C20 3.5 15.249 0 10 0 4.719 0 0 3.526 0 8.352c0 1.711.615 3.391 1.705 4.695.047 1.527-.851 3.718-1.661 5.312 2.168-.391 5.252-1.258 6.649-2.115C14.39 18.121 20 13.402 20 8.352z' fill='%2398c93c'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0;
    padding: 0 0 0 30px;
    background-color: transparent
}

@media (max-width: 550px) {
    #productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-name .add-comment.btn.btn-sm {
        margin-top: 10px;
        float: none
    }
}

#productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-rating {
    line-height: 1.5;
    order: -21
}

#productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-rating .vote-title {
    max-width: 540px;
    color: #000;
    font-size: 24px;
    font-weight: 700
}

@media (max-width: 991px) {
    #productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-rating .vote-title {
        max-width: 100%;
        white-space: normal
    }
}

@media (max-width: 374px) {
    #productDiscussion .votes-wrap .vote-wrap .vote-header > span .vote-rating .vote-title {
        font-size: 20px
    }
}

#productDiscussion #discussion-form {
    display: block;
    max-width: 840px;
    margin: 40px auto 70px;
    padding: 0 20px
}

#productDiscussion #discussion-form form .row {
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

#productDiscussion #discussion-form form .row .form-group {
    padding: 0 5px;
    width: 50%
}

@media (max-width: 479px) {
    #productDiscussion #discussion-form form .row .form-group {
        width: 100%
    }
}

#productDiscussion #discussion-form form .row > .col-xs-12:not(.form-group) {
    padding: 0
}

#productDiscussion #discussion-form form .row > .col-xs-12:not(.form-group) .form-group {
    text-align: center;
    width: 100%;
    padding: 0 5px
}

#productDiscussion #discussion-form form .row > .col-xs-12:not(.form-group) .form-group textarea {
    border: 2px solid #f0f0f0
}

#productDiscussion #discussion-form form .row > .col-xs-12:not(.form-group) .form-group textarea::-moz-placeholder {
    color: #818181;
    font-weight: 400
}

#productDiscussion #discussion-form form .row > .col-xs-12:not(.form-group) .form-group textarea::placeholder {
    color: #818181;
    font-weight: 400
}

#productDiscussion #discussion-form form .row input {
    border: 2px solid #f0f0f0;
    background-color: #fff;
    height: 50px
}

#productDiscussion #discussion-form form .row input::-moz-placeholder {
    color: #818181;
    font-weight: 400
}

#productDiscussion #discussion-form form .row input::placeholder {
    color: #818181;
    font-weight: 400
}

#productDiscussion #discussion-form form .row input[value="Přidat nový dotaz"] {
    border-radius: 12px;
    background-color: #98c93c;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 30px;
    line-height: 1;
    border: 0;
    height: auto
}

#productDiscussion #discussion-form form .row input[value="Přidat nový dotaz"]:hover {
    background: #399320
}

#accordion-content .shp-accordion .shp-accordion-link {
    display: none
}

#accordion-content .shp-accordion .shp-accordion-content {
    display: block
}

.products-related-wrapper {
    position: relative;
    padding-bottom: 40px;
    background-color: #f2f2f2
}

.products-related-wrapper.has-navigation {
    padding-bottom: 40px
}

.products-related-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9998px;
    right: 0;
    border-left: 9999px solid #f2f2f2;
    box-shadow: 9999px 0 0 #f2f2f2
}

.products-related-header.products-related-header {
    font-size: 0;
    margin: 0;
    position: relative;
    background-color: #f2f2f2
}

.products-related-header.products-related-header:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9998px;
    right: 0;
    border-left: 9999px solid #f2f2f2;
    box-shadow: 9999px 0 0 #f2f2f2
}

.products-related-header.products-related-header:after {
    content: "Odporúčaná starostlivosť a doplnky";
    display: block;
    color: #000;
    font-weight: 700;
    font-size: 40px;
    padding: 60px 0 16px
}

.product-slider-holder .products-block > div .p .p-bottom.no-buttons > div .p-tools {
    display: initial
}

@media (max-width: 767px) {
    .product-slider .product-slider-navigation {
        top: 50%
    }
}

.popup-window {
    position: fixed;
    max-width: 90%;
    max-height: 90%;
    width: 600px;
    height: 600px;
    border-radius: 6px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1003;
    padding: 20px
}

.popup-window h3 {
    font-weight: 700;
    font-size: 27px;
    margin: 10px 0 15px
}

.popup-window a {
    color: #98c93c;
    text-decoration: underline
}

.popup-window a:hover {
    text-decoration: none
}

.popup-window > div {
    max-height: 86%;
    overflow: auto
}

.popup-window .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.popup-window .close:hover {
    cursor: pointer
}

.popup-window .close:before {
    content: "\e912";
    font-family: Shoptet
}

body.open-rozmery-popup #cboxOverlay, body.open-velikost #cboxOverlay {
    opacity: .65;
    cursor: pointer;
    visibility: visible;
    display: block !important
}

body:not(.open-rozmery-popup) .jak-spravne-zmerit-nohu, body:not(.open-velikost) .jakou-zvolit-velikost {
    display: none !important
}

.scrool {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5
}

.scrool .container {
    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
    background-color: #fff;
    margin: 0 auto;
    height: 60px
}

.scrool .container, .scrool .container .left {
    display: flex;
    align-items: center
}

.scrool .container .left .logo-small {
    padding-right: 17px;
    margin-right: 17px;
    position: relative
}

@media (max-width: 479px) {
    .scrool .container .left .logo-small {
        display: none
    }
}

.scrool .container .left .logo-small:after {
    height: 28px;
    width: 3px;
    background-color: #f2f2f2;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.scrool .container .left .image {
    max-width: 78px;
    max-height: 50px
}

.scrool .container .left .image img {
    max-height: 50px
}

.scrool .container .left .name {
    max-width: 450px;
    padding-left: 17px;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

@media (max-width: 479px) {
    .scrool .container .left .name {
        font-size: 12px
    }
}

.scrool .container .center {
    margin: 0 0 0 auto;
    padding-right: 37px
}

@media (max-width: 1199px) {
    .scrool .container .center {
        padding-right: 10px
    }
}

@media (max-width: 991px) {
    .scrool .container .center {
        display: none
    }
}

.scrool .container .center ul {
    display: flex;
    margin: 0;
    padding: 0
}

.scrool .container .center ul li {
    list-style: none
}

.scrool .container .center ul li a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 37px;
    position: relative
}

@media (max-width: 1199px) {
    .scrool .container .center ul li a {
        padding: 16px 14px
    }
}

.scrool .container .center ul li a:hover {
    color: #98c93c
}

.scrool .container .center ul li a:hover:after {
    width: 100%;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #98c93c;
    content: "";
    position: absolute
}

@media (max-width: 991px) {
    .scrool .container .right {
        margin: 0 0 0 auto
    }
}

.scrool .container .right span.buy {
    padding: 14px 24px;
    display: block;
    color: #fff;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    background-color: #98c93c
}

@media (max-width: 479px) {
    .scrool .container .right span.buy {
        font-size: 12px;
        font-weight: 400;
        padding: 10px 15px
    }
}

.scrool .container .right span.buy:hover {
    cursor: pointer;
    background-color: #57771c
}

body:not(.sticky-top-bar) .scrool {
    display: none
}

.disabled-add-to-cart .scrool .container .right span.buy {
    opacity: .3;
    cursor: not-allowed
}

.disabled-add-to-cart .scrool .container .right span.buy:hover {
    background-color: #98c93c
}

@media (min-width: 768px) {
    .searchWhisperer.active .searchWhisperer__additionalResults {
        flex-basis: 210px
    }
}

@media (min-width: 768px) {
    .searchWhisperer.active .searchWhisperer__products {
        margin: 0 -5px
    }
}

@media (max-width: 767px) {
    .searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list {
        display: flex;
        flex-wrap: wrap
    }
}

.searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem {
    padding: 5px;
    width: calc(50% - 5px);
    flex-basis: 50%
}

@media (max-width: 767px) {
    .searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem {
        flex-basis: auto
    }
}

@media (max-width: 530px) {
    .searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem {
        width: calc(100% - 5px);
        min-height: 70px
    }
}

.searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem > a {
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    display: flex;
    padding: 10px 5px 10px 75px
}

.searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem > a .searchWhisperer__product__image {
    max-width: 65px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-height: 65px
}

.searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem > a .searchWhisperer__product__image img {
    max-height: 65px;
    border-radius: 6px
}

@media (max-width: 530px) {
    .searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem > a .searchWhisperer__product__image img {
        max-height: 57px
    }
}

.searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem > a .searchWhisperer__product__infoWrapper {
    text-align: left;
    width: 100%
}

.searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem > a .searchWhisperer__product__infoWrapper .searchWhisperer__product__name {
    font-weight: 600
}

.searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem > a .searchWhisperer__product__infoWrapper .searchWhisperer__product__availability {
    display: none
}

.searchWhisperer.active .searchWhisperer__products .searchWhisperer__products__list > .searchWhisperer__products__listItem > a .searchWhisperer__product__price {
    width: 100%;
    text-align: right;
    color: #98c93c;
    font-size: 16px;
    font-weight: 700
}

.in-vyhledavani h2 {
    font-weight: 600
}

.in-vyhledavani h2 .highlight {
    font-weight: 600;
    color: #98c93c
}

.in-vyhledavani aside.sidebar {
    display: none
}

@media (min-width: 991px) {
    .in-vyhledavani.columns-3 .products-block > div {
        width: 33.333333%
    }
}

@media (min-width: 1200px) {
    .in-vyhledavani.columns-3 .products-block > div {
        width: 25%
    }
}

.in-vyhledavani .search-results-groups {
    margin: 25px 0
}

.in-vyhledavani h4.search-products-heading {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    display: block
}

.type-page article h1 {
    color: #000;
    font-size: 48px;
    font-weight: 700
}

.type-page article a {
    color: #98c93c;
    text-decoration: underline
}

.type-page article a:hover {
    text-decoration: none
}

.type-page article ol + ul {
    margin-left: 40px
}

.type-page article ul {
    margin: 0;
    padding: 0 0 0 10px
}

.type-page article ul li {
    padding-left: 10px;
    list-style: none;
    margin-bottom: 20px;
    position: relative
}

.type-page article ul li:last-of-type {
    margin-bottom: 0
}

.type-page article ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #98c93c;
    content: "";
    position: absolute;
    left: 0;
    top: 12px
}

.type-page article .flex-kontakty {
    margin-bottom: 25px
}

.type-page article .col-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .type-page article .col-row {
        margin: 0 -10px
    }
}

.type-page article .col-row .col-3 {
    width: 33.333333%;
    padding: 0 10px
}

@media (max-width: 1199px) {
    .type-page article .col-row .col-3 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .type-page article .col-row .col-3 {
        width: 100%;
        padding: 0
    }
}

.type-page article .col-row .col-6 {
    width: 50%;
    padding: 0 10px
}

@media (max-width: 991px) {
    .type-page article .col-row .col-6 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .type-page article .col-row .col-6 {
        padding: 0
    }
}

.type-page article .ec-v-form-column {
    background-color: #98c93c;
    border-radius: 6px;
    padding: 15px 10px
}

.type-page article .ec-v-form-column a {
    color: #000
}

.type-page article .ec-v-form-input, .type-page article .ec-v-form-text {
    text-align: center
}

.type-page article .ec-v-form-input input {
    height: 60px;
    width: 300px;
    padding: 0 10px;
    border-radius: 6px;
    background-color: #f2f2f2;
    border: 0
}

.type-page article .ec-v-form-btntype-submit {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

.type-page article .ec-v-form-btntype-submit button {
    color: #000;
    border-color: #000;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 6px
}

.type-page article .ec-v-form-btntype-submit button:hover {
    background-color: #000;
    color: #fff
}

.dop-acc {
    padding: 15px 0;
    border-bottom: 1px solid #f2f2f2;
    position: relative
}

.dop-acc.dop-opened .dop-acc-in {
    display: block;
    margin-top: 25px
}

.dop-acc.dop-opened .doruceni-cols:after {
    content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg);
    display: inline-block;
    transform: rotate(-180deg)
}

.dop-acc .doruceni-cols {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap
}

.dop-acc .doruceni-cols:after {
    content: url(/user/documents/upload/sablona-nemazat/svg/arrowmenu.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.dop-acc .doruceni-cols:hover {
    cursor: pointer
}

.dop-acc .doruceni-cols > div:first-child {
    width: 10%;
    text-align: left;
    padding-right: 40px
}

@media (max-width: 767px) {
    .dop-acc .doruceni-cols > div:first-child {
        position: absolute
    }
}

.dop-acc .doruceni-cols > div:nth-child(2) {
    width: 45%;
    font-size: 18px
}

@media (max-width: 767px) {
    .dop-acc .doruceni-cols > div:nth-child(2) {
        padding-left: 110px;
        flex: auto;
        width: 100%
    }
}

@media (max-width: 479px) {
    .dop-acc .doruceni-cols > div:nth-child(2) {
        padding-left: 90px
    }
}

.dop-acc .doruceni-cols > div:nth-child(3) {
    width: 45%;
    padding-right: 40px
}

@media (max-width: 767px) {
    .dop-acc .doruceni-cols > div:nth-child(3) {
        padding-left: 110px;
        flex: auto;
        width: 100%
    }
}

@media (max-width: 479px) {
    .dop-acc .doruceni-cols > div:nth-child(3) {
        padding-left: 90px
    }
}

.dop-acc .doruceni-cols img {
    max-height: 40px
}

@media (max-width: 767px) {
    .dop-acc .doruceni-cols img {
        max-width: 100px
    }
}

@media (max-width: 479px) {
    .dop-acc .doruceni-cols img {
        max-width: 80px
    }
}

.dop-acc .dop-acc-in {
    display: none
}

.dop-acc .dop-acc-in p {
    margin-bottom: 0 !important
}

.dop-acc .dor-green {
    color: #98c93c
}

.in-registrace .breadcrumbs, .in-registrace aside, .in-registracia .breadcrumbs, .in-registracia aside, .in-registration .breadcrumbs, .in-registration aside {
    display: none
}

@media (max-width: 1199px) {
    .in-registrace .content-wrapper-in, .in-registracia .content-wrapper-in, .in-registration .content-wrapper-in {
        flex-wrap: wrap
    }
}

.in-registrace .content-wrapper-in .registrace-box, .in-registracia .content-wrapper-in .registrace-box, .in-registration .content-wrapper-in .registrace-box {
    padding: 20px;
    margin-left: 0;
    width: 50%;
    background-color: #f2f2f2;
    position: relative;
    z-index: 1
}

@media (max-width: 1199px) {
    .in-registrace .content-wrapper-in .registrace-box, .in-registracia .content-wrapper-in .registrace-box, .in-registration .content-wrapper-in .registrace-box {
        max-width: 100%;
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .in-registrace .content-wrapper-in .registrace-box, .in-registracia .content-wrapper-in .registrace-box, .in-registration .content-wrapper-in .registrace-box {
        margin-left: 0
    }
}

.in-registrace .content-wrapper-in .registrace-box #registr, .in-registracia .content-wrapper-in .registrace-box #registr, .in-registration .content-wrapper-in .registrace-box #registr {
    display: none
}

.in-registrace .content-wrapper-in .registrace-box h4, .in-registracia .content-wrapper-in .registrace-box h4, .in-registration .content-wrapper-in .registrace-box h4 {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 12px;
    text-transform: none
}

.in-registrace .content-wrapper-in .registrace-box h5, .in-registracia .content-wrapper-in .registrace-box h5, .in-registration .content-wrapper-in .registrace-box h5 {
    font-size: 20px;
    font-weight: 400
}

.in-registrace .content-wrapper-in .registrace-box .subtitle, .in-registrace .content-wrapper-in .registrace-box p, .in-registracia .content-wrapper-in .registrace-box .subtitle, .in-registracia .content-wrapper-in .registrace-box p, .in-registration .content-wrapper-in .registrace-box .subtitle, .in-registration .content-wrapper-in .registrace-box p {
    color: #000;
    font-size: 16px;
    font-weight: 300
}

.in-registrace .content-wrapper-in .registrace-box .subtitle, .in-registracia .content-wrapper-in .registrace-box .subtitle, .in-registration .content-wrapper-in .registrace-box .subtitle {
    margin-bottom: 25px
}

.in-registrace .content-wrapper-in .registrace-box ul, .in-registracia .content-wrapper-in .registrace-box ul, .in-registration .content-wrapper-in .registrace-box ul {
    margin-bottom: 15px;
    padding: 0
}

.in-registrace .content-wrapper-in .registrace-box ul li, .in-registracia .content-wrapper-in .registrace-box ul li, .in-registration .content-wrapper-in .registrace-box ul li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 300
}

.in-registrace .content-wrapper-in .registrace-box ul li strong, .in-registracia .content-wrapper-in .registrace-box ul li strong, .in-registration .content-wrapper-in .registrace-box ul li strong {
    font-weight: 600
}

.in-registrace .content-wrapper-in .registrace-box ul li:before, .in-registracia .content-wrapper-in .registrace-box ul li:before, .in-registration .content-wrapper-in .registrace-box ul li:before {
    content: "\e913";
    font-family: shoptet;
    color: #fff;
    background-color: #3cae43;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 8px;
    border-radius: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

.in-registrace main#content, .in-registracia main#content, .in-registration main#content {
    width: 50%
}

@media (max-width: 1199px) {
    .in-registrace main#content, .in-registracia main#content, .in-registration main#content {
        width: 100%
    }
}

.in-registrace .content-inner, .in-registracia .content-inner, .in-registration .content-inner {
    width: 100%;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    margin: 0 0 0 auto
}

@media (max-width: 1199px) {
    .in-registrace .content-inner, .in-registracia .content-inner, .in-registration .content-inner {
        padding: 37px 70px 44px 91px;
        max-width: 100%;
        padding: 0
    }
}

.in-registrace .content-inner h1, .in-registracia .content-inner h1, .in-registration .content-inner h1 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0 12px;
    text-transform: none
}

.in-registrace .content-inner #register-form .col-md-4, .in-registracia .content-inner #register-form .col-md-4, .in-registration .content-inner #register-form .col-md-4 {
    width: 100%;
    border-top: 1px solid #d5d5d5;
    margin-top: 30px;
    padding: 54px 0 0;
    position: relative
}

.in-registrace .content-inner #register-form .col-md-4:before, .in-registracia .content-inner #register-form .col-md-4:before, .in-registration .content-inner #register-form .col-md-4:before {
    color: #000;
    width: 75px;
    text-align: center;
    top: -14px;
    background-color: #fff;
    content: "NEBO";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.in-registrace .content-inner #register-form .row .col-md-8, .in-registracia .content-inner #register-form .row .col-md-8, .in-registration .content-inner #register-form .row .col-md-8 {
    width: 100%
}

.in-registrace .content-inner #register-form h4, .in-registracia .content-inner #register-form h4, .in-registration .content-inner #register-form h4 {
    display: none
}

.in-registrace .content-inner #register-form p, .in-registracia .content-inner #register-form p, .in-registration .content-inner #register-form p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 34px
}

.in-registrace .content-inner #register-form .form-group, .in-registracia .content-inner #register-form .form-group, .in-registration .content-inner #register-form .form-group {
    display: flex;
    flex-direction: column
}

.in-registrace .content-inner #register-form .form-group label[for=passwordAgain] span, .in-registracia .content-inner #register-form .form-group label[for=passwordAgain] span, .in-registration .content-inner #register-form .form-group label[for=passwordAgain] span {
    font-size: 0
}

.in-registrace .content-inner #register-form .form-group label[for=passwordAgain] span:after, .in-registracia .content-inner #register-form .form-group label[for=passwordAgain] span:after, .in-registration .content-inner #register-form .form-group label[for=passwordAgain] span:after {
    font-size: 16px
}

.in-registrace .content-inner #register-form .form-group label[for=passwordAgain] span:before, .in-registracia .content-inner #register-form .form-group label[for=passwordAgain] span:before, .in-registration .content-inner #register-form .form-group label[for=passwordAgain] span:before {
    content: "Opakuj heslo";
    font-size: 16px
}

.in-registrace .content-inner #register-form .form-group label.whole-width a, .in-registracia .content-inner #register-form .form-group label.whole-width a, .in-registration .content-inner #register-form .form-group label.whole-width a {
    text-decoration: underline;
    color: #000
}

.in-registrace .content-inner #register-form .form-group label.whole-width a:hover, .in-registracia .content-inner #register-form .form-group label.whole-width a:hover, .in-registration .content-inner #register-form .form-group label.whole-width a:hover {
    text-decoration: none
}

.in-zapomenute-heslo aside.sidebar {
    display: none !important
}

.in-zapomenute-heslo h1 {
    padding-left: 0;
    color: #000014;
    font-size: 52px;
    font-weight: 500;
    letter-spacing: .2px;
    margin-top: 14px
}

.in-zapomenute-heslo #formForgottenPassword h2 {
    display: none
}

.in-zapomenute-heslo #formForgottenPassword p {
    margin-bottom: 21px;
    color: #000;
    font-size: 16px;
    line-height: 28px
}

.in-zapomenute-heslo .shadow-box {
    min-height: 204px
}

.in-zapomenute-heslo .contact-box a.mail {
    text-decoration: underline
}

.in-zapomenute-heslo .contact-box a.mail:hover {
    text-decoration: none
}

.in-zapomenute-heslo .content-inner {
    margin: 0 auto
}

.in-blog.type-posts-listing aside.sidebar {
    display: none
}

.in-blog.type-posts-listing .content-inner h1 {
    text-align: center;
    margin: 40px 0 50px;
    color: #000;
    font-size: 64px;
    font-weight: 700
}

.in-blog.type-posts-listing p {
    margin: 0 !important
}

.in-blog.type-posts-listing p .blog-roscetnik {
    max-width: 1230px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 521px) {
    .in-blog.type-posts-listing p .blog-roscetnik {
        justify-content: space-between
    }
}

.in-blog.type-posts-listing p .blog-roscetnik .inner {
    width: calc(50% - 10px);
    margin: 5px;
    position: relative
}

@media (max-width: 521px) {
    .in-blog.type-posts-listing p .blog-roscetnik .inner {
        width: 100%;
        margin: 5px 0
    }
}

.in-blog.type-posts-listing p .blog-roscetnik .inner:hover:before {
    background: rgba(0, 0, 0, .15);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.in-blog.type-posts-listing p .blog-roscetnik .inner:nth-child(2):after, .in-blog.type-posts-listing p .blog-roscetnik .inner:nth-child(2) span {
    background-color: #98c93c
}

.in-blog.type-posts-listing p .blog-roscetnik .inner:nth-child(3):after, .in-blog.type-posts-listing p .blog-roscetnik .inner:nth-child(3) span {
    background-color: #f68d2a
}

.in-blog.type-posts-listing p .blog-roscetnik .inner:nth-child(4):after, .in-blog.type-posts-listing p .blog-roscetnik .inner:nth-child(4) span {
    background-color: #f03343
}

.in-blog.type-posts-listing p .blog-roscetnik .inner a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.in-blog.type-posts-listing p .blog-roscetnik .inner span {
    border-radius: 10px;
    background-color: #40c1c0;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    padding: 3px 21px;
    position: absolute;
    top: 50px;
    left: 50px
}

@media (max-width: 1199px) {
    .in-blog.type-posts-listing p .blog-roscetnik .inner span {
        font-size: 27px
    }
}

@media (max-width: 991px) {
    .in-blog.type-posts-listing p .blog-roscetnik .inner span {
        font-size: 20px;
        left: 20px;
        top: 20px
    }
}

@media (max-width: 767px) {
    .in-blog.type-posts-listing p .blog-roscetnik .inner span {
        font-size: 17px
    }
}

@media (max-width: 479px) {
    .in-blog.type-posts-listing p .blog-roscetnik .inner span {
        font-size: 20px
    }
}

.in-blog.type-posts-listing p .blog-roscetnik .inner:after {
    width: 50px;
    content: "";
    height: 50px;
    position: absolute;
    border-radius: 50px;
    left: 50px;
    bottom: 33px;
    background-image: url(/user/documents/upload/blog-rozcestnik/arrow-white.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #40c1c0
}

@media (max-width: 991px) {
    .in-blog.type-posts-listing p .blog-roscetnik .inner:after {
        left: 20px;
        bottom: 20px;
        width: 40px;
        height: 40px;
        border-radius: 40px
    }
}

.type-posts-listing.in-ako-zacat aside, .type-posts-listing.in-deti-a-barefoot aside, .type-posts-listing.in-recenzie aside, .type-posts-listing.in-zdravie aside {
    display: none
}

.type-posts-listing.in-ako-zacat .content-inner h1, .type-posts-listing.in-deti-a-barefoot .content-inner h1, .type-posts-listing.in-recenzie .content-inner h1, .type-posts-listing.in-zdravie .content-inner h1 {
    color: #000;
    font-size: 64px;
    font-weight: 700;
    margin: 40px 0 50px;
    text-align: center
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper, .type-posts-listing.in-recenzie .content-inner #newsWrapper, .type-posts-listing.in-zdravie .content-inner #newsWrapper {
    max-width: 960px;
    position: relative;
    margin: 0 auto
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item {
    width: 100%;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    min-height: 200px;
    margin-bottom: 40px;
    position: relative
}

@media (max-width: 767px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item {
        margin-bottom: 25px
    }
}

@media (max-width: 479px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item {
        display: flex;
        min-height: unset
    }
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .news-item-link-img {
    position: absolute;
    padding-right: 60px;
    margin-bottom: 0;
    max-width: 360px
}

@media (max-width: 767px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .news-item-link-img {
        max-width: 200px;
        padding-right: 0
    }
}

@media (min-width: 480px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .news-item-link-img {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 479px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .news-item-link-img {
        position: static
    }
}

@media (max-width: 400px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .news-item-link-img, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .news-item-link-img {
        max-width: 130px
    }
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .news-item-link-img img {
    max-width: 300px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .news-item-link-img img {
        max-width: 200px
    }
}

@media (max-width: 400px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .news-item-link-img img, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .news-item-link-img img {
        max-width: 130px
    }
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item h2 {
    padding-left: 360px;
    color: #000;
    margin-bottom: 0;
    line-height: 1.2;
    text-align: left;
    font-weight: 700;
    font-size: 32px
}

@media (max-width: 767px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item h2 {
        font-size: 25px;
        padding-left: 225px;
        margin-top: 0
    }
}

@media (max-width: 479px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item h2 {
        width: calc(100% - 200px);
        padding-left: 20px
    }
}

@media (max-width: 400px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item h2, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item h2 {
        font-size: 20px;
        width: calc(100% - 130px)
    }
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item h2 .title {
    font-size: 32px
}

@media (max-width: 767px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item h2 .title {
        font-size: 25px
    }
}

@media (max-width: 400px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item h2 .title, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item h2 .title {
        font-size: 20px
    }
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item h2 .title:hover, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item h2 .title:hover, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item h2 .title:hover, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item h2 .title:hover {
    color: #98c93c
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item time, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item time, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item time, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item time {
    display: none
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .description {
    padding-left: 360px
}

@media (max-width: 767px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .description {
        padding-left: 225px
    }
}

@media (max-width: 479px) {
    .type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .description, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .description {
        display: none
    }
}

.type-posts-listing.in-ako-zacat .content-inner #newsWrapper article.news-item .description p, .type-posts-listing.in-deti-a-barefoot .content-inner #newsWrapper article.news-item .description p, .type-posts-listing.in-recenzie .content-inner #newsWrapper article.news-item .description p, .type-posts-listing.in-zdravie .content-inner #newsWrapper article.news-item .description p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0 !important
}

.type-post.in-ako-zacat aside.sidebar, .type-post.in-deti-a-barefoot aside.sidebar, .type-post.in-recenzie aside.sidebar, .type-post.in-zdravie aside.sidebar {
    display: none
}

.type-post.in-ako-zacat article, .type-post.in-deti-a-barefoot article, .type-post.in-recenzie article, .type-post.in-zdravie article {
    max-width: 960px;
    margin: 0 auto
}

.type-post.in-ako-zacat article footer .next-prev, .type-post.in-deti-a-barefoot article footer .next-prev, .type-post.in-recenzie article footer .next-prev, .type-post.in-zdravie article footer .next-prev {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

@media (max-width: 565px) {
    .type-post.in-ako-zacat article footer .next-prev, .type-post.in-deti-a-barefoot article footer .next-prev, .type-post.in-recenzie article footer .next-prev, .type-post.in-zdravie article footer .next-prev {
        flex-direction: column
    }
}

.type-post.in-ako-zacat article footer .next-prev a.btn.btn-default.inline-block, .type-post.in-deti-a-barefoot article footer .next-prev a.btn.btn-default.inline-block, .type-post.in-recenzie article footer .next-prev a.btn.btn-default.inline-block, .type-post.in-zdravie article footer .next-prev a.btn.btn-default.inline-block {
    border-radius: 12px;
    border: 3px solid #f2f2f2;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    background-color: #fff;
    margin-bottom: 0;
    padding: 12px 27px
}

@media (max-width: 565px) {
    .type-post.in-ako-zacat article footer .next-prev a.btn.btn-default.inline-block, .type-post.in-deti-a-barefoot article footer .next-prev a.btn.btn-default.inline-block, .type-post.in-recenzie article footer .next-prev a.btn.btn-default.inline-block, .type-post.in-zdravie article footer .next-prev a.btn.btn-default.inline-block {
        margin: 5px 0
    }
}

.type-post.in-ako-zacat article footer .next-prev a.btn.btn-default.inline-block:hover, .type-post.in-deti-a-barefoot article footer .next-prev a.btn.btn-default.inline-block:hover, .type-post.in-recenzie article footer .next-prev a.btn.btn-default.inline-block:hover, .type-post.in-zdravie article footer .next-prev a.btn.btn-default.inline-block:hover {
    background-color: #f2f2f2
}

.type-post.in-ako-zacat article footer .next-prev a.btn.btn-default.inline-block[title="Další článek"]:after, .type-post.in-deti-a-barefoot article footer .next-prev a.btn.btn-default.inline-block[title="Další článek"]:after, .type-post.in-recenzie article footer .next-prev a.btn.btn-default.inline-block[title="Další článek"]:after, .type-post.in-zdravie article footer .next-prev a.btn.btn-default.inline-block[title="Další článek"]:after {
    content: url(/user/documents/upload/blog-rozcestnik/arrow-right-blog.svg);
    margin-left: 26px;
    position: relative;
    top: 2px
}

.type-post.in-ako-zacat article footer .next-prev a.btn.btn-default.inline-block[title="Předchozí článek"]:before, .type-post.in-deti-a-barefoot article footer .next-prev a.btn.btn-default.inline-block[title="Předchozí článek"]:before, .type-post.in-recenzie article footer .next-prev a.btn.btn-default.inline-block[title="Předchozí článek"]:before, .type-post.in-zdravie article footer .next-prev a.btn.btn-default.inline-block[title="Předchozí článek"]:before {
    content: url(/user/documents/upload/blog-rozcestnik/arrow-left-blog.svg);
    margin-right: 26px;
    position: relative;
    top: 2px
}

.type-post.in-ako-zacat article header h1, .type-post.in-deti-a-barefoot article header h1, .type-post.in-recenzie article header h1, .type-post.in-zdravie article header h1 {
    margin: 40px 0 20px !important;
    color: #000;
    font-size: 64px;
    font-weight: 700
}

@media (max-width: 767px) {
    .type-post.in-ako-zacat article header h1, .type-post.in-deti-a-barefoot article header h1, .type-post.in-recenzie article header h1, .type-post.in-zdravie article header h1 {
        font-size: 35px
    }
}

.type-post.in-ako-zacat article p, .type-post.in-deti-a-barefoot article p, .type-post.in-recenzie article p, .type-post.in-zdravie article p {
    color: #000;
    font-size: 16px;
    font-weight: 400
}

.type-post.in-ako-zacat article p:first-of-type, .type-post.in-deti-a-barefoot article p:first-of-type, .type-post.in-recenzie article p:first-of-type, .type-post.in-zdravie article p:first-of-type {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

.type-post.in-ako-zacat article p a, .type-post.in-deti-a-barefoot article p a, .type-post.in-recenzie article p a, .type-post.in-zdravie article p a {
    color: #98c93c;
    text-decoration: underline
}

.type-post.in-ako-zacat article p a:hover, .type-post.in-deti-a-barefoot article p a:hover, .type-post.in-recenzie article p a:hover, .type-post.in-zdravie article p a:hover {
    text-decoration: none
}

.type-post.in-ako-zacat article h2, .type-post.in-deti-a-barefoot article h2, .type-post.in-recenzie article h2, .type-post.in-zdravie article h2 {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    margin: 40px 0 11px
}

.type-post.in-ako-zacat article h3, .type-post.in-deti-a-barefoot article h3, .type-post.in-recenzie article h3, .type-post.in-zdravie article h3 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0 10px
}

.type-post.in-ako-zacat article ul, .type-post.in-deti-a-barefoot article ul, .type-post.in-recenzie article ul, .type-post.in-zdravie article ul {
    margin: 30px 0;
    padding: 0
}

.type-post.in-ako-zacat article ul li, .type-post.in-deti-a-barefoot article ul li, .type-post.in-recenzie article ul li, .type-post.in-zdravie article ul li {
    padding-left: 20px
}

.type-post.in-ako-zacat article ul li:before, .type-post.in-deti-a-barefoot article ul li:before, .type-post.in-recenzie article ul li:before, .type-post.in-zdravie article ul li:before {
    left: 0;
    margin: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background-color: #98c93c;
    border-radius: 6px;
    position: absolute
}

.type-post.in-ako-zacat article ul[style="list-style-type: square;"] li, .type-post.in-deti-a-barefoot article ul[style="list-style-type: square;"] li, .type-post.in-recenzie article ul[style="list-style-type: square;"] li, .type-post.in-zdravie article ul[style="list-style-type: square;"] li {
    padding-left: 52px;
    margin-bottom: 35px
}

.type-post.in-ako-zacat article ul[style="list-style-type: square;"] li:before, .type-post.in-deti-a-barefoot article ul[style="list-style-type: square;"] li:before, .type-post.in-recenzie article ul[style="list-style-type: square;"] li:before, .type-post.in-zdravie article ul[style="list-style-type: square;"] li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9.386L1.17 8.18c1.951.522 5.313 1.731 8.33 3.597C12.675 7.6 19.082 2.379 22.956 0L24 1.073 10 20z' fill='%2398c93c'/%3E%3C/svg%3E");
    width: 24px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 8px;
    margin: 0
}

.type-post.in-ako-zacat article ul[style="list-style-type: disc;"] li, .type-post.in-deti-a-barefoot article ul[style="list-style-type: disc;"] li, .type-post.in-recenzie article ul[style="list-style-type: disc;"] li, .type-post.in-zdravie article ul[style="list-style-type: disc;"] li {
    padding-left: 20px;
    margin-bottom: 20px
}

.type-post.in-ako-zacat article ul[style="list-style-type: disc;"] li:before, .type-post.in-deti-a-barefoot article ul[style="list-style-type: disc;"] li:before, .type-post.in-recenzie article ul[style="list-style-type: disc;"] li:before, .type-post.in-zdravie article ul[style="list-style-type: disc;"] li:before {
    width: 6px;
    height: 6px;
    background-color: #98c93c;
    border-radius: 6px
}

.type-post.in-ako-zacat article ul li, .type-post.in-deti-a-barefoot article ul li, .type-post.in-recenzie article ul li, .type-post.in-zdravie article ul li {
    color: #000;
    list-style: none;
    position: relative
}

.type-post.in-ako-zacat article ul li p, .type-post.in-deti-a-barefoot article ul li p, .type-post.in-recenzie article ul li p, .type-post.in-zdravie article ul li p {
    margin-bottom: 0 !important
}

.type-post.in-ako-zacat article ul li:before, .type-post.in-deti-a-barefoot article ul li:before, .type-post.in-recenzie article ul li:before, .type-post.in-zdravie article ul li:before {
    content: ""
}

.type-post.in-ako-zacat article ul li a, .type-post.in-deti-a-barefoot article ul li a, .type-post.in-recenzie article ul li a, .type-post.in-zdravie article ul li a {
    color: #98c93c;
    text-decoration: underline
}

.type-post.in-ako-zacat article ul li a:hover, .type-post.in-deti-a-barefoot article ul li a:hover, .type-post.in-recenzie article ul li a:hover, .type-post.in-zdravie article ul li a:hover {
    text-decoration: none
}

.type-post.in-ako-zacat article blockquote, .type-post.in-deti-a-barefoot article blockquote, .type-post.in-recenzie article blockquote, .type-post.in-zdravie article blockquote {
    background-color: #f7f7f7;
    padding: 41px 96px 41px 140px;
    margin: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.153 18.117c1.115.15 1.68.875 1.68 1.628 0 .862-.74 1.76-2.25 1.88-.927.074-1.158.831-.042 1.083.936.212 1.464.87 1.464 1.575 0 .838-.744 1.745-2.434 2.057-1.02.188-1.123 1.188-.042 1.27.918.071 1.28.389 1.28.835 0 1.242-2.205 3.555-6.469 3.555-5.547 0-8.164-2.756-14.007-3.69V13.804c3.167-1.157 5.955-3.524 7.583-9.18C17.555 2.41 17.957 0 20.083 0c3.168 0 3.458 6.833 2.25 11.708 1.751.916 5.002 1.247 6.639 1.18 2.361-.096 3.028 1.09 3.028 1.987 0 1.346-1.11 1.8-1.805 2.013-.812.25-1.184 1.076-.042 1.23zM6.667 29.333H0v-16h6.667z' fill='%23757575'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left 54px
}

@media (max-width: 767px) {
    .type-post.in-ako-zacat article blockquote, .type-post.in-deti-a-barefoot article blockquote, .type-post.in-recenzie article blockquote, .type-post.in-zdravie article blockquote {
        padding: 25px 35px 25px 100px;
        background-position: center left 30px
    }
}

@media (max-width: 330px) {
    .type-post.in-ako-zacat article blockquote, .type-post.in-deti-a-barefoot article blockquote, .type-post.in-recenzie article blockquote, .type-post.in-zdravie article blockquote {
        padding: 15px 10px 15px 54px;
        background-position: center left 10px
    }
}

.type-post.in-ako-zacat article blockquote p, .type-post.in-deti-a-barefoot article blockquote p, .type-post.in-recenzie article blockquote p, .type-post.in-zdravie article blockquote p {
    color: #757575 !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    margin: 0 !important
}

.products .product.active-favorite .p .favorite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23f03343' width='30' height='30' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.256 12.16q.544 2.08 2.08 3.616L16 29.92l13.664-14.144q1.536-1.536 2.08-3.616t0-4.128-2.08-3.584-3.584-2.08-4.16 0-3.584 2.08L16 7.264l-2.336-2.816q-1.536-1.536-3.584-2.08t-4.128 0-3.616 2.08-2.08 3.584 0 4.128z'/%3E%3C/svg%3E")
}

.products .product .p .favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='30' width='30' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 471.701 471.701'%3E%3Cpath d='M433.601 67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7 13.6-92.4 38.3l-12.9 12.9-13.1-13.1c-24.7-24.7-57.6-38.4-92.5-38.4-34.8 0-67.6 13.6-92.2 38.2-24.7 24.7-38.3 57.5-38.2 92.4 0 34.9 13.7 67.6 38.4 92.3l187.8 187.8c2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-3.9l188.2-187.5c24.7-24.7 38.3-57.5 38.3-92.4.1-34.9-13.4-67.7-38.1-92.4zm-19.2 165.7l-178.7 178-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3s10.7-53.7 30.3-73.2c19.5-19.5 45.5-30.3 73.1-30.3 27.7 0 53.8 10.8 73.4 30.4l22.6 22.6c5.3 5.3 13.8 5.3 19.1 0l22.4-22.4c19.6-19.6 45.7-30.4 73.3-30.4 27.6 0 53.6 10.8 73.2 30.3 19.6 19.6 30.3 45.6 30.3 73.3.1 27.7-10.7 53.7-30.3 73.3z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 20px auto;
    background-repeat: no-repeat
}

.p-data-wrapper .oblibene {
    line-height: 1;
    order: -10
}

.p-data-wrapper .oblibene:hover {
    cursor: pointer
}

.p-data-wrapper .oblibene .oblibene-button {
    font-size: 16px;
    display: flex;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='30' width='30' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 471.701 471.701'%3E%3Cpath d='M433.601 67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7 13.6-92.4 38.3l-12.9 12.9-13.1-13.1c-24.7-24.7-57.6-38.4-92.5-38.4-34.8 0-67.6 13.6-92.2 38.2-24.7 24.7-38.3 57.5-38.2 92.4 0 34.9 13.7 67.6 38.4 92.3l187.8 187.8c2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-3.9l188.2-187.5c24.7-24.7 38.3-57.5 38.3-92.4.1-34.9-13.4-67.7-38.1-92.4zm-19.2 165.7l-178.7 178-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3s10.7-53.7 30.3-73.2c19.5-19.5 45.5-30.3 73.1-30.3 27.7 0 53.8 10.8 73.4 30.4l22.6 22.6c5.3 5.3 13.8 5.3 19.1 0l22.4-22.4c19.6-19.6 45.7-30.4 73.3-30.4 27.6 0 53.6 10.8 73.2 30.3 19.6 19.6 30.3 45.6 30.3 73.3.1 27.7-10.7 53.7-30.3 73.3z'/%3E%3C/svg%3E");
    background-position: 0;
    background-size: 18px auto;
    background-repeat: no-repeat;
    padding-left: 25px;
    color: #1a1937;
    text-decoration: underline;
    margin-right: 20px
}

.p-data-wrapper .oblibene .oblibene-button:hover {
    text-decoration: none
}

.p-data-wrapper .oblibene .oblibene-button.active-favorite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23f03343' width='30' height='30' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.256 12.16q.544 2.08 2.08 3.616L16 29.92l13.664-14.144q1.536-1.536 2.08-3.616t0-4.128-2.08-3.584-3.584-2.08-4.16 0-3.584 2.08L16 7.264l-2.336-2.816q-1.536-1.536-3.584-2.08t-4.128 0-3.616 2.08-2.08 3.584 0 4.128z'/%3E%3C/svg%3E")
}

.p-image {
    position: relative
}

.p-image .oblibene {
    line-height: 1;
    position: absolute;
    order: -10;
    right: 0;
    top: 0
}

.p-image .oblibene:hover {
    cursor: pointer
}

.p-image .oblibene .oblibene-button {
    min-width: 30px;
    min-height: 30px;
    display: flex;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='30' width='30' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 471.701 471.701'%3E%3Cpath d='M433.601 67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7 13.6-92.4 38.3l-12.9 12.9-13.1-13.1c-24.7-24.7-57.6-38.4-92.5-38.4-34.8 0-67.6 13.6-92.2 38.2-24.7 24.7-38.3 57.5-38.2 92.4 0 34.9 13.7 67.6 38.4 92.3l187.8 187.8c2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-3.9l188.2-187.5c24.7-24.7 38.3-57.5 38.3-92.4.1-34.9-13.4-67.7-38.1-92.4zm-19.2 165.7l-178.7 178-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3s10.7-53.7 30.3-73.2c19.5-19.5 45.5-30.3 73.1-30.3 27.7 0 53.8 10.8 73.4 30.4l22.6 22.6c5.3 5.3 13.8 5.3 19.1 0l22.4-22.4c19.6-19.6 45.7-30.4 73.3-30.4 27.6 0 53.6 10.8 73.2 30.3 19.6 19.6 30.3 45.6 30.3 73.3.1 27.7-10.7 53.7-30.3 73.3z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 18px auto;
    background-repeat: no-repeat
}

.p-image .oblibene .oblibene-button.active-favorite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23f03343' width='30' height='30' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.256 12.16q.544 2.08 2.08 3.616L16 29.92l13.664-14.144q1.536-1.536 2.08-3.616t0-4.128-2.08-3.584-3.584-2.08-4.16 0-3.584 2.08L16 7.264l-2.336-2.816q-1.536-1.536-3.584-2.08t-4.128 0-3.616 2.08-2.08 3.584 0 4.128z'/%3E%3C/svg%3E")
}

.in-znacka #filters-wrapper {
    display: none !important
}

.type-post article a {
    color: #98c93c;
    text-decoration: underline
}

.type-post article a:hover {
    text-decoration: none
}

.category-top ul:not(.subcategories) li:before {
    content: "" !important;
    margin: 8px 4px 0 -18px !important;
    width: 6px;
    height: 6px;
    display: flex !important;
    background: #fff;
    border-radius: 6px;
    position: absolute
}

.category-top a {
    text-decoration: underline;
    color: #fff
}

.category-top {
    background-color: #98c93c
}

.category-top p, .category-top p a {
    color: #fff
}

.category-top h1, .category-top h2, .category-top h3, .category-top h4, .category-top li {
    color: #fff;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.fvstudio-showmore-wrapper a {
    color: #fff
}

.fvstudio-visible-elements p {
    max-width: 100% !important
}

.homepage-group-title:after {
    content: "Vyberte sebe i deťom nové topánky na Bosonôžke. Detské i dospelácke veľkosti skladom."
}

.in-kosik .cart-table tr.removeable .remove-item {
    opacity: 1
}

.top-nav-button-account.secondary:hover {
    background-color: #1a7170
}

.top-nav-button-account.secondary:before, .top-nav-button-account.secondary span {
    display: none
}

.top-nav-button-account.secondary {
    order: 17;
    display: initial;
    width: 50px !important;
    height: 60px !important;
    border-radius: 6px;
    background: url(/user/documents/upload/sablona-nemazat/icon/user-login.svg), #40c1c0;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-left: 8px !important
}

@media (max-width: 767px) {
    .top-nav-button-account.secondary {
        width: 50px !important;
        height: 50px !important
    }
}

@media (max-width: 479px) {
    header#header .container .navigation-buttons .cart-count:not(.full):after {
        left: 15px;
        top: 5px
    }

    #header .navigation-buttons a {
        width: 40px !important;
        height: 40px !important
    }
}

.p:hover .flag {
    opacity: 1;
    filter: alpha(opacity=1)
}

.filter-section-parametric-id-121 {
    order: 20
}

.filter-section-parametric-id-124 {
    order: 21
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-title {
    color: #48c1bf
}

.row #carousel a:before {
    background-color: #48c1bf
}

.row #carousel .extended-banner-texts .extended-banner-text, .row #carousel .extended-banner-texts .extended-banner-title {
    color: #48c1bf
}

.menu-banner p, .menu-banner strong {
    color: #000
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper:first-child a:before {
    background-color: #a9c839
}

.row.banners-row .col-sm-4 .next-to-carousel-banners .banner-wrapper:nth-child(2) a:before {
    background-color: #ee3648
}

.p-detail-tabs-wrapper #productDiscussion > .add-comment:after {
    content: "Váháte, zda zrovna tyto boty vám padnou jako ulité? Potřebujete poradit nebo byste se chtěli podělit o zkušenosti s tímto modelem? Tak to jste tady na správném místě. Svůj vzkaz zanechejte v diskuzi níže."
}

#productDiscussion, .scrool .container .center ul li a[href="#productDiscussion"], .shp-tabs-holder ul.shp-tabs a.shp-tab-link[href="#productDiscussion"] {
    display: none !important
}

@media (min-width: 1199px) {
    nav#navigation .menu > ul > li {
        min-width: 174px
    }
}

.dsc p a {
    color: #fff;
    text-decoration: underline
}

.dsc p a:hover {
    text-decoration: none
}

#manufacturer-filter {
    display: none !important
}

.product .p .p-in .p-bottom .prices .price-standard {
    order: -10
}

.product .p .p-in .p-bottom .prices .price-standard span:before {
    background-color: #aaa
}

.product .p .p-in .p-bottom .prices .price-standard strong {
    color: #aaa;
    font-size: 15px
}

.product .p .p-in .p-bottom .prices .price-save {
    order: -20;
    color: #aaa;
    font-size: 10px
}

@media (max-width: 1199px) {
    .product .p .p-in .p-bottom .prices .price-standard span:before {
        top: 9px
    }
}

.product .p .p-in .p-bottom .prices .price-standard > span {
    color: #aaa
}

/*# sourceMappingURL=allstyle.css.map */