@media (min-width: 1199px) {
.login-top {
background: url(/user/documents/upload/user.svg) no-repeat left;
background-size: 25px;
padding-left: 35px;
}}
.login-top a, .login-top .stars span, .stars .login-top span {
font-size: 15px;
margin: 0 !important;
line-height: normal !important;
height: auto !important;
text-align: left;
width: auto !important;
}
.login-top a:before, .login-top .stars span:before, .stars .login-top span:before {
content: none !important;
}
.login-top a:first-child, .login-top .stars span:first-child, .stars .login-top span:first-child {
font-weight: 700;
}
.login-top a.visible-xs img, .login-top .stars span.visible-xs img, .stars .login-top span.visible-xs img {
height: 18px;
margin-top: -3px;
}
@media (min-width: 768px) {
.login-top a.visible-xs img, .login-top .stars span.visible-xs img, .stars .login-top span.visible-xs img {
height: 30px;
margin-top: 0;
}}
@media (max-width: 767px) {
.navigation-in .login-top {
background: url(/user/documents/upload/user-dark.svg) no-repeat left;
background-size: 25px;
padding-left: 35px;
margin: 20px 20px 15px;
}
#header .site-name {
    margin-left: 70px;
}
#header .site-name a img {
    max-width: 160px;
}
.login-top {
    margin-top: 5px;
}}
@media (max-width: 767px) {
.toggle-window[data-target="navigation"] {
    position: absolute;
    left: 0;
    width: 60px !important;
    color: #000000 !important;
    font-family: "Shoptet";
    text-align: center;
    padding: 0;
}
.toggle-window[data-target="navigation"]:before {
    content: "\e914";
    line-height: 50px;
}
.navigation-window-visible .toggle-window[data-target="navigation"]:before {
    content: "\e912";
    font-size: 14px !important;
}
#navigation {
    right: auto;
    left: -100%;
    top: 50px;
    box-shadow: 0px 2px 15px -3px rgba(0, 0, 0, 0.1);
}
#navigation ul li a b, #navigation ul li .stars span b, .stars #navigation ul li span b {
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 15px 0;
}
#navigation ul li.appended-category {
    display: none !important;
}
#navigation ul .menu-level-2 li {
    display: flex;
    align-items: center;
    margin: 0 20px 15px;
}
#navigation ul .menu-level-2 li a, #navigation ul .menu-level-2 li .stars span, .stars #navigation ul .menu-level-2 li span {
    padding: 0 15px 0px 15px;
    text-transform: none !important;
}
#navigation ul .menu-level-2 li .menu-image {
    display: inline-block;
    padding: 0;
    width: 30px;
}
#navigation .submenu-arrow:after {
    font-size: 15px;
}
.navigation-window-visible #navigation {
    width: 85%;
    right: auto;
    left: 0;
}}
.popup-widget.login-widget, .popup-widget.cart-widget {
    top: 50px;
}
.navigation-buttons a:before, .navigation-buttons .stars span:before, .stars .navigation-buttons span:before {
    line-height: 50px !important;
    font-size: 16px !important;
}
.search-focused .search-input-icon:before, .search-window-visible .search-input-icon:before {
    color: white;
}
.navigation-buttons a[data-target="cart"]:before, .navigation-buttons .stars span[data-target="cart"]:before, .stars .navigation-buttons span[data-target="cart"]:before {
    content: "";
    background: url(/user/documents/upload/cart.svg) center no-repeat;
    height: 50px;
    width: 20px;
}
@media (min-width: 768px) {
.navigation-buttons a[data-target="cart"]:before, .navigation-buttons .stars span[data-target="cart"]:before, .stars .navigation-buttons span[data-target="cart"]:before {
    height: 80px;
    width: 35px;
}}
@media (min-width: 768px) {
.navigation-buttons a, .navigation-buttons .stars span, .stars .navigation-buttons span {
    width: auto !important;
    padding: 0;
}}
.navigation-buttons a span, .navigation-buttons .stars span span, .stars .navigation-buttons span span {
    font-size: 15px;
    line-height: normal;
    text-align: left;
}
.navigation-buttons a span.cart-price:before, .navigation-buttons .stars span span.cart-price:before, .stars .navigation-buttons span span.cart-price:before {
    content: "Košík";
    font-weight: 700;
    display: block;
}
.navigation-buttons a[data-target="cart"] i, .navigation-buttons .stars span[data-target="cart"] i, .stars .navigation-buttons span[data-target="cart"] i {
    top: 6px;
}
.navigation-hovered:before, .search-focused:before {
    opacity: 0 !important;
    z-index: 0;
}
@media (min-width: 480px) and (max-width: 768px) {
.navigation-buttons a, .navigation-buttons .stars span, .stars .navigation-buttons span {
    height: 50px !important;
    width: 40px !important;
    line-height: 40px;
    padding: 0 10px 0 0;
}
a.toggle-window.visible-xs.visible-sm.visible-md {
    display: flex !important;
    align-items: center;
}
#header > div.header-top > div > div.navigation-buttons > a:nth-child(1) {
    margin-right: 15px;
}}
.top-navigation-bar .top-navigation-tools {
    display: none !important;
}
.top-navigation-bar {
    background: #ffffff;
    color: #353535;
    border: none;
    padding: 5px 0;
    border: 0;
    margin-top: -2px;
}
.top-navigation-bar .container {
    padding: 0;
}
.login-top a:hover, .login-top .stars span:hover, .stars .login-top span:hover {
    text-decoration: underline;
}
.top-navigation-bar a,
.top-navigation-bar .stars span,
.stars .top-navigation-bar span {
    color: #353535;
    text-decoration: underline;
}
#navigation ul li a:hover b, #navigation ul li .stars span:hover b, .stars #navigation ul li span:hover b {
    text-decoration: underline !important;
}
.top-navigation-bar a:hover,
.top-navigation-bar .stars span:hover,
.stars .top-navigation-bar span:hover {
    text-decoration: none;
}
.top-navigation-bar .top-navigation-menu {
    padding: 0;
    text-align: right;
}
.top-navigation-bar .top-navigation-menu ul {
    float: none;
}
.top-navigation-bar .top-navigation-contact strong {
    font-weight: 600;
    color: var(--color-primary);
}
#header .navigation-buttons a {
    color: #333d45;
}
.cart-window-visible .user-action .user-action-in>div.user-action-cart, .login-window-visible .user-action .user-action-in>div.user-action-login, .register-window-visible .user-action .user-action-in>div.user-action-register, .search-window-visible .user-action .user-action-in>div.user-action-search {
    z-index: 99999;
}
@media (min-width: 1200px) {
.popup-widget.login-widget, .popup-widget.cart-widget {
    top: 95px;
}}
.columns-mobile-2 .products-block .p .name, .columns-mobile-2 .product-slider-holder .products-block .p .name {
    height: min-content;
}
.prices {
    display: flex;
    flex-direction: column-reverse;
}
.products-block>div .p .p-bottom>div .prices .price-final strong {
    font-weight: 700;
}
@media (min-width: 768px) {
.back-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: unset;
    left: 20px;
    width: 50px;
    height: 50px;
    background-color: var(--color-primary);
    text-align: center;
    line-height: 50px;
    color: white;
    cursor: pointer;
    font-family: Shoptet;
    border-radius: 100%;
}
.back-to-top::before {
    content: "\e911";
}}
.newsletter-banner-main {
    background-color: var(--color-primary);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 1200px;
    margin: 50px auto !important;
}
#formNewsletterWidget > fieldset > div:nth-child(5) > div > label, #formNewsletterWidget > fieldset > div:nth-child(5) > div > label > a {
    color: white;
}
label.whole-width, label.whole-width a {
    color: black;
}
.newsletter-banner-text {
    flex: 1;
    font-size: 30px;
    font-weight: bold;
    margin-right: 20px;
    color: white;
}
.newsletter-banner-form {
    flex: 1;
}
.subscribe-form {
    display: flex;
    flex-direction: column;
}
.subscribe-form input[type="email"] {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
}
.subscribe-form button {
    background-color: #333;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.subscribe-form button:hover {
    background-color: #555;
}
.subscribe-form a {
    color: #333;
    text-decoration: none;
}
.subscribe-form a:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
.newsletter-banner-main {
    flex-direction: column;
    text-align: center;
    margin: 15px !important;
}
.newsletter-banner-text {
    margin-right: 0;
    margin-bottom: 20px;
}
.overall-wrapper {
    padding-bottom: unset !important;
}}
.subscribe-form input[type="email"] {
    border-radius: 50px;
}
.compact-form .btn {
    border-radius: 50px;
    background-color: var(--color-tertiary) !important;
    border-color: var(--color-tertiary) !important;
    color: #353535 !important;
}
#footer {
    background: transparent;
}
.contact-box ul li>span.mail:before, .contact-box ul li>span.tel:before, .footer-rows h4, #footer > div.container.footer-rows > div > div.custom-footer__contact.col-sm-4 > div > ul > li > span::before {
    color: black;
    font-weight: 700;
}
.products-block>div .p .p-bottom>div .prices .price-save {
    display: none;
}
.price.price-final {
    display: flex;
    flex-direction: column-reverse;
}
.products-block>div .p .p-bottom>div .prices .price-standard {
    font-size: 13px;
    color: #606c38;
}
#footer > div.container.footer-rows > div > div.custom-footer__banner10.col-sm-6.col-lg-3 > div > div > span > a > img {
    width: 50%;
    margin: 15px 5px 5px 5px;
}
#footer a {
    color: black;
    font-size: 14px;
}
#footer > div.container.footer-rows > div > div.custom-footer__banner10.col-sm-6.col-lg-3 > div > div > span > a {
    display: flex;
    justify-content: center;
}
.footer-rows h4::after {
    content: "";
    display: block;
    width: 20%;
    height: 3px;
    background-color: black;
    position: absolute;
    margin-top: 4px;
}
.footer-rows h4 {
    color: black;
}
.container.footer-rows {
    background-color: var(--color-tertiary);
    border-radius: 20px;
}
#footer a:hover {
    color: #313131;
}
#footer::before {
    content: "";
    background: url(/user/documents/upload/foot-bg.png) repeat-x;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    transform: rotate(180deg);
    margin-top: -28px;
}
@media (max-width: 767px) {
#footer::before {
    margin-top: -5px;
}}
a.js-cookies-settings {
    color: white !important;
}
.footer-bottom {
    background-color: transparent;
    color: black;
}
#footer > div.footer-bottom > div {
    font-size: 14px;
}
a.social-icon {
    background-color: #afb793;
    border-color: #afb793;
    color: #251d17 !important;
}
@media (min-width: 992px) {
    .popup-widget-inner:not(.cart-widget-inner) {
        border-radius: 10px;
    }}
ol.cart-header li.active strong:before, ol.cart-header li.completed a:before {
    color: white;
    font-weight: 700;
}
@media (min-width: 992px) {
.popup-widget.login-widget, .popup-widget.cart-widget {
    top: 115px;
}}
@media (min-width: 768px) {
.popup-widget.login-widget, .popup-widget.cart-widget, .user-action-in .popup-widget.cart-widget {
    top: 150px;
}}
@media (max-width: 768px) {
.popup-widget.login-widget, .popup-widget.cart-widget {
    top: 60px;
}}
#cart-wrapper > div > div > div.col-md-4 > div > div > div > ul > li > span::before, #checkoutSidebar > div > div.order-summary > div.checkout-box > div > div > ul > li > span::before {
    color: black;
}
@media (min-width: 768px) {
    .homepage-blog-wrapper .news-item {
        flex-basis: 33.3333%;
        width: 33.3333%;
    }
}
.navigation-window-visible .navigation-buttons a[data-target=navigation], .navigation-window-visible .navigation-buttons a[data-target=navigation]:hover {
    background-color: #afb793;
}
.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs span, .breadcrumbs span:hover, .link-icons .link-icon {
    color: black;
}
.p-detail-inner-header-mobile, .p-detail-inner-header-mobile .h1 {
    padding-bottom: 11px;
    margin-top: 20px;
    color: #294936;
    font-size: 45px;
    text-align: center;
}
@media (max-width: 768px) {
#footer > div.container.footer-rows > div > div.custom-footer__banner2.col-sm-6.col-lg-3 > div {
    min-height: unset;
    margin-bottom: unset;
}}
label.whole-width, label.whole-width a {
    font-size: 14px;
}
.blog-wrapper .news-item .read-article {
    display: block;
    margin-top: 20px;
    background-color: #606c38;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px;
    border-radius: 50px;
    width: fit-content;
    font-size: 14px;
		transition: all .3s ease-out;
}
.blog-wrapper .news-item .read-article:hover {
		background-color: #515b30;		
}
@media (min-width: 768px) {
    .prices {
        display: flex;
        flex-direction: row-reverse !important;
        flex-wrap: nowrap !important;
    }
}
input[type=submit].btn, input[type=submit].btn:hover, a.btn.btn-primary, a.btn.btn-primary:hover, .btn.btn-cart, .btn.btn-cart:hover, .btn.btn-conversion, .btn.btn-conversion:hover, a.btn.btn-cart, a.btn.btn-conversion, a.btn.btn-default.unveil-button, a.btn.btn-default.unveil-button:hover, input.btn.btn-primary, input.btn.btn-primary:hover, button.btn.btn-secondary.btn-text.btn-login, button.btn.btn-secondary.btn-text.btn-login:hover, input.btn.btn-secondary.btn-text.btn-login, input.btn.btn-secondary.btn-text.btn-login:hover, .btn.btn-primary, a.btn.btn-primary, .btn.btn-primary:hover, a.btn.btn-primary:hover, button.btn.btn-default.searchWhisperer__button.js-searchWhisperer__button, button.btn.btn-default.searchWhisperer__button.js-searchWhisperer__button:hover, a.btn.btn-default.inline-block, a.btn.btn-default.inline-block:hover, .btn.btn-default, a.btn.btn-default, .btn.btn-default:hover, a.btn.btn-default:hover {
    font-weight: 600 !important;
    text-transform: uppercase;
    color: white;
    background-color: var(--color-primary);
    border: none;
    border-radius: 50px;
}
input[type=submit].btn:hover, a.btn.btn-primary:hover, .btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-default.unveil-button:hover, input.btn.btn-primary:hover, button.btn.btn-secondary.btn-text.btn-login:hover, input.btn.btn-secondary.btn-text.btn-login:hover, .btn.btn-primary:hover, a.btn.btn-primary:hover, button.btn.btn-default.searchWhisperer__button.js-searchWhisperer__button:hover, .btn.btn-default:hover, a.btn.btn-default:hover {
		filter: opacity(0.8);
}
input.query-input.form-control.search-input.js-search-input {
    border-radius: 50px;
    font-size: 13px;
}
@media (min-width: 768px) {
.header-top {
    background-color: var(--color-tertiary);
    border-radius: 20px;
    max-width: 1418px;
    margin: 0 auto;
}
#header .header-top-wrapper>div {
    flex: 0 1 32%;
}
#header .header-top-wrapper .site-name {
    flex: 0 1 30%;
    margin-left: 30px;
}
.header-bottom {
    display: none;
}
header#header {
    margin-bottom: 20px;
}
.content-wrapper-in {
    column-gap: 20px;
}
.multiple-columns-body .wide-carousel .carousel {
    padding: 0px;
}}
.header-bottom {
    border-color: transparent;
}
@media (min-width: 480px) {
#header .site-name a img {
    max-height: 40px;
}}
#footer {
    margin: 0 auto;
    border-radius: 20px;
}
@media (min-width: 768px) {
.header-top, #footer {
    width: 747px;
}}
@media (min-width: 992px) {
.header-top, #footer {
    width: 972px;
}}
@media (min-width: 1200px) {
.header-top, #footer {
    width: 1178px;
}}
@media (min-width: 1440px) {
.header-top, #footer {
    width: 1418px;
}}
.sidebar-inner {
    border: solid 1px #e9e8e8;
    border-radius: 20px;
}
.categories .topic a {
    font-size: 100%;
}
#categories .expandable>.topic>a>span, #categories .expandable>a>span {
    left: auto;
    right: 0;
    height: 20px;
    width: 20px;
    top: 11px;
}
#categories .expandable>.topic>a>span:before, #categories .expandable>a>span:before {
    content: "\e910";
    transform: rotate(90deg) !important;
    height: 20px;
    width: 20px;
    line-height: 20px;
}
#categories .expandable.expanded>.topic>a>span:before, #categories .expandable.expanded>a>span:before {
    content: "\e910";
    transform: rotate(270deg) !important;
    background-color: var(--color-tertiary);
    border-radius: 50px;
}
#categories .expandable.external>.topic>a>span:before, #categories .expandable.external>a>span:before {
    background-color: var(--color-tertiary);
    border-radius: 50px;
}
.categories .topic>a {
    margin-left: 30px;
    padding-left: 0px;
}
.categories .topic>a {
    margin-left: 30px;
    padding-left: 0px;
    border-bottom: solid 1px #e9e8e8;
    font-weight: 600;
}
.sidebar-inner>div.box-sm {
    border-style: none !important;
}
#carousel > div > div > img, .carousel-inner>.item>a>img, .carousel-inner>.item>img {
    border-radius: 20px;
}
@media (min-width: 768px) {
.extended-banner-texts {
    top: auto;
    background-color: #ffffffdb;
    width: 50%;
    height: 50%;
    margin: 40px;
    border-radius: 20px;
}
.extended-banner-title {
    font-size: 3rem;
    font-weight: 600;
    color: black;
}
.extended-banner-text {
    font-size: 1.5rem;
    font-weight: 300;
    color: black;
    bottom: auto;
    top: 75px;
}
.extended-banner-link {
		top: auto;
    bottom: 10%;
}
.carousel .extended-banner-link {
    background-color: var(--color-primary);
    margin-left: 40px;
    width: fit-content;
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: 500;
}}
@media (min-width: 768px) {
.extended-banner-texts {
    width: 83%;
    height: 70%;
}
.extended-banner-title {
    padding-top: 10px;
}
.extended-banner-text {
    font-size: 1.2rem;
    top: 20px;
}}
@media (min-width: 992px) {
.extended-banner-texts {
    width: 75%;
    height: 75%;
}
.extended-banner-title {
    padding-top: 15px;
}
.extended-banner-text {
    top: 35px;
    font-size: 1.5rem;
}}
@media (min-width: 1200px) {
.extended-banner-texts {
    width: 60%;
    height: 60%;
}
.extended-banner-text {
    font-size: 1.5rem;
}
.extended-banner-title {
    padding-top: 20px;
}}
@media (min-width: 1440px) {
.extended-banner-texts {
    width: 50%;
    height: 50%;
}
.extended-banner-text {
    font-size: 1.5rem;
}
.extended-banner-title {
    padding-top: 20px;
}}
@media (max-width: 768px) {
span.extended-banner-text {
    display: none;
}
.carousel .extended-banner-link {
    background-color: var(--color-primary);
    margin-left: 40px;
    width: fit-content;
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: 500;
    margin-top: 0px;
    top: auto;
    bottom: 20px;
}
.extended-banner-texts {
    width: 80%;
    height: 70%;
    background-color: #ffffffdb;
    border-radius: 20px;
    margin: 20px;
    top: auto;
}
.extended-banner-title {
    color: black;
    font-weight: 600;
    font-size: 2.5rem;
    padding-top: 20px;
}}