.site-msg.information {
    opacity: unset
}

.top-navigation-bar {
    background-color: #f0f8ec
}

.top-navigation-bar .msg-part {
    width: 65%;
    max-width: unset
}

.top-navigation-bar .msg-part .text, .top-navigation-bar-menu, .top-navigation-bar-menu-helper {
    text-transform: none
}

.top-navigation-bar .nav-part {
    width: 35%;
    margin-top: unset
}

.top-navigation-bar .nav-part .top-navigation-menu {
    height: 25px;
    margin-right: unset;
    padding-right: 24px
}

.top-navigation-bar .nav-part .top-navigation-menu > ul li a {
    padding: 4px 16px
}

.top-navigation-bar .nav-part .top-navigation-menu-trigger:before {
    margin-right: 0
}

#header .top-navigation-contacts {
    width: unset;
    position: relative;
    padding: 0 10px 0 50px
}

@media only screen and (min-width: 1201px) {
    #header .top-navigation-contacts:before {
        display: block;
        position: absolute;
        top: 4px;
        left: 15px;
        width: 30px;
        height: 30px;
        border: 1px solid #d5e5cd;
        border-radius: 50%;
        content: "";
        background-image: url(https://www.sklenikovo.sk/user/documents/upload/layout/photo.jpg);
        background-size: 30px 30px
    }
}

#header .top-navigation-contacts > strong {
    color: var(--color-primary)
}

#header .top-navigation-contacts .project-email, #header .top-navigation-contacts .project-phone {
    color: #222;
    font-weight: 700
}

#header .search {
    margin-right: unset;
    padding: 0 20px 0 10px
}

#header .search fieldset input {
    background-color: #fff;
    background-position: left 8px center;
    padding: 0 16px 0 40px;
    border: 1px solid #d5e5cd;
    font-size: .9em;
    max-width: unset
}

#header .search fieldset button {
    width: auto;
    padding: 0 16px;
    font-size: .9em
}

.search-whisperer {
    top: 45px;
    border-color: #d5e5cd
}

#header .navigation-buttons {
    padding-left: 20px
}

#header .header-top .top-nav-button-account, #header .header-top .top-nav-button-login {
    margin-left: unset;
    padding-right: 0;
    font-weight: 700
}

@media only screen and (max-width: 1200px) {
    .top-navigation-bar .msg-part .text {
        padding-right: 20px
    }

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

    #header .search {
        padding: 0 10px 0 5px
    }

    #header .search fieldset input {
        padding-left: 16px
    }

    #header .navigation-buttons {
        padding-left: 10px
    }

    #header .header-top .top-nav-button-account, #header .header-top .top-nav-button-login {
        padding-left: 40px
    }
}

#header .navigation-buttons .cart-count {
    font-weight: 700;
    padding-right: 0;
    color: #222 !important
}

#header .navigation-buttons .cart-count .cart-price {
    font-weight: 500
}

@media only screen and (max-width: 992px) {
    #header .search {
        margin-left: unset
    }

    #header .navigation-buttons .cart-count {
        padding-left: 40px
    }
}

.popup-widget.login-widget {
    top: 74px
}

@media only screen and (max-width: 767px) {
    .top-navigation-bar {
        background-color: #fff
    }

    .top-navigation-bar .nav-part {
        width: 100%
    }

    .top-navigation-bar .nav-part .responsive-tools {
        flex-wrap: nowrap
    }

    #header .search fieldset input {
        width: calc(100% - 77px)
    }

    .search-whisperer {
        top: 50px
    }

    #header .navigation-buttons .cart-count .cart-price {
        margin: 0 16px 0 8px
    }

    .popup-widget.login-widget {
        top: 105px
    }
}

.external-fonts-loaded body .container, body .container, body.blank-mode .container {
    max-width: 1440px
}

@media (min-width: 768px) {
    .top-navigation-bar-menu-helper {
        top: 28px
    }

    .admin-logged .popup-widget.cart-widget, .admin-logged .popup-widget.login-widget {
        top: 99px
    }

    .menu-item-1009:not(.splitted) > a:before, .menu-item-1021:not(.splitted) > a:before, .menu-item-1027:not(.splitted) > a:before, .menu-item-768:not(.splitted) > a:before, .menu-item-852:not(.splitted) > a:before, .menu-item-889:not(.splitted) > a:before {
        content: "";
        display: inline-block;
        margin-right: 8px;
        position: relative;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        top: 5px
    }

    .menu-item-1009:not(.splitted) > a:before {
        background-image: url(https://www.sklenikovo.sk/user/documents/upload/layout/zahradne-skleniky.svg)
    }

    .menu-item-1021:not(.splitted) > a:before {
        background-image: url(https://www.sklenikovo.sk/user/documents/upload/layout/zastresenie-bazena.svg)
    }

    .menu-item-889:not(.splitted) > a:before {
        background-image: url(https://www.sklenikovo.sk/user/documents/upload/layout/krycie-plachty.svg)
    }

    .menu-item-1027:not(.splitted) > a:before {
        background-image: url(https://www.sklenikovo.sk/user/documents/upload/layout/polnohospodarstvo.svg)
    }

    .menu-item-852:not(.splitted) > a:before {
        background-image: url(https://www.sklenikovo.sk/user/documents/upload/layout/vyvysene-zahony.svg)
    }

    .menu-item-768:not(.splitted) > a:before {
        background-image: url(https://www.sklenikovo.sk/user/documents/upload/layout/zahradkarske-potreby.svg)
    }

    #header #navigation ul.menu-level-1 > li > a {
        padding: 0 20px
    }
}

#carousel .banner-caption, .next-to-carousel-banners .banner-caption, .next-to-carousel-banners .banner-wrapper > a > .extended-banner-texts {
    background-color: transparent
}

#carousel .item, .next-to-carousel-banners .banner-wrapper {
    border-radius: 10px
}

#carousel .banner-caption .extended-banner-title {
    font-weight: 700;
    font-size: 3rem;
    text-transform: none;
    color: #fff;
    padding: 0;
    margin-bottom: 7.5px
}

.next-to-carousel-banners .banner-caption .extended-banner-title, .next-to-carousel-banners .banner-wrapper > a > .extended-banner-texts .extended-banner-title {
    font-weight: 700;
    font-size: 1.625rem;
    text-transform: none;
    color: #222;
    padding: 0;
    margin-bottom: 7.5px
}

#carousel .banner-caption .extended-banner-text {
    font-weight: 500;
    color: #fff;
    margin: 7.5px 0 12.5px
}

#carousel .banner-caption .extended-banner-text b {
    font-weight: 700
}

#carousel .banner-caption .extended-banner-link {
    margin-top: 12.5px;
    font-weight: 600;
    border-radius: 10px;
    padding: 16px 32px;
    min-width: auto
}

@media only screen and (max-width: 767px) {
    #carousel .banner-caption .extended-banner-title {
        font-size: 2rem
    }

    #carousel .banner-caption .extended-banner-text {
        opacity: 1
    }

    #carousel .banner-caption .extended-banner-link {
        min-height: auto
    }
}

#carousel .banner-caption .extended-banner-link:hover {
    background-color: #222
}

.next-to-carousel-banners .banner-wrapper > a > .extended-banner-texts .extended-banner-link {
    padding: 0;
    font-weight: 600;
    color: #222;
    border-radius: 0;
    margin-top: 7.5px;
    background-color: transparent;
    text-decoration: underline;
    min-width: auto
}

.next-to-carousel-banners .banner-wrapper > a > .extended-banner-texts .extended-banner-link:hover {
    background-color: transparent;
    color: #222
}

.type-index .benefitBanner {
    padding: 0 12px !important;
    gap: 24px
}

.benefitBanner .benefitBanner__item {
    margin: 0;
    padding-right: 0;
    flex-grow: 1;
    flex-basis: auto
}

.benefitBanner .benefitBanner__item .benefitBanner__content {
    width: 100%
}

.benefit-banner {
    padding: 24px 12px;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: center
}

.benefit-banner.transport {
    background-color: #e5f4DE99
}

.benefit-banner.support {
    background-color: #deeEF499
}

.benefit-banner.goods {
    background-color: #dee0F499
}

.benefit-banner.customer {
    background-color: #f4f0DE99
}

.benefit-banner .desc-box h2, .benefit-banner .desc-box p {
    margin: 4px 0
}

.products-block.products .product .p {
    padding-top: 15px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 16px 5px #00000008
}

.products-block.products .product .prices {
    margin-bottom: 12.5px
}

.products-block.products .product .btn, .products-block.products .product button.add-to-cart-button {
    width: 100% !important;
    font-weight: 600;
    margin-top: 12.5px;
    height: auto !important;
    border-radius: 10px;
    padding: 16px;
    min-width: auto;
    color: #fff !important;
    line-height: 1.1em !important;
}

.products-block.products .product .btn:before, .products-block.products .product button.add-to-cart-button:before {
    opacity: 1
}

.products-block.products .product:hover .btn:before, .products-block.products .product:hover .btn:hover:before, .products-block.products .product:hover button.add-to-cart-button:before, .products-block.products .product:hover button.add-to-cart-button:hover:before {
    background-color: #222 !important
}

.products-block.products .product .p-tools, .products-block.products .product form.pr-action {
    width: 100%
}

.products-block.products .product .prices .price-final strong {
    color: #68bd3e !important
}

.products-block.products .product .prices .price-additional {
    color: #8b8b8b !important;
    font-weight: 400;
}
.products-block.products .product .p .name {
    font-weight: 600;
    color: #222;
}


.products-block.products .product .p-code {
    border-radius: 2px;
    color: #565656;
    padding: 4px 8px;
    font-weight: 700;
    right: 15px;
    top: 15px
}

.products-block.products .product .p-code span {
    font-weight: 400
}

.flags {
    padding-top: 0
}

.flags .flag {
    border-radius: 3px
}

.flags .flag.flag-new {
    background-color: #36a5db !important
}

.products-block .flags-extra .flag {
    margin-left: 8px;
    margin-right: 0;
}
.flags-extra .flag {
    width: 64px;
    height: 64px;
    margin-top: .5ex;
    margin-bottom: 0;
}
.flags-extra {
    bottom: 0;
}
.flags-extra .flag.flag.flag-discount, .p-image-wrapper .flags-extra .flag.flag.flag-discount {
    background: #E71818 !important;
}
.products-block.products .slick-list {
    margin-bottom: 0;
}
.h4.homepage-group-title, h4.homepage-group-title,
.homepage-blog-wrapper .homepage-group-title.h4, .homepage-blog-wrapper h1, .recipes-section .homepage-group-title.h4, .recipes-section h1{
    color: #222;
    padding-bottom: 0;
    font-size: 2.5rem;
}
@media only screen and (max-width: 767px) {
    .h4.homepage-group-title, h4.homepage-group-title,
    .homepage-blog-wrapper .homepage-group-title.h4, .homepage-blog-wrapper h1, .recipes-section .homepage-group-title.h4, .recipes-section h1{
        font-size: 1.75em;
    }
}
.category-title:after, .content h4:after, .h4.homepage-group-title:after, .h4:after, .in-klient h1:after, .p-detail-inner h1:after, .products-related-header:after, h1:after, h4.homepage-group-title:after {
    display: none;
}
.category-title, .content h4, .h4, .h4.homepage-group-title, .in-klient h1, .p-detail-inner h1, .products-related-header, h1, h4.homepage-group-title,
.homepage-blog-wrapper .homepage-group-title.h4, .homepage-blog-wrapper h1, .recipes-section .homepage-group-title.h4, .recipes-section h1 {
    margin-bottom: 40px;
    font-weight: 700;
}
@media only screen and (max-width: 767px) {
    .h4.homepage-group-title, h4.homepage-group-title {
        margin-top: 0;
    }
}
.footer-banners {
    margin: 40px -10px!important
}
.footer-banners .footer-banner {
    margin: 0 !important;
}

.footer-banners .footer-banner .banner-caption {
    padding: 30px 60px;
}

.footer-banners .footer-banner:nth-child(2n) .banner-caption {
    align-items: flex-start;
    text-align: left !important;
}

.footer-banners .footer-banner .banner-caption .extended-banner-title {
    font-weight: 700;
    font-size: 2rem;
    text-transform: none;
    color: #222;
    padding: 0;
    margin-bottom: 7.5px
}

.footer-banners .footer-banner .banner-caption .extended-banner-text {
    font-weight: 400;
    color: #222;
    margin: 7.5px 0 12.5px
}

.footer-banners .footer-banner .banner-caption .extended-banner-text b {
    font-weight: 600
}

.footer-banners .footer-banner .banner-caption .extended-banner-link {
    margin-top: 12.5px;
    border-radius: 10px;
    padding: 16px 32px;
    min-width: auto;
    font-weight: 600;
}

.footer-banners .footer-banner .banner-caption .extended-banner-link:hover {
    background-color: #222
}

footer {
    background-color: #F0F8EC5C;
}

@media only screen and (max-width: 767px) {
    footer {
        padding-top: 30px;
    }
}

footer .site-name {
    display: none !important;
}
@media only screen and (min-width: 1201px) {
    footer .custom-footer > div:nth-child(2) {
        width: 40%;
    }

    footer .custom-footer > div:nth-child(3),
    footer .custom-footer > div:nth-child(4),
    footer .custom-footer > div:nth-child(5) {
        width: 20%;
    }
}
footer h4 {
    font-weight: 700;
    margin: 12px 0 24px;
    font-size: 1.3em;
}
footer h4:before {
    display: none;
}
.customer-service {
    font-weight: 600;
    color: #68BD3E;
}
.contacts {
    padding-top: 10px;
    margin: -4px;
}
.contacts li {
    margin: 4px;
    display: inline-block;
}
.contacts li a {
    font-weight: 700;
}
.contacts li a i,
.contacts li a:hover i {
    color: #68BD3E;
}
.socials {
    padding-top: 10px;
    margin: -4px;
}
.socials li {
    margin: 4px;
    display: inline-block;
}
.socials li a {
    color: #fff !important;
    display: block;
    font-weight: 500;
    border-radius: 40px;
    padding: 8px 16px;
    background-color: #68BD3E;
}
.socials li a:hover {
    color: #fff !important;
    background-color: #222;
}
.footer-logo {
    margin-top: 12px;
    display: inline-block;
}
.homepage-box.welcome-wrapper {
    padding: 0;
}
.welcome-wrapper:not(.homepage-box) {
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #DEDEDE;
}
#header #navigation ul.menu-level-1>li>a b {
    font-weight: 600;
}
#header .top-navigation-contacts>strong {
    font-weight: 500;
}
.homepage-box.welcome-wrapper h1 {
    color: #222;
    font-size: 2.5rem;
    font-weight: 700;
    padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .homepage-box.welcome-wrapper h1 {
        font-size: 1.75em;
    }
}
.news-item {
    padding: 15px !important;
    border-radius: 10px;
}
.news-item:hover {
    background-color: #00000008;
}
.homepage-blog-wrapper #newsWrapper .news-item, .homepage-blog-wrapper.blog-wrapper .news-item, .recipes-section #newsWrapper .news-item, .recipes-section.blog-wrapper .news-item {
    width: calc(50% - 20px);
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 992px) {
    .homepage-blog-wrapper #newsWrapper .news-item, .homepage-blog-wrapper.blog-wrapper .news-item, .recipes-section #newsWrapper .news-item, .recipes-section.blog-wrapper .news-item {
        width: calc(100% - 20px);
    }
}
.homepage-blog-wrapper #newsWrapper .news-item a, .homepage-blog-wrapper.blog-wrapper .news-item a, .recipes-section #newsWrapper .news-item a, .recipes-section.blog-wrapper .news-item a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}
.homepage-blog-wrapper #newsWrapper .news-item a:hover, .homepage-blog-wrapper.blog-wrapper .news-item a:hover, .recipes-section #newsWrapper .news-item a:hover, .recipes-section.blog-wrapper .news-item a:hover {
    color: #000;
}
.homepage-blog-wrapper #newsWrapper .news-item .image, .homepage-blog-wrapper.blog-wrapper .news-item .image, .recipes-section #newsWrapper .news-item .image, .recipes-section.blog-wrapper .news-item .image {
    width: 30%;
}
.homepage-blog-wrapper #newsWrapper .news-item .text, .homepage-blog-wrapper.blog-wrapper .news-item .text, .recipes-section #newsWrapper .news-item .text, .recipes-section.blog-wrapper .news-item .text {
    width: 70%;
}
.homepage-blog-wrapper #newsWrapper .news-item .title, .homepage-blog-wrapper.blog-wrapper .news-item .title, .recipes-section #newsWrapper .news-item .title, .recipes-section.blog-wrapper .news-item .title {
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: 700;
}
@media only screen and (max-width: 768px) {
    .homepage-blog-wrapper #newsWrapper .news-item .title, .homepage-blog-wrapper.blog-wrapper .news-item .title, .recipes-section #newsWrapper .news-item .title, .recipes-section.blog-wrapper .news-item .title {
        font-size: 1.1rem;
    }
}
.products-block.products .product .image img,
.homepage-blog-wrapper .news-item .image img {
    border-radius: 3px;
}
.next-to-carousel-banners .banner-wrapper:hover>a>img, .next-to-carousel-banners .banner-wrapper:hover>img {
    transform: unset;
}
.news-item .text .title {
    margin-bottom: 10px;
}
.news-item .text .description {
    margin-bottom: 10px;
}
.homepage-blog-wrapper .news-item>a:hover .text .title {
    text-decoration: none;
}
.homepage-blog-wrapper #newsWrapper .news-item .read-article, .homepage-blog-wrapper.blog-wrapper .news-item .read-article, .recipes-section #newsWrapper .news-item .read-article, .recipes-section.blog-wrapper .news-item .read-article {
    color: #68BD3E;
}
.homepage-blog-wrapper #newsWrapper .news-item a:hover .read-article, .homepage-blog-wrapper.blog-wrapper .news-item a:hover .read-article, .recipes-section #newsWrapper .news-item a:hover .read-article, .recipes-section.blog-wrapper .news-item a:hover .read-article {
    text-decoration: underline;
}