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


.site-msg.information{
    background-color: #0668BD!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:white!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{
      
        color:#0668BD!important;
    }
  

   
    .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: 55px!important;}
        .navigation-in ul li.splitted {
            padding-left:16px!important;
            padding-right:16px!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);
           right:unset;position:relative;    width: 100vw;
            max-width: 550px;
            margin-left: auto;
            margin-right: auto;}
            .submenu-visible .navigation-in ul li.splitted{display:block!important}
            header#header .search #formSearchForm input{height:40px;header#header .search #formSearchForm input {
        border-radius: 5Px !important;
    };color:black;border-radius:0px;padding: 0 50px 0 40px;}
            header#header .search #formSearchForm .btn-arrow-right{
                background: url(/user/documents/upload/new-hp/loupe.svg) no-repeat 50% 50% !important;
    font-size: 0;
    width: 40px;
    height: 40px;
    left: 0px;
    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: #0668BD;
            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: #0668BD;
            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) {
            .navigation-in ul li a b{padding:0px!important;}
            #dkLabFavHeaderWrapper{display:none;}
            .div-d{display:none!important;}
            .logo-ref2{display:block!important;}
            .logo-ref{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) {
            .products-block>div .p .p-bottom{    padding: 0 5px!important;}
            .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:#0668BD!important;}
              #zjs-vice svg{
                fill:white;
              }
              #zjs-vice:hover svg{
                fill:#0668BD!important;
              }
              #zjs-vice{
                display: flex;
                    align-items: baseline;
                    gap: 15px;
            }
              @media (min-width: 1200px) {
                .container.navigation-wrapper .site-name{
                    flex-basis: 180px!important;
                    margin-left: 40px !important;
                }
                footer#footer .custom-footer>div{width:25%!important}
                section#foot-mn{
                    padding-left: 5vw;
                }
              }     
              @media (min-width:992px) and (max-width: 1199px) {
                header#header .site-name {
                    flex-basis: 170px!important;
                    margin-left: 30px;
                }
              }   
              @media (max-width: 1199px) {
                footer#footer .custom-footer>div{width:25%!important}
              }
              .contact-email,.contact-phone {
                color: white!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;
    align-items: center;
              }
              .footer-header img{    height: 35Px;}
              .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: #0668BD!important;}
              .category-card__label .svg-cat{
                fill:white;
              }
              .category-card__label:hover{
                color: #0668BD!important;
                background-color: rgba(0, 0, 0, 1)!important;
              }
              .category-card__label:hover .svg-cat{
fill:#0668BD!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;
                }
                #navigation .navigation-in>ul>li>a:hover{color:#197acf!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:transparent!important;color:#197acf!important;}}
                header#header nav#navigation .navigation-in>ul>li>a.active, header#header nav#navigation .navigation-in>ul>li>a:hover{color:#197acf!important;}
                header#header nav#navigation .navigation-in>ul>li>a.active, header#header nav#navigation .navigation-in>ul>li>a:hover b{color:#197acf!important;}

              @media (min-width: 992px) and (max-width: 1199px){
                section#foot-mn{padding-left: 3vw;}
          
           
                .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: 600Px!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(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/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){
                .type-product .content-wrapper.container {
                    padding: 10px!important;
                }
                .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(https://mcrn.yoursport.cz/user/documents/upload/new-hp/login.svg)!important;
            }
            header#header .navigation-buttons a[data-target=cart]{
                background-image: url(https://mcrn.yoursport.cz/user/documents/upload/new-hp/kosik.svg)!important;
            }
            @media (min-width: 992px){
                #hp-logo1{
    background-image: url(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/user/documents/upload/new-hp/loga/logo1b.png?v=2);

                }
                #hp-logo2{
                    background-image: url(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/user/documents/upload/new-hp/loga/logo2b.png?v=2);
                
                                }
                                #hp-logo3{
                                    background-image: url(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/user/documents/upload/new-hp/loga/logo3b.png?v=2);
                                
                                                }
                                                #hp-logo4{
                                                    background-image: url(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/user/documents/upload/new-hp/loga/logo4b.png?v=2);
                                                
                                                                }
                                                                #hp-logo5{
                                                                    background-image: url(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/user/documents/upload/new-hp/loga/logo5b.png?v=2);
                                                                
                                                                                }
                                                                                #hp-logo6{
                                                                                    background-image: url(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/user/documents/upload/new-hp/loga/logo6b.png?v=2);
                                                                                
                                                                                                }
                                                                                                #hp-logo7{
                                                                                                    background-image: url(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/user/documents/upload/new-hp/loga/logo7b.png?v=2);
                                                                                                
                                                                                                                }
                                                                                                                #hp-logo8{
                                                                                                                    background-image: url(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/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:#0668BD!important;
    }
    .ani-action-button svg{
        fill:white;
    }
    #ani:hover svg{
        fill:#0668BD!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:#0668BD!important;
        }
        .ani-action-button:hover svg{
            fill:#0668BD!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;
        }
    }
    .navigation-buttons .dropdown{display: none;}
    @media (min-width: 992px) and (max-width: 1199px){
      
        header#header .search{max-width:390px!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:#0668BD!important;
        }
        #ani .ani-action-button:hover svg{
            fill:#0668BD!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:36%;
        }
    }
    @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: 62%;
        }
        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(https://mcrn.yoursport.cz/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: flex-start;
    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;
        justify-content: center;
    }
}

@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:#0668BD!important;
  }
  .learn-more2:hover svg{
    fill:#0668BD!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) {
   .mob-log{display:none!important;}
   .navigationActions{
    display: none;
    border:unset;
   }
   .navigation-in>ul>li>a>b, .navigation-in>ul>li>a>span{padding:0px!important;}
   header#header nav#navigation .navigation-in>ul>li>a{font-weight: 500;}
    #navigation .header-phone {
        display: flex
        ;
                padding: 10px 15px !important;
         
                flex-direction: column;
                background-size: 40px;
                background-position: 6px center;
                background-repeat: no-repeat;
                line-height: 1;
         
    }
    #navigation .header-phone a {
        color: #0668BD!important;
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: 1px;
        font-weight: 600;
    }
    #navigation .header-phone a:hover{
        text-decoration: underline;
        color:#0668BD!important;
    }
    #navigation .header-phone span {
        font-weight: 400;
        font-size: 14px;
        color: black;
        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(https://mcrn.yoursport.cz/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:black!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: #0668BD!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(https://mcrn.yoursport.cz/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(https://mcrn.yoursport.cz/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;
}
@media (max-width: 991) {
.flags.flags-default .flag{
    font-size:13px!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.czhttps://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: #0668BD !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:#0668BD!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(https://mcrn.yoursport.cz/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: #0668BD !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(https://mcrn.yoursport.cz/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: #0668BD!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:0;}
    .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(https://mcrn.yoursport.cz/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: 130px !important;
        margin-left: 16px;
    }
    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: #0668BD !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("https://mcrn.yoursport.cz/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;}
.p-tools{display:block!important;}



    @media (min-width: 1200px){
        #productsTop .product.active{width:25%;display:block;}
    }
    @media (min-width: 660px) and (max-width: 1199px){
        #productsTop .product.active .offers{text-align:right;}
        #productsTop .product.active{width:50%;display:block;}

    }
    @media (min-width: 300px) and (max-width: 659px){
    
        #productsTop .product.active{width:100%;display:block;}

        #productsTop .product.active .offers{text-align:right;}


}
.category-top .products .product .p{border:none;box-shadow:none;}
.category-top ul.subcategories.with-image{margin-bottom:25px!important;}
.category-top ul.subcategories.with-image{margin:0px;}
.category-top h4{display:none;}
.category-top h3{
padding-left: 10px;
    color: #fff;
    letter-spacing: 0.46px;
    width: 100%;
    font: italic 400 22px/130% Barlow, -apple-system, Roboto, Helvetica, sans-serif;
    margin-top: 0px;
}

.category-top h2{    color: #fff;
    margin-bottom: 10px;
    /* text-align: center; */
    letter-spacing: 0.86px;
    text-transform: uppercase;
    width: 100%;
    padding-left: 10px;
margin-top:20px;
    font: italic 700 32px Barlow, sans-serif!important;}
#productsTop .button-wrapper{display:none;}

#productsTop .product.active a.image{height:120px;width:120px;padding-top:0px;display: flex;}
#productsTop .product.active .p-in {width:calc(100% - 120px);}
#productsTop .product.active .offers{   align-items: end;
    padding-right: 20px;}
#productsTop .product.active .price-final strong{ color: #0084BE;font-size:22px;}
#productsTop .product.active a.name{height:auto;font-size:17px;}

.products .product .p{
    border-radius: 0 15px 15px 0;
    padding: 12px;
    height:auto!important;
}
.products .product .p .p-in .p-in-in a.name{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.28px;
}
.btn.btn-primary, a.btn.btn-primary{
    border: none;
    border-radius: 0px 10px 0px 10px;
    background-color: rgba(25, 122, 207, 1);
    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;
}
.quantity .decrease{
    height: 44px;
    background-color: #d8e8f6 !important;
    border-radius: 0 2px 2px 0;
}
.quantity .increase{
    height: 44px;
    background-color: #d8e8f6 !important;
    border-radius: 0 2px 2px 0;
}
.quantity {
    border: 0.8px solid #d8e8f6 !important;
    height: 44Px;}
    .quantity input{height: 100%;
       
        font-size: 20px;
        border: none;}
        .cart-table tr td.p-name a{font-weight: 600;}
        .price-wrapper{
    display: flex
    ;
        flex-wrap: wrap;
  
        padding: 24px;
        background-color: #D8E8F6;
     
        border-radius: 0px 20px 0px 20px;
        }
        .price-wrapper span{flex: 1 1 50%;}
        .price-wrapper strong{flex: 1 1 50%;}
        .price-wrapper .price.price-primary{font-size:28px;font-weight: 600;margin-bottom:12px;}
        .price-wrapper .price-label.price-primary{font-weight: 400;font-size: 18px;padding-top: 5px;}
        .price-range{height:16px;max-width: 440px;margin-top: 15px;}
        .price-range>div{
            background-color:#0668BD;
        }
        .de-conta{
            display: flex
            ;
            order:1;
                flex-direction: column;
                align-items: center;
                justify-content: center;
        }
        .de-conta p{
            color: black;
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 0px;
        }
        .de-conta a{
            color: black;
            font-weight: 600;
    font-size: 18px;
    line-height: 22px;

    margin-top: 0px;
        }
        .de-conta a:hover{text-decoration: underline;}
        .navigation-buttons{order:2;}
        @media (max-width: 991px){
            .de-conta{display:none;}
            header#header .navigation-buttons a[data-target=navigation]{
                color:black;
                display:block!important;
            }
        }
        @media (max-width: 767px) {
            .next-to-carousel-banners .banner-wrapper {
                width: 100%;
                margin-bottom: 0px;
            }
        }
        .navigation-window-visible .navigation-close::before{color:black;}
        @media (max-width: 991px) {

.product{

    padding: 10px 11px;

}

        }
        .products .product .p a.image{
            aspect-ratio: 0.92;
    object-fit: contain;
    object-position: center;
    width: 200px;
    align-self: center; 
    margin-top: 5px;
    max-width: 100%;
    padding-top: 0px;
    border-radius: 0 10px 0 0;
        }


        .btn.btn-primary, a.btn.btn-primary {
            border: none;
    border-radius: 0px 10px 0px 10px;
    background-color: #197acf;
    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;
        }
        @media (min-width: 1200px) {
        .in-index .product{
            width:25%!important;
        }
    }
    .products .product .p .p-in .p-bottom{padding-bottom:0px;}
    .products-block>div .p .p-bottom>div .p-tools{padding-top:10px;padding-bottom:10px;}
    .products .product .p{box-shadow: unset;}
    .prices {    display: flex
        ;
            margin-top: 8px;
            align-items: stretch;
            gap: 20px;
            align-items: center;
            justify-content: space-between;}
            .products-block>div .p .availability{
                color: #00a216;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: 0.26px;
            }
            .product .price.price-final{
                color: #000000 !important;
                font-size: 20px;
                font-weight: 700;
                letter-spacing: 0.28px;
                text-align: center;
            }
            .product .price.price-final strong{color:black;}
            .product .availability-amount{display:none;}
            @media (min-width: 321px) and (max-width: 767px) {
                .prices{gap:0px!important;}
                .products .product .p{padding:2px!important;}
                .columns-mobile-2 .products-block>div .p {
                    height: auto;}
                    .product .price.price-final{font-size:17px;}
                    .products-block>div .p .availability{font-size: 12px;}
                    .products .product .p .p-in .p-in-in a.name{font-size: 15px;}
                    .products .product .p .p-in .p-bottom{margin-top:0px;}
                }
                
             
                .increase, .decrease{border-radius:0px!important;}
                .shp-tabs-wrapper.p-detail-tabs-wrapper #tab-content>div{background-color:white;}
                .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;}
                    .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;}
                    .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;}
                    .p-image-wrapper .h1{display:none;}
                    .p-data-wrapper .p-to-cart-block .add-to-cart .quantity{border-radius:0px;}
                    .cart-table tr td.p-name a{font-size: 16px;}
                    .main-link-surcharges, .main-link-variant{font-size: 14px;}
                    @media (min-width: 992px) {
                    .discounts-wrap, .summary{
                        display: flex
                        ;
                            align-items: center;
                    }
                }
                .in-kosik .extra.delivery{font-size: 18px;}
      
        
             
                ol.cart-header{border:unset!important;justify-content: center;}
                ol.cart-header li{
                    max-width: 360px;
                    position: relative;
                    height: 86px;
    border: 1px solid #0668bd;
    border-radius: 0px 20px 0px 20px;
    display: flex
;
justify-content: center;
    align-items: center;
    padding-left: 20px;
                }
                ol.cart-header{gap:40px;}
                ol.cart-header li a span, ol.cart-header li strong span{height:auto;}
                ol.cart-header li a span, ol.cart-header li strong span{
                    background-color: transparent;
                    color:black;
                    display: flex
                    ;
                        gap: 3px;
                    font-size: 20px;
                    font-weight: 400;
                    letter-spacing: 0.44px;    border: unset !important;}
                    @media (min-width: 992px) {
                        ol.cart-header li a, ol.cart-header li strong {
                            display: flex !important
                            ;
                                    align-items: center !important;
                        }}
                ol.cart-header li.active a span, ol.cart-header li.active strong span{    font-size: 20px;
                    font-weight: 700;
                    letter-spacing: 0.44px;color: #0668bd !important;    border: unset !important;}
                    ol.cart-header li strong{height:auto;}
                    ol.cart-header > li:not(:last-child)::after{

                        content: "";
                        position: absolute;
                        right: -36px;
                        height: 20px;
                        align-self: center;
                      
                        width: 20px;
                    
                        background-image: url(https://cdn.myshoptet.com/usr/717121.myshoptet.com/user/documents/upload/new-hp/sipos.svg);
                        top: 50%;
                        background-repeat: no-repeat;
                        transform: translateY(-50%);
                    }
                    ol.cart-header li.active{flex:auto!important;}
                    .in-kosik .de-conta{display:none;}
                    .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;
                    }
                    .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;
                    }
                    .homepage-tabs-wrapper .homepage-group-title.h4{
                        letter-spacing: normal;
                        color: rgb(0 0 0);
                        font-size: 48px;
                        font-weight: 700;
                        text-align: center;
                   
                        margin: 30px;
                    }


                    .advanced-order .h1 {
                        font-size: 35px;
                        line-height: 42Px;
                        color: white;
                        background-color: #197ACF;
                        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("/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;
                    }
                    .advanced-order .widget-parameter-wrapper .widget-parameter-more{display:none;}
                    .advanced-order .products .widget-parameter-wrapper{justify-content: center;display:none;}
                    .btn.btn-ghost {
                        font-weight: 700;
                        padding: 12px 24px;
                        color: var(--color-b400);
                        border: 1px solid var(--color-b400);
                        border-radius: 100px;
                    }
                    
                    .btn.btn-ghost:hover {
                        background: var(--color-b400);
                        color: #fff;
                    }
                    
                    .btn.btn-ghost:hover::before {
                        -webkit-filter: brightness(0) invert(1);
                        filter: brightness(0) invert(1);
                    }
                    
                    .do-obchodu .btn.btn-ghost::before {
                        content: "";
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        margin-right: 12px;
                        background: url("/user/documents/upload/Images/chevron-right.svg") no-repeat center;
                        background-size: contain;
                        transform: rotate(180deg);
                        vertical-align: text-top;
                    }
                    
                    .advanced-order .extra.darek-zdarma span {
                        position: relative;
                        display: block;
                        padding-left: 36px;
                        background-image: url("/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("/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("/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:#197acf;text-decoration: underline;}
                    .type-product .vice:hover{text-decoration: unset;}
                    .p-image-wrapper .p-thumbnails-inner a.highlighted img{    border: 1px solid #197acf;}
                    .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;}
                                .in-kosik .ordering-process .next-step {
                           
                                    justify-content: space-between;
                                }
                                .in-kosik .availability-amount{display:none;}
                                .in-kosik .row summary .box h4{display: none;}

                                header#header .search #formSearchForm::before{
                                    content: "";
                                    background-size: 30px;
                                    background-repeat: no-repeat;
                                    align-self: self-end;
                                    background-image: url(https://cdn.myshoptet.com/usr/717121.myshoptet.com/user/documents/upload/new-hp/sipkam3.svg);
                                    position: absolute;
                                    height: 40px;
                                    width: 30px;
                                    right: 20px;
                                    top: 30%;
                
                                }
                                .type-product .content-wrapper.container{padding:30px;}
#homepageProducts4 .h4{
    display: block;
    color:black;
           font-size: 48px;
           font-weight: 700;
           text-align: center;
          
           margin: 30px;

}
                             
@media (max-width:991px) {
    .mob-log{display:none!important;}
    header#header .search #formSearchForm::before{display:none;}
    #homepageProducts4 .h4{
        font-size: 32px;
    }
}
.select2-selection, select, 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/new-hp/select.svg");
    background-position: right 10px center;
}

.product .flag{display:none;}
@media (max-width:767px) {
    .video-reference-title{font-size: 32px!important;}
    ol.cart-header{
        gap: 25px;
        flex-direction: row;
        align-items: center;
    }
    ol.cart-header li a{height:auto;}
    ol.cart-header li a span, ol.cart-header li strong span{font-size: 17px;}
    ol.cart-header li{padding:0px!important;}
    ol.cart-header li.active strong span{font-size: 17px;}
    ol.cart-header > li:not(:last-child)::after{
        right: -30px;
    }
}
.pw-overlay-container{display:none;}
.in-kosik .next-step{justify-content: space-between!important;gap:10px;}
.in-krok-1 .next-step{justify-content: space-between!important;gap:10px;}
.in-krok-2 .next-step{justify-content: space-between!important;gap:10px;}
ol.cart-header li a:hover span{background-color: transparent;opacity: 0.9;}
.in-kosik .summary{    border-top: unset;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 30px;}
    .submit-button2:hover{opacity:0.85;}
    .cta-button:hover{opacity:0.85;}
    #cboxClose{background-color:transparent!important;}
    .advanced-order .advanced-order-suggestion{background-color:white!important;color:black!important;}
    .advanced-order #products{margin-left:15px;margin-right:15px;}
    .all-references-link svg{fill:rgba(25, 122, 207, 1);}
    .all-references-link:hover svg{fill:white;}
    .all-video-references-link svg{fill:rgba(25, 122, 207, 1);}
    .all-video-references-link:hover svg{fill:white;}
    .all-references-link,.all-video-references-link{    display: flex
        ;
            justify-content: center;
            align-items: end;
            gap: 5px;}
            .more-link{
                display: flex
                ;
                    align-items: end;
                    gap: 5px;
            }
            .more-link svg{height:16px;}
            .more-link svg{fill:black;}
            .more-link:hover svg{fill:rgba(25, 122, 207, 1);}
            .more-link:hover{color:rgba(25, 122, 207, 1);}
            .next-step{padding-top:18px;}
            .dyska{    padding-top: 20px;
                padding-bottom: 30px;}
                .dyska h3{
                    font-size: 30px;
                    margin-bottom: 10px;
                }
                .dyska-items{
                    display: flex
                    ;
                        gap: 10px;
                        margin-top: 20px;
                }
                .dysko img{height:60px;}
                .in-kosik a.show-related{display:none;}
                .in-kosik h4{display: none;}
                .in-kosik .discount-coupon .btn-arrow-right{    background-color: #0668BD;
                    border-color: #0668BD;    border-radius: 0 15px 0 0px;}
                    .discount-coupon .form-control{
                        border-radius: 0 0px 0 15px;
                    }
                    @media (max-width: 767px) {
                        .in-kosik .discount-coupon .btn-arrow-right{    background-color: #0668BD;
                            border-color: #0668BD;    border-radius: 0 0px 0 15px;}
                            .discount-coupon .form-control{
                                border-radius: 0 15px 0 0px;
                            }
                            .in-kosik .summary .col-md-8{margin-bottom:30px;}

                    }
                    .next-step-back{
                        font-size: 17px!important;
                        color: #fff!important;
                        font-weight: 500!important;
                        letter-spacing: .34px!important;
                        background-color: #D7D7D7!important;
                        border-radius: 0 15px 0 15px!important;
                        text-transform: initial!important;
                        border: 0!important;
                        padding: 10px 20px!important;
                        text-transform: uppercase!important;
                    }
                    .next-step-back:hover{background-color: #D7D7D7!important;opacity:0.9;}
                    .btn-conversion:hover{background-color:#197ACF!important;opacity:0.85;}
                    .advancedOrder__buttons{margin:20px;}
                    .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;
                       }
                    @media (max-width: 650px) {
                        .type-product #tab-content{padding:10px;}
                        #up-prod{font-size:32px;}
                    .advancedOrder__buttons{justify-content: center;}
                    }
                    .btn{text-transform: uppercase!important;}
                    #products-1300{    margin-left: auto;
                        max-width: 95%;
                        margin-right: auto;padding-top: 20px;}
                    #products-1300 .slick-arrow{z-index:2;}
                    .advanced-order .extras-wrap .extra.delivery strong{font-size:18px;}
                    #productsTop{}
                    .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;
                      }
                      #myBtnTabulka_velikosti img{height:20px;}
                      .rowino{    display: flex
                        ;
                            flex-direction: row-reverse;
                            align-items: center;gap:5px;}
                            .p-data-wrapper .flags-and-code .p-code{display:none;}
                            .advanced-order .btn-conversion{padding:10px 20px!important;}
                            .type-product #cboxClose:before{color:white;}
                            header#header .navigation-buttons a[data-target=login]:hover{opacity:0.85;}
                            header#header .navigation-buttons a[data-target=cart]:hover{opacity:0.85;}
                            .slick-arrow:hover{background-color:#197ACF;opacity:0.85;}
                            .cart-table tr[data-micro-sku="6127"] .p-availability{visibility: hidden;}
                            .cart-table tr[data-micro-sku="6127"] .p-price{visibility:hidden;}
                            .in-kosik .discount-coupon .btn-sm{
                                background-color:#dc0404!important;
                                border-radius: 100px ! Important;
                                width: 20px !important;
                                height: 20px !important;
                                line-height: 20px !important;
                            }
                            .applied-coupon{    display: flex
                                ;
                                    justify-content: flex-start;}
                                    .in-kosik .discount-coupon .btn-arrow-right:hover{opacity:0.85;}
                                    .type-product .detail-parameters tbody{
                                        display: flex
                                        ;
                                            flex-direction: column-reverse;
                                        
                                    }
                                    @media (max-width: 767px) {
                                        .type-product .p-image-wrapper .p-thumbnails-wrapper {
                                            display: flex
                                    ;
                                        }
                                    }
                                    @media (max-width: 767px) {
                                        .type-product .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner div>a img {
                                            display: block;
                                        }
                                        .type-product     .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner div>a {
                                            width: 100px;
                                            height: 100px;
                                        }
                                        .type-product .rowino{
                                            width: 100vw;
                                            justify-content: space-between;
                                            padding-right: 30px;
                                        }
                                    }
                                    .in-index .index-content-wrapper{
                                        max-width: 100vw;
                                        width: 100vw;
                                    }
                                    .in-index #products-4{
                                        max-width: 1400px;
                                        margin-left: auto;
                                        margin-right: auto;
                                    }
                                    .in-index .content{padding-left:0px;padding-right: 0px;}
                                    .c-stepper{
                                        margin-left: auto;
                                        margin-right: auto;
                                    }
                                    .in-index .body-banners{display:unset!important;}
                                    .in-index .wide-carousel{
                                        padding-left:20px;
                                        padding-right:20px;
                                    }
                                    @media (max-width: 500px) {
                                        .in-index .first-testimonial{margin-top:0px!important;}
                                        .cart-table tr[data-micro-sku="6127"] .p-price {
                                            display: none!important;
                                        }
                                        .in-index .promo-column .cta-button{align-self: center!important;}
                                        .testimonial-section{
                                            width: 92%;
                                            margin-left: auto;
                                            margin-right: auto;
                                        }
                                       .clubs-section, #products-4,.vyhod,.c-stepper{padding-left:10px!important;padding-right: 10px!important;}
                                    }
                                    .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
                                    ;}
                                        #productsRelated::after{
                                            content:"DALŠÍ PRODUKTY Z BALÍČKU"!important;
                                            color: black;
                                            letter-spacing: normal!important;
                                            font-size: 48px;
                                            font-weight: 700;
                                        }
                                        .advanced-order .advanced-order-suggestion.h1{
                                            color: black;
                                            font-size: 48px;
                                            font-weight: 700;
                                        }
                                        @media (max-width: 650px) {
                                            .type-product #productsRelated {
                                                margin: 15px 0 40px 0!important;}

                                            #productsRelated::after{

                                                font-size: 32Px;
                                            }
                                            .advanced-order .advanced-order-suggestion.h1{
                                                color: black;
                                                font-size: 32Px;
                                              
                                            }
                                        }
                                        .add-to-cart-button::after{display:unset!important;}
                                        .add-to-cart-button span{display:none;}
                                        .p-tools form .add-to-cart-button{
                                            border-radius: 0px 10px 0px 10px;
    background-color: #197acf;
    color: white;
    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;
                                        }
                                        .p-tools form .add-to-cart-button:hover{
                                            background-color: black!important;
                                        }
                                        .p-shortos img{
                                            display:none;
                                        }
                                        #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
                                        ;}

                                        @media (max-width: 500px) {
#dkLabNoteMainWrapper h3{padding-bottom: 10px!important;    padding: 0px;}
    #dkLabNoteDetailWrapper{gap:10px!important;}
}
@media (min-width: 321px) and (max-width: 479px) {
    .columns-mobile-2 .products-block>div .flags.flags-extra {
        display: none !important;}}
        @media (max-width: 992px) {

        .p-image .flag{position: relative;}
        }
        .type-product #description{order: -2;}
        .type-product #productsRelated{margin:  0px  ;order: -1;}
        .type-product #productsRelated{margin:  0px  ;order: -1;}
        .p-image-wrapper .p-image .flags-extra{display:none;}
        @media (min-width: 992px) {
        .in-kosik .p-availability {
             display: none;
        }
    }
    @media (max-width: 991px) {
        .in-kosik .p-availability {
            visibility: hidden;
       }

    }
    .in-kosik .delivery-time{font-size: 18px;}
    .rfndi{text-decoration: underline;}
    .rfndi:hover{
        text-decoration:unset;
    }
    @media (min-width: 992px) {
    .menu-item-730 a::before{
        content: '';
        background: url(/user/documents/upload/new-hp/shield.svg);
        width: 18px;
        height: 22Px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .menu-item-730 a:hover::before{
 
        content: '';
        background: url(/user/documents/upload/new-hp/shield3.svg);
        width: 18px;
        height: 22Px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .menu-item-730 a{
        display: flex!important;
            gap: 6px;
            align-items: center;
    }
}
.shext-product-warning-body .button-bar button.filled {
    background-color: #197ACF;
    color: white;
    border-color: #197ACF;
}
.shext-product-warning-body .button-bar button.filled:hover {
    background-color: #197ACF;
    color: white;
    opacity:0.9;
    border-color: #197ACF;
}
.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%;
}
}
.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;}

.clubs-section {
  display: flex;
  margin-top: 58px;
  width: 100%;
  max-width: 1206px;
  align-items: stretch;
margin-left:auto;
margin-right:auto;
  gap: 20px;
  font-family: Barlow, -apple-system, Roboto, Helvetica, sans-serif;
  white-space: nowrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.clubs-heading {
  color: rgba(0, 0, 0, 1);
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
}
.clubs-heading1 {
  color: rgba(0, 0, 0, 1);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
.clubs-logos {
  display: flex;
  align-items: center;
  gap: 40px 49px;
  font-size: 23px;
  color: rgba(25, 122, 207, 1);
  font-weight: 500;
  text-align: center;
  line-height: 27px;
  flex-wrap: wrap;
}

.club-logo {
  flex-shrink: 0;
}

.club-logo2:nth-child(1) {

  object-fit: contain;
  object-position: center;
  width: 90px;
  align-self: center;
}

.club-logo2:nth-child(2) {

  object-fit: contain;
  object-position: center;
  width: 90px;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 100%;
}

.club-logo2:nth-child(3) {

  object-fit: contain;
  object-position: center;
  width: 90px;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
}

.club-logo2:nth-child(4) {

  object-fit: contain;
  object-position: center;
  width: 90px;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 100%;
}

.club-logo2:nth-child(5) {

  object-fit: contain;
  object-position: center;
  width: 70px;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
}

.club-logo2:nth-child(6) {

  object-fit: contain;
  object-position: center;
  width: 90px;
  align-self: center;
}
.all-clubs-link .sipka1{display:none;}
.all-clubs-link img{    height: 20px;
    filter: unset;
    margin-bottom: 6px;}
.all-clubs-link:hover{text-decoration:underline;color:#197acf!important;}
.all-clubs-link:hover .sipka1{display:block!important;filter:unset;}
.all-clubs-link:hover .sipka2{display:none!important;}

.all-clubs-link {
    display: flex!important
;

    flex-direction: column;

  overflow: hidden;
}

/* Products section */
@media (min-width: 992px) and (max-width: 1199px) {
.clubs-logos{gap:20px;}
.clubs-section{margin-top:28px;}
}
.all-clubs-link1{display:none!important;}
.clubs-heading1{display:none!important;}
@media (max-width:991px) {
.clubs-section{margin-top:20px;gap:0px;}
.clubs-logos{gap:10px;margin-left: auto;
        margin-right: auto;}
.all-clubs-link{display:none!important;}
#all-clubs-link1{display:block!important;     
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
        color: #197ACF;
        text-align: center;
        width: 100%;
        margin-bottom: 20px;}
.clubs-heading{display:none;}
#clubs-heading1{display:block!important;width: 100%;
        text-align: center;margin-bottom:10px;}
}
@media (min-width:767px) and (max-width:991px) {
#clubs-heading1{margin-bottom:20px;}
#all-clubs-link1{margin-top:20px;}
}
@media (min-width:500px) and (max-width:767px) {
.clubs-logos{gap:0px;}
img.club-logo {
    width: 100% !important;
    float: left;
    aspect-ratio: auto !important;
    padding: 12px;
}
}

@media (max-width:500px) {
 
.clubs-logos{gap:0px;}
.club-logo2{
  width: 33.33% !important;
        float: left;
        aspect-ratio: auto !important;
        padding: 25Px;
}
 
}
 .clubs-section a:hover{color:#0668BD!important;}
#all-clubs-link1:hover{color:black!important;}
.club-logo2 img{filter: unset!important;}
.club-logo2:hover img{filter: grayscale(100%);}
@media (min-width:360px) and (max-width:500px) {
    .type-product .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart{gap:4px;}
    .type-product .p-to-cart-block .p-add-to-cart-wrapper{width:100%;}
}
@media (max-width:500px) {
    .search-window-visible .search .s-icon{
display: none;
    }
    .search-window-visible .search .s-icon{
        display: none;
            }
    .search-whisperer.active{margin-top:9px!important;        border-radius: 5Px;
        box-shadow: 0 0 4px rgba(0, 0, 0, .16);}
    header#header .search #formSearchForm input{
        padding-right: 45px !important;
        background-image: url(https://denatura.cz/user/documents/upload/Images/magnifier.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: calc(100% - 15px) center;
        border-radius: 20px!important;
        height: 40px;
        border-bottom: 1px solid #DADADA;
        box-shadow: 0 0 4px rgba(0, 0, 0, .16);
        padding: 20Px !important;
        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: 10px;
        width: calc(100vw - 50px);
    }
    .search-window-visible #formSearchForm {
        display: block;
        position: absolute;
        top: -15px;}
        .search-window-visible #header .search {
            position: absolute;
        }
}



@media (max-width: 767px) {
    .menu-mobile{display:none;}
    header#header .navigation-buttons a, header#header .navigation-buttons a:hover{color:black!important;}
    body.navigation-window-visible::before {
        display: block !important;
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        opacity: 1;
        z-index: 1;
        bottom: 0;
  
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    header#header nav#navigation .navigation-in{padding-top:0px;}
    .search-window-visible header#header nav#navigation .navigation-in{padding-top:7px;}
    #navigation{transition: unset;}
    #header .container{
        box-shadow: 0px 1px 2px 0px #00000026;
        position: relative;
        z-index: 99999;
    }
    header#header {
   
        box-shadow: 0px 1px 2px 0px #00000026;
        position: relative;
        padding-bottom: 0Px;}
    .navigation-window-visible .navigation-buttons a[data-target=navigation]:before{
        content: "\e912"!important;
        font-size: 22px!important;
    }
    .navigation-window-visible .navigation-close{display:none;}
    body.navigation-window-visible {
        height: 100%;
        overflow-y: hidden;
        position: fixed;
    }
    .navigation-window-visible .navigation-buttons {
        display: flex
    ;
    }
    .navigation-in > ul li{
        border-bottom: 1px solid #ebebeb!important;
    padding: 18px 8px;
    }
    .navigation-in > ul li a{padding:0px!important;}
    #navigation {
        width: 100%;
        max-width: 270px;
        right: auto;
        left: 0;
        height: 0;
        border-top-style: none;
    }
    .navigation-window-visible #navigation {
        height: 100%;
    }
    #navigation .navigation-in ul li > a > b {
        text-decoration: none !important;
        padding: 0 !important;
    }
    .navigation-in > ul li {
        border-bottom: 1px solid var(--color-g50);
    }
    #navigation .menu-level-1 li a .submenu-arrow {
        width: 56px;
        height: 56px;
        line-height: 56px;
    }
    #navigation .menu-level-1 li.exp a .submenu-arrow {
        width: 48px;
    }
    .navigation-window-visible .navigation-in ul li.ext.exp {
        position: fixed !important;
        background-color: #fff;
        z-index: 9;
        width: 100%;
        max-width: 270px;
        height: 100%;
        top: 64px;
    }
    .navigation-in > ul > li.appended-category {
        display: none;
    }
    .navigation-in ul li.ext.exp > a, .navigation-in ul li.ext.exp > div > a {
        padding-left: 48px !important;
        border-bottom: 1px solid var(--color-g50);
    }
    .navigation-in ul li.ext.exp > a .submenu-arrow, .navigation-in ul li.ext.exp > div > .submenu-arrow {
        width: 40px;
        right: auto;
        left: 0;
        transform: translateY(-50%) rotate(180deg) !important;
    }
    .navigation-window-visible li.exp > a .submenu-arrow::after, .navigation-window-visible li.exp > div > .submenu-arrow::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .navigation-window-visible .navigation-in > ul > li.ext.exp > ul, .navigation-window-visible .menu-helper>ul>li.ext.exp>ul {
        display:block;
        height: calc(100vh - 105px);
        overflow: auto;
    }
    .navigation-in ul li.has-third-level > div > a{
        position: relative;
    }
    .navigation-in ul li.ext > div {
        position: relative;
    }
    .navigation-in ul li.ext.exp > div > ul {
        display: block;
    }
    .navigation-in ul li.ext > ul, .navigation-in ul li.ext > div > ul {
        position: relative;
        left: -100%;
        transition: all .3s;
        display: block;
        height: 0;
        background-color: #fff;
        width: 0;
        overflow: hidden;
    }
    .navigation-in ul li.ext.exp > ul, .navigation-in ul li.ext.exp > div > ul{
        left: 0;
        width: 100%;
        overflow: auto;
        height: calc(100vh - 105px);
        padding-bottom: 114px;
    }
    .navigation-window-visible #navigation {
        height: 100%;
        top: 129px;
    }
    header#header nav#navigation .navigation-in{
        height: 100% !important;
    }
}