@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&display=swap");
.testimonial-quote{font-style:italic;}


.site-msg.information{
    background-color: #00E2CF!important;
    padding: 10px 5px!important;
    font-family: Barlow, -apple-system, Roboto, Helvetica, sans-serif !important;
}
.footer-bottom{background-color:black!important;}
.site-msg.information .text{color:black!important;  font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.7px;}
    @media (min-width: 301px) and (max-width: 470px) {
        .site-name {
            margin-bottom: 0px !important;
        }
    }
    @media (min-width: 1100px){
        .reference-block .slick-arrow::before{
            font-size:40px;
                }
                .reference-block .slick-arrow.slick-next{
                    right: -65px!important;
                    color: black!important;
                    background-color: unset!important;
                }
                .reference-block .slick-arrow.slick-prev{
                    left: -65px!important;
                    color: black!important;
                    background-color: unset!important;
                }
    }
    @media (min-width: 1566px) {
        .navigation-in ul.menu-level-2 {
        max-width: 1566px!important;
        left: 50%!important;
        transform: translate(-50%, 0)!important;
    }
    
    }
@media (min-width: 992px) {
    header#header .search{border-radius: 5px!important;}
    header#header .search #formSearchForm input{
        border-radius:5Px!important;
    }
    .rec-1-txt{
        line-height: 42px;
        padding-top: 12px;
    }
   
    .submenu-visible .navigation-in>ul>li.ext.exp>ul{border:unset!important;}
    .search .s-icon{display:none;}
    .search .c-icon{display:none;}

    .navigation-in ul.menu-level-2 a:hover{
        text-decoration: underline;
        color:black!important;
    }
    .navigation-in ul li.splitted:after{
        position:absolute;
        content:'|';
        right:-5px;
        color:#DADADA;
       
    }
   
    .navigation-in ul li{
        position: static!important;
  
    }
  
    ul.menu-level-1{
        display: flex;
                text-align: center;
                justify-content: center;
    }
    .menu-level-1 .splitted{
        display:inline-block!important;
    }
    .navigation-in{
        width:100vw!important;
    }
    .navigation-in ul li a b{font-weight:500!important;}
    .navigation-in ul.menu-level-2 li a{
        justify-content: flex-end;
        display: flex;
            align-items: center;
            gap: 10px;
            flex-direction: row-reverse;
            padding:5px!important;
            color:black!important;
    }
    .men-cat-img{max-height:60px;}
    header#header nav#navigation .navigation-in>ul>li>a {
        font-size: 16px !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #header .container {
        min-height: 50px;
        padding-top: 14px;
    }
    .appended-category{display:none;}
        #navigation {
            height: 50px!important;}
        .navigation-in ul li.splitted {
            padding-left:22px!important;
            padding-right:22px!important;
            visibility: visible!important;
        }  
        header#header .search #formSearchForm button::after{display:none;}
        .menu-helper{display:none!important;height:50px;}
        .navigation-buttons a {
            height: 50px;
            line-height: 50px;
            width: 50px;
        }
        #header .container {
            min-height: 50px;
        }
        .navigation-in ul.menu-level-2{
            top: calc(100% - 3px);
        }
    .exp .menu-level-2{  display:grid!important;}
    .menu-level-2 {
      
            grid-template-columns: repeat(5, minmax(0, 1fr));
            width:100vw!important;
        }
        header#header .navigation-buttons a[data-target=search]{display:none;}
        header#header .search{display:block;    background-color: rgba(255, 255, 255, 1);
            border: 1px solid rgba(127, 127, 127, 1);right:unset;position:relative;    width: 100vw;
            max-width: 700Px;
            margin-left: auto;
            margin-right: auto;}
            .submenu-visible .navigation-in ul li.splitted{display:block!important}
            header#header .search #formSearchForm input{height:32px;color:black;border-radius:0px;}
            header#header .search #formSearchForm .btn-arrow-right{
                background: url(/user/documents/upload/new-hp/lupa.svg) no-repeat 50% 50% !important;
    font-size: 0;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: unset;
            }
            header#header .search #formSearchForm button .sr-only{display:none;}
           
        }
        footer#footer{background-color:black;}
        .contact-section {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            line-height: 18px;
            align-self: stretch;
          }
          
          .contact-heading {
            font-weight: 600;
          color:white;
          font-size:16px!important;
            line-height: 27px;
            text-transform: uppercase;
            align-self: start;
            margin-bottom: 6px;
          }
          
          .contact-address {
            color: rgba(0, 226, 207, 1);
            font-style: normal;
            margin: 0;
            padding-left:0px!important;
          }
          
          .address-line {
            display: block;
            color: rgba(255, 255, 255, 1);
          }
          
          .map-link {
            display: block;
            color: inherit!important;
            text-decoration: underline;
            cursor: pointer;
          }
          
          .opening-hours {
            display: flex;
            padding-left:0px!important;
            margin-top: 13px;
                flex-direction: column;
            gap: 5px;
           font-weight:400;
            margin: 13px 0 0 0;
          }
          
          .hours-group {
          color:white;
              justify-content: space-between;
            margin: 0;
          display:flex;
          }
          
          .days,
          .times {
            margin: 0;
            line-height: 18px;
          }
          
          .contact-section {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            line-height: 18px;
            align-self: stretch;
          }
          
          .contact-heading {
            font-weight: 600;
          color:white;
            line-height: 27px;
            text-transform: uppercase;
            align-self: start;
            margin-bottom: 6px;
          }
          
          .contact-address {
            color: rgba(0, 226, 207, 1);
            font-style: normal;
            margin: 0;
            padding-left:0px!important;
          }
          
          .address-line {
            display: block;
            color: rgba(255, 255, 255, 1);
          }
          
          .map-link {
            display: block;
            color: inherit!important;
            text-decoration: underline;
            cursor: pointer;
          }
          
          .opening-hours {
            display: flex;
            margin-top: 13px;
                flex-direction: column;
            gap: 5px;
           
            margin: 13px 0 0 0;
          }
          
          .hours-group {
          color:white;
              justify-content: space-between;
            margin: 0;
          display:flex;
          }
          
          .days,
          .times {
            margin: 0;
            line-height: 18px;
          }
          
          @media (max-width: 991px) {
            #dkLabFavHeaderWrapper{display:none;}
            .div-d{display:none!important;}
            .logo-ref2{display:block!important;}
            .logo-ref{display:none;}
            header#header .navigation-buttons a[data-target=login]{display:none;}
            .navigation-in{height:unset!important;        background-color: black !important;}
            header#header nav#navigation .navigation-in>ul>li>a{color:white!important;}
            .navigation-in a{color:white!important;}
            .navigation-close{color:white!important;}
            .men-cat-img{display:none;}
            .opening-hours {
              margin-right: 6px;
            }
            .menu-mobile{
                order:1;
            }
          }
          
          @media only screen and (max-width: 499px) {
            .reference-block{
                margin-top: 50px;
                margin-bottom: -30px;
            }
            .loga-ref{
                margin-bottom: 50px;
    
            }
            .section-2{
                margin-top:-20px;
                margin-bottom: 50px;
            }
            .contact-email{
                display: flex!important;
    align-items: baseline;

    justify-content: center;
    gap: 5px;
            }
            .contact-email img{width:20px;}
            .contact-phone{
                display: flex!important;
    align-items: baseline;

    justify-content: center;
    gap: 5px;
            }
            .contact-phone img{width:20px;}
            ul.opening-hours {
                width: 45%;
            }
          .blocker{padding-top:20px!important;padding:0px!important;}
          #ex3{padding:0px!important;        margin-top: 20px!important;
           max-width: 95% !important;}
          }
          @media only screen and (min-width: 500px) {
          
            .footer-divider2{
                display:none;
            }
            .contact-email{
                display: flex!important;
    align-items: baseline;

    
    gap: 5px;
            }
            .contact-email img{width:15px;}
            .contact-phone{
                display: flex!important;
    align-items: baseline;


    gap: 5px;
            }
            .contact-phone img{width:15px;}
           #ex3 .close-modal{top: -25px!important;
              right: -25px!important;
              display: block;
              width: 64px!important;
              height: 64px!important;}
           #ex3 {margin:20px;}
          }
          .blocker{z-index:9999!important;}
          #ex3 img {width: 100%;}
             #ex3 {max-width: 90%!important;z-index:9999!important;}
          @media only screen and (max-width: 499px) {
          .blocker{padding-top:20px!important;padding:0px!important;}
          #ex3{padding:0px!important;        margin-top: 20px!important;
           max-width: 95% !important;}
          }
          @media only screen and (min-width: 500px) {
           #ex3 .close-modal{top: -25px!important;
              right: -25px!important;
              display: block;
              width: 64px!important;
              height: 64px!important;}
           #ex3 {margin:20px;}
          }
          .blocker{z-index:9999!important;}
          #ex3 img {width: 100%;}
             #ex3 {max-width: 90%!important;z-index:9999!important;}
             .info-list {
                list-style: none;
                padding: 0;
                margin: 0;
                width: 100%;
                padding-left:0px!important;
              }
              
              .info-item {
                margin-top: 7px;
              }
              
              .info-item:first-of-type {
                margin-top: 4px;
              }
              
              .info-link {
          
                text-decoration: none;
                display: block;
                width: 100%;
                color:white!important;
              }
            
              /* Ensure links show proper interaction states */
              .info-link:hover,
              .info-link:focus {
                text-decoration: underline;
              }
              #zjs-vice{color:white;}
              #zjs-vice:hover{color:#00E2CF!important;}
              #zjs-vice svg{
                fill:white;
              }
              #zjs-vice:hover svg{
                fill:#00E2CF!important;
              }
              #zjs-vice{
                display: flex;
                    align-items: baseline;
                    gap: 15px;
            }
              @media (min-width: 1200px) {
                .container.navigation-wrapper .site-name{
                    flex-basis: 240px!important;
                    margin-left: 60px !important;
                }
                footer#footer .custom-footer>div{width:20%!important}
                section#foot-mn{
                    padding-left: 5vw;
                }
              }     
              @media (min-width:992px) and (max-width: 1199px) {
                header#header .site-name {
                    flex-basis: 210px!important;
                }
              }   
              @media (max-width: 1199px) {
                footer#footer .custom-footer>div{width:20%!important}
              }
              .contact-email,.contact-phone {
                color: #00e2cf!important;
              }
              footer#footer .custom-footer>div:nth-child(-n+2){margin-top:0px!important;}
              footer#footer .custom-footer>div:not(:nth-child(-n+3)){display:block!important;}
              footer#footer .custom-footer{align-items: unset!important;}
              footer .container{width:100%!important;}
              .footer-header{
                display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
              }
              .social-text{
                margin-right: 40px;
                color: white!important;
               
                line-height: 27px;
                font-style: italic;
                font-weight: 400!important;
                font-size: 18px;
              }
              .social-ns{
                display: flex;
                    gap: 20px;
              }
              .social-r{display:flex;align-items: center;}


              .categories {
                display: flex;
                flex-direction: column;
                align-items: stretch;
              }
              
              .categories__title {
                color: #000000;
                font-size: 48px;
                font-family:
                  Barlow,
                  -apple-system,
                  Roboto,
                  Helvetica,
                  sans-serif;
                font-weight: 700;
                text-align: center;
                align-self: center;
              }
              
              .categories__grid {
                margin-top: 0px;
                width: 100%;
                gap: 20px;
                display: flex;
              }
              
              .category-card {
                display: flex;
                flex-direction: column;
                align-items: stretch;
                line-height: normal;
                width: 25%;
              }
              
              .category-card__content {
                flex-grow: 1;
                overflow: hidden;
                font-family:
                  Barlow,
                  -apple-system,
                  Roboto,
                  Helvetica,
                  sans-serif;
                font-size: 20px;
                color: #010101;
                font-weight: 400;
                letter-spacing: 0.4px;
                line-height: 1.4;
              }
              
              .category-card__image {
             
                aspect-ratio: 1.37;
                object-fit: cover;
                object-position: center;
                width: 100%;
              }
              
              .category-card__label {
                background-color: rgba(0, 0, 0, 1);
                padding: 13px 22px!important;
                color: white!important;
                font-weight: 400!important;
                margin: 0;
                display: flex!important;
    align-items: center;
              }
              #cat-lab:hover{   color: #00e2cf!important;}
              .category-card__label .svg-cat{
                fill:white;
              }
              .category-card__label:hover{
                color: #00e2cf!important;
                background-color: rgba(0, 0, 0, 1)!important;
              }
              .category-card__label:hover .svg-cat{
fill:#00E2CF!important;
              }
              @media (min-width: 500px) and (max-width: 991px){
              
                .category-card{
                    width: 50%;
                    float: left;
                    padding:10px;
                }
                .categories__grid{display:block;}
              }
              @media (max-width: 500px){
                
section .categories{display:none;}
              }
             .swiper22 .swiper-button-next:after,.swiper22 .swiper-button-prev:after{color:black;}
             @media (min-width: 992px) {
                dd.times{margin-right:10px;}
                #cnt-1 a:first-of-type{
                    margin-top:4px;
                }
                #cnt-1 a{
                    margin-top: 7px;
                }
                footer#footer{
                    padding: 40px!important;
                }
                header#header nav#navigation .navigation-in>ul>li>a.active::after, header#header nav#navigation .navigation-in>ul>li>a:hover::after {background-color:black!important;}}
                header#header nav#navigation .navigation-in>ul>li>a.active, header#header nav#navigation .navigation-in>ul>li>a:hover{color:black!important;}
              @media (min-width: 992px) and (max-width: 1199px){
                section#foot-mn{padding-left: 3vw;}
                .testimonial-quote{
                    margin: 25px 0 0!important;
                }
                .testimonial-content{
                    padding: 10px 30px!important;
                }
                .testimonial-link{
                    margin-top:10px!important;
                    margin-bottom:10px!important;
                }
                .reference-photo{    object-fit: cover!important;}
                .section-2-items-inner{padding:5px!important;}
                .section-2-items{margin-top:43px!important;}
                .section-2{padding:20px!important;}
                .hero-content{
                    padding:30px!important;
        
                }
                footer#footer .custom-footer>div{padding-left:5px!important;padding-right:5px!important;}
                footer#footer .custom-footer{padding:10px;}
                .section-2{        padding: 45px 0px !important;}
            }
            @media (min-width: 768px) and (max-width: 991px){
                .section-2-items-inner{padding:5px!important;}
                .section-2-items{margin-top:43px!important;}
                .section-2{padding:0px!important;}
                .section-2-item{padding:10px!important;}
                .section-2-item-inner{gap:10px!important;}
                footer#footer .custom-footer>div{width:33.33%!important;}
                .footer-header{
                    display: flex;

    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

                }
              
            }
            @media (min-width: 1440px){
                .kontakt-karta img{height:102px;}
                .logo-ref-d img{
                    height:120px!important;
                }
                header#header .search{        max-width: 800Px!important;}
                .categories{
                    margin-top: 50px;
                    margin-bottom: 50px;
                }
                .reference-block{
                    margin-top: 50px;
    padding-bottom: 50px;
                }
                .rec-sekce {
                    margin-bottom: 100px!important;
                }
                .reference-block{width:1250px!important;}
                .categories__grid{width:1250px!important;}
                .loga-ref{width:1250px!important;max-width:100%!important;}
            .hero-content{
                background-repeat: no-repeat;
                padding: 130px 80px!important;
                background-size: cover;
            }
            .opening-hours{
                width: 65%;
            }
            }
            @media (min-width: 1300px) and (max-width: 1439px){
                .logo-ref-d img{
                    height:110px!important;
                }
                .reference-block{width:1180px!important;}
                .categories__grid{width:1180px!important;}
                .loga-ref{width:1180px!important;max-width:100%!important;}

            }
            @media (min-width: 1200px) and (max-width: 1299px){
                .logo-ref-d img{
                    height:105px!important;
                }
                .reference-block{width:1070px!important;}
                .categories__grid{width:1070px!important;}
                .loga-ref{width:1070px!important;max-width:100%!important;}
                .testimonial-link{
                    margin-top:20px!important;
                }
            }
            @media (min-width: 1100px) and (max-width: 1199px){
                .reference-block{width:970px!important;}
                .categories__grid{width:970px!important;}
                .loga-ref{width:970px!important;max-width:100%!important;}

                .testimonial-link{
                    margin-top:20px!important;
                }
                
            }
            @media (min-width: 992px) and (max-width: 1099px){
                .loga-ref{max-width:90%!important;}
            }
            @media (min-width: 500px) and (max-width: 991px){
            
                .social-r{
                    width: 100%;
                    justify-content: center;
                }
                .hero-content{
                    padding:30px!important;

        
                }
                .hero-left-column iframe{height:370px!important;}
                .hero-right-column iframe{height:370px!important;}

                .hero-columns{display:block!important;    max-width: 600px;
                    margin-left: auto;
                    margin-right: auto;}
                .hero-left-column{width:100%!important;}
                .hero-right-column{width:100%!important;margin-left:0px!important;}
            }
            @media (min-width: 500px) and (max-width: 767px){
                footer#footer .custom-footer>div{width:50%!important;}
                .footer-header{
                    display: flex;

    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
                } 
                .social-text{margin-right:20px;}
            }
            @media (max-width: 499px){

                .brand-title2{
                    width:100%;
                }
                .brand-section2{
                    padding: 54px 20px!important;
                }
                .learn-more2{
                    display:none;
                }
                #learn-more2{
                    display:flex!important;
                    margin-top: 25px;
                    justify-content: center;
                }
                .description-text2{
                    margin-top:0px!important;
                }
                .divider2{
                    display:none;
                }
                .section-2-items-inner{width:100%!important;}
                .contact-heading{
                    display: flex;
                        align-items: center;
                        align-self: auto;
                        margin-top:10px;
                }
                .social-text{   margin-right:0px;  font-size: 18px;
                    letter-spacing: 0.45px;        font-weight: 400;}
                .social-r{display:block;}
                .footer-header{display:block;}
                .categories{display:none;}
                .social-ns{justify-content: center;}
                footer#footer .custom-footer>div{width:100%!important;}
                #footer .custom-footer>div:not(.otevreno) ul {
                    display: none;
                }
               .otevreno h3::after {
                    content: "";
                    width: 16px;
                    height: 16px;
                    display: inline-block;
                    margin-left: auto;
                    background-image: url(/user/documents/upload/new-hp/up.svg)!important;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    vertical-align: middle;
                    transition: allease 300ms;
                }
                #footer .custom-footer>div h3::after {
                    content: "";
                    width: 16px;
                    height: 16px;
                    display: inline-block;
                    margin-left: auto;
                    background-image: url(/user/documents/upload/new-hp/down.svg);
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    vertical-align: middle;
                    transition: allease 300ms;
                }
                #cnt-1 h3:after{
display:none!important;
                }
                #cnt-1 h3{
                    display: block!important;
                    text-align: center;
                    font-size: 35px!important;
                    font-weight: 700;
                }
                .custom-footer>div{padding-bottom:0px!important}
                #cnt-1 a{
                    font-size: 22px;
                    margin-top: 12px;
                    text-align: center;
                }
                .hero-content{
                    padding:20px!important;
                    background-image:unset;
                    background-color:black;
                }
                .hero-left-column iframe{height:270px!important;}

                .hero-right-column iframe{height:270px!important;}
                .hero-columns{display:block!important;}
                .hero-left-column{width:100%!important;}
                .hero-right-column{width:100%!important;margin-left:0px!important;}
                .footer-divider{    width: 80%;
                    opacity: 0.9;}
            }


            @media (max-width: 767px){
                .in-index .body-banners{display:block!important;}
                .reference-block{display:block!important}
                .section-2-items-inner{padding:5px!important;}
                .section-2-items{margin-top:33px!important;}
                .section-2{padding:0px!important;}
                .section-2-item{padding:5px!important;}
                .section-2-item-inner{display:block!important;text-align: center!important;}
                .why-choose-us{font-size:30px!important;margin-top: 20px !important;}
                .reference-title{font-size:30px!important;}
                .section-2-item-img img{max-height:60px!important;max-width:70px!important;}
                .section-2-item-img{display:block!important;width:100%!important;
                    margin-bottom: 20px!important;}
                    .section-2-item-txt{   margin-left:0px!important; width: 100%!important;}
                    .section-2-item-txt-sub{margin-top:10px!important;}
            }
            header#header .navigation-buttons a[data-target=login]{
                background-image: url(/user/documents/upload/new-hp/login.svg)!important;
            }
            header#header .navigation-buttons a[data-target=cart]{
                background-image: url(/user/documents/upload/new-hp/kosik.svg)!important;
            }
            @media (min-width: 992px){
                #hp-logo1{
    background-image: url(/user/documents/upload/new-hp/loga/logo1a.png?v=2);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 110px;
                }
                #hp-logo1 img{display:none;}
                #hp-logo1:hover{
                    background-image: url(/user/documents/upload/new-hp/loga/logo1b.png?v=2);

                }
                #hp-logo2{
                    background-image: url(/user/documents/upload/new-hp/loga/logo2a.png?v=2);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: contain;
                    height: 100px;
                                }
                                #hp-logo2 img{display:none;}
                                #hp-logo2:hover{
                                    background-image: url(/user/documents/upload/new-hp/loga/logo2b.png?v=2);
                
                                }
                                #hp-logo3{
                                    background-image: url(/user/documents/upload/new-hp/loga/logo3a.png?v=2);
                                    background-position: center;
                                    background-repeat: no-repeat;
                                    background-size: contain;
                                    height: 80px;
                                    margin-top: auto;
                                    margin-bottom: auto;
                                                }
                                                #hp-logo3 img{display:none;}
                                                #hp-logo3:hover{
                                                    background-image: url(/user/documents/upload/new-hp/loga/logo3b.png?v=2);
                                
                                                }
                                                #hp-logo4{
                                                    background-image: url(/user/documents/upload/new-hp/loga/logo4a.png?v=2);
                                                    background-position: center;
                                                    background-repeat: no-repeat;
                                                    background-size: contain;
                                                    height: 110px;
                                                                }
                                                                #hp-logo4 img{display:none;}
                                                                #hp-logo4:hover{
                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo4b.png?v=2);
                                                
                                                                }
                                                                #hp-logo5{
                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo5a.png?v=2);
                                                                    background-position: center;
                                                                    background-repeat: no-repeat;
                                                                    background-size: contain;
                                                                    height: 100px;
                                                                                }
                                                                                #hp-logo5 img{display:none;}
                                                                                #hp-logo5:hover{
                                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo5b.png?v=2);
                                                                
                                                                                }
                                                                                #hp-logo6{
                                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo6a.png?v=2);
                                                                                    background-position: center;
                                                                                    background-repeat: no-repeat;
                                                                                    background-size: contain;
                                                                                    height: 100px;
                                                                                                }
                                                                                                #hp-logo6 img{display:none;}
                                                                                                #hp-logo6:hover{
                                                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo6b.png?v=2);
                                                                                
                                                                                                }
                                                                                                #hp-logo7{
                                                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo7a.png?v=2);
                                                                                                    background-position: center;
                                                                                                    background-repeat: no-repeat;
                                                                                                    background-size: contain;
                                                                                                    height: 110px;
                                                                                                                }
                                                                                                                #hp-logo7 img{display:none;}
                                                                                                                #hp-logo7:hover{
                                                                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo7b.png?v=2);
                                                                                                
                                                                                                                }
                                                                                                                #hp-logo8{
                                                                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo8a.png?v=2);
                                                                                                                    background-position: center;
                                                                                                                    background-repeat: no-repeat;
                                                                                                                    background-size: contain;
                                                                                                                    height: 110px;
                                                                                                                                }
                                                                                                                                #hp-logo8 img{display:none;}
                                                                                                                                #hp-logo8:hover{
                                                                                                                                    background-image: url(/user/documents/upload/new-hp/loga/logo8b.png?v=2);
                                                                                                                
                                                                                                                                }
                #vid-fot2{display:none;}
            .reference-wrapper{width:80%;margin-left:auto;margin-right: auto;}
            }
            .loga-ref{
                margin-top:40px;
                display:grid;
                grid-template-columns: repeat(8, minmax(0, 1fr));
                max-width: 80%;
                margin-left: auto;
                margin-right: auto;
            }
            .logo-ref2{display:none;}
            .otevreno ul {display:block!important;}
            .logo-ref-d{text-align:center;}
            .logo-ref-d img {
                height: 100px;
                object-fit: contain;
            }
        @media (min-width: 600px) and (max-width: 991px){
            .loga-ref{
            max-width: 100%;
            }
            .logo-ref-d img {
                height: 75px;
                object-fit: contain;
            }
        }
        @media (max-width: 599px){
            .logo-ref-d img{
                height: 70px!important;
            }
        .logo-ref-d{margin:5px;display: flex;
                    justify-content: center;}
        .loga-ref {
            max-width: 90%!important;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    .description-text2 a{text-decoration: underline;}
    .description-text2 a:hover{text-decoration: unset!important;}

    .rec-sekce{margin-bottom:50px;}
    .ani-action-button{
        position: absolute!important;
        color: #ffffff!important;
font-size: 23px;
font-weight: 400;
line-height: 1;
align-self: center;
background: none;

bottom: -45px;
border: none;
cursor: pointer;
width: 100%;
text-align: center;
    }
    #ani:hover{
        color:#00E2CF!important;
    }
    .ani-action-button svg{
        fill:white;
    }
    #ani:hover svg{
        fill:#00E2CF!important;
    }
    @media (min-width: 992px) and (max-width: 1199px){
        .categories{
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .reference-block{
            margin-top: 30px;
padding-bottom: 30px;
        }
        .rec-sekce {
            margin-bottom: 80px!important;
        }
    }
    @media (min-width: 1200px) and (max-width: 1439px){
        .categories{
            margin-top: 40px;
            margin-bottom: 40px;
        }
        .reference-block{
            margin-top: 40px;
padding-bottom: 40px;
        }
        .rec-sekce {
            margin-bottom: 90px!important;
        }
        .rec-1{
            left: 50%!important;
            transform: translate(-50%, 0)!important;
            top: -60px!important;
        }
        .ani-action-button{
            position: absolute!important;
    color: #ffffff!important;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    align-self: center;
    background: none;

    bottom: -45px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
        }
        .ani-action-button svg{
            fill:white;
        }
        #ani:hover{
            color:#00E2CF!important;
        }
        .ani-action-button:hover svg{
            fill:#00E2CF!important;
        }
        .rec-2{
            left: 50%!important;
            transform: translate(-50%, 0)!important;
            top: 570px!important;
        }
        .rec-3{
            left: 50%!important;
    transform: translate(-50%, 0)!important;
    top: 1130px!important;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px){
        header#header .search{max-width:500px!important;}
   .ani-action-button{
    position: absolute!important;
    color: #ffffff!important;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    align-self: center;
    background: none;
    bottom: -45px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
        }
        .ani-action-button svg{
            fill:white;
        }
        #ani .ani-action-button:hover{
            color:#00E2CF!important;
        }
        #ani .ani-action-button:hover svg{
            fill:#00E2CF!important;
        }
    .rec-1{
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        top: 0px !important;
        width: 100%!important;
        height:406px!important;
    }
    .rec-1-cislo{
        font-size: 300PX!important;
        left: 150px!important;

        top:-1px!important;
    }
    .rec-1-obrazek1{
        height: 384px !important;
        left: 254px !important;
        top: 32px !important;
        width: auto !important;
    }
    .rec-1-obrazek2{
        height: 384px !important;
        left: 374px !important;
        top: 32px !important;
        width: auto !important;
     
    }
    .rec-1-txt{
        top: 110px !important;
        left: 556px !important;
        width: 325px!important;
        padding-left: 30px!important;
    }
    .rec-2{
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        top: 380px !important;
        width: 100%!important;

    }
  
    .rec-2-txt{
        font-size: 210px!important;
        left: 360px!important;
        top: 32px!important;
    }
    .rec-2-plus{
        left: 234px!important;
        line-height: 250px!important;
        left: 234px!important;
        top:70px!important;
        font-size: 210px!important;
    }
    .rec-2-text-bg{
        height: 141px!important;
    left: 144px!important;
        top: 352px!important;
        width: 405px!important;
    }
    .rec-2-logo1{
        height: 205px!important;
        left: 690px!important;
        top: 94px!important;
        width: 202px!important;
    }
    .rec-2-logo2{
        height: 168px!important;
        left: 594px!important;
 
        top: 321px!important;
        width: 168px!important;
    }
    .rec-2-logo3{
        height: 224px!important;
        left: 50px!important;

        top: 163px!important;
        width: 191px!important;
    }
    .rec-3{
        left: 50% !important;
        transform: translate(-50%, 0) !important;
        top: 975px !important;
        width: 100%!important;
        height: 405px!important;
    }
    .rec-3-plus{
        left: 196px!important;
        font-size: 210px!important;
        line-height: 210px!important;
    }
    .rec-3-txt-h{
        left: 298px!important;
        line-height: 210px!important;
    font-size: 210px!important;
    }
    .rec-3-bg{
        top: 226px!important;
        width: 497px!important;
        height: 141px!important;
        left: 341px!important;
    }
    .mapka-wo7yVq {
        height: 150px !important;
        left: 0px !important;
        top: 115px !important;
        transform: rotate(13.00deg) !important;
        width: auto !important;
    }
    .mapka-img {
        height: 209px !important;
        left: -24px !important;
        top: -48px !important;
        transform: rotate(-13.00deg) !important;
        width: 408px !important;
    }
    }
 
    @media (min-width: 767px) and (max-width:991px){
    
        .rec-1{
            left: 40% !important;
            transform: translate(-50%, 0) !important;
            top: 0px !important;
            width: 100%!important;
        }
        .rec-1-cislo{
            font-size: 300PX!important;
            left: 130px !important;
            top: -32px !important;
        }
        .rec-1-obrazek1{
            height: 304px !important;
    left: 234px !important;
    top: 32px !important;
            width: auto !important;
        }
        .rec-1-obrazek2{
            height: 304px !important;
            left: 334px !important;
            top: 32px !important;
            width: auto !important;
        }
        .rec-1-txt{
            font-size: 22px!important;
            height: 130px!important;
            width: 305px !important;
            left: 456px !important;
font-style: normal;
            top: 110px !important;
            left: 426px !important;
          
            padding-left: 50px!important;
        }
        .rec-1-txt span{
            font-style: normal;
            font-size: 22px!important;
        }
        .rec-2{
            left: 35% !important;
            transform: translate(-50%, 0) !important;
            top: 280px !important;
            width: 100%!important;

        }
        .rec-2-txt{
            font-size: 140px !important;
            left: 420px !important;
            top: 32px!important;
        }
        .rec-2-plus{
            font-size: 140px !important;
            left: 354px !important;
            line-height: 250px!important;
            left: 234px!important;
            top:70px!important;
         
        }
        .rec-2-text-bg{
            width: 305px !important;
            left: 264px !important;
            height: 111px !important;
            top: 282px !important;
        }
        .rec-2-logo1{
           
            top: 94px!important;
            height: 155px !important;
            left: 630px !important;
            width: 155px !important;
        }
        .rec-2-logo2{
            left: 594px!important;
     
            width: 135px !important;
            height: 135px !important;
            top: 271px !important;
        }
        .rec-2-logo3{
            width: 175px !important;
            height: 175px !important;
            left: 170px !important;
    
            top: 163px!important;
      
        }
        .rec-2-text-p{
            font-size: 22px !important;
            line-height: 22Px !important;
            padding-top: 30px !important;
        }
        .rec-2-text-p span{
            font-size: 22px !important;

        }
        .rec-3{
            left: 38% !important;
            transform: translate(-50%, 0) !important;
            top: 705px !important;
            width: 100%!important;

        }
        .rec-3-plus{
            font-size: 140px !important;
            left: 226px !important;
            line-height: 210px!important;
        }
        .rec-3-txt-h{
            left: 298px!important;
            line-height: 210px!important;
            font-size: 140px !important;
        }
        .rec-3-bg{
            top: 226px!important;
            width: 417px !important;
            height: 100px !important;
            left: 371px !important;
        }
        .rec-3-dl-text{
            font-size: 22px !important;
        }
        .rec-3-dl-text span{
            font-size: 22px !important;
        }
        .mapka-wo7yVq {
            height: 150px!important;
            left: 94px !important;
            top: 135px !important;
            transform: rotate(13.00deg)!important;
            width:auto!important;
        }
        
        .mapka-img {
            width: 268px !important;
    height: 159px !important;
            left: -24px!important;
           
            top: -48px!important;
            transform: rotate(-13.00deg)!important;
          
        }
        }
        @media (max-width:766px){


            .rec-1{
            left: 55% !important;
            transform: translate(-50%, 0) !important;
            top: 0px !important;
        }
        .rec-1-cislo{
            font-size: 300PX!important;
            left: 130px !important;
            top: -32px !important;
        }
        .rec-1-obrazek1{
            height: 304px !important;
    left: 234px !important;
    top: 32px !important;
            width: auto !important;
        }
        .rec-1-obrazek2{
            height: 304px !important;
            left: 334px !important;
            top: 32px !important;
            width: auto !important;
        }
        .rec-1-txt{
            font-size: 22px;
            height: 130px!important;
            width: 275px !important;
            left: 476px !important;

            top: 110px !important;
            left: 426px !important;
          
            padding-left: 30px!important;
        }
        .rec-2{
            left: 50% !important;
            transform: translate(-50%, 0) !important;
            top: 280px !important;
        }
        .rec-2-txt{
            font-size: 140px !important;
            left: 420px !important;
            top: 32px!important;
        }
        .rec-2-plus{
            font-size: 140px !important;
            left: 354px !important;
            line-height: 250px!important;
            left: 234px!important;
            top:70px!important;
         
        }
        .rec-2-text-bg{
            width: 305px !important;
            left: 264px !important;
            height: 111px !important;
            top: 282px !important;
        }
        .rec-2-logo1{
           
            top: 94px!important;
            height: 155px !important;
            left: 630px !important;
            width: 155px !important;
        }
        .rec-2-logo2{
            left: 594px!important;
     
            width: 135px !important;
            height: 135px !important;
            top: 271px !important;
        }
        .rec-2-logo3{
            width: 175px !important;
            height: 175px !important;
            left: 170px !important;
    
            top: 163px!important;
      
        }
        .rec-2-text-p{
            font-size: 22px !important;
            line-height: 22Px !important;
            padding-top: 30px !important;
        }
        .rec-2-text-p span{
            font-size: 22px !important;

        }
        .rec-3{
            left: 50% !important;
            transform: translate(-50%, 0) !important;
            top: 705px !important;
        }
        .rec-3-plus{
            font-size: 140px !important;
            left: 226px !important;
            line-height: 210px!important;
        }
        .rec-3-txt-h{
            left: 298px!important;
            line-height: 210px!important;
            font-size: 140px !important;
        }
        .rec-3-bg{
            top: 226px!important;
            width: 417px !important;
            height: 100px !important;
            left: 371px !important;
        }
        .rec-3-dl-text{
            font-size: 22px !important;
        }
        .rec-3-dl-text span{
            font-size: 22px !important;
        }
        .mapka-wo7yVq {
            height: 150px!important;
            left: 94px !important;
            top: 135px !important;
            transform: rotate(13.00deg)!important;
            width:auto!important;
        }
        
        .mapka-img {
            width: 268px !important;
    height: 159px !important;
            left: -24px!important;
           
            top: -48px!important;
            transform: rotate(-13.00deg)!important;
          
        }
        }

    @media (min-width: 992px){
     
        ul.menu-level-2{background-color:white!important;    padding-top: 12px;
            padding-bottom: 12px;}
        #learn-more2{display:none;}
        .reference-block{
            width:90%;
            margin-left:auto;
            margin-right:auto;

        }
        .testimonial{
            width:50%!important;
        }
        .reference-image{
            width:50%!important;
        }
        .testimonial-quote{
            margin: 30px 0 0!important;
        }
    }
    @media (min-width: 768px) {
        .kontakt-karta{
            width:50%;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .search-window-visible header#header .container {
position: relative!important;
        }
    }
    @media (min-width: 500px) and (max-width: 991px){
        .section-2-inner{
            margin-top: 45px;
        }
        header#header .search{
            left: 10px;
            margin-top: 5px;
            width: 80%;
        }
        #learn-more2{display:none;}
        .reference-block{
            width:100%!important;
        }
        .reference-grid{
            flex-direction: column-reverse!important;
        }
        .testimonial-quote{
            margin-top:10px!important;
        }
        .testimonial-link{
            margin-top:15px!important;
        }
    }
    @media (max-width: 499px){
        .loga-ref{margin-top:0px!important;}
        header#header .search{
            left: 0px;
            margin-top: 5px;
            width: 70%;
        }
        header#header{
            padding-bottom: 7px;
        }
        .reference-block{
            width: 94%!important;
            margin-left: auto!important;
            margin-right: auto!important;
        }
        .reference-grid{
            flex-direction: column-reverse!important;
        }
        .testimonial-quote{
            margin-top:10px!important;
        }
        .reference-block .slick-arrow.slick-next{
            right: -15px!important;
            height: 40px!important;
            width:40px!important;
        }
        .reference-block  .slick-arrow.slick-prev{
            left: -15px!important;
            height: 40px!important;
            width:40px!important;
        }
        .testimonial{
            width: 94%!important;
            margin-left: auto!important;
            margin-right: auto!important;
        }
        .reference-image{
            width: 94%!important;
            margin-left: auto!important;
            margin-right: auto!important; 
        }
        .testimonial-link{
            margin-top:15px!important;
        }
    }
    .rec-sekce2{display:none;}
    @media (max-width: 766px){
        .rec-sekce{
            display:none;
        }
        .rec-sekce2{
            display:block!important;
        }
    }

    .hb-cta{
        border-radius: 0px 8px 0px 8px;
        background-color: rgb(0, 0, 0);
        margin: auto 0;
        padding: 6px 20px;
        font-size: 14px;
        color: rgb(255, 255, 255);
        font-weight: 500;
        letter-spacing: 0.24px;
    }
    .hb-cta:hover{
        opacity:0.88;
    }
    .category-card__content .img-link{
        padding-bottom: 0px !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
        display:block!important;
    }
    @media (min-width: 1200px){
    .navigation-buttons{
        right:25px!important;
    }
}
.contact-address .address-line{
margin-top:4px;
}
.contact-address .map-link{
    margin-top:4px; 
}
.social-ns a:hover{opacity:0.88;}
header#header .navigation-buttons a[data-target=search]{
    background-image: url(/user/documents/upload/new-hp/lupa.svg)!important;
}
.id-1 .carousel-indicators{display:none;}



.cls .kontakt-karta:after {
    background-color: red;
}
.otv .kontakt-karta:after {
    background-color: #78c217;
}

.kontakt-karta::after {
    content: "";
    position: absolute;
    top: -4px;
    right: 0px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: block;
   
}
.kontakt-karta{
    position:relative;
    padding: 4px;
}
.kontakt-karticky{
    display:flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.kontakt-karta img{
    background-color: #f0ece8;
    border-radius: 4px;
    margin-bottom: 4px;
}
.kontakt-karta span{
    color: white;
}
@media (max-width: 500px){
    .kontakt-karta {
       
        display: flex;
        flex-direction: column;
    }
    .kontakt-karta img {

        height: 80px;
    }
  
    .kontakt-karticky{
        margin-top:10px;
    }
}

@media (min-width: 500px) and (max-width: 991px){
    .kontakt-karticky{
        justify-content: flex-start!important;
    }
}



















.brand-section2 {
    background-color: rgb(242, 242, 242);
    display: flex;
    width: 100%;
    padding: 74px 80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .brand-container2 {
    width: 100%;
    max-width: 1201px;
  }
  
  .brand-header2 {
    display: flex;
    margin-right: 28px;
    width: 100%;
    max-width: 1173px;
    align-items: stretch;
    gap: 20px;
    font-family:
      Barlow,
      -apple-system,
      Roboto,
      Helvetica,
      sans-serif;
    color: rgb(0, 0, 0);
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .brand-title2 {
    font-size: 38px;
    font-weight: 700;
    text-align: center;
    margin: 0;
  }
  
  .learn-more2 {
    margin: auto 0;
    overflow: hidden;
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    gap:10px;
  }
  .learn-more2 svg{
    fill:black;
  }
  .learn-more2:hover{
    color:#00E2CF!important;
  }
  .learn-more2:hover svg{
    fill:#00E2CF!important;
  }
  .divider2 {
    border: 0;
    border-top: 1px solid rgb(218, 218, 218);
    margin: 31px 0 0;
    width: 100%;
  }
  
  .content-wrapper2 {
    margin-top: 29px;
  }
  
  .content-columns2 {
    gap: 20px;
    display: flex;
  }
  
  .content-column2 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    line-height: normal;
    width: 50%;
    text-align: justify;
  }
  
  .content-column2:last-child {
    margin-left: 20px;
  }
  
  .description-text2 {
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-family:
      Barlow,
      -apple-system,
      Roboto,
      Helvetica,
      sans-serif;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
  }
  
  @media (max-width: 991px) {
   
    #navigation .header-phone {
        display: flex;
                padding: 0px 10px 0 54px;
                margin-top: 10px;
                flex-direction: column;
                background-image: url(/user/documents/upload/new-hp/mob-jindriska.png);
                background-size: 40px;
                background-position: 6px center;
                background-repeat: no-repeat;
                line-height: 1;
    }
    #navigation .header-phone a {
        color: #00E2CF!important;
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: 1px;
        font-weight: 600;
    }
    #navigation .header-phone a:hover{
        text-decoration: underline;
        color:white!important;
    }
    #navigation .header-phone span {
        font-weight: 400;
        font-size: 13px;
        color: white;
        width: 100%;
        display: inline-block;
    }
    .search-whisperer{
        top: 45Px;
        width:90%!important;
    }
    .brand-section2 {
      max-width: 100%;
      padding: 74px 20px;
    }
  
    .brand-container2 {
      max-width: 100%;
    }
  
    .brand-header2 {
      max-width: 100%;
      margin-right: 10px;
    }
  
    .content-wrapper2 {
      max-width: 100%;
    }
  
    .content-columns2 {
      flex-direction: column;
      align-items: stretch;
      gap: 0;
    }
  
    .content-column2 {
      width: 100%;
    }
  
    .content-column2:last-child {
      margin-left: 0;
    }
  
    .description-text2 {
      max-width: 100%;
      margin-top: 40px;
    }
  }
  .div-d{
    border: 0.7px #DADADA solid;
    height: 16px;
  }
  .div-d:last-of-type{
    display:none;
  }
  .hb-cta:hover{
    color:white!important;
    opacity:0.88!important;
  }
  .footer-divider2{display:none;}
  @media (max-width: 991px) {
    #vid-fot1{display:none;}
    #vid-fot2{display:block;width:100%;}
    .hero-title2{
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    .hero-title{
        text-align: center;
        margin-bottom: 30px;
    width: 100%;
    }
    .search-window-visible header#header .navigation-buttons a[data-target=search]{    background-image: url(/user/documents/upload/new-hp/close.svg) !important;}
    .search-window-visible header#header .site-name{display:none;}
    header#header nav#navigation .navigation-in>ul>li>a.active, header#header nav#navigation .navigation-in>ul>li>a:hover{color:white!important;}
    .div-d{display:none;}
    .navigation-window-visible .navigation-in>ul>li>a{padding-bottom:10px;padding-top:10px;}
    header#header .search #formSearchForm button .btn-arrow-right{display:none!important;}
    .footer-divider2{
        display:block;
        width: 80%;
        opacity: 0.8;
        margin-bottom: 25Px;
    }
    .footer-divider{display:none;}
    .learn-more2{display:none!important;}
    header#header .search {
        position: absolute!important;
        right:0px!important;
    }
    header#header .search input:focus{
        box-shadow: unset!important;
    }
    .search fieldset {
        display: flex;
            align-items: center;
            justify-content: center;
    }
    .search .s-icon{
        width: 25px;

    }
    .search .c-icon{
        width: 20px;
    }
    header#header .search #formSearchForm input{
        height: 40px;
        border-bottom: 1px solid #DADADA;
    font-size: 16px;
    border-left: unset;
    border-top: unset;
    border-right: unset;
    border-radius: 0px;

    padding: 0px;
    margin-left: auto;
    margin-left: 10px;
    margin-right: 15px;
    }

    .mob-log{
        display: flex!important;
            align-items: center!important;
            padding-left: 15px !important;
    }
    .mob-log a{font-weight: 400!important;}
  }


  .carousel-control.right{
    right: 0!important;
    background-color: white;
  
   
    left: auto!important;
  }
  .carousel-control.left{
    display: block !important;
    background-color: white;
    left: 0!important;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    right: auto!important;
  }
  .carousel-control.left:before{
    left:0px!important;
  }
  .carousel-control:hover{
    background-color: #00E2CF!important;
  }
.carousel-control {
    width: unset!important;
    bottom: unset!important;
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    top: 50%!important;
    width:40px!important;
    height: 89px!important;
    transform: translateY(-50%)!important;
    opacity: 1 !important;
}
.carousel-control:hover{
opacity:0.8;
}

.carousel-control.left{
    background-image: url(/user/documents/upload/new-hp/left.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
}
#carousel .carousel-control.right{
    border-radius: 0px 5px 0px 5px!important;
}
#carousel .carousel-control.right{
    background-image: url(/user/documents/upload/new-hp/right.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px!important;
}
#carousel .carousel-control.left{
    background-size: 25px!important;

}
.carousel-control.left:before{
    display:none;
}
.increase, .decrease{
    background-color:transparent!important;
    color:black!important;
    padding: 5px!important;
}
.increase:hover, .decrease:hover{
    background-color:transparent!important;
    color:black!important;
    padding: 5px!important;
}
.decrease .decrease__sign{
    display:block!important;
    font-size: 24px!important;
}
.increase .increase__sign{
    display:block!important;
    font-size: 24px!important;
}
.add-to-cart-button::after {
    font-family: "Barlow", sans-serif !important;
    display: block;
    font-size: 17px;
    content: "Přidat do košíku";
}
.increase::after, .decrease::after{
display:none!important;
}
.in-kosik .quantity .increase:before {
    content: "\e918";
    display:none;
}
.in-kosik .quantity .decrease:before {
    content: "\e918";
    display:none;
}
.flags.flags-default .flag{
    font-size:14px!important;
    padding: 5px 8px!important;
}
.vybrane-filtry label{color:black!important;}
.vybrane-filtry #clear-filters a{color:black!important;}
.vybrane-filtry label::after{
    background-image: url("https://mcrn.yoursport.cz/user/documents/upload/filtrzavreni.svg") !important;
}
@media (min-width: 992px) {
.search-whisperer.active{
    border:unset;
    display:flex;

         
            box-shadow: 0 0 4px rgb(0 0 0 / 40%);
            transform: translateX(-50%);
    border-radius: 12px;
    margin-left: 0;
    top: 50px;
   
}
.search-whisperer-documents{
    order: 1;
    flex-basis: 300px;
    padding: 30px;
    background-color: #00E2CF !important;
    border: unset;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.search-whisperer-products{

    order: 2;
    flex: 1 1 calc(100% - 340px);
    display: flex;
    flex-wrap: wrap;
    margin-top:10px!important;
    padding: 30px!important;
}
.search-whisperer-products li{
    width: 33.3%;
    padding: 20px;
    flex-basis: 33.33%;
    border-width: 1px !important;
        border-style: solid;
        border-color: transparent !important;
}
.search-whisperer-documents em{
    display:none;
}
.search-whisperer .price{
    width: calc(100% - 59px);
    margin-left: auto;
    text-align: left;
    padding: 0 5px;
}
.search-whisperer .p-info .p-name{
    font-size: 12px;
    font-weight: 700;
}

.tlac-div{width:100%;}
.search-tlacitko{
    line-height: 5px;
    position: relative;
    font-size: 16px;
    margin: 20px;
    background-color: black;
    color: white;
    display: block;
    width: 230px!important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 18px;
    border-radius: 0px 8px 0px 8px;
    border:unset!important;
}
.search-tlacitko:hover{background-color:black!important;color:white;opacity:0.9;}
.search-whisperer-documents a:hover{
    background-color:transparent;
    text-decoration: underline;
}
.search-whisperer a:hover{
    background-color: transparent!important;;
}
.search-whisperer-products li:hover{
    border-style: solid!important;
    border-width: 1px!important;
    border-color:#00E2CF!important;
    border-radius: 8px!important;
    background-color: transparent!important;
 
    
}
.search-whisperer .close {
    top: 0;
    right: 0;
    width: 40px !important;
    height: 40px;
    text-align: center;
    position: absolute;
    padding: 0 !important;
    cursor: pointer;
}
.search-whisperer .close::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(/user/documents/upload/Images/close.svg) no-repeat center;
    background-size: contain;
}
.search-whisperer-empty .search-whisperer .close::before {

    bottom: 12px!important;
    left: 10px!important;
 
}
.search-whisperer-empty .left p{
    font-size: 14px;
}
.search-whisperer-empty .left h6{
    font-size: 15px;
}
.search-whisperer-documents a{
    font-size: 13px;
    font-weight: 500;
}
.search-whisperer-documents.text-center{
    display:none;
}
.search-whisperer-products li:nth-child(n+7) {
    display: none;
}
.search-whisperer-documents h4{
    padding: 6px 5px;
}
.search-whisperer-empty .left{
    position: relative;
    width: 100%;
    padding: 20px;
    max-width: 560px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.search-whisperer-empty .right{
    order: 1;
    flex-basis: 240px;
    width: 240px;
    padding: 10px;
    background-color: #00E2CF !important;
    border: unset;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.search-whisperer-empty{
    display: flex;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    flex-basis: unset !important;
        padding: unset !important;
        background-color: unset !important;
}

.search-whisperer.active:has(.search-whisperer-empty) {
    width:800px!important;
    left: 50% !important;
    }


    .search-whisperer-empty h4:first-of-type{
        display:none;
    }
    .search-whisperer-empty .left h3{
        margin-top: 0px;
        margin-bottom:3px;
    }
    .search-whisperer-empty .right h4{
        text-align: center;
        display:block!important;
        margin-top:30px;
    }
    .search-whisperer-empty .search-tlacitko{
        text-align: center;
        display: block;
        line-height: 20px;
        margin:5px!important;
        font-size: 16px;
    }

    .empt-contact{
        display: flex
;
    padding: 0px 20px 0 74px;
    margin-top: 10px;
    flex-direction: column;
    background-image: url(/user/documents/upload/new-hp/mob-jindriska.png);
    background-size: 60px;
    background-position: 6px center;
    background-repeat: no-repeat;
    height: 60px;
    /* line-height: 1; */
    justify-content: center;
    }
    .empt-contact a{
        color: black !important;
        font-size: 14px!important;
        line-height: 1.4;
        letter-spacing: 1px;
        font-weight: 600;
        padding: 0px;
    }

    .empt-contact span{
        font-weight: 400;
        font-size: 11px;
        color: black;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width:1199px){
    .search-whisperer.active{
        left: 49%!important;
        width: 900px!important;
    }
}
@media (min-width: 1200px){
    .search-whisperer.active{
        left: 43%;
        width: 1100px!important;
    }
}
.search-whisperer-empty .search-tlacitko:hover{background-color:black!important;color:white!important; }
@media (max-width: 991px) {
    .search-whisperer-empty{background-color:white!important;    padding: 15px;}
    .search-whisperer-empty .left{
        text-align: center;
    }
    .search-whisperer-empty .search-tlacitko{background-color:black;color:white;        border-radius: 0px 8px 0px 8px;
        margin-left: auto!important;
        margin-right: auto!important;}
        .search-whisperer-empty .search-tlacitko:hover{background-color:black;color:white;        border-radius: 0px 8px 0px 8px;
            margin-left: auto!important;
            margin-right: auto!important;opacity:0.9;}
    .search-whisperer-documents em{display:none;}
    .search-whisperer-documents{
        background-color: #00E2CF !important;
    padding: 10px;
    border:unset!important;
    }
    .search-whisperer-documents h4{
        padding: 6px 5px;
    margin-bottom: 0px;
    }
    .search-whisperer .p-info .p-name{
        font-size: 12px;
        font-weight: 700;
    }
    .search-whisperer.active{
        display: flex;
            border: unset;
            flex-direction: column;
            margin-top: 2Px;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;

            max-height: 300px;
overflow-y: scroll;
    }
    .search-whisperer ul li:last-of-type{border-bottom:unset;}
    .search-whisperer-documents{order:1;}
    .search-whisperer{
        top: 45Px;
        width:90%!important;
    }
    .search-whisperer-empty h4:first-of-type{
        display:none;
    }
    .search-whisperer-empty .left h3{
        margin-top: 0px;
        margin-bottom:3px;
    }
    .search-whisperer-empty .right{
        display:none;
    }
    .search-whisperer-empty .right h4{
        text-align: center;
        display:block!important;
    }
    .search-whisperer-empty .search-tlacitko{
        text-align: center;
        display: block;
        line-height: 20px;
       
        font-size: 14px;
    }
#dkLabFavHeaderWrapper{display:none!important;}
    .empt-contact{
        display: flex
;
    padding: 0px 20px 0 74px;
    margin-top: 10px;
    flex-direction: column;
    background-image: url(/user/documents/upload/new-hp/mob-jindriska.png);
    background-size: 60px;
    background-position: 6px center;
    background-repeat: no-repeat;
    height: 60px;
    /* line-height: 1; */
    justify-content: center;
    }
    .empt-contact a{
        color: black !important;
        font-size: 14px!important;
        line-height: 1.4;
        letter-spacing: 1px;
        font-weight: 600;
        padding: 0px;
    }

    .empt-contact span{
        font-weight: 400;
        font-size: 11px;
        color: black;
        width: 100%;
    }
    header#header .search #formSearchForm button{display:none;}
    .search-tlacitko{
        line-height: 14px;
    position: relative;
    font-size: 12px;
    margin: 20px;
    background-color: black;
    color: white;
    display: block;
    width: 160px !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border-radius: 0px 8px 0px 8px;
    border: unset !important;
    display: block !important;
    }
    .whisperer-trigger {
        display: none !important;
    }
    .search-tlacitko:after{
        display:none!important;
    }
    

}
.nov-pops h1 span{color: #242527!important; font-weight: 700!important; line-height: 1.1!important; letter-spacing: 1px!important; font-size: 36px!important;}
.nov-pops h2 span{    color: #242527 !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 1px !important;
    font-size: 32px !important;}
.nov-pops h3 span{color: #242527!important; font-weight: 600!important; line-height: 1.1!important; letter-spacing: 1px!important; font-size: 26px!important;}
.nov-pops h2:not(:first-child){margin-top:40px;}
.nov-pops p span{   font-weight: 400; font-family: 'Plus Jakarta Sans', sans-serif !important;
    line-height: 1.3;
    color: var(--color-g300);
    font-size: 15px;
    color: #343537;
    letter-spacing: .5px;}
    .shwmr{display:none;}
.rd-mr{
    text-align: center;
    margin-top: 30px;
}
.shmr-btn{
    border-radius: 0px 10px 0px 10px;
    background-color: rgb(0, 0, 0);
    margin: auto 0;
    padding: 10px 26px;
    font-size: 17px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    border:unset;
    letter-spacing: 0.24px;
}
.shmr-btn:hover{opacity:0.87;}
.showar{display:block!important;}
.site-msg.information .text a:hover{text-decoration: underline;}
@media (min-width: 992px) {
.clnk-link:nth-of-type(1n+6){
display:none;
}
}
@media (max-width: 767px) {
    .hodnoceni .bottom .votes-wrap > .vote-wrap:not(:first-child) {
        display: none;
    }
}
@media (max-width: 500px) {
    .hodnoceni .bottom .votes-wrap > .vote-wrap:not(:first-child) {
        display: none;
    }
    header#header .site-name {
        flex-basis: 210px !important;
    }
    header#header .navigation-buttons a[data-target=search]{
        margin-right: 8px;
    }
    header#header .navigation-buttons a[data-target=cart]{
        margin-right: 8px;
    }
    .menu-mobile{
        margin-right: 8px;
    }
    header#header .navigation-buttons{padding-right: 0px!important;}
}
.hodnoceni-wrapper {
    background: var(--color-b50);
}

.hodnoceni-wrapper .banner {
    margin-bottom: 0;
}

.hodnoceni {
    position: relative;
    padding: 50px;
    background-color: black;
    width: 100%;
}

.vote-wrap {
    position: relative;
}

.hodnoceni .top {
    position: relative;
    display: flex
;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    align-items: center;
}

.hodnoceni .top .number {
    font-size: 69px;
    letter-spacing: 2px;
    line-height: 1.1;
    color: #00E2CF !important;
    font-weight: 500;
    margin-right: 24px;
}

.hodnoceni .top .text {
    color:white!important;
    display: flex;
    flex-direction: column;
}

.hodnoceni .top .text strong {
    font-weight: 600;
    font-size: var(--size-h4);
    line-height: 1.1;
    margin-bottom: 4px;
}

.hodnoceni .top .text a {
    color:white!important;
    text-decoration: underline;
}

.hodnoceni .top .text a:hover {
    text-decoration: none;
}

.hodnoceni .top .link a {
    text-decoration: underline;
}

.hodnoceni .top .link a:hover {
    text-decoration: none;
}

.hodnoceni .top .link {
    margin-left: auto;
}

.hodnoceni .bottom {
    margin-top: 30px;
    margin-left: auto;
    /* display: flex
; */
    margin-right: auto;
    max-width: 1500px;
}

.hodnoceni .bottom .votes-wrap {
    
        display: flex
    ;
        margin: 0 -10px;
        align-items: flex-start;
        justify-content: center;
}

.hodnoceni .bottom .vote-wrap {
    margin: 10px;
    width: calc(25% - 20px);
 
    font-size: 15px;

}

.hodnoceni .bottom .vote-wrap .vote-content {
    position: relative;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    color:white;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin-top: 0;
}

.hodnoceni .bottom .vote-wrap .vote-content::before {
    content: '„';
}

.hodnoceni .bottom .vote-wrap .vote-content::after {
    content: '”';
}

.hodnoceni .bottom .vote-wrap {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.hodnoceni .bottom .vote-wrap .vote-header {
    margin: 20px 0 0;
    background-image: url("/user/documents/upload/Images/verified_white.svg");
    background-size: 153px 32px;
    background-repeat: no-repeat;
    background-position: top right;
}

.hodnoceni .bottom .vote-wrap .vote-header .vote-name {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    font-weight: 600;
    color:white;
    margin-bottom: 0;
    line-height: 1.7;
}

.hodnoceni .bottom .vote-wrap .vote-header .stars {
   
    top: 0;
}

.hodnoceni .bottom .vote-wrap .vote-time {
    color: var(--color-g400);
    font-size: var(--size-small);
    font-weight: 400;
    line-height: 1.7;
}
@media (min-width: 767px) and (max-width:992px) {
    .hodnoceni .bottom .votes-wrap{
        flex-wrap: wrap;
    }
    .hodnoceni .bottom .vote-wrap{
        width: calc(50% - 20px);
    }
}
@media (max-width: 767px) {
    .hodnoceni .bottom .vote-wrap{
        width: 100%;
    }
    .hodnoceni{padding:30px;}
}
.hodnoceni .stars .star.is-active:hover,.hodnoceni .stars .star.star-half:before, .hodnoceni .stars .star.star-on:before{color:yellow!important;}
@media (min-width: 992px) {
#lgh1,#lgh2{display:none;}
#lgh-block{    display: flex
    ;
        justify-content: center;
        align-items: center;
        margin-top: 30px;}
}
@media (max-width: 992px) {
    #lgh-block{display:none;}
}
#products-1200 .widget-parameter-wrapper{display:none;}
#products-1200 .p-tools{display:block!important;}
.type-product 
.customtabulkos{
    width: auto;
max-width: 500px;
border-radius: 0px 10px 0px 10px;
border: 1px solid #d2d2d2;
display: flex !important
;
    align-items: center;
align-items: center;
justify-content: center;
gap: 1px;
padding: 20px ! Important;
flex-direction: column;
}
@media (min-width: 992px) {
.customtabulkos{
    margin-left: 3.5%;
}
}
.type-product .content-wrapper {
    padding: 30px;
}
.type-product .content-wrapper {
    background-color: white;
}

.type-product #productsRelated::after {
    display: block;
    color: black;
    font-size: 48px;
    font-weight: 700;
    text-align: center;

    margin-bottom:30px;
}
#dkLabNoteMainWrapper h3{
    padding: 0 0px 10px;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
}
.dkLabNoteHeader{display:none;}
.dkLabNoteHeader span{font-weight: 400;}
textarea.dkLabNote.dkLabNoteTextArea::placeholder{color:black;}

textarea.dkLabNote.dkLabNoteTextArea {

        resize: none;
        padding: 7px;
    width: 100%!important;
    height: 40px;
    font-size: 16px;
    /* color: black; */
    border-color: #D2D2D2;
}
#dkLabNoteDetailWrapper{border:unset!important;    max-width: 500px;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
;}
@media (min-width: 991px) {
    .dkLabNoteDetailDiv{width:47%;float: left;}
}
@media (max-width: 500px) {
#dkLabNoteMainWrapper h3{padding-bottom: 10px!important;    padding: 0px;}
#dkLabNoteDetailWrapper{gap:10px!important;}
}



.type-product .products .product .p{
    border-radius: 0 15px 15px 0;
    padding: 12px;
    height:auto!important;
}
.type-product .products .product .p .p-in .p-in-in a.name{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.28px;
}
.type-product .btn.btn-primary, a.btn.btn-primary{
    border: none;
    border-radius: 0px 10px 0px 10px;
    background-color: #1af2da;
    margin-top: 18px;
    padding: 14px 51px !important;
    font-size: 15px !important;
    color: rgba(255, 255, 255, 1);
    font-weight: 500 !important;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    width: 230px;
}
.type-product .quantity .decrease{
    height: 44px;
    background-color: #1af2da2e !important;
    border-radius: 0px!important;
}
.type-product .quantity .increase{
    height: 44px;
    background-color: #1af2da2e !important;
    border-radius: 0px!important;
}
.type-product .quantity {
    border: 0.8px solid #d8e8f6 !important;
    height: 44Px;}
    .type-product .quantity input{height: 100%;
       
        font-size: 20px;
        border: none;}
      
        .type-product .price-wrapper{
    display: flex
    ;
        flex-wrap: wrap;
  
        padding: 24px;
        background-color: #D8E8F6;
     
        border-radius: 0px 20px 0px 20px;
        }
        .type-product .price-wrapper span{flex: 1 1 50%;}
        .type-product .price-wrapper strong{flex: 1 1 50%;}
        .type-product .price-wrapper .price.price-primary{font-size:28px;font-weight: 600;margin-bottom:12px;}
        .type-product .price-wrapper .price-label.price-primary{font-weight: 400;font-size: 18px;padding-top: 5px;}
        .type-product .price-range{height:16px;max-width: 440px;margin-top: 15px;}
        .type-product .price-range>div{
            background-color:#1af2da;
        }
        .type-product .p-image-wrapper .p-thumbnails-inner a:hover img {
            border: 1px solid black!important;
        }
        .rowasi{
            display: flex
            ;

     
                align-items: center;
                /* flex-direction: column; */
                justify-content: space-between;
        }
        .rowasi h1{margin:0px;}
        .rowasi .flags{
            align-self: baseline;
            gap: 10px;
            display: flex
        ;
            position: relative;
        }
        .rowasi .flag{    font-size: 15px !important;
            padding: 7px 10px !important;
            display: flex
        ;}
        .tab-i{
            display: flex
            ;
                flex-direction: row;
                justify-content: space-between;
                width: 100%;
                padding: 5Px;
            }
            .tab-i .parti1{
            font-weight: 700;
            font-size: 14px;
            }
            .tab-i .parti2{
            text-align: end;
            font-size: 14px;
            }
            .tab-i .parti2 a{
            text-decoration:underline;
            }
            .tab-i .parti2 a:hover{
            text-decoration:unset;
            }
            .type-product #otherInformation{display:none!important;}
            .advanced-order .advanced-order-suggestion{background-color:white!important;color:black!important;}
            .advanced-order #products{margin-left:15px;margin-right:15px;}

            .p-short-description a.vice {
                font-weight: 400;
                color: #0668BD;
                font-size: 16px;
                line-height: 20px;
                text-decoration: underline;
                margin-left: 5px;
            }
            .p-short-description a.vice::after {
                content: "";
                display: inline-block;
                margin-left: 3px;
                width: 12px;
                height: 12px;
                background: url(https://denatura.cz/user/documents/upload/Images/chevron-right_green.svg) no-repeat center;
                background-size: contain;
                transform: rotate(90deg);
                vertical-align: middle;
            }
     


            .advanced-order .h1 {
                font-size: 35px;
                line-height: 42Px;
                color: white;
                background-color: black;
                font-weight: 600;
                margin:0px;
                padding-top:20px;
                padding-bottom:20px;
                
            }
            .colorbox-html-content{padding: 0px!important;}
            
            .advanced-order .h1::before {
                content: "";
                display: inline-block;
                width: 32px;
                height: 32px;
                margin-right: 12px;
                background: url("https://yourclub.cz/user/documents/upload/new-hp/check1.svg") no-repeat center;
                background-size: contain;
                vertical-align: middle;
            }
            
            .advanced-order .h2 {
                margin: 0;
            
                color: #000000;
              
                font-weight: 500;
           
                margin-top: 20px;
            }
            .advanced-order .h2 span{display:none;}
            #cboxLoadedContent {padding:0px;}
            .advanced-order .extras-wrap {
                background: var(--color-b50);
            
                padding: 24px;
                justify-content: center;
                align-items: center;
            }
            .advancedOrder__buttons{
                justify-content: space-between;
         
                    margin: 20px;
                
            }
            .advanced-order .btn-conversion{
            }
            .advanced-order .widget-parameter-wrapper .widget-parameter-more{display:none;}
            .advanced-order .products .widget-parameter-wrapper{justify-content: center;display:none;}
            .type-product .btn.btn-ghost {
                font-weight: 700;
                padding: 12px 24px;
                color: var(--color-b400);
                border: 1px solid var(--color-b400);
                border-radius: 100px;
            }
            
            .type-product .btn.btn-ghost:hover {
                background: var(--color-b400);
                color: #fff;
            }
            
            .type-product .btn.btn-ghost:hover::before {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }
            
          
            
            .advanced-order .extra.darek-zdarma span {
                position: relative;
                display: block;
                padding-left: 36px;
                background-image: url("https://yourclub.cz/user/documents/upload/Images/gift_red.svg");
                background-repeat: no-repeat;
                background-size: 24px;
                background-position: left 3px;
                line-height: 1.2;
                min-height: 52px;
            }
            .advanced-order .extra.darek-zdarma.darek-dosazen span {background-position: 0 0;line-height: 25px;}
            .advanced-order .extra.darek-zdarma span .price-range {
                margin-left: 0;
                position: absolute;
                bottom: 0;
                left: 0;
                margin-bottom: 0;
            }
            
            .advanced-order .extras-wrap .extra {
                margin: 0;
                padding: 0;
                line-height: 1.2;
                font-size: var(--size-small);
            }
            
            .advanced-order .extras-wrap .extra.step {
                margin: 0;
            }
            
          
            
            .advanced-order .extras-wrap .extra.darek-zdarma .price-range {
                width: 100%;
                margin-left: 0;
                background: var(--color-b75);
            }
            
            .advanced-order .extras-wrap .extra.delivery {
                padding-left: 36px;
                background-image: url("https://yourclub.cz/user/documents/upload/Images/truck_green.svg");
                background-repeat: no-repeat;
                background-position: 0 4px;
                background-size: 24px;
            }
            
            .advanced-order .extras-wrap .extra.step .btn-conversion::after {
                content: "";
                display: inline-block;
                width: 16px;
                height: 16px;
                margin-left: 12px;
                vertical-align: text-bottom;
                background: url("https://yourclub.cz/user/documents/upload/Images/chevron-right_white.svg") no-repeat center;
                background-size: contain;
            }
            
            .advanced-order .advanced-order-suggestion {
                border-top-width: 8px;
                border-color: #7c7c7d;
                padding-top: 32px;
                margin-bottom: 20px;
            }
            
       
            .vice{margin-left:3px;}
            .type-product .shp-tabs-wrapper.p-detail-tabs-wrapper #tab-content>div::before{display:none;}
            .type-product #description{padding:30px;}
            .type-product .vice{color:#1af2da;text-decoration: underline;}
            .type-product .vice:hover{text-decoration: unset;}
            .type-product .p-image-wrapper .p-thumbnails-inner a.highlighted img{    border: 1px solid #1af2da;}
            .type-product .products-block>div .p .p-bottom>div .p-tools .btn, .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart{border:unset;}
            .type-product .p-final-price-wrapper{    display: flex
                ;
                    flex-direction: row-reverse;
                    align-items: center;
           
                    justify-content: flex-end;    margin-bottom: 15px;}
                    .type-product .p-final-price-wrapper .price-standard{    font-size: 25Px;
                        line-height: 24px;
                        font-weight: 400;
                        margin-left: 20px;color:black;}
                        .p-basic-info-block .block{

                            font-size: 18px;
                            font-weight: 400;
                            color: black;
                            padding-left: 0px;
                        }
                        .type-product .p-to-cart-block .p-add-to-cart-wrapper{margin-left:0px;}
                        .shp-tabs-wrapper.p-detail-tabs-wrapper #tab-content>div{background-color:transparent;}
                        .type-product .shp-tabs-row{display:none;}
                        .type-product #description .nadpos {
                            font-size: 30px;
                        }
                        .type-product .basic-description p {
                            font-size: 16px;
                        }
                        .warning-message {
                            display: flex
                        ;
                            align-items: center;
                            gap: 19px;
                            padding: 20px;
                            border-radius: 4px;
                            background-color: #D8E8F6;
                        }
                        .warning-icon-container {
                            display: flex
                        ;
                            align-items: center;
                            justify-content: center;
                        }
                        .warning-icon {
                            width: 46px;
                            height: 39px;
                          }
                          
                          .warning-text {
                            font-size: 16px;
                            line-height: 19px;
                            margin: 0;
                          }







                          .type-product .products .product .p .p-in .p-bottom{padding-bottom:0px;}
                          .type-product .products-block>div .p .p-bottom>div .p-tools{padding-top:10px;padding-bottom:10px;}
                          .type-product .products .product .p{box-shadow: unset;}
                          .type-product .prices {    display: flex
                              ;
                                  margin-top: 8px;
                                  align-items: stretch;
                                  gap: 20px;
                                  align-items: center;
                                  justify-content: center;}
                                  .type-product .products-block>div .p .availability{
                                      color: #00a216;
                                      font-size: 14px;
                                      font-weight: 600;
                                      letter-spacing: 0.26px;
                                  }
                                  .type-product .product .price.price-final{
                                      color: #000000 !important;
                                      font-size: 20px;
                                      font-weight: 700;
                                      letter-spacing: 0.28px;
                                      text-align: center;
                                  }
                                  .type-product .product .price.price-final strong{color:black;}
                                  .type-product .product .availability-amount{display:none;}
                                  @media (min-width: 321px) and (max-width: 767px) {
                                    .type-product .prices{gap:0px!important;}
                                      .type-product .products .product .p{padding:2px!important;}
                                      .type-product .columns-mobile-2 .products-block>div .p {
                                          height: auto;}
                                          .type-product .product .price.price-final{font-size:17px;}
                                          .type-product .products-block>div .p .availability{font-size: 12px;}
                                          .type-product .products .product .p .p-in .p-in-in a.name{font-size: 15px;}
                                          .type-product .products .product .p .p-in .p-bottom{margin-top:0px;}
                                      }
                                      
                                   
                                      .type-product .increase, .decrease{border-radius:0px!important;}
                                      .type-product .shp-tabs-wrapper.p-detail-tabs-wrapper #tab-content>div{background-color:white;}
                                      .type-product .basic-description p{font-size:16px;}
                                      .type-product #description .nadpos{font-size:30px;}
                                   
                                      .type-product .p-data-wrapper .p-final-price-wrapper .price-final{    color: black;
                                          font-size: 50px;
                                          font-weight: 700;
                                          letter-spacing: .7px;}
                                          .type-product .p-data-wrapper .p-final-price-wrapper{order:0;}
                                          .type-product .shp-tabs-wrapper.p-detail-tabs-wrapper #tab-content>div::before{
                                              box-shadow: 9999px 0 0 white;
                                          }
                                          .type-product .shp-tabs-row{display:none;}
                                          .type-product .p-to-cart-block{width:100%;}
                                          .ttsk{text-align: left;}
                                          .type-product .p-basic-info-block{width:100%;}
                                          .type-product .p-detail-tabs-wrapper .col-sm-12{padding: 0px;}
                                          .type-product .p-data-wrapper{        border: unset !important;}
                                          .type-product .tab-content {padding-left:0px;padding-right:0px;}
                                          .type-product .shp-tabs-wrapper.p-detail-tabs-wrapper::before{
                                              box-shadow: 9999px 0 0 #ffffff;
                                              border: unset !important;
                                          }
                                          .type-product .shp-tabs-wrapper.p-detail-tabs-wrapper{border:unset!important;}
                                          .type-product .p-image-wrapper .h1{display:none;}
                                          .type-product .p-data-wrapper .p-to-cart-block .add-to-cart .quantity{border-radius:0px;}
                                          .type-product #productsRelate{    margin-left: auto;
                                            max-width: 95%;
                                            margin-right: auto;padding-top: 20px;}
                                        .type-product #productsRelated .slick-arrow{z-index:2;}
                                        .type-product .content-wrapper {
                                            padding: 30px;
                                        }
                                         .type-product .products .product .p .p-in .p-bottom .p-tools{display:block;}
                                         .type-product .p-tools .btn-primary{    border: none;
                                            border-radius: 0px 10px 0px 10px;
                                            background-color: #1af2da;
                                            margin-top: 0px !important;
                                            width: 100% !important;
                                            max-width: 100%;
                                            padding: 0px ! Important;
                                            height: 45px !important;
                                            line-height: 45px ! Important;
                                            font-size: 17px !important;
                                            color: #ffffff;
                                            font-weight: 500 !important;
                                            text-align: center;
                                            text-transform: uppercase;}
                                            .type-product .advanced-order #cboxClose{background-color: transparent!important;}
                                            .advanced-order #cboxClose:before{
                                                content: "\e912";
    font-size: 20px;
    left: 0px;
    line-height: 40px;
    color: white;
    position: absolute;
    text-indent: 0;
    top: 20px;
                                            }
                                            .type-product .content-wrapper {
                                                padding: 30px;
                                            }
                                            @media (max-width: 767px) {
                                                .type-product .content-wrapper {
                                                    padding: 10px !important;
                                                }
                                            }
                                            .type-product .p-data-wrapper .flags-and-code{
display: none!important;
                                            }
                                            .type-product #productsRelated{
                                                margin:20px 40Px!important;
                                            }
                                            @media (max-width: 767px) {
                                                .type-product #productsRelated{
                                                    margin:10px 20px!important;
                                                }
                                                .p-shorto{margin-bottom:15px;}
                                            }
                                            .customtabulkos{order:60;}
                                            @media (min-width: 1440px) {
                                                .wide .image360:after, .wide .p-image:after {display:none;}}
                                                @media (min-width: 768px) {
                                                    .type-product .p-image-wrapper .arrow-prev, .type-product .p-image-wrapper .arrow-next {
                                                        display: flex!important;
                                                    }
                                                }
                                                .type-product .carousel-control--product{display:none!important;}
                                                .type-product .carousel-control--product::before{display:none!important;}

                                                .advanced-order-suggestion .products {
                                                    max-width: 90%;
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                }
                                                #up-prod {
                                                    display: block;
                                                    color: black;
                                                    font-size: 48px;
                                                    font-weight: 700;
                                                    text-align: center;
                                                    margin: 0px;
                                                    order:54;
                                                }
                                                .type-product #cboxClose {
                                                    background-color: transparent !important;
                                                }
                                                #products-1300 {
                                                    margin-left: auto;
                                                    max-width: 95%;
                                                    margin-right: auto;order:55;}
                                                    .type-product .slick-arrow {
                                                        z-index: 2!important;
                                                    }
                                                    #cboxClose:before{
                                                        top: 10px;
                                                        color: white;
                                                    }
                                                   
                                                    .p-data-wrapper #myBtnTabulka_velikosti {
                                                        margin-left: 20px;
                                                        color: black;
                                                        font-size: 14px;
                                                        line-height: 15px;
                                                        font-weight: 400;
                                                        font-style: normal;
                                                        letter-spacing: normal;
                                                        display: flex
                                                    ;
                                                        gap: 7px;
                                                        align-items: center;
                                                        cursor: pointer;
                                                    }
                                                    #myBtnTabulka_velikosti img {
                                                        height: 20px;
                                                    }
                                                    .rowino {
                                                        display: flex
                                                    ;
                                                        flex-direction: row-reverse;
                                                        align-items: center;
                                                        gap: 5px;
                                                        justify-content: flex-end;
                                                        max-width: 330px;
                                                    }
                                                    @media (max-width: 767px) {
                                                        .type-product .rowino {
                                                            width: 100vw;
                                                            justify-content: space-between;
                                                   
                                                        }
                                                        .p-shortos{
                                                            margin-bottom: 20px;
                                                        }
                                                        .type-product .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart{
                                                            gap:4px;
                                                        }
                                                        .type-product .p-data-wrapper .p-to-cart-block .add-to-cart button::after{
                                                            content: "Přidat do košíku" !important;
                                                        }
                                                        .template-12 #dkLabNoteDetailWrapper{padding:0px;}
                                                        #up-prod{
                                                            font-size: 30px;
                                                            margin-top: 20px;
                                                        }
                                                        .type-product #productsRelated::after{font-size: 30px;}
                                                        .advanced-order .extras-wrap{display:none;}
                                                        .advancedOrder__buttons {
                                                            justify-content: center;}
                                                            .advanced-order .h1{font-size: 28px;}
                                                    }
                                                    #productsRelated::after{letter-spacing: normal;}
                                                    .type-product .select2-selection, .type-product select, .type-product select.form-control {
                                                        font-size: 15px;
                                                        letter-spacing: 0.3px;
                                                        width: 100%;
                                                        height: 40px;
                                                        border-width: 0.8px;
                                                        border-color: #d2d2d2;
                                                        background-color: #fff;
                                                        border-radius: 2px;
                                                        padding-left: 16px;
                                                        padding-right: 16px;
                                                        margin: 0;
                                                        display: flex
                                                    ;
                                                        align-items: center;
                                                        background-image: url(/user/documents/upload/select2.svg);
                                                        background-position: right 10px center;
                                                    }
                                                    .type-product .detail-parameters tbody {
                                                        display: flex
                                                    ;
                                                        flex-direction: column-reverse;
                                                    }
                                                    .type-product .products-block>div .p .p-in{
                                                        margin-top: auto!important;
                                                    }
                                                    .type-product .slick-slide{
                                                        display: flex!important;
    height: inherit!important;
                                                    }
                                                    .type-product .slick-track{
                                                        display:flex!important;
                                                    }