<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* default style */

@charset "utf-8";


@media only screen and( -webkit-min-device-pixel-ratio: 1.25 ),
only screen and(      -o-min-device-pixel-ratio: 5/4 ),
only screen and( min-resolution: 120dpi ),
only screen and( min-resolution: 1.25dppx ) {
    body {
        font-size: 1rem;
    }
}

.mobile-only{
    display: none;
}
.desktop-only{
    display: block;
}


body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #fff;
    font-size: 13px;
    line-height: 18px;
    color: #000;
}

a {
    outline: 0;
    text-decoration: none;
    color: #008253;
    font-weight: 600;
}
a:hover {
    text-decoration: none;
    outline: 0;
    color: #008253;
}

p {
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;

    color: #6C757D;
    font-weight: 400;

}

.pointer{
    cursor: pointer;
}


.dvariadky{
    line-height: 1.5rem;
    height: 2.8rem;
    overflow: hidden;
}
.tririadky{
    line-height: 1.5rem;
    height: 4rem;
    overflow: hidden;
}

:focus,
:active {
    outline: none !important;
}

.btn-outline-light-grey{
    border: 1px solid #ddd;
}
.btn-outline-light-grey:hover{
    border: 1px solid #ddd;
    background: #60B345;
    color: #fff;
}
.text-green{
    /*color: #60B345;*/
    color: #008253;
}

h1 {
    margin: 0 0;
    font-size: 2rem;
    color: #008253;
    margin-bottom: 20px;
    font-weight: 300;
}

strong {
    font-weight: bold;
}

.content-area img {
    max-width: 100%;
    height: auto;
}

.bg-e7f0f7 {
    background: #e7f0f7;
}

.bg-cceee7 {
    background: #cceee7;
}

.bg-e9f0f6 {
    background: #e9f0f6;
}

.bg-cdeee7 {
    background: #cdeee7;
}

.bg-light-green{
    background: #6FAD54;
}

.bg-green{
    background: #008253;

}

.text-7eb250 {
    color: #7eb250 !important;
}

.text-ffffff {
    color: #ffffff !important;
}

.btn-primary{
    background-color: #008253!important;
}

.btn-primary:hover,.btn-primary:active{
    background-color: #60B345!important;
}


.lekarne-listbox{
    /*height: 600px;*/
    /*overflow: scroll;*/
    /*overflow-x: hidden;*/
}



@media (max-width: 768px) {

    .mobile-only{
        display: block;
    }
    .desktop-only{
        display: none;
    }



    .container-fluid,
    .ontop &gt; .container {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

.topmenu {
    line-height: 36px;
    height: 36px;
    background-color: #168255;
    color: #fff;
    font-size: 12px;
    background-image: url('../images/gbg.png');
    background-position: bottom;
    background-repeat: repeat-x;
}

.topmenu &gt; .container {
    color: #b9dead;
    font-size: 13px;
}

@media (min-width: 1400px) {
    .topmenu &gt; .container,
    .ontop &gt; .container {
        width: 100%;
        padding: 0px;
    }
}

.topmenu a {
    color: #fff;
    font-size: 13px;
}
.top-prihlasit{
    margin-left: 40px!important;
}
.main-menu.navbar {
    max-height: 100px;
    padding-left: 250px;
}


.blog{
    text-align: left;

}


.blog h3{
    margin: 0 0;
    font-size: 1.1rem;
    color: #008253;
    margin-bottom: 5px;
    font-weight: 400;
    text-align: left;
    line-height: 1.4rem;

}



.main-menu .navbar-toggler {
    top: 16px;
    right: 0;
    width: 28px;
    height: 28px;
    position: absolute;
    padding: 0;
    margin: 7px 20px;
}

.main-menu .navbar-toggler span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.main-menu .navbar-toggler span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.main-menu .navbar-toggler span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.main-menu .navbar-toggler span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.main-menu .navbar-toggler[aria-expanded="true"] span:nth-child(1) {
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
    top: -2px;
    left: 0px;
}

.main-menu .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.main-menu .navbar-toggler[aria-expanded="true"] span:nth-child(3) {
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
    top: 18px;
    left: 0px;
}

.main-menu.navbar a {
    line-height: 60px;
    padding: 0 15px;
    margin: 0;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
}


.logo-holder {
    position: absolute;
    /*width: 100%;*/
    height: 140px;
    top:0;
    left: 0px;
    z-index: 5;
}


@media (max-width: 991px) {

    .main-menu.navbar a {
        line-height: 40px;

    }

    .main-menu .navbar-nav {
        margin: 5px 0;
    }

    .main-menu .navbar-nav li {
        border-bottom: 1px solid #006d3f;;
    }
    .top-prihlasit{
        margin-left: 0px!important;
    }
    .main-menu .navbar-nav li:not(:first-child) {
        border-top: 1px solid #006d3f;
    }
    .carousel-indicators {
        z-index: 2;
    }
    .main-menu .navbar-nav li:last-child {
        border-bottom: none;
    }

    .logo-holder {
        position: fixed;

        height: 120px;
        top: 0px;
        left: 0px;
        z-index: 12;

        -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));
        filter:         drop-shadow(5px 5px 5px rgba(0,0,0,0.2));
    }


    #carouselBanner{
        margin-top: 60px;
    }
    .main-menu.navbar li:first-child a {
        padding-top: 100px;
    }

}
@media (min-width: 1241px) {
    .main-menu.navbar a {
        line-height: 100px;
        padding: 0 10px;
    }


}

@media (min-width: 992px) and (max-width: 1240px) {
    .main-menu.navbar a {
        line-height: 24px!important;
    }
    .top-prihlasit{
        margin-left: 0px!important;
        white-space: nowrap;
    }

}


.main-menu.navbar a.active {
    /*background-image: url('../images/menuactive.png');*/
    /*background-size: cover;*/
    color: #60B345;
}


/*.logo-holder img{*/

/*    height: 140px;*/

/*}*/

.svg-video--container {
    position: absolute;
    width: 100%;
    height: 400px;
    top:60px;
    left: 0px;
}
@media (min-width: 1400px) {
    .svg-video--container {
        left: -48px;
    }
}

.svg-video--inner {
    position: absolute;
    z-index: 10;
    max-height: 27vw;
    max-width: 170px;
    left: 15px;
}
@media (min-width: 700px) {
    .svg-video--inner {
        max-height: 17vw;
    }
}
@media (min-width: 992px) {
    .svg-video--inner {
        max-height: 25vw;
        max-width: 180px;
        left: 0px;
    }
}

.svg-video--inner path {
    fill: transparent;
    opacity: 0.1;
    transition: .4s opacity;
    cursor: hand;
    cursor: pointer;
}

.bannervideo {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    max-height: 360px;
    line-height: 0;
}
@media (min-width: 1400px) {
    .bannervideo {
        margin: 0 0 0 70px;
    }
}

#playvideo {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 10;
    width: 100px;
    height: 100%;
    position: absolute;
    background: url(../images/play_video.png) no-repeat center center transparent;
    width: 100%;
    height: 100%;
    border: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.bannervideo video {
    width: 100%;
    line-height: 0;
}

.loginholder {
    position: absolute;
    display: block;
    z-index: 9999;
    top: 36px;
    padding: 30px 20px;
    right: 0;
    min-width: 300px;
    max-width: 400px;
    background-image: url('../images/loginbg.png');
    text-align: left;
    display: none;
}

.loginholder b {
    color: #8fce57;
    display: block;
    margin: 5px 0 5px 0;
    line-height: 15px;
}

.color-vernostny{
    color: #60b345;
}

.loginholder button {
    color: #8fce57;
    display: block;
    margin: 6px 0 0 0;
    padding: 0;
    font-size: 20px;
    background: transparent;
    border: 0;
    cursor: hand;
    cursor: pointer;
    width: 120px;
    float: right;
    text-align: right;
}

.loginholder input {
    height: 26px;
    width: 100%;
}

.box--object-fit {
    /*margin-bottom: 30px;*/
}

.box--object-fit img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.box--object-fit h2 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
    padding: 5px 0;
}

.box--object-fit p {
    font-size: 0.9rem;
    line-height: 1.3rem;

    color: #6C757D;
    font-weight: 400;
    margin-top: 4px;

}

.box--object-fit--image {
    position: relative;
}
.box--object-fit a:hover .box--object-fit--image {
    opacity: .7;
}
.box--object-fit--image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url('../images/thumb.png');
    width: 157px;
    height: 78px;
    margin: auto;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.box--object-fit a:hover .box--object-fit--image:after {
    opacity: 1;
    top: 25%;
}

.link--left-rabat {
    display: block;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding-left: 40px;
}
.link--left-rabat:before {
    content: '';
    display: block;
    background: url('../images/zlavovove_percento.png') no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    top: -5px;
    left: 0px;
}
.right-arrow:after {
    content: '\003e';
    margin-left: 10px;
}
.right-arrow.right-arrow--double:after {
    content: '\003e\003e';
    margin-left: 10px;
}

/* carousel 4 items - special products */

@media (max-width: 1400px) {
    #loyaltyOfferProducts,
    #carouselSpecialProducts {
        padding: 0 40px;
    }
    #carouselBlog {
        padding: 0 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #loyaltyOfferProducts .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    #loyaltyOfferProducts .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item,
    #carouselBlog .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }




}

@media (min-width: 576px) and (max-width: 768px) {
    #loyaltyOfferProducts .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    #carouselBlog .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) {
    #loyaltyOfferProducts .carousel-item,
    #carouselSpecialProducts .carousel-item {
        margin-right: 0;
    }

    #loyaltyOfferProducts .carousel-inner .active + .carousel-item,
    #carouselSpecialProducts .carousel-inner .active + .carousel-item {
        display: block;
    }

    #loyaltyOfferProducts .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #loyaltyOfferProducts .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #carouselSpecialProducts .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carouselSpecialProducts .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    #loyaltyOfferProducts .carousel-inner .carousel-item-next,
    #carouselSpecialProducts .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #loyaltyOfferProducts .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #loyaltyOfferProducts .carousel-item-next.carousel-item-left + .carousel-item,
    #loyaltyOfferProducts .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #carouselSpecialProducts .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carouselSpecialProducts .carousel-item-next.carousel-item-left + .carousel-item,
    #carouselSpecialProducts .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    #loyaltyOfferProducts .carousel-inner .carousel-item-prev.carousel-item-right,
    #carouselSpecialProducts .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    #loyaltyOfferProducts .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #loyaltyOfferProducts .carousel-item-prev.carousel-item-right + .carousel-item,
    #loyaltyOfferProducts .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #carouselSpecialProducts .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carouselSpecialProducts .carousel-item-prev.carousel-item-right + .carousel-item,
    #carouselSpecialProducts .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }


    #carouselBlog .carousel-item {
        margin-right: 0;
    }

    #carouselBlog .carousel-inner .active + .carousel-item {
        display: block;
    }

    #carouselBlog .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carouselBlog .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    #carouselBlog .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #carouselBlog .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carouselBlog .carousel-item-next.carousel-item-left + .carousel-item,
    #carouselBlog .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    #carouselBlog .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    #carouselBlog .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carouselBlog .carousel-item-prev.carousel-item-right + .carousel-item,
    #carouselBlog .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

@media (min-width: 768px) {
    #loyaltyOfferProducts .carousel-inner .active + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    #loyaltyOfferProducts .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    #loyaltyOfferProducts .carousel-inner .carousel-item-next,
    #carouselSpecialProducts .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #loyaltyOfferProducts .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    #loyaltyOfferProducts .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }



    #carouselBlog .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    #carouselBlog .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    #carouselBlog .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #carouselBlog .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    #carouselBlog .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

@media (min-width: 991px) {
    #loyaltyOfferProducts .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item ,
    #carouselSpecialProducts .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    #loyaltyOfferProducts .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    #loyaltyOfferProducts .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    #loyaltyOfferProducts .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    #loyaltyOfferProducts .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    #carouselSpecialProducts .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }



    #carouselBlog .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    #carouselBlog .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    #carouselBlog .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    #carouselBlog .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    #carouselBlog .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

#loyaltyOfferProducts .carousel-control-prev,
#loyaltyOfferProducts .carousel-control-next {
    top: -50px;
    width: 48px;
}
#carouselSpecialProducts .carousel-control-prev,
#carouselSpecialProducts .carousel-control-next {
    top: -50px;
    width: 48px;
}


#carouselBlog .carousel-control-prev,
#carouselBlog .carousel-control-next {
    top: -50px;
    width: 48px;
}




@media (min-width: 600px) {
    #loyaltyOfferProducts .carousel-control-prev,
    #loyaltyOfferProducts .carousel-control-next,
    #carouselSpecialProducts .carousel-control-prev,
    #carouselSpecialProducts .carousel-control-next {
        width: 48px;
    }

    #carouselBlog .carousel-control-prev,
    #carouselBlog .carousel-control-next {
        width: 48px;
    }
}
@media (min-width: 768px) {

    #loyaltyOfferProducts .carousel-control-prev,
    #loyaltyOfferProducts .carousel-control-next,
    #carouselSpecialProducts .carousel-control-prev,
    #carouselSpecialProducts .carousel-control-next {
        width: 48px;
    }

    #carouselBlog .carousel-control-prev,
    #carouselBlog .carousel-control-next {
        width: 48px;
    }



}
@media (min-width: 992px) {
    #loyaltyOfferProducts .carousel-control-prev,
    #loyaltyOfferProducts .carousel-control-next,
    #carouselSpecialProducts .carousel-control-prev,
    #carouselSpecialProducts .carousel-control-next {
        width: 48px;
    }


    #carouselBlog .carousel-control-prev,
    #carouselBlog .carousel-control-next {
        width: 48px;
    }




}

#loyaltyOfferProducts .carousel-control-prev,
#carouselSpecialProducts .carousel-control-prev {
    background: url('../images/carouselarr_left.png?v=1') no-repeat;
}
#carouselBlog .carousel-control-prev {
    background: url('../images/carouselarr_left.png?v=1') no-repeat;
}


@media (min-width: 1350px) {

    #loyaltyOfferProducts .carousel-control-prev {
        left: 0px;
    }
    #carouselSpecialProducts .carousel-control-prev {
        left: 0px;
    }
    #carouselBlog .carousel-control-prev {
        left: 0px;
    }


}

#loyaltyOfferProducts .carousel-control-next,
#carouselSpecialProducts .carousel-control-next {
    background: url('../images/carouselarr_right.png?v=1') no-repeat;
}

#carouselBlog .carousel-control-next {
    background: url('../images/carouselarr_right.png?v=1') no-repeat;
}


@media (min-width: 1350px) {
    #loyaltyOfferProducts .carousel-control-next {
        right: 0px;
    }
    #carouselSpecialProducts .carousel-control-next {
        right: 0px;
    }

    #carouselBlog .carousel-control-next {
        right: 0px;
    }
}

.swiper-slide {
    text-align: left;
    background: transparent;
    font-size: 13px;
    border: 0;
}

.swiper-slide h3 {
    margin: 0 0;
    font-size: 1.1rem;
    color: #008253;
    margin-bottom: 5px;
    font-weight: 400;
    text-align: left;
    line-height: 1.4rem;
    height: 2.8rem;
    overflow: hidden;
}
.swiper-slide h3:first-line {
    color: #008253;
}



.swiper-slide p {
    font-size: 0.9rem;
    line-height: 1rem;
    max-height: 2rem;
    transition: max-height 1s ease-out;
    overflow: hidden;
    color: #6C757D;
    font-weight: 400;
    margin-top: 4px;
}

.swiper-slide p.full {

    line-height: 1rem;
    max-height: 600px;
    transition: max-height 1s ease-out;

}

.swiper-imgholder {
    position: relative;
    min-height: 230px;
    max-height: 200px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-imgholder img {
    max-height: 200px;
}
.btn-sm {
    /*padding: .5rem 1.2rem 0.3rem 1.2rem!important;*/
    /*font-size: .55rem !important;*/
    /*line-height: 0.9rem!important;*/

}

.cenovkaMini{
    color:#000;
    font-size: 14px;
    text-align: center;
}

.mcena {
    text-decoration: line-through;

}

.modal_cenovkaMiniNovinka {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #ffffff;
    background-color: #f48c50;
    z-index: 12;
}

.MiniNovinka {
    text-align: center;
    padding: 3px 5px 6px 5px;
}

.modal_cenovkaMini {
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    color: #ffffff;
    background-color: #289548;
    /*background-color: #8a2895;*/
    display: table-cell;
    vertical-align: middle;
    z-index: 10;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008d5d+0,5cbb56+100 */
    background: rgb(0,141,93); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,141,93,1) 0%, rgba(92,187,86,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,141,93,1) 0%,rgba(92,187,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,141,93,1) 0%,rgba(92,187,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008d5d', endColorstr='#5cbb56',GradientType=0 ); /* IE6-9 */

}

.modal_cenovkaMini .mcena {
    text-decoration: line-through;
    margin-left: 20px;
    margin-top: 10px;
    opacity: 0.45;
}

.modal_cenovkaMini .mcenaAkciaText.mini {

    font-size: 11px;
    line-height: 14px;

}
.modal_cenovkaMini .mcenaAkciaText.mini::first-line {


    font-size: 14px;

}

.modal_cenovkaMini .mcenaAkciaText {
    margin-left: 0px;
    margin-top: 22px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.modal_cenovkaMini .mcenaAkciaText::first-line {
    font-size: 16px;
}


.modal_cenovkaMini .mcenaAkcia {
    margin-left: 13px;
    margin-top: 2px;
    font-size: 18px;
    font-weight: 700;
}

.modal_cenovkaMini .mcenaJednotkova {
    margin-left: 13px;
    margin-top: 2px;
    font-size: 12px;
}

.jedna_plus_jedna{
    position: absolute;
    right: 0;
    bottom: 20px;
    color: #fff;
    background-color: #dd2a00;
    padding: .5rem 1.5rem;
    border-radius: 18px;
    font-weight: 500;
    border: 2px solid #fff;
}

.bublina_darcek{
    position: absolute;
    right: 0;
    bottom: 20px;
    color: #fff;
    height: 80px;
    width: 80px;
    background: rgb(221,42,0);
    background: linear-gradient(180deg, rgba(221,42,0,1) 0%, rgba(252,124,94,1) 71%, rgba(255,202,189,1) 100%);
    padding: .5rem 1.5rem;
    border-radius: 50%;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
}

/* modal_conovkaMini_red*/
.modal_cenovkaMini_red {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #fff;
    background-image: url('../images/Group.svg');
    height: 100px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    display: table-cell;
    vertical-align: middle;
    z-index: 10;


}

.modal_cenovkaMini_bezUsetrite {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #fff;
    background-image: url('../images/GroupGreen.svg');
    height: 100px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    display: table-cell;
    vertical-align: middle;
    z-index: 10;


}

.modal_cenovkaMini_red .mcena {
    text-decoration: line-through;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.45;
}

.modal_cenovkaMini_red .mcenaAkcia {
    margin-top: 4px;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

.modal_cenovkaMini_red .mcenaAkciaVernostna {
    margin-top: -2px;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

.modal_cenovkaMini_red .mcenaBody {
    margin-top: 0;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
}

.modal_cenovkaMini_red .mcenaBodyText {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin-top: -4px;
}

.modal_cenovkaMini_red .mcenaBodyTextBody {
    display: flex;
    font-size: 11px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin-top: -5px;
}

.modal_cenovkaMini_red .mcenaJednotkova {
    margin-top: 2px;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    opacity: 0.50;
}

.modal_cenovkaMini_red .mcenaJednotkovaVernostna {
    margin-top: 10px;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    opacity: 0.50;
}

.modal_cenovkaMini_red .mcenaRozdiel {
    position: absolute;
    bottom: 2px;
    right: 6px;
    font-size: 12px;
    font-weight: 600;
}

/* END modal_conovkaMini_red */

.link--arrow-left {
    display: block;
    font-size: 12px;
    color: #03a4f1;
    font-weight: 600;
}
.link--arrow-left:before {
    content: '\003e';
    margin-right: 5px;
}

.modal-container {
    max-width: 80%;
    margin: 20px auto;
    background-color: #fff;
    padding: 0;
}

.modal_header {
    background-color: #7eb250;
    padding: 10px 15px;
    position: relative;
}

.modal_header h2 {
    color: #ffffff;
    margin: 0 0 10px 0;
    font-size: 24px;
    max-width: 80%;
}

.modal_close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.modal_content {
    padding: 10px 20px;
}

.modal_content td {
    vertical-align: top;
}

.modal_header {
    background-color: #008253;
    padding: 10px;
    position: relative;
}

.modal_iframe {
    height: 450px;
}


.articles-categories--list {
    list-style-type: none;
    margin-bottom: 20px;
    padding: 0px;
}

.articles-categories--list li {
    list-style-type: none;
    display: inline-block;
}
.articles-categories--list li.active a {
    color: #008253;
}

.articles-categories--list li a {
    list-style-type: none;
    color: #9ea4a9;
    display: inline-block;
    margin-right: 30px;
    text-transform: uppercase;
    font-size: 15px;
}

.article img {
    margin-bottom: 30px;
}

.article #grid img {
    margin-bottom: 0px;
}


.article h1 {
    font-size: 33px;
    font-weight: 600;
    color: #008253;
    line-height: 36px;
    margin: 0px 0px 20px;
}

.article,
.article p {
    /*font-size: 14px;*/
    /*line-height: 22px;*/
    margin-bottom: 15px;
}

.livsaneholder {
    background: url('/assets_apps/frontend/images/livsanerodina.jpg') no-repeat right bottom;
    background-size: contain;
}

.livsaneholder h1 {
    font-size: 24px;
    margin-top: 10px;
}

.livsaneholder ul {
    padding: 0px;
}

.livsaneholder li {
    list-style-type: square;
    margin-left: 18px;
    margin-bottom: 8px;
    font-size: 14px;
    max-width: 60%;
}

.livsane-category {
    display: block;
    text-align: center;
}

.livsane-category span {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-weight: 400;
}
.livsane-category:hover span {
    color: #000;
}

.livsane-category img {
    opacity: 0.25;
    max-width: 70px;
    margin: 0 auto;
    margin-bottom: 10px;
    transition: all 0.5s ease;
}

.livsane-category:hover img,
.livsane-category.active img {
    opacity: 1;
}

.livsane-category.active span {
    color: #000;
    text-decoration: underline;
}

#carouselBanner .carousel-indicators {
    margin-bottom: .5rem;
}

#carouselBanner .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: solid 1px #ccc;
}

.main-menu .dropdown-menu .dropdown-item{
    line-height: 30px;
    text-align: left;
    font-size: 0.8rem;
    text-transform: none;
}

.main-menu  .dropdown-menu {

    margin-top: -30px;
}


.dropdown .dropdown-menu.dropdown-green .dropdown-item:hover{
    background-color: #008253;
}


.main-menu.navbar {
    position: relative;

    width: 100%;
    min-height: 60px;
}






.homePopupProduct{
    /*position: absolute;*/
    /*z-index: 9999999;*/
    width: 360px;
    height: 360px;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
    right: 10px;
    /*bottom: 100px;*/
    text-align: center;
    background-color: #fff;
    /*float:right;*/
}

.homePopupProduct h2:first-line{
    color: #60B345;
}
.homePopupProduct h2{
    color: #008253;
    font-size: 25px;
    text-align: center;
}


.homePopupProduct h3:first-line{
    color: #008253;
}
.homePopupProduct h3 {
    margin: 0 0;
    font-size: 1rem;
    color: #60B345;
    margin-bottom: 5px;
    font-weight: 400;
    text-align: center;
    line-height: 1.4rem;
    height: 2.8rem;
    overflow: hidden;

}

.homePopupProduct .closePopup {
    position: absolute;
    right: 0px;
    top: 20px;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    color: rgb(0,141,93);
    background-color: #fff;
    display: table-cell;
    vertical-align: middle;
    z-index: 16;
    text-align: center;
    font-size: 36px;
    line-height: 74px;
    opacity: 1;

}


.homePopupProduct .cenovkaMini {
    position: absolute;
    right: 20px;
    top: 140px;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    color: #ffffff;
    background-color: #289548;
    display: table-cell;
    vertical-align: middle;
    z-index: 10;
    text-align: center;


    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008d5d+0,5cbb56+100 */
    background: rgb(0,141,93); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,141,93,1) 0%, rgba(92,187,86,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,141,93,1) 0%,rgba(92,187,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,141,93,1) 0%,rgba(92,187,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008d5d', endColorstr='#5cbb56',GradientType=0 ); /* IE6-9 */


}

.homePopupProduct .cenovkaMini .mcena {
    text-decoration: line-through;
    opacity: 0.45;
    font-size: 18px;
    margin-left: 0px;
    margin-top: 28px;
}

.homePopupProduct .cenovkaMini .mcenaAkcia {
    margin-left: 2px;
    margin-top: 4px;
    font-size: 22px;
    font-weight: 700;
}
.homePopupProduct .cenovkaMini .mcenaJednotkova {
    margin-left: 13px;
    margin-top: 2px;
    font-size: 14px;

}

.homePopup .modal-content {

    background-color: transparent!important;

}


@media (max-width: 991px) {

    .bannerMargin {
        margin-top: 60px!important
    }

    .navbar-collapse {

        overflow-y: scroll;
        padding-bottom: 200px;

    }

    .eapps-widget{
        overflow: hidden!important;
    }

    .main-menu.navbar {
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 11;
        padding-left: 0px;
        max-height: none;
        width: 100%;
        min-height: 60px;
    }

    .main-menu.navbar-collapse {
        position: absolute;
        left: 0px;
        top: 50px;
        width: 100%;
        background: #008253;
        /*box-shadow: 0 0 5px 5px #ebebeb inset;*/
    }

    .blog{
        text-align: center;

    }

    .box--object-fit h2 {
        font-size: 1.3rem!important;
        font-weight: 500;
        color: #000;
        padding: 14px 0!important;
    }

}


#popupmodal .modal-content{
    background-color: #fff;
    background-image: url(../images/popupbanner4.jpg);
    background-repeat: no-repeat;
    background-size: cover;

    background-position: top left;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #6C757D;
}


#popupmodal .modal-dialog{
    max-width: 780px;
}


#popupmodal .modal-title{
   color: #008253;
    font-size: 30px;

}

#popupmodal .modal-header,
#popupmodal .modal-footer
{
  border: 0;
    padding:20px 30px;

}

#popupmodal .modal-body{
    padding: 0 30px;

}
#popupmodal .modal-header{
    margin-left: 300px;
    background-color: rgba(255,255,255,0.9);
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}

#popupmodal .modal-body{
    margin-left: 300px;
    border-radius: 0;
    background-color: rgba(255,255,255,0.9);
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}


#popupmodal .modal-footer{
    padding: 0;
    height: auto;

}
#popupmodal  .modal-footer&gt;* {
    margin: 0;
}


@media (max-width: 576px) {

    #popupmodal .modal-dialog{
        max-width: 350px;
        margin: 0 auto;

    }

    #popupmodal .modal-footer{
        padding: 0;
        height: 180px;

    }

    #popupmodal .modal-content{
        background-image: url(../images/popupbanner3.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }

    #popupmodal .modal-header,
    #popupmodal .modal-body{
        margin-left: 0;
        background-color: rgba(255,255,255,1);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;

    }
}

/*@media (min-width: 992px){*/
/*    .navbar-expand-lg .navbar-collapse {*/
/*       display: initial;*/
/*    }*/
/*    .navbar-expand-lg .navbar-toggler {*/
/*        display: block!important;*/
/*    }*/
/*    .navbar-expand-lg .navbar-nav {*/
/*        -ms-flex-direction: column;*/
/*        flex-direction: column;*/
/*    }*/

/*}*/

/*@media (min-width: 1200px){*/
/*    .navbar-expand-lg .navbar-collapse {*/
/*        display: -ms-flexbox!important;*/
/*        display: flex!important;*/
/*        -ms-flex-preferred-size: auto;*/
/*        flex-basis: auto;*/
/*    }*/
/*    .navbar-expand-lg .navbar-toggler {*/
/*        display: none!important;*/
/*    }*/
/*    .navbar-expand-lg .navbar-nav {*/
/*        -ms-flex-direction: row;*/
/*        flex-direction: row;*/
/*    }*/

/*}*/

/********Lekarne mapa detail*******/

.obchod-detail .contact-data td, .obchod-detail .contact-data th {
    padding: 5px 0;
}

.obchod-detail .contact-data th {
    padding-right: 15px!important;
    font-weight: 400;
    white-space: nowrap;
}

.obchod-detail .contact-data td {
    border: none;
}
.obchod-detail .contact-data td, .obchod-detail .contact-data th {
    padding: 5px 0;
}

.obchod-detail .opening-hours {
    margin-bottom: 1em;
}
.opening-hours {
    border-collapse: collapse;
    width: 100%;
}

.opening-hours tr:nth-child(odd) th,
.opening-hours tr:nth-child(odd) td{
    background: #eff0f3;
}

.opening-hours th {
    font-weight: 400;
    text-align: left;
    padding-left: 15px;
}

.obchod-detail .opening-hours td {
    border: none;
}

.opening-hours td, .opening-hours th {
    padding: 10px;
}

.store-properties, .store-properties&gt;li {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.store-properties&gt;li.extended {
    background: #8ac15d;
}
.store-properties&gt;li.allday, .store-properties&gt;li.extended, .store-properties&gt;li.store-pickup {
    width: 152px;
    min-height: 30px;
    height: auto;
    padding: 3px 0;
    background: #58a618;
    color: #fff;
}

.store-properties&gt;li.allday strong, .store-properties&gt;li.extended strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 67px;
    font-size: 24px;
    line-height: 1;
    text-align: center;
}

.store-properties&gt;li.allday span, .store-properties&gt;li.extended span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83px;
    font-size: 12px;
}

/*.sMap .sCanvas {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*}*/

@media (min-width: 1100px){
    .obchod-detail .store-img-map .sMap {
        height: 480px;
    }
}

@media (min-width: 600px){
    .obchod-detail .store-img-map .sMap {
        height: 400px;
    }

    /*.sMap {*/
    /*    height: 250px;*/
    /*    position: relative;*/
    /*    background: #d0d4dc;*/
    /*    margin: 1.5em 0;*/
    /*}*/
}

@media (max-width: 600px){
    .livsane-img-text-around{
        max-width: 80%;
    }
    .livsane-img-sm{
        max-width: 60%;
    }
}

@media (max-width: 384px){
    .livsane-img-text-around{
        max-width: 100%;
    }

}


.tabCarousel {
    position: relative;
    width: 100%;
    padding-left: 0;
}

.tabCarousel .carousel-inner {
    position: relative;
    width: 100%;
}

.tabCarousel .carousel-tabs {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 5px;
    width: 100%;
    padding-left: 0!important;
}

.tabCarousel .carousel-tabs .tab {
    background-color: #f0f0f0; /* Change this to your preferred color */
    padding: 5px 10px 10px 10px;
    margin-top: 5px;
    flex: 1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 500;
    list-style-type: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.tab_white.tabCarousel .carousel-tabs .tab {
    background-color: #fff; /* Change this to your preferred color */
}

.tabCarousel .carousel-tabs .tab:last-child {
    margin-right: 0; /* Remove right margin from the last tab */
}

.tabCarousel .carousel-tabs .tab.active {
    position: relative;
    margin-top: 0;
    padding: 10px;
    font-weight: bold;
}


.tabCarousel .fa-chevron-right,
.tabCarousel .fa-chevron-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.tabCarousel .fa-chevron-right {
    right: -2.5rem;
}

.tabCarousel .fa-chevron-left {
    left: -2.5rem;
}

@media screen and (min-width: 1200px ) and (max-width: 1520px) {
    .tabCarousel .fa-chevron-right {
        right: 1rem;
    }

    .tabCarousel .fa-chevron-left {
        left: 1rem;
    }
}

@media screen and (max-width: 1199px) {

    .main-menu.navbar {
        max-height: 100px;
        padding-left: 200px;
    }

    .tabCarousel .fa-chevron-right {
        right: -1rem;
        z-index: 10;

    }

    .tabCarousel .fa-chevron-left {
        left: -1rem;
        z-index: 10;

    }

    .logo-holder {
        height: 120px;
    }

    .logo-holder img {
        height: 120px;
    }
}

@media screen and (max-width: 992px) {
    .logo-holder {
        height: 100px;
    }

    .logo-holder img {
        height: 100px;
    }
}

@media screen and (max-width: 768px) {

    .tabCarousel .fa-chevron-right {
        right: 1.5rem;
    }

    .tabCarousel .fa-chevron-left {
        left: 1.5rem;
    }

    .tabCarousel .carousel-tabs {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        margin-top: 0;
    }

    .tabCarousel .carousel-tabs .tab,
    .tabCarousel .carousel-tabs .tab.active {
        flex: unset;
        padding: 10px;
        width: 100%;
        border-radius: 0;
        margin-top: 0;
    }

    .tabCarousel .carousel-tabs .tab span{
        opacity: .6;
    }

    .tabCarousel .carousel-tabs .tab.active span {
        opacity: 1;
    }


}
</pre></body></html>