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

div [class^="article_cell_"] {
   height: auto !important;
/* padding-right: 10px;*/
}

div [class^="article_row_"] {
    height: auto !important;
    display: flex;
/*  padding-bottom: 11px; */
    justify-content: center;
}

.xls50 [class^="article_cell_"] {
    height: auto !important;
    padding-right: 0;
}

                     


/**********  RESPONSIVE == NEW TOP MENU 2016  ***********/


.responsiveMainMenu {
    display: none;
}



.openButton.navigace:before {
    content: '\f0c9';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    position: absolute;
    font-size: 22px;
    color: white;
    padding: 0 10px 0;
    display: block;
    margin: -3px 0 0 -35px;
}

.openButton.navigace {
    cursor: pointer;
    color: white;
    margin: 20px 32px;
    font-weight: 900;

}

.openDiv.wrp_menu_resp {
    opacity: 0;
    position: absolute;
    top: -5000px;
}


.openDiv.wrp_menu_resp.isOpen {
    background: #223742;
    margin-top: -10px;
    width: 100%;
    color: white;
    z-index: 999;
}
.openDiv.wrp_menu_resp.isOpen {
    opacity: 1;
    position: relative;
    top: 0;
}

/*//-------------------- RESPONSIVE == LEFT MENU -------------------------------------- */

div#header.bbforecolor {
    display: none;
}


#header {
    box-sizing: inherit !important;
    color: #fff;
  /*  display: none;*/
    font-size: 1.1em;
    font-weight: bold;
    height: 33px;
    left: 0px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 20px;
    z-index: 250;
}


#header a, .headerX a {
    background: transparent url("/img/mmenuwhite.png") no-repeat scroll center center;
    display: block;
    height: 40px;
    margin-left: 0;
    margin-top: -3px;
    position: static;
    width: 42px;
    z-index: 1050;
}

.mm-list i.fa.fa-angle-right {
    margin-right: 6px;
}





/* ------------------  RESPONSIVE INPUT MENU  -----------------------*/
#responsiveMainMenu {
    border-radius: 10px;
    padding: 7px 10px;
    display: none;
    position: relative;
    margin: 10px;
    width: calc(100% - 103px);
    margin: 13px auto;
}

 


/*------------------ CORE STYLES ------------------------*/ 

.webwidth {
/*    width: 100%;
    max-width: 1210px;*/


/*//height: 500px;
//background: red;*/
}
 



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

.ftrtxtwrp h1 {
    font-size: 40px;
    font-weight: 600;
    margin-top: 220px;
    color: #ec008c;
    letter-spacing: 0.05em;
    text-align: left;
}
}




@media only screen and (max-width:1830px) {
.menuicons .TopMenuCell a img {  
 height: 18px;
}

.menuicons .TopMenuCell {
    width: calc(100% / 6 - 2px);
}

.sidebar {
    padding-left: 0;}



#folderMenuHolder ul.sidebar-menu ul li a {
 
    font-size: 13px !important;    }
    
 


#folderMenuHolder ul.sidebar-menu li a {
 
    font-size: 14px;
}

ul.menu-rozbaleno a {
    padding: 16px 10px 12px;
}

.ftrtxtwrp p {

    width: 80% !important;
}

}


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

.ftrtxtwrp h2 {
    font-size: 26px;
}
}


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

    .animIconsCell {

        max-width: 200px;
    }

}



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

.ftrtxtwrp h1 {
    font-size: 34px;
}

.ftrtxtwrp {
    width: 74%;
}



}




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

    

#folderMenuHolder .TopMenuCell a img {
    height: 22px;
}

#folderMenuHolder .TopMenuCell a:hover img {
    height: 28px;
}

li.fcbk a {
    padding-right: 0px;
    padding-left: 0px;
}


.centertopholder {
   
 width: auto; 
}

.srchwrp {
    width: 247px;
}

.leftholder {
    width: 231px;
}

.middleholder {
    width: 182px;
}

.mainmenu {
  /*  width: calc(100vw - 696px);*/
}

.ficons.fposledni {
    margin-right: 6px;
}

.ficons.fprvni {
    margin-left: 6px;
}

.loginRegistrace {
 
    padding-left: 0;
}

.dxbButton div.dxb {
    padding: 3px 0 4px 0;
}


}

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




    
    .searchHolder {
      width: 139px;
    }

    
    .yoursearch input {
        width: 120px;
    }

    .srchwrp {
        width: 187px;
    }
     
     .searchAndLang {
      
         justify-content: flex-start; 
          }
    
    .loginLink span.dx-vam,
    .profilLink span.dx-vam {
        display: none !important;
    }

    .loginLink {
 
        padding-bottom: 22px;
    }

    .shoptop {
        min-width: 77px;
        margin-top: -22px;
        
    }
    


.mainmenu {
    width: calc(100vw - 714px);
}

.sidebar {
    width: 250px;
 
}

.contentsize {
    max-width: calc(100% - 270px);
}

form[action*="produkty"] .sidebar,
form[action*="products"] .sidebar
{
    display: none !important;
 
}

form[action*="produkty"] .contentsize,
form[action*="products"] .contentsize
{
    max-width: calc(100% - 80px);
    margin-left:40px;
}
 

.contentrazitko 
{
    display:none;
}

.nezobrazovatmenu .content.contentsize {
    margin: 0 auto;
}

.nezobrazovatmenu .sidebar {
    display: none;
}


.companyInfoHolder {
    background-position: inherit;
    background-size: inherit;
}

.ftrtxtwrp {
    width: 81%;
}

}
 


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

.sliderrazitko {
 
    top: 128px;
    right: 7px;
    margin-top: 0;
    margin-left: 0;
}


}


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

}



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

    .animIconsCell {

        max-width: 150px;
    }

    .animIconsText {
        font-size: 20px;
    }

}





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

ul.menu-rozbaleno a {
    padding: 16px 12px 12px;
}    

.ffooter 
{
    background: none;
        min-height: 1px;}
        
.ftrtxtwrp 
{
    margin: 0;
    padding: 0 20px 0 20px; }  

    .companyInfoHolder {
        background-position: inherit;
        background-size: inherit;
    }


    
    
.mddltxtwrp {
    width: 100%;
    order:3;
    margin-left: 115px;
    padding-left:0px;
}
 
.lftlogowrp 
{order: 1
    }  


.rghtcrtfwrp 
    {
       order:2;
       }
       
       
       
.mddltxtwrp div 
{
     padding-left:0px;
    }


       
       .ffootercopyrght  
       { flex-wrap: wrap;
         padding-top:20px;
         padding-bottom:20px;
           }
           
  .lftlogowrp, .mddltxtwrp, .rghtcrtfwrp {
       min-height: 80px;
    height: auto;
}      

}

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


    .middleholder {
        width: 139px;
        padding-left: 0;
    }

    .middleholder .homearticlecontent {
        font-size: 15px;
    }

    .mainmenu {
        width: calc(100vw - 661px);
    }



    ul.menu-rozbaleno a {
        font-size: 15px;
            padding: 19px 7px 12px;
    }

    .SensitNovinkyPage .folderContent {
        justify-content: center;
        -webkit-justify-content: center;
        margin-right: 0;
    }

    .SensitNovinkyPage .folderContent .folderItem {
        width: calc(30% - 0px);
    }

.icnshldrwrp {
    width: calc(100% - 100px);
    padding-left: 50px;
}

.prdctswrp .prdctitemwrp:nth-child(3n)
{
    
    margin-right: 25px !important;


}

.prdctswrp .prdctitemwrp{
    width: calc(48% - 13px);
 max-width: 386px;
}

.tabCount5 .wrapper ul li 
{
    width:100%;}

}

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

    form[action*="produkty"] .nothomepage .sliderpicture,
    form[action*="products"] .nothomepage .sliderpicture,
    
    form[action*="produkty"] .nothomepage .sliderholder,
    form[action*="products"] .nothomepage .sliderholder
    {
        height: 252px;
    }
    
    form[action*="produkty"]  .nothomepage .slideadholder ,
    form[action*="products"]  .nothomepage .slideadholder
    {
        padding-top: 100px;
     
    }


.seofooter {
    height: 1px;
    opacity: 1;
    overflow: hidden;
}


.icobar  .TopMenuCell a:hover img {
    height: 40px;
}

.standard_article h1, .standard_article h2, .articlcnt h1, .articlcnt h2, .shopcontent h1 {
    padding-bottom: 0;
}  

.nothomepage .slideadholder {
    padding-top: 160px;
    padding-left: 0 !important;
}

.tplmttl p {
  font-size: 30px;
  
}

.minslider .sliderpicture, .minslider .sliderholder {
    height: 287px;
}

.icobar .TopMenuCell.icocolor1 {
height: 67px;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.icobar .TopMenuCell.icocolor1:last-child {
    height: 67px;
        border-right: 0 none;

}


.icnshldrwrp {
    margin: 50px auto 30px;
}

.homerazitko 
{
    display:none;}
    
    
    .icnshldrwrp 
    {
        padding-left:0px !important;}

.tabCount5 .wrapper ul li a, 
.tabCount5 .wrapper ul li a:active, 
.tabCount5 .wrapper ul li a:focus, 
.tabCount5 .wrapper ul li a:visited
{
    font-size:14px !important;
    padding: 0 20px;
}


.TopMenuCell a img {
 
    height: 50px;
}

.TopMenuCell {
   height: 130px;
}

 

.TopMenuCell a:hover img {
    height: 65px;
}

.TopMenuCell a span {
  font-size: 20px;
}


.newshldrwrp {

    margin-top: 0;
}

.linewrp .sldrwrp {
/*    margin-top: 72px;*/
margin-top: 20px;
}

.TopMenuCell a:hover img {
    height: 62px;
}

 

.icobar {
    background-image: none;
} 

.productslider .big-prev.slick-arrow {
    left: calc(57vw + 100px) !important;
}

.slider.nothomepage.productslider .slick-dots {
    bottom: 46px;
    width: CALC(20% + 18PX);
    right: 30vw;
}

.ftrtxtwrp h1 {

    margin-top: 75px;

}

}


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

.awrpholder, .abprdctsldr {
max-width: calc(100vw - 100px);
}




            .contentsize {
   max-width: calc(100% - 250px); 
    width: 100%;
    margin: 0 auto;
    padding-left:20px;
        padding-right: 20px;
} 
}





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

.middleholder {
    display: none;
}

.mainmenu {
    width: calc(100vw - 524px);
}





.slideadholder {
    padding-left: 20px !important;
}


 

.icoholder {
    width: 100%;
   
}

.ftrtxtwrp {
    width: 100%;
}

.ftrtxtwrp h4 {
    font-size: 22px;
    margin-top: 52px;
}

.linewrp {

    padding-bottom: 0;
}

.twclms {

    margin-top: 0;
}
    
    .ftrtxtwrp p {
    font-size: 15px;
    }
    
.mddltxtwrp div {
    font-size: 11px;
    line-height: 120%;
}

a .cellicoclaim, a .cellicotitle {
 font-size: 35px;
}

.xls50, .xls50:first-child  {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.homearticlecontent div [class^="article_row_"], .homearticlecontent div [class^="article_cell_"] {
    padding: 0;
    margin: 0;
 
}

.cellwrp {
    width: calc(100% - 0px);
    height: 359px;
}
.icobar .TopMenuCell a span {
 font-size: 15px;
}



.TopMenuCell a img {
    width: 27px  ;
    height: auto ;
}

.homepage .TopMenuCell a img {
    width: auto  ;
    height: 40px  ;
}

.homepage .TopMenuCell:hover a img {
    width: auto  ;
    height: 48px  ;
}


#folderMenuHolder .TopMenuCell a img {
    height: 20px !important;
     width: auto !important;
}

#folderMenuHolder .TopMenuCell a:hover img {
    height: 26px !important;
}

.footerInfoContacts,
.greyBackg {

    padding-top: 0px;
    padding-bottom: 0px;

}

.footerContact,
.footerSocial,
.footerProducts,
.footerQuickLinks,
.footerNewsLetter
 {
    margin: 8px;
}






}

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

    .NaDotaz {
        width: 100%;
    }

    h2 + .invoicecell, h2 + .deliveryadresscell {
        height: 120px;
        margin-bottom: 5px;
    }

    .invoicecell, .deliveryadresscell {

        height: 60px;
        padding-top: 0px;
       
    }

 .form-group {
            margin-bottom: 5px;
        }

        .confLogged.confvis  .ProductArticleContentContainer {
            width: 100%;
        }
        
        [id*="PanelConfigurator"] ~ .ProductArticleContentContainer  {
            width: 100%;
        }

        .xls100.ProductArticleContent{
            display: flex;
            flex-direction: column; 
          }
        
          .xls100.ProductArticleContent &gt; * {
            order: 9;
        }

        .xls100.ProductArticleContent &gt; .ProductArticleContentContainer  {
            order: 1;
        }


        .xls100.ProductArticleContent &gt; .ProductTabsContent  {
            order: 2;
        }

        

}

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

span#kies {
    display: block;
    max-width: 150px;
    margin: 15px auto 10px ;
    padding: 8px;
}

.eu-cookies a {
    padding: 8px;
    width: 150px !important;
    display: block;
    margin: 0px auto;
}

.eu-cookies {
    font-size: 15px;
    padding: 19px 26px 12px;
}







 
 
 

.prdctswrp .prdctitemwrp .prdctswrpa span 
{
    padding-left:10px;
    padding-right:10px;
}

 .landingpage .sliderpicture, .landingpage .sliderholder, .nothomepage .sliderpicture, .nothomepage .sliderholder {
    height: 321px;
}   

   .nothomepage.productslider .sliderholder, .productslider   .sliderpicture {
    height: 600px;
}   



.nothomepage .minslider .sliderholder, .nothomepage  .minslider .sliderpicture {
    height: 300px;
}

.productslider .slick-arrow {
    display: none !important;
}

.productbgimg {
    background-position-x: calc(58vw + 25px);
}


 

  .pouzeObrazekFalse .txthldrli:BEFORE {
    content: " ";

    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 90px);
    width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262626+0,262626+100&amp;0+44,0.46+77,1+100 */
background: -moz-linear-gradient(top,  rgba(38,38,38,0) 0%, rgba(38,38,38,0) 44%, rgba(38,38,38,0.46) 77%, rgba(38,38,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(38,38,38,0) 0%,rgba(38,38,38,0) 44%,rgba(38,38,38,0.46) 77%,rgba(38,38,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(38,38,38,0) 0%,rgba(38,38,38,0) 44%,rgba(38,38,38,0.46) 77%,rgba(38,38,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00262626', endColorstr='#262626',GradientType=0 ); /* IE6-9 */




}

}

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

.homepage .sliderpicture {

    background-size: 238%;
    background-position: 25%;
    
    background-repeat: no-repeat;
    background-color: #262626;
}


.podmsouhlas .control-label {
font-size: 14px;
}

 



 

}



@media only screen and (min-width:1001px) {   

div#mm-blocker, .lefmovedclass, nav#menu {
    display: none !important;
}


}


@media only screen and (min-width:591px) {   

 
    
    .articletable.tapped::before {
        content: none;
    }

    
    }




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


    .shoptop {
        position: absolute;
        right: 20px;
    }

    .SensitNovinkyPage .folderContent .folderItem {
        width: calc(50% - 0px);
    }

.search-result-product-cell.productItem, .search-result-articles-cell {
    width: 50%;
}

.breadcrumbsholder.inshop ul.breadcrums li:first-child {
    padding-left: 4px !important;
}

 
.mainmenu {
    DISPLAY: NONE;
}

#header.HamburgerMenuTrigger, .HamburgerMenuTrigge {
 display: block;
     left: 18px;
         left: 18px !important;
}

.HamburgerMenuTriggerHolder.relativeversion {
width: 72px;
 
display: block;
 
 
}
 

 

.srchwrp {
    display: none;
}

.middleholder {
    width: calc(100vw - 300px);
    padding-left: 3vw;
}

.searchHolder {
  width: 97px; 
   
}

.searchAndLang {
justify-content: flex-start;
}

.contactcell {
 
    OVERFLOW: HIDDEN;
      height: AUTO;
}

.WebContent .contactcell h3, .WebContent .contactcell h2  {
    height: auto;
}

.WebContent .contactcell h3 {
    padding-bottom: 17px;
}

div [class^="article_row_"].contactrow {
    display: block;
}

.contactrow [class^=article_cell_], div [class^="article_row_"].contactrow {
    width: 100%!important;
}

.subslinks.nezobrazovatmenuTrue {
    padding-right: 25px;
    padding-top: 29px;
      
}

.cardbuttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.cardbuttons a {
    margin: 5px !important;
}


.shopcardholder .row:first-child {
    display: none !important;
}


.shopcardholder .row {
    flex-wrap: wrap;
}

.shopcardholder .row div.productimg, .shopcardholder .row div.producttitle, .shopcardholder .row div.productdel, .shopcardholder .row div.nonvat, .shopcardholder .row div.vat, .shopcardholder .row div.count, .shopcardholder .row div.celkem, .shopcardholder .row div.noborder {
    justify-content: center !important;
    min-height: 40px !important;
}

.shopcardholder .row div.productimg,
.shopcardholder .row div.producttitle {
    width: 50% !important;
}

.resumeadresholder {
    display: flex !important;
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}


.zakaznik, .dodaciadresa, .fakturacniudaje, .uhradadoprava {
    width: 50% !important;
    display: flex !important;
    overflow: hidden;
    float: left;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.zakaznik h2, .dodaciadresa h2, .fakturacniudaje h2, .uhradadoprava h2 {
    font-size: 16px !important;
    width: initial !important;
    margin-top: 10px !important;
    margin-bottom: 3px !important;
}

.zakaznik p, .dodaciadresa p, .fakturacniudaje p, .uhradadoprava p, .zakaznik span, .dodaciadresa span, .fakturacniudaje span, .uhradadoprava span {
    margin-bottom: 0px !important;
}

.vatrow  .col-md-5.poznsummaryrow {
    order: 1;
    width: 100%;
}

.vatrow .col-md-4.pricetitle {
    order: 2;
}


.vatrow .col-md-2.productprice.productpriceVat {
    order: 3;
}


.vatrow .col-md-1 {
    order: 4;
}

.shopcardholder .row.vatrow div.poznsummaryrow p {
    text-align: center;
    margin-bottom: 5px;
    font-weight: 500 !important;
    width: 100% !important;
}

.shopcardholder .row.vatrow div.poznsummaryrow p + span {
    display: block;
    width: 100%;
    text-align: center;
}

.shopcardholder .row div {
  min-height: 80px !important;

}

.shopcardholder .row.vatrow ,
.shopcardholder .row.nonvatrow,
.shopcardholder .row.vatrow div,
.shopcardholder .row.nonvatrow div
{
    min-height: 50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shopcardholder .row.vatrow div.pricetitle,
.shopcardholder .row.nonvatrow div.pricetitle,
.shopcardholder .row.vatrow div.productprice ,
.shopcardholder .row.nonvatrow div.productprice 
{
    min-height: 50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shopcardholder .row.vatrow div.poznsummaryrow {
    min-height: 80px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

}

.nonvatrow .col-md-1,
.nonvatrow .col-md-5  {
    display: none !important;
}

.pricetitle{
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.productprice{
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-left: 10px !important;
}

.shopcardholder .row.nonvatrow div p, .shopcardholder .row.vatrow div p {
    margin-bottom: 0px !important;
}


.row.doprava .col-md-1.productimg,
.row.platba .col-md-1.productimg
{
    display: none !important;

}

.shopcardholder .row.doprava div.producttitle,
.shopcardholder .row.platba div.producttitle {
    width: 100% !important;
}


}


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

    h2 + .invoicecell, h2 + .deliveryadresscell {
        height: 75px;
        margin-bottom: 5px;
        padding-top: 15px;
    }

    .deliveryadresscell.shodna {
        margin: 0px 0 -8px 14px;
        width: 575px;
    }

    .shodna label.pppcontainer+label {
        font-size: 12px;
        padding-left: 20px !important;
    }

    .podmsouhlas .control-label {
        font-size: 14px;
    }


}





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

.contentsize {
 /*   max-width: max-content;*/
 max-width: 85%;
}
     
    .sidebar.animated 
    {
        display:none;
        }

.breadcrumbsholder.inshop {
    min-height: 25px;
}

/* Zm2ny pÃ­sma global sizes */
.standard_article h1, .standard_article h2, .articlcnt h1, .articlcnt h2, .shopcontent h1 {
    font-size: 38px;

}

.WebContent h2, .shopcontent h2, .WebContent h3, .shopcontent h3 {
    font-size: 23px;
    font-weight: 200 !important;
    margin-top: 16px;
}

.WebContent p, .WebContent p strong, .htmleditor	p, .dxss-wrap	p, #testplacecontent p, [class^="dxheDesignViewArea"]	p {
    font-size: 15px !important ;
    line-height: 140%;
}

 .webcontent table tr th,  .webcontent table tr td,
  .webcontent table tr th *,  .webcontent table tr td * {
    font-size: 14px !important;
    font-weight: 300 !important; 
}

 
  .webcontent table tr th STRONG,  .webcontent table tr td STRONG  {
 
    font-weight: 600 !important; 
}

/* Zm2ny pÃ­sma global sizes END */


div#sliderGallery img {
    width: calc(50% - 2px);
    max-height: initial;
    margin: 0 0 3px;
    padding: 0;
}

div#sliderGallery {
 
    display: block;
 
    float: left;
}

.certifMoreHolder a {
    display: flex !important;
    align-items: center;
    justify-content: center;
        flex-wrap: wrap;
}

.certifMoreHolder a img {
    padding: 10px 7px 25px;
    max-width: 110px;
}


.icobar .TopMenuCell a span {
 font-size: 13px;
}

.TopMenuCell a img {
    width: 25px  ;
    height: auto  ;
} 

.ichldr img, .ichldr  {
    max-width: 50px;
}

.ichldr {
   justify-content: flex-start;
}

.txhldr {
 
  width: calc(100% - 51px);
}

/*.mddltxtwrp 
{
  margin-right: 150px; 
  width:50%; }
  
  .rghtcrtfwrp 
  {
      display:none;}*/
      
          a .cellicoclaim, a .cellicotitle 
    {
        font-size:34px;}

.prdctswrp  {
display: flex;
justify-content: flex-start;
 
}

.prdctswrp .prdctitemwrp {
    width: calc(88% - 13px);
}

ul.containactive.omezenetaby li {
    padding-right: 0px;
}






.WebContent .subslinks a, .subslinks a:hover {
  width: 32%;
}

.productbgimg {
    background-position-x: calc(50vw + 25px);
}

.slider.nothomepage.productslider .slick-dots {
    bottom: 9px;
    width: CALC(26% + -18PX);
    left: 26px;
    z-index: 1;
}    

.abprdctsldr {
    max-width: calc(78vw - 0px);
    left: 0;
    margin-left: 24px;
    margin-right: initial;
    margin-top: -417px;
    height: 241px;
}

.awrpholder  {
    ax-width: calc(39vw - 0px);
    left: 0;
    margin-left: 24px;
    margin-right: initial;
    margin-top: 0px;
    height: 141px;
    min-width: 229px;
    background: transparent !important;
    z-index: 0;
}

.awrp {
    flex-wrap: wrap;
    min-width: 251px;

}

.awrp a {
    /* display: block; */
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0px;
}

.awrp .btn2 img {
    width: 30px;
    margin-left: 17px;
}

.prdctswrp  {
 
justify-content: center;
 
}

.form-horizontal .control-label {
  margin-bottom: 9px;
}

label.col-md-4.control-label.capchaL img {
    position: absolute;
    margin: -22px 0 0 0;
    left: 99px;
}

.qFormItemSeparator {
    display: none;
}

h3.header3Podporujeme {
    font-size: 16px !important;
    font-weight: 500 !important;
}

}

@media only screen and (max-width:860px)   {
.prdctswrp .prdctitemwrp,
.prdctswrp .prdctitemwrp:nth-child(3n) {
width: calc(100% - 0px);
    margin-right: 0 !important;
}
}

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






 
    
.tabsouboryItemPopis span {
    font-size: 15px;
}

.tabsouboryItemPopis img {
 
    padding-left: 5px;
    padding-right: 15px;
 
}



    
    
 


.mddltxtwrp {
padding-right: 20px;
}


    
}






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



    
    form[action*="produkty"] .WebContent  div [class^=article_cell_], div [class^=article_row_] ,
    form[action*="products"] .WebContent  div [class^=article_cell_], div [class^=article_row_] 
    {
        width: 33%!important;
    }
    
    .articleveliciny {
        margin-top: 12px;
        height: 150px;
    }
    
    .articleveliciny a img {
        height: 52px;
    }



.icobar .TopMenuCell a {
   flex-direction: column;
}

.icobar .TopMenuCell a span {
    font-size: 12px;
    padding: 41px 0 0 0;
}

.icobar .TopMenuCell a img {
    width: auto  ;
    height: 29px ;
    padding: 0 0 3px 0;
}



.icontxtwrp {
    justify-content: center;
}

.icontxtwrp a {
    max-width: 380px;
}

.icoholder   {
   min-height:1px;
   overflow:hidden;

 
}

.txhldr {
    width: calc(100% - 90px);
}

.ichldr img, .ichldr {
    width: 70px;
}

.icontxtwrp a {
    font-size: 21px;
}

.icontxtwrp a {
    font-size: 19px;
}




.TopMenuCell a span {
    font-size: 16px;
}

     

.ttlhldrwrp h2, .newshldrwrp h2 
{
  font-size:38px;  }   
  
  
  .icnshldrwrp h2   
  {
  font-size:38px;  }     
  
  
.slidetitle 
{
    font-size:38px;
} 
    
    .slideadholder &gt; .slidetitle {
    margin-top: 60px;
    margin-bottom: -60px;
    padding-bottom: 10px;
    line-height: 114%;
 
    
} 

.hslider  .slideadholder &gt; .slidetitle {
 
    max-width: min-content;
    
} 

.slidetitle + .slidetitle {
    margin-bottom: -80px;
    padding-bottom: 16px;
    padding-top: 0px;
    line-height: 70%;
}


.sliderbcg .slick-dots {
    bottom: 94px;
 
}


    
.prdctswrp .prdctitemwrp .prdctswrpa p {
    font-size: 18px;
    max-height: 76px;
    overflow: hidden;
    /* background: red; */
}


.twclms .xls50 
{
  width:100% !important;
  padding-right: 0px !important;
  padding-left: 0px !important; 
  text-align:center;  }
  
  .cellwrp.lft, .cellwrp.rght 
  {
      width:100%;}
      
 



.prdctswrp .prdctitemwrp .prdctswrpa .imgwrp img {
    height: initial; 
    display: block;
    min-height: 1px; 
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    mix-blend-mode: multiply;
    max-height: inherit;
}

.tabCount5 .wrapper ul li a, 
.tabCount5 .wrapper ul li a:active, 
.tabCount5 .wrapper ul li a:focus, 
.tabCount5 .wrapper ul li a:visited
{
    font-size:12px !important;
}

.rghtcrtfwrp {
    width: 100%;
    
    padding-left: 0px;
    justify-content: flex-start;
}

  .lftlogowrp, .mddltxtwrp, .rghtcrtfwrp {
/*   margin-left: 45px;*/
} 

.lftlogowrp, .mddltxtwrp, .rghtcrtfwrp {
    padding: 0 20px 0 20px;
     margin: 0;
}


div [class^=article_cell_], div [class^=article_row_] {
	width: 100%!important
}
div [class^=article_row_] {
	display: block
}
.infoHolder div [class^=article_cell_] {
	width: 288px!important;
	margin: 0 auto;
	float: none
}

a .cellicoclaim, a .cellicotitle {
    font-size: 27px;
}

.cellwrp {
 
    height: 316px;
}

.podporujemeHolder {

    align-items: center;
    margin-right: 0px;
    padding: 10px;
}

.imgHolderPodporujeme {

    background-position: center;
}

.textPodporujeme,
.textPodporujeme p{
    text-align: center;
}

h3.header3Podporujeme {
    padding-top: 0px;
    margin-top: 10px;
    text-align: center;
}

.tplmttl p, .tplmttl h1 {
    font-size: 29px;
}


.harticle h2,
.greyBackg h2 {

    font-size: 38px;
}



}

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

.prdctswrp .prdctitemwrp .prdctswrpa span {
    width: 205px;
}
.linewrp .sldrwrp {
    margin-top: 6px;
}

.homepage .TopMenuCell {
   height: 67px;
}

.homepage .TopMenuCell a {
   flex-direction: column;
}

.homepage .TopMenuCell a span {
    font-size: 12px;
    padding: 20px 0 0 0;
}

.homepage .TopMenuCell a img {
    width: auto  ;
    height: 29px ;
    padding: 0 0 3px 0;
}

.homepage .TopMenuCell a:hover img {
 
    height: 36px ;
 
}

.sliderpicture, .sliderholder {
 height: 610px;
}

.icoholder {
  top: -75px;
}

a.scrollToTop {
    bottom: 0;
    right: 0;
    width: 40px;
    height: 35px;
}

.scrollToTop:before {
       margin: -5px -1px;
    font-size: 22px;
}


.WebContent .subslinks a, .subslinks a:hover {
  
    HEIGHT: 75PX;
    TEXT-ALIGN: CENTER;
}

.productbgimg {
    background-position-x: calc(43vw + 25px);
}

.ftrtxtwrp h1 {
    margin-top: 20px;
        font-size: 30px;
}

.ftrtxtwrp h2 {
    font-size: 24px;
    margin-top: 10px;

}

.shopcardholder .row div a,
.shopcardholder .row div p,
.shopcardholder .row div span {
font-size: 12px !important;
}


}



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

    button.slick-prev.slick-arrow,
    button.slick-next.slick-arrow {     
        width: 35px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    form[action*="produkty"] .contentsize,
    form[action*="products"] .contentsize
    {
        max-width: calc(100% - 20px);
        margin-left:10px;
    }


.formular input[type="text"], .formular input[type="email"] {
    width: 100%;
}


.productbgimg {
    background-position-x: calc(33vw + 25px);
}


.folderContent .folderItem {
    width: calc(100% - 10px);
}

.folderContent .folderItemInner .folderItemInnerImg {
   height: 177px;
}

div#countTabId .wrapper ul {
    flex-wrap: wrap;
}

div#countTabId .wrapper ul li a {
       border: 1px solid #7D7B7C;
        border-bottom: 0 none;  
            
         }
            
.tab-content table {
    margin-top: 0;
}

.xls100.ProductTabsContent {
 
    background: white; 
}

.tab-pane {
    background: white;
    padding-bottom: 18px !important;
/*        border: 1px solid #7D7B7C;*/
}

 
.articlcnt.changing {
    opacity: 0;


}

.articlcnt.changing.changed {
    opacity: 1;
    
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;

}

div#countTabId .wrapper ul li.active {
    order: 99;   
}

div#countTabId .wrapper ul li.active a, div#countTabId .wrapper ul li a:hover {
    color: #ffffff !important;
    border: 1px solid #ec008c !important;
    border-bottom: none !important;
    background: #ec008c;
}

.articletable {
/* overflow: visible;*/
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch; /* smoother scrolling*/
}

.articletable {
    cursor: e-resize;
}

.cardbuttons a {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    height: 46px;
}

.shopcardholder .row div {
    padding-right: 5px !important;
    padding-left: 5px !important;
    min-height: 70px;
}




.shopcardholder .vatrow div p, 
.shopcardholder .nonvatrow div p {
    font-size: 16px !important
}

.shopcardholder .vatrow{
    margin-top: 10px !important;
}

.counter, .configuratorProd .counter {
    width: 91px !important;
    font-size: 12px !important;

}
.shopcardholder .row div.pricetitle, .shopcardholder .row div.productpriceNoVat, .shopcardholder .row div.productpriceVat {
        padding-top: 0px !important;
    }

}


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



    .SensitNovinkyPage .folderContent .folderItem {
        width: calc(100% - 0px);
    }

.srchwrp, .centertopholder {
    display: none;
}  

 

/*
.icoholder div:nth-child(5)   {
   clear:both;
 
}

.TopMenuCell    {
   width:33%;
}  */

.icobar .TopMenuCell a span {
    font-size: 10px;
 
}

.slideadholder {
    padding-top: 65px;
      }
    
    .sidebar.animated 
    {
        display:none;
        }
        
 

.abprdctsldr {
    max-width: calc(100vw - 46px);
    left: 0;
    margin-left: 24px;
    margin-right: initial;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    top: 144px;
}

.abprdctsldr .prdctsldr h2 {
    font-size: 16px;
    font-weight: 400;
    background: white;
    border: 1px solid;
    padding-top: 9px;
}

img.prdlightboximages {
 
    width: 100vw;
 
    height: 326px;
}  

.productbgimg {
background-position-x: calc(18% + 5px);
    background-position-y: 55%;
    background-size: 50%;
}


.abprdctsldr .prdctsldr h1 {
    width: 100%;
     font-size: 25px;
   background: rgba(255, 255, 255, 0.8);
} 

.awrpholder {
    bottom: -17px;
    position: absolute;
       background: rgba(255, 255, 255, 0.8);
}

.nothomepage.productslider .sliderholder, .productslider .sliderpicture {
    height: 678px;
}

.search-result-product-cell.productItem, .search-result-articles-cell {
    width: 100%;
}

.videoLink img {
    width: 100%;
}

.articletable table {
    min-width: 800px;
}

.winpopupoffer {

    max-width: 100vw;
}

}



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

.footerContact, .footerSocial, .footerProducts, .footerQuickLinks, .footerNewsLetter {
    margin: 0px;
    max-width: 100%;
}

.footerInfoContacts {
    margin: 52px auto 30px;
    width: calc(100% - 100px);
    padding-bottom: 20px;
}

.ffootercopyrght {

    margin: 30px auto 30px;
    width: calc(100% - 55px);
    padding-top: 0px;

}

.greyBackg {
    padding: 0px;
}


.contentsize {

    max-width: 100%;
}



}


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

    .leftholder {
        width: 203px;
    }

.WebContent .subslinks a, .subslinks a:hover {
font-size: 13px;
}

.kontaktfoto.conticouserFalse.nofotoFalse.bcoverFalse {
    WIDTH: 100%;
    MIN-HEIGHT: 200PX;
    BACKGROUND-POSITION-Y: 29% !IMPORTANT;
}

.WebContent .contactcellholder {
   
    width: calc(100% - 0px);
} 



.tabsouboryItemLinks {
    width: 100%;
    margin: -26px 0 -18px 0;
}

.tabsouboryItemPopis {
   width: calc(100% - 1px);
}

.txhldr {
    width: calc(100% - 0px);
}
 



    
.sliderrazitko {
    display: none;
}
        

img#logo {
    PADDING-RIGHT: 4VW;
}

.loginHolder {

    padding-bottom: 0px;
}

.loginRow span {

    font-size: 14px;

}

.loginHolder .loginRow input {
width: 150px !important;
}

.harticle h2 {
    font-size: 30px;
    padding: 0 0 0 0;
    margin-top: 5px;
}


.greyBackg {
    padding: 16px 0 0 0;
    margin-top: 30px;
}

.shopcardholder .row div {
    padding-right: 3px !important;
    padding-left: 3px !important;
    min-height: 60px !important;
}

.abprdctsldr .prdctsldr h1 {
    font-size: 22px;
}

}

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



 
.leftholder {
    width: calc(100% - 78px);
    padding-right: 0PX;
}



}


 




 



 /************** Total new left navigace ******************/
nav#menu {
    background: #484848;   
}

 

.lefmovedclass.mm-panel {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: auto !important;    
    height: auto !important;
}

.lefmovedclass li.siteItem, .lefmovedclass .shopleftresponsive li.shopItem  {
 display: block !important;
}

.lefmovedclass .shopleftresponsive  li.siteItem  {
 display: none !important;
}

.lefmovedclass .lefmovedclassin  #folderMenuHolder ul.sidebar-menu ul {
    display: none !important;
}

.lefmovedclass .lefmovedclassin #folderMenuHolder ul.sidebar-menu li.forecolor1.shopItem.active.sub ul {
    display: block !important;
}

.lefmovedclassin  li.shopItem.shopAction {
    display: none !important;
}

.lefmovedclassin, #content-scroll-menu {
    float: left;
        width: 100%;
}
 

.lefmovedclass  a {
    color: white !important;
}

.lefmovedclass  .menuicons .TopMenuCell a  {
    width: 100%;
    height: 36px;
}

.lefmovedclass .menuicons.containactive {
    background: #f2f1f1;
    margin-bottom: 0;
        height: 35px;
}

div#proresponsivemmenu {
    overflow: hidden !important;
    height: calc(100vh - 1px) !important;
    position: relative !important;
    top: auto !important;
        padding: 0;
}

div#content-scroll-menu, .lefmovedclass {
    overflow: hidden;
    /*   position: absolute;*/ 
}

.lefmovedclass  {   
   position: absolute; 
}




div#content-scroll-menu  {
 height: calc(100vh - 1px) !important;
    
}

div#lefmovedSearchLang {
    height: 100px;
    background: #c1006a;
    width: 100%;
    float: left;
}



.lefmovedclassin .searchHolder {
    width: calc(100% - 1px);
    margin-right: 1;
}

.lefmovedclassin .langHolder {
 
    padding-right: 60px;
}

.lefmovedclassin input.searchinput {
    width: calc(100% - 26px);
    float: right;
    margin: 0 -5px 0 0;
}

.lefmovedclassin .searchcell {
    width: 100%;
}

.lefmovedclassin  ul.menu-rozbaleno li {
    width: 100%;
}

.lefmovedclassin ul.menu-rozbaleno a {
    padding: 6px 0;
    font-size: 16px;
    font-weight: 200;
}

.lefmovedclassin ul#menu-rozbaleno.menu-rozbaleno {
       padding: 8px 33px 1px 33px !important;
    overflow: hidden;
}

.lefmovedclassin li.ficons {
    position: absolute;
    right: 11px;
  
    width: 50px !important;
}

.lefmovedclassin li.ficons.fprvni + li{
    top: 44px;
}

.lefmovedclassin li.ficons.fposledni {
    top: 81px;
    right: 5px;
}

div#mm-blocker {
    background: rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
}

a.mm-subopen {
    display: none !important;
}

.lefmovedclassin .sidebar-menu-holder.forecolor1.docontentu {
    min-height: 35px;
}

.lefmovedclassin  #folderMenuHolder ul {
    background: #ffc8e6 !important;
}

.lefmovedclassin  #folderMenuHolder ul.sidebar-menu &gt; li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 0 !important;
}


/*
form[action*="/cz/produkt"] .contentwrapper h1, form[action*="/cz/produkt"] .breadcrumbsholder {
    display: BLOCK;
} */



/* LOGO 30 LET */

/*a.logolink img {
    max-height: 60px;
}

.middleholder {
    display: none !important;
}
 
.centertopholder {
    overflow: hidden;
    width: 1000px;
}

.leftholder {
 
    width: calc((100% - 1005px) / 2);
    justify-content: flex-start;
}



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

    .leftholder {
        width: 394px;
        padding-left: 30px;
    }

    .srchwrp {
 
        padding-right: 30px;
    }

    .centertopholder {
  
        width: calc(100% - 557px);
    }



}


@media only screen and (max-width:1000px) {
a.logolink img {
    max-height: 50px;
}

}

*/

/* LOGO 30 LET END */
 

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