.HeaderView .marginAuto.bottomAutp { height:125px; }

.code.clipboard {
    font-size: 12px !important;
    color: black !important;
}


#EshopHomeUserContent4 .title {

    color: #333;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*newsltter footer NOVY DESIGN*/
   .newsletterWrapp {width:100%; display:flex ; justify-content: center; align-items: center; padding:60px 10px;background-image: url(/data/USER-CONTENT/media/newsletter-bg.png); background-size: cover;background-position: center;}
  .newsletterFooter .title {text-align: center;}
  .SubscribeToNewsletterView .button {background-color:#72a638 ; background-image: none; border-color:#72a638 ; border-radius: 5px;}
.newsletterFooter .title { font-weight: bold; color: #2B3033; opacity: 0.9; }
.newsletterFooter .title h2 { font-size: 24px; }
.newsletterFooter .title p { font-size: 16px; }
  
  /*UC-unacky-sablona*/
.zago-brands-wrapper {display:flex; flex-wrap: wrap;}
.zago-brands-title {display:flex; margin:auto; width:100%;justify-content: center;}
.zago-brands-download_row p {width:100%;}
.zago-brands-download_row {display:flex;flex-wrap: wrap; width:100%;justify-content: center;padding: 10px 20px 10px 20px; margin: 20px 0 0;}
.zago-brands-download_row-content {display: flex; flex-wrap:wrap; flex-direction: column; width:320px;margin-bottom:20px;align-items: center;}
.zago-brands-download_row-content a {text-decoration: none; color:black; width: max-content;}
.zago-brands-button-title {width:max-content !important;}
.zago-brands-button {padding: 8px 15px 8px 15px;color: #090909;border-radius: 0.5em;background: #e8e8e8;border: 1px solid #e8e8e8;transition: all .3s;box-shadow: 6px 6px 12px #c5c5c5,-6px -6px 12px #ffffff;width: max-content;}
.zago-brands-button:hover {border: 1px solid white;}
.zago-brands-row {display:flex; width:100%; flex-wrap: wrap;justify-content: space-around;align-items: center;margin: 20px 0 20px 0;}
.zago-brands-text {display: flex;width:35%;flex-direction: column;}
.zago-brands-row-img {display: flex;width: min(100%, 42vw);}
.zago-brands-row-img.A {justify-content: flex-end;}
.zago-brands-row-img.B {justify-content: flex-start;}
.zago-brands-text-title {font-size:20px;}
.zago-brands-text-content {font-size:max(min(1vw, 17px),15px);}
.zago-brands-text a {text-decoration: none; color:black;}

@media(max-width:768px){
    .zago-brands-row{flex-direction: column;}
    .zago-brands-row-img.B {order:2;}
    .zago-brands-text {width:75%;}
    .zago-brands-row-img {width:80%;}
    .zago-brands-button.history {margin-bottom:10px;}
}


/*UC-unacky-sablona*/

/*footer contant row*/
.footer-contact-wrapper-bg {background-color: #F5F5F6;display: flex;justify-content: center;padding-top: 30px;padding-bottom: 30px;/**/gap: 20px; padding-left: 10px; padding-right: 10px; /**/}
.footer-contact-col {display: flex; flex-wrap: wrap; gap:20px; flex-direction: column;}
.footer-contact-content {display:flex;/*width:min(480px,46vw);*/align-items: flex-start; height:100px;}
.footer-contact-main {display: flex; justify-content: flex-start;margin-right: 10px;}
.footer-contact-main img {width:40px;max-width: unset !important;}
.footer-contact-content-text p { white-space: pre-line;}
.footer-contact-content-text h2 {margin-top:unset;}
.footer-contact-content-text a {text-decoration: none; cursor: pointer;}

@media(max-width: 958px){
.footer-contact-content-text p { white-space: unset;}
}@media(max-width: 630px){
    .footer-contact-content {width:min(480px,86vw); height:unset;}
    .footer-contact-wrapper-bg {flex-direction: column; align-items: center; gap:20px;}
    }
/*end*/

/* Sjednocení dlaždic na HP + úprava detailů */
.EshopHomeState .EshopHome .categoryImage
{
    width: 100%;
    height: 30vw;
    max-width: 380px !important;
    max-height: 360px;
    object-fit: cover;
}
.EshopHomeState .EshopHome .categoryIcon
{
    height:90px;
    margin-bottom:0 !important;
    object-fit: scale-down;
}.EshopHomeState .EshopHome .categoryStocked
{
    margin-top:0;
}
#ZagoDropshippingBasketSwitcher .tab
{
  display: flex;
  align-items: center;
  justify-content: center;
}
/*end Sjednocení dlaždic na HP + úprava detailů */

.MenuCategoriesRwdView.v1.big ul.root > li:not(.leaf) > a.name {
  pointer-events: auto;
}

#paticka-odkazy2 a {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: left;
}

#paticka-dokazy2 p {
  margin: 0;
}

#paticka-obrazky {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}

 #paticka-obrazky img {
  display: block;
  margin: 12px;
  width: auto;
  height: 24px !important;
}

.UserContentView #skyhp {
  display: grid;
  grid-template-columns: 54% 46%;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  background-color: #f5f6f6;
  padding: 40px;
  justify-content: center;
  align-items: center;
}

.UserContentView #skyhp h2{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 28px;
    margin-top: 0px !important; 
}


.UserContentView #skyhp .padder{
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 22px;
    max-width: 653px;
}

.UserContentView #skyhp img{
    max-width: 100%;
}

@media all and (max-width: 1000px) {
  .UserContentView #skyhp {
    grid-template-columns: 100%;
    grid-row-gap: 20px;
  }
    #FooterUserContent4 img{
        max-height: 50px;
    }
  .UserContentView #skyhp div:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2 !important;
  }
  .UserContentView #skyhp div:nth-child(2) {
    grid-area: 2 / 1 / 3 / 2 !important;
  }
  
  .UserContentView #skyhp{
      padding: 20px;
  }
  .UserContentView .znacka{
    width: 90px !important;
    height: 59px !important;
  }
  
  .footerImgSpacer{
      display:none;
  }
}

.UserContentView #nasesluzby {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}
@media all and (max-width: 820px) {
  .UserContentView #nasesluzby {
    grid-template-columns: 100%;
  }
}
#EshopHomeUserContent2 {
  text-align: center;
  background-color: #f5f6f6;
}
.UserContentView .sluzba {
  text-align: center;
  padding: 25px;
}

.UserContentView .sluzba button {
  border: 2px solid #000000;
  border-radius: 5px;
  width: 127px;
  height: 40px;
  background: none;
  font-size: 14px;
  font-weight: 700;
  transition: .3s;
}

.UserContentView .sluzba h2 {
  font-size: 24px;
  font-weight: 700;
}

#EshopHomeUserContent4 {
  text-align: center;
}

.UserContentView #znacky {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.uc-hp-txtWrapp {
   
    display: flex;
    justify-content: center;
    text-align: center;
    max-width: 1000px;
    padding:0 15px;
    margin:auto;
    flex-direction:column;
}
.uc-hp-txtWrapp p {line-height:2;}
.uc-hp-txtWrapp h1 {font-weight: 400;}

.UserContentView .znacka {
  padding: 5px;
  margin: 5px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  width: 182px;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UserContentView .znacka:hover {box-shadow: 0px 0px 13px #0000002e;}


.UserContentView#EshopHomeUserContent3, .UserContentView#EshopHomeUserContent2 { 
    margin-left: calc(50% - 50vw + 8px); 
    margin-right: calc(50% - 50vw + 9px); 
    background-color: #f5f6f6;
}

.UserContentView #skyhp, .UserContentView .MarginHP{
  max-width: 1589px;  
  margin:0 auto;
}





.UserContentView .sluzba button:hover{
       background-color: #587c2f;
       border-color: #587c2f;
       color: white;
       transition: .3s;
}

.UserContentView #skyhp button:hover{
    background-color: #587c2f !important;
    transition: .3s;
    
}

.UserContentView #skyhp button{
    transition: .3s;
}

#nasesluzby button, #skyhp button{
    cursor:pointer;
}



.customSpacer{
    margin: 0;
    height: 10px;
}



.SimpleBasketView.small .emptyBasket{
    display:none !important;   
}


.bottomAutp{
    margin: 0 auto !important;
}



#footerImages{
    display: flex;
    align-items: center !important;
    flex-wrap: wrap;
    justify-content: center;
}


#paticka-obrazky{
    justify-content: space-evenly !important;
}




#FooterUserContent4{
    overflow: visible !important;
    padding-top: 30px;
    text-align: center;
}

#FooterUserContent4 .allBrandsLink{
    width: fit-content;
    padding: 20px 23px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background-color: #72a638;
}

#FooterUserContent4 #allBrandsLinkDiv{
    padding: 35px 0;
    text-align: center;
}

#FooterUserContent4 .title{
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    
}


.UserContentView #znacky .znacka img{
     max-height: 50px;   
}

@media all and (min-width: 1000px){
    .UserContentView #znacky .znacka img{
         max-height: 90px;
    }
}

@media all and (max-width: 750px){
    .EshopHomeState .wrap{
        grid-template-columns: auto;
    }
    .UserContentView#EshopHomeUserContent3, .UserContentView#EshopHomeUserContent2{
        margin-left: 0 !important; 
        margin-right: 0 !important;
    }
}

.FlatCategoriesRwdView.v5 ul li .image{
    min-height: 60px;
}

.FlatCategoriesRwdView.v5 ul li img{
    max-width: 100px !important;
    max-height: 50px !important;
}

.FlatCategoriesRwdView.v5 ul li .name{
    min-height: 40px;
}

@media all and (max-width: 550px){
    .FlatCategoriesRwdView.v5 ul li .name{
        min-height: auto;
    }
    .FlatCategoriesRwdView.v5 ul.root>li{
        padding-right: 0px !important;
    }
}



.RegistrationState .MarginBig, .OrderState .MarginBig {
    grid-template-columns: 100% !important;
}

body.OrderState .SimpleBasketPopupView {
    display: none !important;
}



@media all and (min-width: 1000px){
.htmlSliderOuter, .SliderRwdView, .slidesPreview{
    height: 100% !important;
}


.SliderRwdView.v3 .slidesPreview, #EshopHomeUserContent{
    padding-bottom: 0 !important;
}
.SliderRwdView.v3 .slidesPreview{
    padding-top: 0 !important;
}

.SliderRwdView.v3>.slidesPreview .preview.alt{
    display: flex;
    flex-direction:column;
    justify-content: end;
}


.SliderRwdView.v3 .preview.active::after{
    margin-top: 22px !important;
}

.SliderRwdView.v3>.slidesPreview .preview.alt{
    margin-bottom: 22px !important;
}

.SliderRwdView.v3>.slidesPreview .preview.alt.active{
    margin-bottom: 0 !important;
}
}


@media all and (max-width: 400px){
    
    #EshopHome >*{
        max-width: 100vw;
    }
    .CustomMasterTabsView .tabpages{
        padding-left: 0px !important;
    }
    
    body:not(.EshopHomeState) .dcContent{
        padding: 0 10px;
        max-width: 95vw;
    }
    
    body:not(.EshopHomeState) .dcContent > *{
        max-width: 95vw;
    }
}

.ProductView .AddToCartView .button.buy:not(.iconText) { width: auto !important; padding: 5px 10px; font-size: 14px; }


.UserContentView#FooterUserContent2 .marginAuto
{
    margin: 0 auto; 
    max-width: 1589px;
}



.sk .HeaderView  .LocalizationPanelView .combo.locale .locale_sk{
    background-image: none !important;
}

.sk .HeaderView .LocalizationPanelView .locale_cz{
    background-image: url(/configuration/zago/css/img/flag-cz.svg) !important;
}


.en .HeaderView .LocalizationPanelView .combo.locale .locale_en{
    background-image: none !important;
}




/* fix layoutu */
/*.MasterView .dcContent.MarginBig {grid-template-columns: auto auto !important;}*/
/*body .SimpleBasketPopupView.SimpleBasketPopup {display: none !important; }*/
.footer-contact-wrapper {width: 100% !important;}
@media all and (min-width: 1000px) and (max-width: 1439px){
    .dcHeader{
        max-width: 99vw !important;
    }
}


.gridderSearch{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

@media all and (max-width: 1424x){
    .searchItem .submit{
        margin-left: 0px;
    }
}

@media all and (max-width: 1439px){
    .gridderSearch{
        grid-template-columns: 50% 50%;
    }
    .searchItem{
        margin-bottom: 15px !important;
    }
}

@media all and (max-width: 723px){
    .gridderSearch{
        grid-template-columns: 100%;
    }
    .searchItem{
        margin: 0 5px !important;
        margin-bottom: 10px !important;
    }
    .searchItem:last-of-type{
        padding-bottom: 20px;
    }
}
.searchItem{
    box-shadow: 1px 0px 4px 3px #F5F5F6;
    margin: 0 20px;
    padding: 10px 10px;
}


.searchItem form{
        display: flex;
    flex-direction: column;
}

.searchItem img{
    max-width: 50%;
    margin: 0 auto;
    display: flex;
}

.toLine{
    display: grid !important;
    grid-template-columns: 65% 35%;
}

.searchItem .submit {
    border: 2px solid #000000;
    border-radius: 5px;
    width: 78px;
    height: 32px;
    background: none;
    font-size: 14px;
    font-weight: 700;
    transition: .3s;
    margin-left: 10px;
}


.searchItem .submit:hover{
       background-color: #587c2f;
       border-color: #587c2f;
       color: white;
       transition: .3s;
}

.searchImage{
    min-height: 44%;
    align-items: center;
    justify-content: center;
    display: flex;
}


.DPDSI img{
    max-width: 36%;
}


.searchItem label{
    color: black;
    font-weight: 600;
    padding-bottom: 9px;
}

@media all and (max-width: 999px){
    .anonymous .SimpleSearchView {
        grid-column: 3/3 !important;
    }
}

.contact p{
    margin: 0;
}

.contact{
    display:none;
}


.SimpleFilterView.v2.ProductSorting .sortOrder {max-width: 165px;}


.gridderContacts p{
    margin: 0;
}

.gridderContacts a{
    text-decoration: none;
}

.gridderContacts a:hover{
    text-decoration:underline;
}

.gridderContacts{
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-around;
}

@media all and (min-width:1440px){
    .gridderContacts{
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }   
}

@media all and (max-width: 701px){
    .gridderContacts{
        display: grid;
        grid-template-columns: 99%;
        padding-left: 5px;
    }   
    
    .gridderContact{
        margin: 0!important;
        margin-bottom: 10px !important;
    }
}

.gridderContact p:first-of-type{
    font-weight: bold;
    font-size: 1.2em;
}

.gridderContact .cImg{
    display: flex;
    align-items: center;
}

.gridderContact {
    display: grid;
    grid-template-columns: 35% 5% 60%;
    box-shadow: 1px 0px 4px 3px #f5f5f6;
    min-height: 100px;
    align-items: center;
    margin: 0 20px;
    padding: 10px 10px;
    margin-bottom: 15px;
}

#ZagoProductsListUserContent > div { display: flex; flex-direction: column; gap: 8px; line-height: 20px;}
#ZagoProductsListUserContent .bold {color: red; font-weight: bold;}
#ZagoProductsListUserContent .underline {text-decoration:underline;}
#ZagoProductsListUserContent .icon.wrap {display:flex; align-items:center; gap: 10px;}
#ZagoProductsListUserContent .icon.image {min-width:50px; height:33px; display: flex; justify-content: center;}

.productFlag.icon10{
border-radius: 10px;
order:11;
}