/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*/
/* https://fonts.google.com/specimen/Montserrat */





/* Fonty stazeny z google 21.03.2024 */
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/gfx/fonts/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/gfx/fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/gfx/fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/gfx/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}















/* Fonts load first */


/* Default & normalize setter */
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
article,aside,footer,header,nav,section,figcaption,figure,blockquote,main,details,menu,picture,video{display:block;box-sizing:border-box;padding:0;margin:0;}
template,[hidden]{display:none;}
audio,video,canvas{display:inline-block;}
audio:not([controls]){display:none;height:0;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}


/* Normalize - Comerto specific 1  */
body,html,div,img,svg,figure,form,iframe{padding:0px;border:0px;margin:0px;box-sizing:border-box;border-style:none;}
ul,ol,li,a,span,div,.form{box-sizing:border-box;}
div{position:relative;max-height:9999999px;}
main,footer,header,section{width:100%;}

/* Normalize - Comerto specific 2 */
body{min-height:101vh;}
.form,.form_submit,div{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;box-sizing:border-box;}
img, picture {max-width:100%;height:auto;display:block;}
iframe {max-width: 100%;}
a,.form_submit{cursor: pointer;}






/* Hlavni nastaveni */
:root {
   --font-size-small: 14px;
   --font-size-normal: 16px;
   --font-size-middle: 17px;
   --font-size-bigger: 18px; 
   --font-size-big: 20px;     
   
   --font-size-h1: 35px; /* 2,5 */
   --font-size-h2: 28px; /* 2 */
   --font-size-h3: 20px; /* 1,5 */
   

   --color-bg-white: #FFFFFF;
   --color-bg-green-dark: #A8B800;
   --color-bg-green-lighter: #C8DC00;

   --color-bg-darker: #373737;
   --color-bg-silver: #F5F5F5;

   --color-text-normal: #646464;   
   --color-text-darker: #373737;
   --color-text-lighter: #646464;
   --color-text-light: #D2D2D2;
   --color-text-white: #FFFFFF;
   --color-text-green-dark: #A8B800;



   --color-border-silver-dark: #646464;
   --color-border-silver-light: #D2D2D2;
   --color-border-silver-superlight: #E9E8E8;
   
   
   --color-bg-orange: #EA9B00;
   --color-bg-red: #E70304;
   

   
   --padding-main-sides: 60px; /* Both sides on cotainer */
   --padding-main-top-resize: 0px; /* Special later resizing */
   --padding-main-top: calc(16rem + var(--padding-main-top-resize)); /* Header clearer */
   --padding-main-top: calc(11.5rem + var(--padding-main-top-resize));


   --width-menu: 280px; /* Menu left width - 18rem */
   --padding-menu: 60px; 


   --spacer-normal: 20px;
   --spacer-normal-half: calc(var(--spacer-normal) / 2);
   --spacer-normal-double: calc(var(--spacer-normal) * 2);

   --spacer-normal-minus: calc(var(--spacer-normal) * -1);
   --spacer-normal-half-minus: calc(var(--spacer-normal-half) * -1);
   --spacer-normal-double-minus: calc(var(--spacer-normal-double) * -1);
   
   
   --spacer-sections: calc(var(--spacer-normal) * 2);
}



/* Basic settings */

html, body {
   font-family: 'Montserrat', sans-serif;
   font-size: var(--font-size-normal);
   line-height: 1.5;
   font-weight: 400; 
   font-optical-sizing: auto;
   font-display: swap;
   
   color: var(--color-text-darker);
   background-color: var(--color-bg-white);
}
html{
  scroll-behavior: smooth;
  scroll-padding-top: var(--padding-main-top);
}




h1, h2, h3, h4, h5, .h1size, .h2size{
   line-height: 1.2;
   color: var(--color-text-darker);
   margin-top: 2em;
   margin-bottom: 0.5em;
   font-weight: 600;
}

h1, .h1size{
   font-size: var(--font-size-h1);
}
h1.main{
   margin-top: 0;
}

h2, .h2size{
   font-size: var(--font-size-h2);
}
h3, .h3size{
   font-size: var(--font-size-h3);
}

.tnormal{
   font-size: var(--font-size-normal);
}


b, strong{
   font-weight: 600;
}
a{
   color: inherit;
}
p{
   margin: 1rem 0;
}

ol li, ul li{
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}


.lzl{
   background-color: var(--color-bg-silver);
   font-size: 0.6rem;
   text-align: center;
   opacity: 0.6;
   transition: opacity 1s ease;
}

.lzl .fimg_img:not([src]), img.lzl:not([src]){
  opacity: 0;
}



/* User bad stuff */
.htext p, .htext span,
.articles_art_text p, .articles_art_text span{
   font-size: inherit !important;
   font-family: inherit !important;
   line-height: inherit !important;
   /* text-align: unset !important; */
}

.htext p:first-of-type, .htext td p:first-of-type{
   margin-top: 0;
}

.htext p:last-of-type, .htext td p:last-of-type{
   margin-bottom: 0;
}



ul.tick {
 list-style-type: '\2713\2000\2004';
}


img, picture{
   line-height: 0;
}
 

/* Main elements */
.cont-main-width{
   margin-right: var(--padding-main-sides);
   margin-left: var(--padding-main-sides);
}

@media only screen and (min-width: 2200px){
   margin-right: auto;
   margin-left:auto;
   max-width: 2000px;
}




.form{
   background-color: var(--color-bg-white);
   
   border: 1px solid var(--color-border-silver-dark);
   padding: var(--spacer-normal) var(--spacer-normal);
   line-height: 1.2;
}
.form_text, .form_textarea, .form_select{
   width: 100%;
}

.form_textarea.tworows{
  height: calc(2em + var(--spacer-normal-double));
}

.form_textarea.height_by_content{
  field-sizing: content;
  height: calc(1.3em + var(--spacer-normal-double));
  overflow: hidden;
}



.form_checkbox{
   font-size: 1em;
   width: 1em;
   height: 1em;      
}
.form_submit{
  white-space: normal;   
}

.form_submit, .button{
   background-color: var(--color-bg-green-lighter);
   color: var(--color-text-darker);
   border: 0px solid transparent;
   
   display:inline-flex;
   flex-wrap:nowrap;
   align-items: center;
   padding: var(--spacer-normal) var(--spacer-normal); 
   
   line-height: 1.1;
   text-transform: uppercase;
   letter-spacing: 0.02em;
   
   cursor: pointer;
   font-weight: 600;
   
   
   text-decoration: none;
   transition: background-color 0.5s ease, border-color 0.5s ease;
}

.form_submit.smaller, .button.smaller{
   padding: var(--spacer-normal-half) var(--spacer-normal-half); 
}

.button svg{
  fill: var(--color-text-darker);
  
  margin: -0.25em 0;
  height: 1.75em;
  width:auto;  
  
  margin-right: var(--spacer-normal-half);
}

.button.eshop svg{
  fill: none;
}

.button strong{
  font-weight: 800; 
}


.form_submit:hover, .button:hover{
   background-color: var(--color-bg-green-dark);
}
.button.small{  
  padding: var(--spacer-normal-half) var(--spacer-normal-half);  
}





.bcg_blur,
.mbsubmenu_container .item,
.mbfilter_body,
.mbblock,
.mbsubmenu_container.big .item,
.submenu_text li{
   background: rgba(255,255,255,0.85);
   backdrop-filter: blur(7px);
   --webkit-backdrop-filter: blur(7px);
}





.fimg_c, .fimg_cp, .fimg_cpi{
/* @TODO - old version delete it */
   width: 100%;
   height: 100%;
   max-height: inherit;
   
   border: 5px solid orange;
}


.fimg{
   width: 100%;
   height:auto;
   display: block;
   overflow: hidden;
}
.fimg_wrp, .fimg_pic, .fimg_img{
   width: 100%;
   height: 100%;
   max-height: inherit;
   display: block;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    display: block;
    
    border: 1px solid var(--color-border-silver-light);
}
.video-container embed, .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}



main img:not(.fimg), .htext img:not(.fimg){
   display: inline-block;   
}





/* Content */



body{
   background-image:url(/gfx/bcg-linky-sede.svg);
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: 105% auto;
   background-position: center top;
}

body.no_superinfo{
    --padding-main-top-resize: -3rem;
    --padding-main-top: calc(16rem + var(--padding-main-top-resize)); /* Header clearer */
    --padding-main-top: calc(12.5rem + var(--padding-main-top-resize));
}

body.no_superinfo .cont-main {
  padding-top: var(--padding-main-top);
}

@media only screen and (max-width: 1000px) {
   
   :root{
      --padding-main-sides: 1rem;
      --padding-main-top: calc(9rem + var(--padding-main-top-resize));
      --padding-main-top: calc(7rem + var(--padding-main-top-resize));
   }
   
   body.no_superinfo{
    --padding-main-top: calc(9rem + var(--padding-main-top-resize)); /* Header clearer */
    --padding-main-top: calc(7.5rem + var(--padding-main-top-resize));
  }
   
   .cont-main{
      max-width: 100%;
      width: calc(100% - (var(--padding-main-sides) * 2));
      overflow: visible;
   }
   
   
}







@media only screen and (min-width: 1800px) {
   :root{
     --padding-main-sides: calc(calc(100vw - 1700px) / 2);
   }   
}

@media only screen and (max-width: 800px) {
   
   :root{
      --font-size-small: 14px;
      --font-size-normal: 16px;
      --font-size-middle: 17px;
      --font-size-bigger: 18px; 
      --font-size-big: 19px;     
      
      --font-size-h1: 25px; /* 2,5 */
      --font-size-h2: 20px; /* 2 */
      --font-size-h3: 18px; /* 1,5 */
   }
   
  
   #cookie_eu_bar.cookie_eu_bar{
    z-index:999999999;
  }
   
}


/* Cookie bar */
#cookie_eu_bar.cookie_eu_bar{
  font-size: 0.85rem;
}


/* TOP Header */

header{
   position: fixed;
   z-index: 990;
   background-color: var(--color-bg-white);
   /* outline: 1px dotted red; */
   
   font-size: var(--font-size-small);
}




.header-superinfo{
   background-color: var(--color-bg-green-lighter);
   overflow: hidden;
   max-height: 4rem;
   transition: max-height 0.5s ease;
}
.header-superinfo:hover{
   background-color: var(--color-bg-green-dark);   
}
.header-superinfo p{
   margin: 0;
   padding: 0;
   display: inline;
}
.header-superinfo a{
   padding: var(--spacer-normal-half) var(--padding-main-sides);
   width: 100%;
   display: block;
   text-decoration: none;
   font-weight:inherit;
   text-align: center;
   
   line-height: 1;
   height: calc(1em + var(--spacer-normal));
   
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   
   box-sizing: border-box;
}
.header.scrolled .header-superinfo, 
.header-superinfo.hidden  {
   max-height: 0px;
}

.header-superinfo.hidden  {
   max-height: 0px;
   --padding-main-top-resize: -5rem;
}

.header-superinfo #super-info-close{
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  color: var(--color-text-darker);
  border: 1px solid var(--color-text-darker);
  background-color: background-color: var(--color-bg-green-lighter);
  border-radius: 100%;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.1;
  
  text-align: center;
  display: block;
  cursor: pointer;
  z-index: 5;
}
.header-superinfo #super-info-close:hover{
  font-weight: 600;  
}




.header-main{
   display:flex;
   padding-top: var(--spacer-normal-half);
   padding-bottom: var(--spacer-normal-half);
}
.header-main-logo{
   width: var(--width-menu);
   margin-right: var(--padding-menu);   
   flex-shrink: 0;
   max-height: 5.5rem;
   max-height: 4.5rem;
}
.header-main-logo a{
   display: flex;
   justify-content: flex-start;
   height:100%;
}
.header-main-logo img{
   height: 100%;
   width:auto;   
}

.header-main-content{
   display:flex;
   flex-wrap:wrap;
   align-items: center;
   justify-content:space-between;
   flex-grow: 1;
   color: var(--color-text-darker);
   gap: var(--spacer-normal-half) var(--spacer-normal);
   
}
.header .w50{
   width: calc(50% - var(--spacer-normal-half));
}

.header-main-content img, .header-main-content svg{
   height: 1em;
   width:auto;
   display: inline-block;
   margin-right: 0.5em;
   margin-bottom: -0.1em;  
}
.header a{
   text-decoration: none;
}



.header-main-contact{
   display:flex;
   gap: var(--spacer-normal);
   flex-wrap:wrap;
}


.header .prodejen{
   display: inline-block;
   padding-right: 0.75em;
   border-right: 1px solid var(--color-border-silver-light);
}
.header .contact-tel{
   font-weight: 600;
}
.header .contact-times{
   color: var(--color-text-lighter);
}


.header .contact-tel-mobile{
  text-align: center;
   display:block;
   width: calc(100% - 1rem);
   background-color: #FFFFFF;
   color: var(--color-text-lighter);
   font-size: 1em;
   margin: 0.5rem 0.5rem;
   padding: 0.5rem 0.25rem;
}


.header a.bordered{
   border: 1px solid var(--color-border-silver-superlight);
   background-color: var(--color-border-silver-superlight);
   padding: 0.25em 1em;
   margin: -0.25em 0em;
   transition: background-color 0.5s ease, border-color 0.5s ease;
}
.header a.bordered:hover{
   border-color: var(--color-border-silver-light);
   background-color: var(--color-border-silver-light);   
}


.header-main-search form{
   display:block;
   position: relative;
}
#form_ffms1 #form_ffms1_searchfor,
.header a.cart{
   padding: var(--spacer-normal-half) var(--spacer-normal);
   line-height: 1;
}


#form_ffms1 .search_form_submit{
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   line-height: 0;
}

#form_ffms1_searchfor{
   width: 100%;
   
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding-right: var(--spacer-normal-double);
}


#form_ffms1 .form_submit{
   width: calc(1.2rem + var(--spacer-normal-double));
   height: 1.2rem;
   height: 100%;
   
   background-color: transparent;
   border: 0px solid transparent;
   padding: 0;
   margin: 0;
   font-size: 0px;
   /* margin-top: calc(0px - var(--spacer-normal-half)); */
   background-position: center center;
   background-size: 1.2rem auto;
   background-repeat:no-repeat;
   background-image:url(/gfx/ico/ico-search-green.svg);   
   
}

.header-main-buttons,
.header-main-baskets{
   display: flex;
   flex-wrap:wrap;
   justify-content:flex-end;   
   gap: 1rem;
}
.header-main-buttons a{
   font-weight: 600;
}
.header-main-buttons:hover a:hover{
   /* border-width: 3px; */
}



.header a svg{
   height: 1.1em;
   width:auto;
   display: inline-block;
   margin: -0.05em 1em -0.05em 0;
   width:auto;
}

.header .cart, #chat-top{
   background-color: var(--color-bg-green-lighter);
   border-color: var(--color-bg-green-lighter);
   transition: background-color 0.5s ease, border-color 0.5s ease;
   font-weight: 600;
}
.header .cart:hover, #chat-top:hover{
   background-color: var(--color-bg-green-dark);
   border-color: var(--color-bg-green-dark);
}
.header #search-top{
   display:none;
}

.header .cart svg{
   height: 1.5em;
   margin: -0.25em 0 -0.25em 0;   
}

.header .cart .counter-wrap{
   position: relative;
   display: inline-block;
   /* margin-right: 1em; */
}
.header .cart .number:not(:empty){
   border-radius: 100%;
   background-color: #E70304;
   color:#FFFFFF;
   line-height: 1;
   text-align:center;
   padding: 0.15em ;
   min-width: 1.25em;
   display: block;
   position: absolute;
   top: -0.5em;
   right: -1em;
   font-size: 0.85em;  
}
.header .cart .name{
   display: inline-block;
   margin-left: 1em;
}


.header-menu{
   text-transform: uppercase;
   width: 100%;
   text-align: right;

   background-color: var(--color-bg-silver);
   background-color: var(--color-bg-darker);
   color: #FFFFFF;
   
   padding: var(--spacer-normal-half) var(--padding-main-sides);
   padding: 0 var(--padding-main-sides);
}


.header-menu a:hover{
   text-decoration: underline;
}



.header-menu ul{
   display: flex;
   flex-wrap:wrap;
   justify-content:flex-end;
   justify-content: space-between;
   list-style: none;
   margin: 0;
   padding: 0;
   margin-right: -1em;
   margin-left: -1em;
   gap: var(--spacer-normal);   
}
.header-menu .sub_0_image_main{
   display: none;
}

.header-menu ul .sub_0_li{
   font-size: var(--font-size-normal);
   font-weight: 500;
   letter-spacing: 0.02em;  
   
   font-weight: 600;
   letter-spacing: 0.05em;  
   
   padding-left: 1em;
   padding-right: 1em;  
}



.header-menu ul .sub_0_li.active{
  background-color: #FFFFFF;
  color: var(--color-bg-darker);
  padding-top: 0.25em;
  margin-top: 0.25em;
  padding-bottom: 0.5em;
  margin-bottom: 0;
  text-decoration: none !important;
}
.header-menu ul .sub_0_li.active a{
  text-decoration: none !important;  
}

.header.scrolled .header-menu ul .sub_0_li{
}


.header-menu ul.sub_1{
   display:none;
   flex-wrap:wrap;
   margin: 0 var(--spacer-normal-half-minus) 0 var(--spacer-normal-half-minus);
   width: calc(100% + var(--spacer-normal));
   
   
   list-style-type: none;
   padding: var(--spacer-normal) var(--padding-main-sides) 0 var(--padding-main-sides);
   gap: 0;
   text-align: center;
   justify-content:flex-start;
   
   
   background: rgba(255,255,255,1);
   backdrop-filter: blur(7px);
   --webkit-backdrop-filter: blur(7px);
   
   overflow: hidden;
   border: 0px solid transparent;
   border-bottom: 5px solid var(--color-bg-darker);
   
   position: absolute;
   right: 0px;
   left: 0px;
   
   
   padding-left: calc(var(--width-menu) + var(--padding-menu) + var(--padding-main-sides));
}
/*
.header-menu ul.sub_1::before{
   position: absolute;
   content: " ";
   
   align-items:center;
   text-align: center;
   justify-content:center;
   display: flex; 

   
   width: calc(var(--width-menu) + var(--spacer-normal-double));
   height: calc(100% - var(--spacer-normal-double));
   left: var(--padding-main-sides);  
   
   color: var(--color-text-darker);
   background-color: var(--color-bg-silver);
   
   padding: var(--spacer-normal);
   
   box-sizing: border-box;
}
*/

.header-menu ul.sub_1.active{
   display:flex;   
}

.header-menu li.sub_1_li{
   width: calc(25% - var(--spacer-normal));
   border: 1px solid var(--color-border-silver-light);
   margin: 0 var(--spacer-normal-half) var(--spacer-normal) var(--spacer-normal-half);
   color: var(--color-text-darker);
   overflow: hidden;
   box-sizing: border-box;
   
   padding: var(--spacer-normal);
   background-color: var(--color-bg-white);
}


.header-menu li.sub_1_li a{
   display: flex;
   flex-wrap: nowrap;
   text-decoration: none;
   height: 100%;
   flex-direction: column;
   
   
   font-weight: 600;
}

.header-menu .sub_1_image_main{
   margin: var(--spacer-normal-minus) var(--spacer-normal-minus) var(--spacer-normal) var(--spacer-normal-minus);
   width: calc(100% + var(--spacer-normal-double));
   overflow: hidden;
}
.header-menu li.sub_1_li .name{
   flex-grow: 1;
   align-items:center;
   text-align: center;
   justify-content:center;
   display: flex; 
}

.header-menu li.sub_1_li img,
#header-menu .mbbanners .fimg_img{
   transition: transform 1s ease;
   object-fit:contain;
   object-position: center center;
   height: 100%;
   width: 100%;
   
}
.header-menu li.sub_1_li img{
   max-height: 135px;   
   object-fit:cover;
}

.header-menu li.sub_1_li .fimg_img{
   object-fit:cover;
}
/*
.header-menu li.sub_1_li:hover .fimg_img,
#header-menu .mbbanners:hover .fimg_img{
   transform: scale(1.10);  
}
*/


#header-menu-banners{
   display:none;
   overflow: hidden;
   width: 0px;
   height: 0px;
   position: relative;
}
#header-menu .mbbanners{
   position: absolute;
   
   border: 1px solid var(--color-border-silver-light);
   width: calc(var(--width-menu) + var(--padding-menu) - var(--spacer-normal));     
   height: 100%;
   
   display: flex;
   flex-direction: column;
   text-align: center;
   justify-content: center;
   align-content: center;
   
   padding: var(--spacer-normal);
   
   height: calc(100% - var(--spacer-normal-double));
   left: var(--padding-main-sides); 
   
   min-height: max-content;
   flex-shrink: 0; 
   
}

#header-menu .mbbanners .fimg {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 0;
   overflow: hidden;
}
#header-menu .mbbanners .fimg_img{
   object-fit:cover;
}
#header-menu .mbbanners .textc,
#header-menu .mbbanners .button{
   z-index: 5;
   position: relative;
}
#header-menu .mbbanners .textc{
     margin-bottom: var(--spacer-normal);  
     pointer-events: none;
}
#header-menu .mbbanners .text{
  font-size: var(--font-size-middle);
  color: var(--color-text-darker);
  background-color: var(--color-bg-silver);
  padding: 0.25em 0.5em;  
  opacity: 0.85;
  
}
#header-menu .mbbanners .button{
   display:flex;
   width:max-content;
   margin: 0 auto;
}





.header .menu-hamburger{
   display:none;
   cursor: pointer;
   
}
.header .menu-hamburger svg{
   height: 1.6rem;   
   width:auto;
   
   overscroll-behavior: contain;
   padding: 0;
   margin: 0;
   overflow: visible;
}
.header .menu-hamburger svg rect{
   transition: 0.25s all ease;    
}

.header.open .menu-hamburger rect{
  width: 127%;  
}
.header.open .menu-hamburger #gh1{
  transform: rotate(45deg);
  transform-origin: top left;
}
.header.open .menu-hamburger #gh2{  
  width: 0px;
  transform: translatex(50%);
  transform-origin: center left ;
}

.header.open .menu-hamburger #gh3{
  transform: rotate(-45deg);
  transform-origin: bottom left;
}



@media only screen and (max-height: 700px) {
   .header-menu ul.sub_1.active{
      display:none !important;   
   }
}


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

@media only screen and (max-width: 1300px) {
   .header .prodejen{
      display:none;
   }
   
   .header-menu ul .sub_0_li{
      padding-left: 0.25em;
      padding-right: 0.25em;
    }
   
   .header .header-main-logo{
      width:auto;
      margin-right: var(--spacer-normal);
   }
   .cont-main-aside{
      display:none;
   }
   
}


/* Mobil */
@media only screen and (max-width: 1024px) {

   .header .not_mobile{
      display:none;
   }
   
   .header{
      border-bottom: 2px solid var(--color-bg-darker);   
      
      max-height: 100vh;
      overflow-x:auto;
   }
   .header-main{
      transition: 0.5s padding ease;   
   }
   .header.scrolled .header-main {
     padding-top: var(--spacer-normal-half);
     padding-bottom: var(--spacer-normal-half);
   }
   
   .header .contact-times{
      display:none;
   }
   
   
   .header .menu-hamburger{
      display:flex;
   }
   .header #search-top{
      display:flex;
   }

   .header .header-main-buttons, 
   .header .contact-times,
   .header .header-main-search,
   .header #chat-top{
      display:none;
   }
   
   
   
   .header.search-open .header-main-search.w50{
      display:flex;
      z-index: 777;
      order: 666;
      width: 100%;
      height: 2.5rem;
      position: relative;
   }
   .header.search-open .header-main-search #search_container{
      position: absolute;
      top: 10px;
      right: 0px;
      left: -75px;
   }
   
   .header .header-main-contact svg,
   .header .header-main-contact img{
      margin: 0;
      height: 1rem;
      
   }

   .header .header-main-content{
      justify-content: flex-end;  
      align-items:center; 
   }
   .header .header-main-contact a{
      line-height: 0;    
   }

   .header .header-main-logo,
   .header .header-main-contact,
   .header .header-main-baskets,
   .header .menu-hamburger{
      height: 2.5rem;
      align-items:center;
   }
   .header .w50{
      width:auto;
   }
   .header .cart svg{
      margin-right: 0;    
   }
   .header .cart .name{
      display:none;
   }

   .header .header-menu{
      display:flex;
      display:block;
      z-index: 992;
      max-height: 0px;
      padding: 0;
      overflow: hidden;
      transition: 0.5s max-height ease;    
   }
   .header.open .header-menu{
      max-height: 600px;      
   }
   .header .header-menu ul{
      margin-top: var(--spacer-normal-half);
      margin-bottom: var(--spacer-normal-half);
      margin-right: 0;
      margin-left: 0;
     
     
      flex-direction: column;
      justify-content: center;
      text-align: center;
      width: 100%;
   }
   .header .header-menu ul li{
      width: 100%;
   }

   .header .header-menu ul.sub_1{
      display:none !important;
   }
}



















/* Banners and more */
.not_mobile .only_mobile{
  display:none;
}
.mobile .only_pc{
  display:none;
}





/* Main content */


.cont-main{
   padding-top: var(--padding-main-top);
   display:flex;
}

.cont-main .cont-main-aside{
   width: var(--width-menu);
   margin-right: var(--padding-menu);
   flex-shrink: 0;
}



/* aside menu*/
.cont-main-aside a{
   text-decoration: none;
}
.cont-main-aside a.active,
.cont-main-aside a.open,
.cont-main-aside a:hover{
   color: var(--color-text-lighter);
}

.cont-main-aside a.active,
.cont-main-aside a.open{
  color: var(--color-text-darker);
   font-weight: 700;
}

.cont-main-aside ul{
   list-style-type: none;
   
}

.cont-main-aside .sub_0_a{
   font-weight: 600;
}
.cont-main-aside .sub_1_a{
   font-weight: 500;
   font-size: var(--font-size-small);
}
.cont-main-aside .sub_2_a{
   font-weight: 400;
   font-size: var(--font-size-small);
   
}
.cont-main-aside li{
   margin: calc(var(--spacer-normal-half) / 2) 0;
}
.cont-main-aside li.sub_2_li{
   margin: calc(var(--spacer-normal-half) / 4) 0;
}

.cont-main-aside li a{
   padding: calc(var(--spacer-normal-half) / 2) 0;
   display: inline-block;   
}

.cont-main-aside li.sub_2_li a{
   padding: calc(var(--spacer-normal-half) / 4) 0;
}

.cont-main-aside ul{
   margin: 0;
   padding: 0;
   padding-left: var(--spacer-normal);
}
.cont-main-aside #submenu_parent_name_div, 
.cont-main-aside ul.sub_0 {
   padding-left: var(--spacer-normal-double);
}

.cont-main-aside ul.sub_0 {
   margin-bottom: var(--padding-menu);
}

.cont-main-aside #submenu_parent_name_div{
  font-size: var(--font-size-bigger);
  font-weight: 600; 
  
  background-image: url(/gfx/ico/ico-obklady-green.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  text-transform: uppercase;
}

.cont-main-aside #submenu_parent_name_div.submenu_parent_name_id_3 {
   background-image: url(/gfx/ico/ico-kontakty-green.svg);   
}
.cont-main-aside #submenu_parent_name_div.submenu_parent_name_id_39601 {
   background-image: url(/gfx/ico/ico-koupelny-green.svg);   
}

.cont-main-aside .submenu{
   margin-bottom: var(--spacer-normal-double);
}








/* man content */
#breadcrumb{
   font-size: var(--font-size-small);
   min-height: var(--spacer-normal);
   width: 100%;
   margin-bottom: var(--spacer-normal);
   display: block;
}
#breadcrumb a{
   color: var(--color-text-lighter);
}





/* Normalni */
.cont-main main{
  /* outline: 1px dotted red; */  
}







/* Footer */
footer{
   margin-top: var(--spacer-normal-double);
   padding: var(--spacer-normal-double) 0rem;
   
   /* outline: 1px dotted blue;   */

   
}

.footer-places{
   color: var(--color-text-darker);
   /* background-color: var(--color-bg-silver);    */
   
   padding: var(--spacer-normal-double) 0;
   margin-bottom: var(--spacer-normal-double);
}
.footer-places h2.h1size{
   margin: 0;
}
.pobocky-footer{
   flex-wrap:none;
}
.mblist.pobocky-footer .item .ca{
   height: 100%;
}

.mblist.pobocky-footer .item{
   width: calc(20% - var(--spacer-normal));
}
.mblist.pobocky-footer .item .cont{
   padding-bottom: var(--spacer-normal); 
}
.mblist.pobocky-footer .item .name{
   font-size: var(--font-size-middle);
}
.pobocky-footer .fimg.main .fimg_wrp, .pobocky-footer .fimg.main .fimg_pic, .pobocky-footer .fimg.main .fimg_img{
   height:100%;
}
.pobocky-footer .fimg.main .fimg_img{
   object-fit:cover;
}

.mblist.pobocky-footer .item#mbkontakty_pobocka_i21,
.mblist.pobocky-footer .item#mbkontakty_pobocka_i22{
   width: calc(50% - var(--spacer-normal));   
}

.mblist.pobocky-footer .item#mbkontakty_pobocka_i21 .ca,
.mblist.pobocky-footer .item#mbkontakty_pobocka_i22 .ca{
   flex-direction: row;
}
.mblist.pobocky-footer .item#mbkontakty_pobocka_i21 .fimg,
.mblist.pobocky-footer .item#mbkontakty_pobocka_i22 .fimg{
   max-width: 200px;
}
.mblist.pobocky-footer .item .icons{
   display:flex;
   flex-wrap:wrap;
   align-items: center;
   align-content:center;
   justify-content:center;
   gap: var(--spacer-normal-half);
   width: 30%;
   padding: var(--spacer-normal) var(--spacer-normal) var(--spacer-normal) 0;
}
.mblist.pobocky-footer .item .icons .fimg{
   width: calc(50% - var(--spacer-normal-half));
   min-width: 50px;
}


footer .bcg_byk{
   /* background-image:url(/gfx/logo-footer.svg); */
   background-repeat: no-repeat;
   /* background-position: -17% 5rem; */
   background-position: -17% 2rem;
   background-size: 30% auto;   
}

footer a{
   text-decoration: none;
}
footer ul{
   list-style: none;
   padding: 0;
   margin: 0;
}
footer li{
   margin: var(--spacer-normal-half) 0;
}
footer .submenu_parent_name_div_a {
   color: var(--color-bg-green-lighter);  
   font-size: var(--font-size-bigger);
   /* text-transform: uppercase; */
   font-weight: 600; 
}


footer .cont-main-width{
   display:flex;   
}

footer .footer-aside{
   width: var(--width-menu);
   margin-right: var(--padding-menu);
   flex-shrink: 0;
   
   color: var(--color-text-light);
   
   display:flex;
   flex-direction:column;
   justify-content: flex-end;
}

footer .footer-menus{
   display:flex;  
   flex-wrap:wrap;
  margin: var(--spacer-normal) var(--spacer-normal-half-minus);
width: calc(100% + var(--spacer-normal));
}
footer .footer-menus nav{
   width: calc(25% - var(--spacer-normal));
   margin: var(--spacer-normal-half);
}
/*
footer .footer-menus nav.esf{
   width: calc(50% - var(--spacer-normal));
   display:flex;
   flex-direction:column;
   justify-content: flex-end;   
}
footer .esf img{
   width: 80%;
   padding: 0.5rem 0;
}
*/
footer .footer-menus nav.social{
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  gap: var(--spacer-normal);
}

footer .footer-menus nav.social .submenu_parent_name_div{
  width: 100%;
  flex-grow: 0;
}

footer .footer-menus nav.social svg{
   width: 2em;
   height:auto;
   fill: var(--color-text-normal);
   transition: fill 0.5s ease;
}

footer .footer-menus nav.social svg:hover{
  fill: var(--color-text-darker);  
}

footer .footer-menus .social_icons{
  display:flex;
  flex-wrap:wrap;
  gap: var(--spacer-normal-half);
  line-height: 0;
}
footer .footer-menus .social_spacer{
  flex-grow: 1;
}

footer .footer-menus .social_copyright{
  padding: var(--spacer-normal-half) 0;
  color: var(--color-text-light);  
}

footer .footer-menus .cards{
  transition: filter 0.5s ease;
  filter: grayscale(1); 
  max-width: 300px;
}
footer .footer-menus .cards:hover{
  filter: grayscale(0); 
}

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

   footer .cont-main-aside,
   footer .footer-aside{
      display:none;
   }

}
@media only screen and (max-width: 1000px) {
   
   footer{
      padding-bottom: var(--spacer-normal);
   }
   
   footer .footer-menus nav{
      width: calc(50% - var(--spacer-normal)); 
   }
   /*
   footer .footer-menus nav.esf{
      width: calc(100% - var(--spacer-normal));
   }
   */
   
   footer .footer-aside{
      display:none;
   }
   
   footer .mblist.pobocky-footer .item{
      width: calc(33.33333% - var(--spacer-normal));
   }
   
   
   

}
@media only screen and (max-width: 800px) {
   
   footer .mblist.pobocky-footer .item{
      width: calc(50% - var(--spacer-normal));
   }
   .mblist.pobocky-footer .item#mbkontakty_pobocka_i21, .mblist.pobocky-footer .item#mbkontakty_pobocka_i22{
      width: calc(100% - var(--spacer-normal));  
   }
}
@media only screen and (max-width: 600px) {
   
   footer .footer-menus nav{
      width: calc(100% - var(--spacer-normal)); 
   }

}
















/* SliderBX default */
.sliderbx_container{
   display:block;
   width: 100%;
   overflow: hidden;
   
   margin: var(--spacer-normal) 0;
   padding: 0;
}
.sliderbx_container ul, .sliderbx_container li.bx-clone{
   padding: 0;
   margin: 0;
   list-style-type: none;
   display: block;
}

.sliderbx_container .bx-controls.bx-has-pager{
   display:none;
}


.sliderbx_container .sliderbx_prev, .sliderbx_container .sliderbx_next{
   --size: 1rem;
   --size-half: calc(var(--size) / 2);
   position: absolute;
   top: calc(50% - var(--size) - var(--size-half));
   
   width: calc(var(--size) * 2);
   height: auto;
  
   
   
   z-index: 15;
   
   
   background: rgba(255,255,255,0.85);
   backdrop-filter: blur(7px);
   --webkit-backdrop-filter: blur(7px); 
   
   transition: background 0.5s ease;
}

.sliderbx_container .sliderbx_prev{
   left: 0;
}
.sliderbx_container .sliderbx_next{
   right: 0;
}
.sliderbx_container .sliderbx_prev, .sliderbx_container .sliderbx_next{
  line-height: 0;   
}
.sliderbx_container .sliderbx_prev a, .sliderbx_container .sliderbx_next a{
  display:block;
  padding: var(--size) var(--size-half) ;
  cursor: pointer;
}

.sliderbx_container .sliderbx_prev img, .sliderbx_container .sliderbx_next img{
   width: 100%;
   height:auto;
   transform: rotate(+90deg);
   transform-origin: center;
   display:block;
    
}
.sliderbx_container .sliderbx_next img{
   transform: rotate(-90deg);   
}


.sliderbx_container .sliderbx_prev:hover, .sliderbx_container .sliderbx_next:hover{
   background: rgba(255,255,255,0.95);
}


.sliderbx_container #sliderbx_sekce_gallery_data li{
  max-width: 25%;
  max-height: 400px;
  line-height: 0;
  display:block;
  overflow: hidden;
  margin-top:0;
  margin-bottom: 0;
}








/* cforms */


.cform_container {
   background-color: var(--color-bg-silver);
   padding: var(--spacer-normal-double);
}

.cform_container .cform_name{
   margin: 0 0 var(--spacer-normal) 0;
}

.cform_container .cform_item_type_infotext, .cform_container .cform_item {
   margin: var(--spacer-normal) 0;
}
.cform_container .cform_item_type_submit{
   text-align: right;
}




/* paging default */

.paging, .paging_navfp, .paging_numbers, .paging_navnl{
   display:flex;
}
.paging .paging_item.inactive,
.paging .paging_item a{
   font-size: var(--font-size-bigger);
   padding: var(--spacer-normal-half) var(--spacer-normal);
   display: block;
   text-decoration: 0;
   line-height: 1;
   border: 1px solid var(--color-border-silver-light);
   margin-left: -1px; 
   z-index:1;
}

.paging .nav_first, .paging .nav_first.inactive, 
.paging .nav_last, .paging .nav_last.inactive{
   display:none;
}

.paging .paging_item a{
   font-weight: 600;
   transition: background 0.5s ease;
}
.paging .paging_item.inactive{
   color: var(--color-text-light);
}
.paging .paging_item a:hover{
   background-color: var(--color-bg-silver);   
}
.paging .paging_item a.active{
   font-weight: 600;
   background-color: var(--color-bg-silver); 
}






/* Template parter */
.mbtpl {
   display:flex;
   flex-wrap:wrap;
   margin: var(--spacer-normal-half) var(--spacer-normal-half-minus);
   width: calc(100% + var(--spacer-normal));
}

.mbtpl .item,
.mbtpl .item.w50{
   width: calc(50% - var(--spacer-normal));
   margin: var(--spacer-normal) var(--spacer-normal-half);
}
.mbtpl .item.w25{
   width: calc(25% - var(--spacer-normal));
   margin: var(--spacer-normal) var(--spacer-normal-half);
}
.mbtpl .item.w100{
   width: calc(100% - var(--spacer-normal));
   margin: var(--spacer-normal) var(--spacer-normal-half);
}


.mbtpl .fimg.item .fimg_img {
   object-fit:cover;
}


@media only screen and (min-width: 801px) {
   .mbtpl.fimg_chs .w50.mbtext{
      padding: var(--spacer-normal);
   }

   .mbtpl.fimg_chs:nth-child(even) .fimg{
      order: -1;
   }
   .mbtpl.w50.fimg_chs:nth-child(odd) .mbtext{
      padding-left: 0;
   }
   .mbtpl.w50.fimg_chs:nth-child(even) .mbtext{
      padding-right: 0;
   }
}


@media only screen and (max-width: 1500px) {
   .mbtpl .item.w25{
      width: calc(50% - var(--spacer-normal));   
   }
   .mbtpl .item.w50{
      width: calc(50% - var(--spacer-normal));   
   }   
}
@media only screen and (max-width: 800px) {
   .mbtpl .item.w25{
      width: calc(100% - var(--spacer-normal));   
   }
   .mbtpl .item.w50{
      width: calc(100% - var(--spacer-normal));   
   }   
}






/* MB Listing zakladni defaultni */

.mblist, .articles_list_container, .articles_small_container {
   display:flex;
   flex-wrap:wrap;
   margin: 0 var(--spacer-normal-half-minus);
   width: calc(100% + var(--spacer-normal));
}

.mblist .item, .articles_list_item, .articles_small_item {
   width: calc(50% - var(--spacer-normal));
   margin: var(--spacer-normal) var(--spacer-normal-half);
   
   background-color: var(--color-bg-white);
   border: 1px solid var(--color-border-silver-light);
}

.mblist.wi25 .item, .articles_list_item, .articles_small_item {
   width: calc(25% - var(--spacer-normal));
}
.mblist .item.no_border{
   border-width: 0px;
}


@media only screen and (max-width: 1550px) {
   .mblist.wi25 .item{
      width: calc(50% - var(--spacer-normal));   
   }   
}
@media only screen and (max-width: 1500px) {
   .mblist.wi25 .item,
   .articles_list_item, .articles_small_item{
      width: calc(50% - var(--spacer-normal));   
   }   
}
@media only screen and (max-width: 800px) {
   .mblist.wi25 .item,
   .articles_list_item, .articles_small_item{
      width: calc(100% - var(--spacer-normal));   
   }   
}


.articles_small_title,
.articles_small_text,
.articles_small_date, 
.articles_small_link,
.articles_list_title,
.articles_list_text,
.articles_list_date, 
.articles_list_link{
   margin: var(--spacer-normal) var(--spacer-normal) 0 var(--spacer-normal);   
}
.articles_small_title h1, .articles_small_title h2, .articles_small_title h3,
.articles_list_title h1, .articles_list_title h2{
   margin: 0;
}
.articles_small_text,
.articles_list_text{
   flex-grow: 1;
}
.articles_small_link, 
.articles_list_link{
   text-align: right;
}



.mblist .item, 
.mblist .item .ca,
.articles_small_item, 
.articles_list_item {
   display:flex;
   flex-direction: column;
}
.mblist .item .ca{
   /* height: 100%; */
}
.mblist .item .cont{
   padding: var(--spacer-normal) var(--spacer-normal) 0 var(--spacer-normal);
   flex-grow: 1;
}

.mblist.polozky .item .cont,
.articles_small_item, 
.articles_list_item{
   padding-bottom: var(--spacer-normal);
}

.mblist .item a,
.articles_small_item a,
.articles_list_item a{
   text-decoration: none;   
}
.mblist .item .name,
.articles_small_title h1, .articles_small_title h2, .articles_small_title h3,
.articles_list_title h1, .articles_list_title h2{
   font-size: var(--font-size-h1);  
   font-weight: 600;
   line-height: 1.15;
   color: var(--color-text-darker);
}
.mblist.polozky .item .name,
.articles_small_title h1, .articles_small_title h2, .articles_small_title h3,
.articles_list_title h1, .articles_list_title h2{
   font-size: var(--font-size-big);  
}


.mblist .item .fimg.main,
.mblist .item .fimg.gal_item,
.articles_small_thumb,
.articles_list_thumb{
   overflow: hidden;   
   line-height: 0;
}

.mblist .item .fimg.main img,
.mblist .item .fimg.gal_item img,
.articles_small_thumb img,
.articles_list_thumb img{
   transition: transform 1s ease;
}
.mblist .item:hover .fimg.main img,
.mblist .item .fimg.gal_item:hover img,
.articles_small_item:hover .articles_small_thumb img,
.articles_list_item:hover .articles_list_thumb img{
   transform: scale(1.05);  
}


.mblist .item .link_visible,
.articles_small_link a,
.articles_list_link a{
   text-decoration: underline;
}
.mblist .item .link_visible:hover,
.articles_small_link a:hover,
.articles_list_link a:hover{
   text-decoration: none;
}

.mblist .item .border_top{
   border-top: 1px solid var(--color-border-silver-light);
}

.mblist .item .spch{
   margin: var(--spacer-normal-half) 0;
}
.mblist .item .spcn{
   margin: var(--spacer-normal) 0;
}
.mblist .item .spch.border_top{
   padding-top: var(--spacer-normal-half);
}
.mblist .item .spcn.border_top{
   padding-top: var(--spacer-normal);
}



/* Default gallery & System gallery  */
 
.mbgallery, .gallery_container{
   display:flex;
   flex-wrap:wrap;
   margin: 0 var(--spacer-normal-half-minus);
   width: calc(100% + var(--spacer-normal));
}

.mbgallery .fimg, .gallery_container .gallery_item{
   width: calc(25% - var(--spacer-normal));
   margin: var(--spacer-normal-half) var(--spacer-normal-half);
   
   background-color: var(--color-bg-white);
   border: 1px solid var(--color-border-silver-light);
}


.mbgallery .fimg, .gallery_container .gallery_img{
   overflow: hidden;   
   
}

.mbgallery .fimg .fimg_img, .gallery_container .gallery_img img{
   transition: transform 1s ease;
}
.mbgallery .fimg:hover .fimg_img, .gallery_container .gallery_item:hover .gallery_img a img{
   transform: scale(1.05);  
}


.gallery_container{
   margin-top: var(--spacer-normal-double);
   margin-bottom: var(--spacer-normal-double);
}

.gallery_container .gallery_header{
   width: 100%;
   margin-top: 0;
   margin-bottom: var(--spacer-normal-half);
}

.gallery_container .gallery_item{
   display: flex;
   flex-direction:column;
   text-align: left;
}


.gallery_container .gallery_name,
.gallery_container .gallery_info{
   margin: 0 var(--spacer-normal) var(--spacer-normal) var(--spacer-normal);
}
.gallery_container .gallery_name{
   margin-top: var(--spacer-normal);
}
.gallery_container .gallery_info p{
   margin: 0;
}

.gallery_container .gallery_name:not(.gallery_header){
   font-weight: 600;
   font-size: var(--font-size-big);     
}

.gallery_container .gallery_img img{
   width: 100%;
   object-fit:cover;
   line-height: 0;
}

.gallery_container.contain .gallery_img img{
   object-fit:contain;
   padding: var(--spacer-normal);
}





@media only screen and (max-width: 1500px) {
   .mbgallery .fimg, .gallery_container .gallery_item{
      width: calc(50% - var(--spacer-normal));   
   }   
}
@media only screen and (max-width: 700px) {
   .mbgallery .fimg, .gallery_container .gallery_item{
      width: calc(100% - var(--spacer-normal));   
   }   
}





/* Articles */
.articles_art_item{
   display:flex;
   flex-direction:column;
}



/* frontpage */
.sys_frontpage footer .footer-aside{
   display: none;
}



/* Search */
.search_results_item{
   margin: var(--spacer-normal) 0;  
   display:flex;
   flex-wrap:no-wrap;
   padding-bottom: var(--spacer-normal);
   border-bottom: 1px solid var(--color-border-silver-light);
   background-color: var(--color-bg-white);
}
.search_results_cimage{
   width: 20%;
   max-width: 15rem;
   flex-grow: 0;
   flex-shrink: 0;
   line-height: 0px;
   text-align: center;
   order: 666;
}
.search_results_cimage img{
   max-height: 10rem;
   object-fit: contain;
}
.search_results_cinfo{
   display:flex;
   flex-direction:column;
   flex-grow: 1;
   margin-right: var(--spacer-normal-double);
   position: relative;
}

.search_results_title{
   font-size: var(--font-size-big);
   
}
.search_results_title a{
   text-decoration: none;   
}
.search_results_title{
      
}
.search_results_text{
   flex-grow: 1;
   margin: var(--spacer-normal-half) 0;
}
.search_results_link{
   font-size: var(--font-size-small);
   color: var(--color-text-light);
}

.search_results_tags{
  position: absolute;
  top: 0;
  right: 0;
  display:flex;
  flex-wrap:wrap;
  gap: var(--spacer-normal);
}
.search_results_tag{
  background-color: var(--color-bg-silver);
  text-decoration: none;
  cursor: pointer;
  padding: 0.25em 0.5em;  
}


.search_results_groups{
  display:flex;
  flex-wrap:wrap;
  gap: var(--spacer-normal);
  margin-top: var(--spacer-normal);
  
  border-bottom: 1px solid var(--color-bg-darker);
}


.search_results_image.no_image{
  display: block;
  width: 100;
  height: 100%;
  background-image: url(/gfx/logo-normal.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30% auto;
}


.search_results_groups_item {
  color: var(--color-text-white);
  background-color: var(--color-bg-darker);
  padding: var(--spacer-normal-half);  
  cursor: pointer;
}
.search_results_groups_item:hover,
.search_results_groups_item.active {
  background-color:var(--color-bg-green-dark);  
}




.alert_message{
  padding: 1em 1em;
  margin: 1rem 0;
  background-color: var(--color-bg-silver);
  color: var(--color-bg-red);
}

.alert_message.orange{
  color: var(--color-bg-orange);
}

.alert_message a{
  color:inherit;
}
.alert_message p{
  margin: 0;
}

.search_results_text .alert_message{
  margin: 0 0.5em 0 0;
  padding: 0.15em 0.5em;
}




/* Popup */

#popup_fullscreen_cnt, #popup_fullscreen_bcg, .popup_fullscreen_cnt, .popup_fullscreen_bcg{
  display:none;
  /*display:block;*/
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 999;
  box-sizing: border-box;
}

.popup_fullscreen_cnt a{
  color:inherit;
}

#popup_fullscreen_bcg, .popup_fullscreen_bcg{
  background-color: rgba(0,0,0,0.45);
  display:block;
  z-index: 5;
  position: fixed !important;
}
#popup_fullscreen_pop, .popup_fullscreen_pop{
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  pointer-events: none;
  

}
#popup_fullscreen_pop_cnt, .popup_fullscreen_pop_cnt{
  display: block;
  position: relative;
  margin: var(--spacer-normal);
  z-index: 15;
  background-color: var(--color-bg-silver);
  
  border-radius: 2px;
  
  max-height: calc(100vh - var(--spacer-normal-double));
  overflow: auto;
  max-width: 600px;
  width: 90%;
  pointer-events: all;
}

#popup_fullscreen_pop_cnt, .mbpopup_fullscreen_cnt{
  max-width: max-content;
}




#popup_fullscreen_pop_cnt .popup_forms{
  padding: var(--spacer-normal-double);  
}

#popup_fullscreen_pop_cls, .popup_fullscreen_pop_cls{
  position: absolute;
  top: 0rem;
  right: 0rem;
  
  color: var(--color-text-white);
  background-color:var(--color-bg-green-dark);
  cursor: pointer;
  font-size: var(--font-size-h1);
  line-height: 1;
  padding: 0 ;
  margin:0;
  width: calc(var(--font-size-h1) * 1.5);
  height: calc(var(--font-size-h1) * 1.5);
  line-height: calc(var(--font-size-h1) * 1.5);
  font-weight: 400;
  text-align: center;
  z-index:55;
  box-sizing: border-box;
  border-radius: 0 0 0 4px;
  transition: color 0.5s ease-in 0s, background-color 0.5s ease-in 0s;
}

#popup_fullscreen_pop_cnt .popup_forms h1.cform_name,
#popup_fullscreen_pop_cnt .popup_forms h2.cform_name{
   font-size: var(--font-size-h1);
}


#popup_fullscreen_pop_cls:hover, .popup_fullscreen_pop_cls:hover{
  background-color: var(--color-bg-green-lighter);
  color: var(--color-text-dark);
}
#popup_fullscreen_pop img, .popup_fullscreen_pop img{
  max-width: 100%;
  height: auto;
  max-height: 100%;
  border-radius: 2px;
}

#popup_fullscreen_pop_cnt .cform_container, .popup_fullscreen_pop_cnt .cform_container{
  margin: 0;
  padding: 0;
}




#popup_fullscreen_cnt.form_id_18 .popup_fullscreen_pop_cnt{
  max-width: 800px;
}

@media only screen and (max-width: 1000px) {
  #popup_fullscreen_pop_cnt, .popup_fullscreen_pop_cnt{
    /* font-size: 1rem; */
  }
  #popup_fullscreen_pop_cnt .popup_forms {
    padding: var(--spacer-normal);
  }
  .popup_fullscreen_pop_cnt .cform_container .cform_item_type_infotext, .popup_fullscreen_pop_cnt .cform_container .cform_item {
    margin: var(--spacer-normal-half) 0;
  }
  .popup_fullscreen_pop_cnt .form{
    padding: var(--spacer-normal-half) var(--spacer-normal-half);
  }
}












/* Submenu standardizovane */
.mbsubmenu_container,
.submenu_text{
   display:flex;
   flex-wrap:wrap;
   margin: var(--spacer-normal) var(--spacer-normal-half-minus);
   width: calc(100% + var(--spacer-normal));
   
   list-style-type: none;
   padding: 0;
}

.mbsubmenu_container .item,
.submenu_text li{
   width: calc(25% - var(--spacer-normal));
   border: 1px solid var(--color-border-silver-light);
   margin: var(--spacer-normal-half);
   color: var(--color-text-darker);
   overflow: hidden;
   box-sizing: border-box;
   display:flex;
   
   
}

body.id_page_39995 .mbsubmenu_container .item{
  width: calc(50% - var(--spacer-normal));
} 



.mbsubmenu_container .item .item_cont,
.submenu_text li a{
   display: flex;
   flex-wrap: nowrap;
   text-decoration: none;
   height: 100%;
}
.mbsubmenu_container.big .item .item_cont,
.submenu_text li a{
   flex-direction: column;
   height:auto;
   width: 100%;
}
.mbsubmenu_container .item .cell_foto{
   width: 30%;
   flex-shrink: 0;
   overflow: hidden;
   height:inherit;
   line-height: 0;
}

.submenu_text .sub_0_image_main{
   margin: var(--spacer-normal-minus) var(--spacer-normal-minus) var(--spacer-normal) var(--spacer-normal-minus);
   width: calc(100% + var(--spacer-normal-double));
   overflow: hidden;
}


.mbsubmenu_container .item .fimg_img,
.submenu_text li img{
   transition: transform 1s ease;
   object-fit:contain;
   object-position: center center;
   height: 100%;
   width: 100%;
}

.mbsubmenu_container.big .item .fimg_img,
.submenu_text li img,
#sekce_kat_subcats .item .fimg_img{
   object-fit:cover;
}

.mbsubmenu_container.img_contain_space .item .cell_foto{
  flex-grow: 1;
}
.mbsubmenu_container.img_contain_space .item .fimg_img{
  object-fit:contain;
  object-position: center center;
  padding: 10px;
}


.mbsubmenu_container .item .cell_name{
   width: 30%;
   flex-grow: 1;
   display:flex;
   align-items: center;
   
   padding: var(--spacer-normal-half) var(--spacer-normal);
   border-width: 2px 2px 2px 0px;
   border-color: transparent;
   border-style:solid;
   
   transition: border 1s ease;
   font-weight: 600;
}


.submenu_text li{
   padding: var(--spacer-normal);
   
}

.mbsubmenu_container.big .item .cell_name,
.submenu_text li a{
   border-width: 0px 2px 2px 2px;
   font-size: var(--font-size-bigger);
   font-weight: 500;
}

.mbsubmenu_container.big .item .cell_foto,
.mbsubmenu_container.big .item .cell_name{
   width: 100%;
   
}


/*
.mbsubmenu_container .item:hover .cell_name{
   border-color: var(--color-border-silver-light);
}
.mbsubmenu_container .item:hover .fimg_img,
.submenu_text li:hover img{
   transform: scale(1.10);  
}
*/

.mbsubmenu_container .item,
.submenu_text li, 
.header-menu li.sub_1_li{
  transition: border-color 0.5s ease;
  position: relative;
}


.mbsubmenu_container .item:after,
.submenu_text li:after,
.header-menu li.sub_1_li:after{
   position: absolute;
   bottom: -1px;
   right: 0px;
   left: 0px;
   content: " ";
   display: block;
   height: 0px;
   
   background-color: var(--color-border-silver-light);
   
   transition: height 0.5s ease, background-color 0.5s ease;
}

.mbsubmenu_container .item:hover,
.submenu_text li:hover,
.header-menu li.sub_1_li:hover{
   border-color: var(--color-bg-green-lighter);
}

.mbsubmenu_container .item:hover:after,
.submenu_text li:hover:after,
.header-menu li.sub_1_li:hover:after{
   background-color: var(--color-bg-green-lighter);
   height: 4px;
}




@media only screen and (max-width: 1000px) {
   .mbsubmenu_container .item,
   .submenu_text li{
      width: calc(50% - var(--spacer-normal));
   }   
}
@media only screen and (max-width: 700px) {
   .mbsubmenu_container .item,
   .submenu_text li{
      width: calc(100% - var(--spacer-normal));
   }   
}


/* Message */
.mbmessage{
   margin: var(--spacer-normal) 0;
   padding: var(--spacer-normal) var(--spacer-normal);
   
   font-size: var(--font-size-bigger);
   
   color: var(--color-text-darker);
   background-color: var(--color-bg-silver);
   width: 100%;
}

.mbmessage.not_available{
   /* Nedostupna */
   font-size: var(--font-size-big);
   background-color: var(--color-bg-green-lighter);
}


/* Standartizovane z modulu */
.mbperex, .articles_art_perex {
   font-size: var(--font-size-bigger);
   margin: var(--spacer-normal) 0;
   
   color: var(--color-text-normal);
}

.mbperex > p, .articles_art_perex > p{
  margin-top: 0;
}
.mbperex p:last-of-type, .articles_art_perex p:last-of-type{
  margin-bottom: 0;
}

.mbkat_det .mbperex{
  margin: 0;
}


.mbperex_image, .articles_art_thumb{
   aspect-ratio: 4.2 / 1; 
   max-height: 360px;
   margin: var(--spacer-normal) 0;
   overflow: hidden;
}

.mbperex_image.image_height{
   aspect-ratio:unset;
   max-height: unset;   
   position: relative;
}


.mbperex_image .fimg_image, .articles_art_thumb{
   object-fit:cover;
   object-position: center;
   max-height: inherit;
}
.mbperex_image .fimg_wrp, .articles_art_thumb .fimg_wrp{
   transition: transform 1s ease;
}
.mbperex_image:hover .fimg_wrp, .articles_art_thumb:hover .fimg_wrp{
   transform: scale(1.05);  
}

   
   
.mbtext{
   width: 100%;
   margin: var(--spacer-sections) 0;   
}  
.mbtext > h1:first-child, .mbtext > h2:first-child, .mbtext > h3:first-child{
   margin-top: 0;
} 
   
   
   
   
   


/* MB Bannery */
.mbbanners{
   width: 100%;
   position: relative;
   max-width: 100%;
   overflow: hidden;
}

.mbbanners.dark{
   background-color: var(--color-bg-darker);
   color: var(--color-text-white);  
   
   margin: var(--spacer-normal-double) 0;
   padding: var(--spacer-normal);  
}

.mbbanners .flxr{
   display:flex;
   gap: var(--spacer-normal);
}

.mbbanners.flxrw, .mbbanners .flxrw{
   display:flex;
   flex-wrap:wrap;
   gap: var(--spacer-normal);
}

.mbbanners.fbcg .fimg.img_cnt,
.mbbanners.fbcg .fimg.img_banner_cmp,
.mbbanners.fbcg .fimg.img_banner_mob{
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 0;
}
.mbbanners.fbcg .fimg.img_cnt .fimg_img,
.mbbanners.fbcg .fimg.img_banner_cmp .fimg_img,
.mbbanners.fbcg .fimg.img_banner_mob .fimg_img{
   object-fit:cover;
}

.mbbanners.img_banner{
   line-height: 0;   
}

.mbbanners.img_banner:hover, .mbbanners.img_banner:hover .fimg{
   overflow: visible;
   
}
.mbbanners.img_banner::after {
  position: absolute;
  pointer-events: none;
  top: 0rem;
  right: 0rem;
  left: 0rem;
  bottom: 0rem;
  content: ' ';
  z-index: 66;
  display: block;
  opacity: 0;
  box-shadow: 0px 14px 30px 0px rgba(0,0,0,0.0);
  transition: 0.5s box-shadow ease, 0.5s opacity ease;
}
.mbbanners.img_banner:hover::after{
   opacity: 1;
   box-shadow: 0px 14px 30px 0px rgba(0,0,0,0.08);
}


.mbbanners .h1size, .mbbanners h1, .mbbanners h2, .mbbanners h3{
   color: inherit;
   text-align: center;
   display: block;
   padding: 0;
   margin: 0;
}
.mbbanners .w100{
   width: 100%;
   flex-grow: 0;
   flex-shrink: 0;
}
.mbbanners .w50, .mbbanners.fimg50 .fimg{
   width: calc(50% - var(--spacer-normal-half));
   flex-grow: 0;
   flex-shrink: 0;
}
.mbbanners.fimg50 .fimg_img{
   object-fit:cover;  
}
.mbbanners .w25{
   width: calc(25% - var(--spacer-normal-half));
   flex-grow: 0;
   flex-shrink: 0;
}
.mbbanners .face{
   border-radius: 100%;
   overflow: hidden;
}


.mbbanners .link_visible{
   text-decoration: underline;
}
.mbbanners .link_visible:hover{
   text-decoration: none;
}

.mbbanners .text_light{
   color: var(--color-text-light);
}


.mbbanners .button{
   background-color: var(--color-bg-green-lighter);
   color: var(--color-text-darker);
   
   display:inline-block;
   display:inline-flex;
   flex-wrap:nowrap;
   padding: var(--spacer-normal) var(--spacer-normal); 
   
   line-height: 1.5;
   
   cursor: pointer;
   font-weight: 600;
   position: relative;
   
   
}
.mbbanners .button img{
   padding-right: var(--spacer-normal-half);
   margin: -0.25em 0 -0.5em 0;
   height: inherit;
   width:auto;
   position: relative;
   display: inline-block;
   object-fit:contain;
}
.mbbanners .button:hover{
   background-color: var(--color-bg-green-dark);
}


.mbbanners .faces{
   display:flex;
}
.mbbanners .face{
   height: 1.5em; 
   width: 1.5em;
   margin: 0em 0 0em -0.5em; 
   border: 1px solid var(--color-bg-green-lighter);  
}

@media only screen and (max-width: 800px) {
   .mbbanners .w50, .mbbanners.fimg50 .fimg{
      width: 100%;
   }   
}




/* Specific banners */


.mbbanners_nsrpv{
   background-color: var(--color-bg-darker);
   color: var(--color-text-white);
   
   margin: var(--spacer-normal) 0;
   padding: var(--spacer-normal); 
   
   
   display:flex;
   gap: var(--spacer-normal);
   
   font-size: var(--font-size-normal);
   
   align-items:center;
}






.mbbanners_nsrpv .fimg {
   border-radius: 100%;
   overflow: hidden;
   height: 6rem;
   width: 6rem;
   float:left;
}
/*
.mbbanners_nsrpv .fimg:after{
   content: ' ';
   border-radius: 100%;
   background-color: var(--color-bg-green-lighter);
   position: absolute;
   bottom: 0.5rem;
   right: 0rem;
   width: 1.5rem;
   height: 1.5rem;
}
*/


.mbbanners_nsrpv .status{
   display: inline-block;
   margin-top: 0.5em;
   color: var(--color-text-light);
   font-size: 1rem;
}
.mbbanners_nsrpv .status .pobocky_dates_today.current_open .dot{
   background-color: var(--color-bg-green-lighter);   
}





.mbbanners_vyhody{
   margin: var(--spacer-normal-double) 0;
   padding: 0;
   
   text-align: center;
   font-size: 1.42rem;
   font-weight: 600;
   
   
   
   
   
   display:flex;
   flex-wrap:wrap;
   justify-content:space-between;
   gap: var(--spacer-normal);
   
}

.mbbanners_vyhody .itm{
   text-align: center;
   display:flex;
   flex-direction:column;
   justify-content:center;
   padding: var(--spacer-normal) 0;
   
   max-width: 8em;
}
.mbbanners_vyhody .ft{
   min-height: 75px;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;
}
.mbbanners_vyhody .txt{
   padding-top: var(--spacer-normal);
}

.mbbanners_vyhody img{
   margin: 0 auto;
}



@media only screen and (max-width: 1000px) {
   .mbbanners .flxr,
   .mbbanners_nsrpv{
      flex-wrap:wrap;
   } 
   .mbbanners .w50{
      width: 100%;
   }
   .mbbanners .w25{
      max-width: 100%;
      width:auto;
      min-width: 50%;
   }


   .mbbanners_vyhody{
      justify-content: center;
      font-size: var(--font-size-middle);
   }
   .mbbanners_vyhody .itm{
      min-width: 100px;
      max-width: calc(20% - var(--spacer-normal-double)); 
      width:auto;  
   }  
}










.mbbanner_10 {
   display:flex;
   flex-wrap:wrap;
   
}
.mbbanner_10 .flxr{
   padding: var(--spacer-normal) 0px;
   align-items:center;
}

.mbbanner_10 .info_part .flxr{
   gap: 0 var(--spacer-normal);
}
.mbbanner_10 .info_part .w50,
.mbbanner_10 .info_part .w25{
   height: 100%;
   display:flex;
   align-items: center;
}
.mbbanner_10 .contact_buttons svg,
.mbbanner_10 .contact_buttons img{
   height: 1em;
   width:auto;   
   margin-right: 0.5em;
   margin-bottom: 0;
}

.mbbanner_10 .border_right{
   border-right: 1px solid var(--color-border-silver-dark);
}

.mbbanner_10 .faces{
   display:flex;
   margin: -0.25em 1em;
}
.mbbanner_10 .w25 a{
   text-decoration: underline;
}
.mbbanner_10 .contact_buttons{
   display:flex;
   flex-grow: 1;
   flex-wrap:wrap;
   gap: 0px var(--spacer-normal);
   justify-content: center;
   text-align: center;
}
.mbbanner_10 .contact-tel{
   display:flex;
   align-items: center;
}
.mbbanner_10 .contact_buttons .text_light{
   margin-top: var(--spacer-normal-half);
}


@media only screen and (max-width: 1000px) {
   .mbbanner_10,
   .mbbanner_10 .flxr{
      flex-direction:column;
      justify-content:center;
      text-align: center;
   }
   .mbbanner_10 .w50, .mbbanner_10 ul{
      width: 100%;
   }  
   .mbbanner_10 .border_right{
      border-right: 0px solid transparent;
   } 
   
}




.mbbanner_12{
   display:flex;
   flex-wrap:wrap;
   gap: var(--spacer-normal);  
   margin: var(--spacer-normal-double) 0;
   
   font-size: var(--font-size-bigger); 
   text-align: left;
} 
.mbbanner_12 .fimg{
   width: calc(50% - var(--spacer-normal-half));
   height: inherit;
   position: relative;
}
.mbbanner_12 .fimg_wrp{
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
}
.mbbanner_12 .fimg_img{
   object-fit:cover;
}
.mbbanner_12 .text{
   padding: var(--spacer-normal) 0 0 0;     
}
.mbbanner_12 .text h2{
   margin-top: 0;
   text-align: left;
}

.mbbanners .cform_container{
   margin-top: var(--spacer-normal-double);
   padding: var(--spacer-normal) var(--spacer-normal-double);   
}
.mbbanners #form_ffcf14{
   display:flex;
   flex-wrap:wrap;
   gap: 0 var(--spacer-normal);
}
.mbbanners .cform_item_id_46, .mbbanners .form_file {
   width: 100%;   
   flex-grow: 1;
}
.mbbanners .cform_item_id_47 {
   flex-grow: 1;
}
.mbbanners .cform_container .cform_item{
   margin: var(--spacer-normal-half) 0;   
}










.mbbanner_15,
.mbbanner_23{
   align-items: center;
}
.mbbanner_15 .delivery,
.mbbanner_23 .delivery{
   font-weight: 600;
   color:var(--color-text-green-dark);   
}
.mbbanner_15 .text,
.mbbanner_23 .text{
   font-size: var(--font-size-big);    
}
.mbbanner_15 .buttons,
.mbbanner_23 .buttons{
   text-align: right;
   display:flex;
   flex-wrap:wrap;
   gap: var(--spacer-normal);
   justify-content:flex-end;
   flex-grow:1;
   align-items: center;
}


.mbbanner_16{
   margin: var(--spacer-normal-double) 0; 
   background-color: var(--color-bg-silver);
}
.mbbanner_16 h2{
   text-align: left;   
}
.mbbanner_16 .text{
   padding: var(--spacer-normal-double) var(--spacer-normal);
}






.mbbanners.ebook {
   background-color: var(--color-bg-silver);  
   display:flex;
   flex-wrap: no-wrap;
   gap: var(--spacer-normal);  
   padding: var(--spacer-normal-double);  
   margin: var(--spacer-normal-double) 0; 
}
.mbbanners.ebook h1, .mbbanners.ebook h2{
   margin: var(--spacer-normal) 0;
   text-align: left;   
}
.mbbanners.ebook .fimg{
   max-width: calc(25% - var(--spacer-normal));
}
.mbbanners.ebook .fimg_img{
   object-fit: contain;
   object-position:top left;
}
.mbbanners.ebook .text{
   flex-grow: 1;   
}
.mbbanners.ebook .tag{
   display: block;
   /*
   background-color: var(--color-bg-silver);  
   color: var(--color-text-light);
   padding: 0.25em 0.5em;
   */
   font-weight: 500;
   margin-bottom: -1em;
}

.mbbanners.mbbanners.ebook .cform_container{
   margin: 0;
   padding: 0;
   margin-top: var(--spacer-normal); 
}
.mbbanners.mbbanners.ebook form{
   display:flex;
   gap: var(--spacer-normal-half)  var(--spacer-normal);  
   padding: 0;
   margin: 0;
}


@media only screen and (max-width: 800px) {
   .mbbanners.ebook,
   .mbbanners.mbbanners.ebook form{
      flex-wrap:wrap;
   }   
   .mbbanners.ebook .fimg,
   .mbbanners.ebook .text{
      width: 100%;
      max-width: 100%;
   }
}






























/* OLD STUFF to delete */
.bannery_inspirace{
   display:none;
}



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

   .mbbanner .w50,
   .mbbanner_10 .info_part .w50{
      max-width: 50%;
      width:auto;  
      flex-shrink: 1; 
   } 
}

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

   .mbbanner .w50,
   .mbbanner .w100{
      width: 10%;
   } 
   
   .mbbanner_10 .w25, .mbbanner_10 .w50, .mbbanner_10 .w100,
   .mbbanner_10 .info_part .w50,
   .mbbanner_10 .info_part .w25{
      width: 100%;
      max-width: unset;
      height:auto;
      text-align: center;
      justify-content: center;
   }
}












































@media print {
   
   :root{
      --font-size-small: 12px;
      --font-size-normal: 13px;
      --font-size-middle: 15px;
      --font-size-bigger: 17px; 
      --font-size-big: 19px;     
      
      --font-size-h1: 30px; /* 2,5 */
      --font-size-h2: 25px; /* 2 */
      --font-size-h3: 22px; /* 1,5 */
   
   
      --padding-main-sides: 0px;
      --padding-main-top: 0px;
   }
   
   @page {
      margin: 1.5cm;
   }
   
   body, * {
     color-adjust: exact !important;  
     -webkit-print-color-adjust: exact !important; 
     print-color-adjust: exact !important;
   }
   body,html{
      padding: 0;
      margin: 0;
   }
    .cont-main{
      width: 99%;
      max-width: 99%;
   }

   
   header, footer,
   .cont-main .cont-main-aside, 
   #cookie_eu_bar,
   #lightbox, #lightboxOverlay, 
   #devel_debug_info,
   script{
      display:none !important;
   }
   
   
   
   
  
   
   .mbbanners.mbbanner_2{
      display:none !important;
   }
   
}









































































/* TAbles users wsqg*/


.table_nice, .table_nice_allborders{
  width:auto !important;
  max-width: 100%;  
}


.table_nice tr td, .table_nice_outside tr td, .table_nice_allborders tr td{
  padding: var(--spacer-normal-half) var(--spacer-normal);
  border-bottom: 1px solid var(--color-border-silver-light);
  width:auto !important;
  height:auto !important;
}

.table_nice_allborders tr td{
  border-right: 1px solid var(--color-border-silver-light);  
  
}
.table_nice tr td, .table_nice_outside tr td, .table_nice_allborders tr td {
  background-color: var(--color-bg-white);  
  transition: background 0.5s ease;
}

.table_nice tr:hover td, .table_nice_outside tr:hover td, .table_nice_allborders tr td:hover {
  background-color: var(--color-bg-silver);  
}

.table_nice tr:last-of-type td, .table_nice_outside tr:last-of-type td, .table_nice_allborders tr:last-of-type td{
  border-bottom: 0px;
}
.table_nice_allborders tr td:last-of-type{
  border-right: 0px;  
}


.table_nice_outside, .table_nice_allborders{
  border: 1px solid var(--color-border-silver-light);
}





/* modules CSS */





/* MB Serie */



.mbsekce_serie_list{
 display:flex;
 flex-wrap:wrap;
 margin: 0 calc(0px - var(--spacer-normal-half));
 width: calc(100% + var(--spacer-normal));
}

.mbsekce_serie_list .item{
   width: calc(50% - var(--spacer-normal));
   margin: var(--spacer-normal) var(--spacer-normal-half);
   
   background-color: var(--color-bg-white);
   border: 1px solid var(--color-border-silver-light);
   
}

.mbsekce_serie_list.polozky .item{
   width: calc(25% - var(--spacer-normal));   
   width: calc(33.33% - var(--spacer-normal));   
   
   height: unset;
}

.mbsekce_serie_list .item, 
.mbsekce_serie_list .item .ca{
   display:flex;
   flex-direction: column;
   height: 100%;
}

.mbsekce_serie_list .item .ca{
   /* height: 100%; */
}
.mbsekce_serie_list .item .fimg.mbsekce_polozky{
  flex-shrink: 0;
}
.mbsekce_serie_list .item .cont{
   padding: var(--spacer-normal) var(--spacer-normal) 0 var(--spacer-normal);
   flex-grow: 1;
}

.mbsekce_serie_list.polozky .item .cont{
   padding-bottom: var(--spacer-normal);
   display:flex;
   flex-direction: column;
   flex-grow: 1;
}
.mbsekce_serie_list .spacer{
  flex-grow: 1;
}

.mbsekce_serie_list .item a{
   text-decoration: none;   
}
.mbsekce_serie_list .item .name{
   font-size: var(--font-size-h1);  
   font-weight: 600;
   color: var(--color-text-darker);
}
.mbsekce_serie_list.polozky .item .name{
   font-size: 1.5rem;  
}

.mbsekce_serie_list .item .fimg.main,
.mbsekce_serie_list .item .fimg.gal_item{
      overflow: hidden;   
}

.mbsekce_serie_list .item .fimg.main img,
.mbsekce_serie_list .item .fimg.gal_item img{
   transition: transform 1s ease;

}
.mbsekce_serie_list .item:hover .fimg.main img,
.mbsekce_serie_list .item .fimg.gal_item:hover img{
   transform: scale(1.05);  
}

.mbsekce_serie_list .item .tags, 
.mbsekce_serie_list .item .sizes{
   padding: 0.25em 0;
   display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0.5em;
  gap: 0.75em 0.75em;
  
  position: relative;

}
.mbsekce_serie_list .item .sizes strong{
  font-weight: 500;
}
.mbsekce_serie_list .item .sizes .pitem{
  position: relative;
  background-color: var(--color-bg-silver);
  color: #000000;
  padding: 0.15em 0.3em;  
  
  word-spacing: -0.15em; 
  
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  gap: 0.3em;
  
  text-decoration: none;
}

.mbsekce_serie_list .item .sizes .fimg{
  height: 1.25em;
  width: 1.25em;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  
  position: relative;
  z-index: 2;
}
.mbsekce_serie_list .item .pitem svg{
  height: 1.25em;
  width: 1.25em;  
  transition: fill 0.5s ease;
  
  fill: none;
  stroke: var(--color-text-darker);
}
.mbsekce_serie_list .item .pitem:hover svg{
  fill: var(--color-bg-green-lighter);
}

.mbsekce_serie_list .item .sizes .fimg.hide{
  display:none;
}

.mbsekce_serie_list .item .sizes .fimg_img{
  object-fit:contain;
  object-position: center center; 
}
.mbsekce_serie_list .item .pitem{
  position: relative;
}
.mbsekce_serie_list .item .pitem a.eshop_link{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 1;  
}

.mbsekce_serie_list .item .roomvo-stimr{
  background-image: url(/gfx/ico/ico-3d-black.svg) !important;
  background-position: 10px center !important;
  background-repeat: no-repeat !important;
  background-size: auto 60% !important;
  
}



.mbsekce_serie_list .item .tags{
   display: flex;
   flex-wrap:wrap;
   gap: var(--spacer-normal-half);
}
.mbsekce_serie_list .item .tag{
   display: inline-block;
   background-color: var(--color-bg-silver);
   padding: 0.25em 0.5em;
}
.mbsekce_serie_list .item .tag.idl_price_hit{
  background-color: var(--color-bg-green-lighter); 
  font-weight: 600;
}


.mbsekce_serie_list .item .availability{
   margin: var(--spacer-normal-half) 0;
   font-weight: 600;
   color:var(--color-text-green-dark);
   
   display:flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: var(--spacer-normal-half);
}
.mbsekce_serie_list .item .inquiry{
  width: 100%;
  
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
   
  gap: var(--spacer-normal-half);
  
  margin: var(--spacer-normal-half) 0;  
  text-align: right;
}
.mbsekce_serie_list .item a.button{
  line-height: 1.5;  
}




.mbsekce_serie_list .item .gal{
   display:flex;
   flex-wrap:wrap;
   
   padding:  0 var(--spacer-normal-half) var(--spacer-normal-half) var(--spacer-normal-half);
   width: 100%;
   /*
   margin: 0 calc(0px - var(--spacer-normal-half)) calc(0px - var(--spacer-normal-half)) calc(0px - var(--spacer-normal-half));
   width: calc(100% + var(--spacer-normal-half));
   */
}
.mbsekce_serie_list .gal .gal_item{
   width: calc(calc(25% - var(--spacer-normal)) - 2px);
   margin: var(--spacer-normal-half);   
   
   border: 1px solid var(--color-border-silver-superlight);
}
.mbsekce_serie_list .gal .gal_item.gal_name{
   
   width: 100%;
   border: 0px solid transparent;
   font-weight: 600;
   color:var(--color-text-darker);
   padding-top: var(--spacer-normal-half);  
   
   border-top: 1px solid var(--color-border-silver-light);   
}



@media only screen and (max-width: 1000px) {
   .mbsekce_serie_list.polozky .item{
      width: calc(50% - var(--spacer-normal));
   }
}
@media only screen and (max-width: 700px) {
   .mbsekce_serie_list .item,
   .mbsekce_serie_list.polozky .item{
      width: calc(100% - var(--spacer-normal));
   }   
}


.mbsekce_vizualizace{
   display:flex;
   flex-wrap: wrap;
   gap: var(--spacer-normal) 0;
   
}
.mbsekce_vizualizace h2{
   color:inherit;
   margin-top: 0;
}
.mbsekce_vizualizace .w50{
   background-color: var(--color-bg-darker); 
   color: var(--color-text-white); 
   width: calc(50% - var(--spacer-normal-half)); 
}
.mbsekce_vizualizace .htext{
   
}
.mbsekce_vizualizace .htext{
   padding: var(--spacer-normal-double) var(--spacer-normal);  
   width: calc(50% + var(--spacer-normal-half));  
}
.mbsekce_vizualizace .w100{
   display:flex;
   flex-wrap:no-wrap;
   gap: var(--spacer-normal) var(--spacer-normal);
   width: 100%;
}

@media only screen and (max-width: 800px) {
   .mbsekce_vizualizace{
      gap: 0;
   }
   .mbsekce_vizualizace .w50{
      width: calc(100% - var(--spacer-normal));   
   }
   .mbsekce_vizualizace .w100{
      flex-wrap:wrap;
      margin-top: var(--spacer-normal);
   }   
   .mbsekce_vizualizace .w100 .fimg{
      width: calc(50% - var(--spacer-normal)); 
   }
}


.mbsekce_hodit h2{
   margin: 0;
   
}
.mbsekce_hodit .mbsubmenu_container{
   
}

.mbsekce_texts{
   margin: var(--spacer-normal) 0;
   overflow: hidden;
}

.mbsekce_vizualizace, 
.mbsekce_articles,
.mbsekce_more, 
.mbsekce_hodit{
   margin: var(--spacer-sections) 0;
   overflow: hidden;
}



/* Filtrace */

.mbfilter_head{
   margin: var(--spacer-normal-double) 0;  
   padding: var(--spacer-normal) var(--spacer-normal);
   
   color: var(--color-text-darker);
   background-color: var(--color-bg-silver);    
   
   
   display:flex;
   flex-wrap:wrap;
   gap: var(--spacer-normal);
   
   border: 1px solid var(--color-bg-silver);
}

.mbfilter_head .filter_name{
   border: 1px solid var(--color-text-darker);
   color: var(--color-text-darker);
   padding: var(--spacer-normal-half) calc(var(--spacer-normal) + 1.5em) var(--spacer-normal-half) var(--spacer-normal);  
   
   font-weight: 600;
   
   background-position: right var(--spacer-normal) center;
   background-size: auto 0.5em;
   background-repeat: no-repeat;
   background-image: url(/gfx/ico/ico-arrow-down-black.svg);
   
   transition: outline 0.5s ease;
   
   cursor: pointer;
}


.mbfilter_head .mbfilter_head_right{
  
  
  display:flex;
  flex-wrap:wrap;
  gap: var(--spacer-normal);
}

.mbfilter_head .filter_show_not_important{
   background-color: var(--color-bg-green-lighter);
   color: var(--color-text-darker);
   padding: var(--spacer-normal-half) var(--spacer-normal) var(--spacer-normal-half) calc(var(--spacer-normal) + 1.5em);
   
   margin: 0 0 0 auto; /* Be on the right */  
   
   background-position: left var(--spacer-normal-half) center;
   background-size: auto 1.2em;
   background-repeat: no-repeat;
   background-image: url(/gfx/ico/ico-settings-black.svg);
   
   cursor: pointer; 
   
   transition: background-color 0.5s ease, border-color 0.5s ease;
}


.mbfilter_head .filter_show_not_important:hover{
   background-color: var(--color-bg-green-dark);
   border-color: var(--color-bg-green-dark);
}

.mbfilter_head .filter_name:hover, .mbfilter_head .filter_name.selected, 
.mbfilter_head .mbfilter_ordering:hover, .mbfilter_head .mbfilter_ordering.selected{
   outline: 1px solid var(--color-text-darker);
}
.mbfilter_head .filter_name.important_no{
   display:none;
}



.mbfilter_ordering{
  clear:both;
  margin: 0 0 var(--spacer-normal) 0;
  padding: 0 var(--spacer-normal-half);
  display:flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacer-normal-half);
  
  border-bottom: 1px solid var(--color-border-silver-superlight); 
  
}
.mbfilter_ordering .item{
  padding: calc(var(--spacer-normal-half) - 2px) var(--spacer-normal-half) calc(var(--spacer-normal-half) - 1px) var(--spacer-normal-half);  
}
.mbfilter_ordering .item.name{
  color: var(--color-text-lighter);
}
.mbfilter_ordering a.item{
  border-top: 2px solid transparent; 
  border-bottom: 1px solid var(--color-border-silver-light); 
  text-decoration: none;
  
  transition: border-width 0.25s ease, border-color 0.25s ease;
}

.mbfilter_ordering a.item.selected, 
.mbfilter_ordering a.item:hover{
  border-bottom-width: 3px;
  border-top-width: 0px;
  border-bottom-color: var(--color-bg-green-lighter);
}





.mbfilter_head .mbfilter_ordering{
   border: 1px solid var(--color-text-darker);
   color: var(--color-text-darker);
   padding: 0;  
   
   font-weight: 600;
   
   background-position: right var(--spacer-normal) center;
   background-size: auto 0.5em;
   background-repeat: no-repeat;
   
   transition: outline 0.5s ease;
   
   cursor: pointer;
}
.mbfilter_head .mbfilter_ordering select{
  display:block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: transparent;
  
  color: inherit;
  font-weight: inherit;
  font-family:inherit;
  line-height: inherit;
  font-size: inherit;
  
  border: 0px solid transparent;
  
  padding: var(--spacer-normal-half) calc(var(--spacer-normal) + 1.5em) var(--spacer-normal-half) var(--spacer-normal);  
}


.mbfilter_body{
   width: 100%;
}
.mbfilter_body{
   margin-top: calc(0px - var(--spacer-normal-double));
   margin-bottom: var(--spacer-normal-double);    
}


.filter_group{
   border: 1px solid var(--color-border-silver-light); 
   border-top-width: 0px;
   
   padding: var(--spacer-normal);   
   display:flex;
   flex-wrap:nowrap;    
   
    display:none; 
   /* content-visibility: hidden; */
}
.filter_group.selected{
   display:flex; 
   /* content-visibility: auto; */
}
.filter_group_variants {
   display:flex;
   flex-wrap:wrap;
   gap: var(--spacer-normal-half);   
}
.filter_item.filter_name{
   font-weight: 600;
   padding-left: 0;
   padding-right: 1em;
}
.filter_item {
   padding: 0.25em var(--spacer-normal-half);
   text-decoration: none;
   display: inline-block;
   
   transition: background-color 0.5s ease;
}
form.filter_item{
  display:inline-flex;
  flex-wrap:nowrap;
}
form.filter_item .form,
form.filter_item .form_submit{
  padding-top: 5px;
  padding-bottom: 5px;
}

a.filter_item:hover{
   background-color: var(--color-bg-silver);
} 
.filter_item .count{
   display: inline-block;
   margin-left: 0.25em;
}


.filter_item.unavailable,
.filter_item .count{
   color: #D2D2D2;
}

.filter_item.selected{
   background-color: var(--color-bg-green-lighter);
}
.filter_item.selected .count{
   color: inherit;
}

.mbfilter_footer, 
.mbfilter_selected{
/*
   margin: var(--spacer-normal-half) 0;
   padding: var(--spacer-normal);   
   */
   width: 100%;
   display:flex;
   flex-wrap:wrap;
   gap: var(--spacer-normal-half); 
   font-size: var(--font-size-bigger);
}

.mbfilter_footer .filter_item.counter{
   margin: 0 0 0 auto;
}



.mbfilter_selected .filter_item{
   padding: 0.25em var(--spacer-normal-half);
   text-decoration: none;
   display: inline-block;   
   border: 1px solid var(--color-bg-silver); 
   border: 1px solid var(--color-bg-white); 
}
.mbfilter_selected .selected_name{
   border-color: transparent;
   padding-left: 0;
}
.mbfilter_selected .filter_item:hover{
   border: 1px solid var(--color-border-silver-dark);   
}


.mbfilter_footer{
   justify-content: space-between;
   margin: var(--spacer-normal) 0;   
   width: 100%;
}

.mbfilter_footer.bottom{
   justify-content: center;
   font-size: var(--font-size-big);
}
.mbfilter_footer .mbfilter_counter{
   padding: var(--spacer-normal-half) 0;
   line-height: 1;
}









/* Bloky */
.mbblock_cont{
   margin: var(--spacer-normal-double) 0;
}
.mbblock{
   border-bottom: 1px solid var(--color-border-silver-light); 
   padding: 0;
   
   width: 100%;
   overflow: hidden;
   
   font-size: var(--font-size-normal);
}
.mbblock:first-of-type{
   border-top: 1px solid var(--color-border-silver-light);

}
.mbblock .head{
   display:flex;
   flex-wrap:nowrap;
   justify-content: space-between;
   align-items:center;
   padding: var(--spacer-normal) 0; 
   margin: 0;
   
   background-color: transparent;
   
   transition: 0.5s background-color ease, 0.5s padding ease;
   
   cursor: pointer;
}



.mbblock .head h1, .mbblock .head h2, .mbblock .head h3, .mbblock .head h4{
   margin: 0;
   padding: 0;
   font-size: var(--font-size-big);
   font-weight: 600;
} 

.head_arr{
   padding: 0 var(--spacer-normal);   
   transition: 0.5s transform ease;
   min-width: 50px;
}




.mbblock .head:hover{
   background-color: var(--color-bg-silver);
   padding-left: var(--spacer-normal);  
}
.mbblock .head:hover .head_arr{
   transform: rotate(+90deg);   
}

.mbblock.active .head .head_arr, 
.mbblock.active .head:hover .head_arr{
   transform: rotate(+180deg);   
}


.mbblock .main{
   max-height: 0px;
   transition: 0.5s max-height ease;
   overflow: hidden;
}
.mbblock.active .main{
   max-height: max-content;
}


.mbblock .cont{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    margin: var(--spacer-normal) 0;
}




.mbblock figcaption{
   display:none;
}

.mbblock .img_group_b {
   width: calc(50% + var(--spacer-normal-half));   
   flex-shrink: 0;
   flex-grow: 0;
   
   padding-left: var(--spacer-normal);
   padding-right: 0;
   margin: 0 0 0 auto;
}
.mbblock .part{
   flex-grow: 1;
   flex-shrink: 1;
}
@media only screen and (min-width: 800px) {
  /*
   .mbblock .main .cont:nth-child(even) .img_group_b {
      order: -1;  
      padding-left: 0;
      padding-right: var(--spacer-normal);
      margin: 0 auto 0 0;
   }
   */
    .mbblock .img_group_b.odd {
      order: -1;  
      padding-left: 0;
      padding-right: var(--spacer-normal);
      margin: 0 auto 0 0;
   }
}

.mbblock .img_group_b .fimg_cp{
    aspect-ratio: 2 / 1; 
    border: 1px solid var(--color-border-silver-light);
    
}

.mbblock .img_group_bf .fimg_cp{
    aspect-ratio: 4.2 / 1;
}

.mbblock img{
   object-fit: cover;   
}




@media only screen and (max-width: 800px) {
   .mbblock .cont{
      flex-wrap:wrap;
   }
   .mbblock .img_group_b {
      width: calc(100% + var(--spacer-normal-half)); 
      padding-left: 0;
      margin-top: var(--spacer-normal);
   }
}
























/* Frontpage */

.mblist.frontpage .item h1{
   margin-top: 0;   
}
.mblist.frontpage{
   font-size: var(--font-size-bigger);
   margin-top: var(--spacer-normal-double);
   margin-bottom: var(--spacer-normal-double);
}
.mblist.frontpage a.button{
   display: inline-block;
}







.fp_supermenu{
   padding-top: var(--padding-main-top);
   margin-right: var(--padding-main-sides);
   margin-left: var(--padding-main-sides);
   
   
   padding-bottom: var(--spacer-normal-double);
   margin-bottom: var(--spacer-normal-double);
   
   display:flex;
  
}

.fp_supermenu_aside{
   width: var(--width-menu);
   margin-right: var(--padding-menu);
   flex-shrink: 0;
}

.fp_supermenu_aside ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.fp_supermenu_aside a{
   text-decoration: none;
}
.fp_supermenu_aside li{
  font-size: var(--font-size-normal);
  font-weight: 600; 
  /*
  background-image:url(/gfx/ico/ico-obklady-green.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  */
  display: block;
  margin: 0 ;
  
  padding: var(--spacer-normal);
  
  border-bottom: 1px solid var(--color-border-silver-light);
  position: relative;
  z-index: 5;
  
  
}
/*
.fp_supermenu_aside li:hover::after{
   position: absolute;
   right: 0px;
   top: 0px;
   bottom: 0px;
   height:72%;
   display: block;
   content: " ";
   background-color: var(--color-bg-silver);
   box-sizing: border-box;
   
   aspect-ratio: 1 / 1; 
   
   
   transform: translate(50%,17%) rotate(45deg);
   transform-origin: center center;
   
   z-index: -1;
   overflow: hidden;
   
}
*/
.fp_supermenu_aside li:hover{
   background-color: var(--color-bg-silver);
   z-index: 1;
}



.fb_supermenu_part{
   display:flex;
   overflow: hidden;
   
   flex-direction:column;
   box-sizing: border-box;
   
   
   padding: var(--spacer-normal) 0 0 0;
   
   display:none;
   height: 0px;
   visibility: collapse;
   
   min-height: 100%;
}
.fb_supermenu_part.active{
   display:flex;
   height:auto;
   visibility: visible;
}

.fb_supermenu_part h2{
   margin-top: 0;
}

.fb_supermenu_part_cont{
   flex-grow: 1;
}

.fb_supermenu_part .button{
   background-color: var(--color-bg-green-lighter);
   color: var(--color-text-darker);
   
   display:inline-flex;
   flex-wrap:nowrap;
   padding: var(--spacer-normal) var(--spacer-normal); 
   
   line-height: 1;
   
   cursor: pointer;
   font-weight: 600;
   
   text-decoration: none;
}
.fb_supermenu_part .button:hover{
   background-color: var(--color-bg-green-dark);
}









/* roonvo_in_image  */



#fp_motto{
   text-align: center;
       
}
#fp_motto h1, #fp_motto h2{
   background-color: var(--color-bg-silver);   
   padding: 0.5em 1em;
   margin: 0 0;
   display: inline-block;
}
#fp_motto p{
   margin: 0;
}


#fp_find{
   text-align: center;
}
#fp_find .mbbanners_vyhody{

   justify-content: center;

}














/* Popup form */
#article_popup_form{
   display:none;
}











/* Inspire - modul */






.cat_gallery{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  width: calc(100% + var(--spacer-normal));
  margin: 0 var(--spacer-normal-half-minus);
}
.cat_gallery .item{
  flex-basis: min-content;
  flex-shrink: 1;
  flex-grow: 1;
  /* flex-basis: 20%; */
  margin: var(--spacer-normal-half) var(--spacer-normal-half);
  width:auto;
  min-width: 21%;
  
  /* outline: 1px dotted red; */
  position: relative;
  overflow: hidden;
}

.cat_gallery .mbbanners {
  margin: var(--spacer-normal-half) var(--spacer-normal-half);
}

.cat_gallery .fimg{
   background-color: var(--color-bg-silver);
   border: 1px solid var(--color-bg-silver);
}
.cat_gallery .fimg_wrp{
  position: relative;
  width: 100%;
  //outline: 1px dotted blue;
  height: 250px;
  overflow: hidden;
}

/* error was from here*/


.cat_gallery .fimg_pic {
  display:block;
  width:100%;
  height:inherit;
  position:relative;
  line-height:0;
  //outline:1px dotted green;
}
.cat_gallery .fimg_img {
  object-fit:cover;
  width:100%;
  height:inherit;
  height:inherit;
  border-radius:1px;
  transition:transform 0.5s ease;
  color:#000000;
  text-decoration:none;
}
.cat_gallery .item:hover .fimg_img {
  transform:scale(1.05);
}
.cat_gallery .fimg_cap {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  width:min-content;
  max-width:20vw;
  height:var(--spacer-normal);
  line-height:var(--spacer-normal);
  color:var(--color-text-lighter);
  font-size:var(--font-size-small);
  margin:var(--spacer-normal-half) var(--spacer-normal-half);
  box-sizing:border-box;
}
.cat_gallery .tags {
  position:absolute;
  top:var(--spacer-normal);
  left:0;
  line-height:1em;
  font-size:var(--font-size-small);
  z-index:3;
}
.mod_mbinspire .lb-outerContainer {
  border-radius:4px 4px 0 0;
}
#lightbox_tags,
.mod_mbinspire .lb-caption {
  font-size:var(--font-size-bigger);
  line-height:1em;
}
#lightbox_tags {
  display:inline-block;
}
.lb-container,
.lb-details {
  position:relative;
}
.cat_gallery .tags .tag,
#lightbox_tags .tag {
  background-color:var(--color-bg-green-lighter);
  padding:0.5em var(--spacer-normal-half) 0.5em var(--spacer-normal-half);
  margin:5px 10px 5px 0px;
  border-radius:0 10px 10px 0;
  display:inline-block;
  color:var(--color-text-darker);
  text-decoration:none;
  transition:background-color 0.5s ease,color 0.5s ease;
}
.cat_gallery .tags .tag:hover,
#lightbox_tags .tag:hover {
  background-color:var(--color-bg-green-dark);
  color:var(--color-text-white);
}
.mbinspire_small {
  margin:var(--spacer-sections) 0;
  display:flex;
  flex-wrap:wrap;
  overflow:visible;
}
.mbinspire_small .w25 {
  width:calc(25% - var(--spacer-normal));
  margin:var(--spacer-normal-half);
}
.mbinspire_small h2 {
  margin-top:0;
}
.mbinspire_small .text {
  padding:var(--spacer-normal);
  background-color:var(--color-bg-silver);
}
.mbtpl..mbinspire_small .fimg.item .fimg_img {
  object-fit:cover;
}
#content > .mbinspire_small:last-child {
  margin-bottom:0;
}
.noticep {
  display:inline-block;
  font-size:var(--font-size-small);
  padding:0px var(--spacer-normal-half);
  margin-bottom:0.5em;
  margin-right:var(--spacer-normal-half);
  border-radius:1px;
  background-color:var(--color-bg-orange);
  color:#FFFFFF;
  line-height:1.5;
  text-transform:uppercase;
}
.noticep.inspirace {
  background-color:#000000;
}
.noticep.akce,
.noticep.sleva {
  background-color:var(--color-bg-red);
}
.noticep.delivery_free {
  background-color:var(--color-text-green-dark);
  font-size:var(--font-size-small);
  background-image:url(/gfx/ico/ico-truck.svg);
  padding-left:2em;
  background-size:auto calc(100% - 0.2em);
  background-position:5px 0.1em;
  background-repeat:no-repeat;
}
.stock.outofstock,
.delivery.outofstock,
.pricebox_orange {
  color:var(--color-bg-orange);
}
.stock.instock,
.delivery.instock,
.pricebox_green {
  color:var(--color-text-green-dark);
  border-color:var(--color-text-green-dark);
}
.mbkat_plist {
  display:flex;
  flex-wrap:wrap;
  margin:calc(0px - var(--spacer-normal)) calc(0px - var(--spacer-normal-half));
  width:calc(100% + var(--spacer-normal));
  overflow:hidden;
}
.mbkat_plist .item {
  width:calc(25% - var(--spacer-normal));
  margin:var(--spacer-normal) var(--spacer-normal-half);
  background-color:var(--color-bg-white);
  border:1px solid var(--color-border-silver-light);
}
.mbkat_plist .item a {
  text-decoration:none;
}
.mbkat_plist .item .ca {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:var(--spacer-normal) var(--spacer-normal);
  height:100%;
}
.mbkat_plist .item .fimg.main,
.mbkat_plist .item .fimg.main .fimg_wrp,
.mbkat_plist .item .fimg.main .fimg_pic {
  overflow:hidden;
  height:200px;
  max-height:200px;
  max-width:100%;
  width:100%;
  flex-grow:0;
  overflow:visible;
  position:relative;
}
.mbkat_plist .item .fimg.main .fimg_pic {
  width:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.mbkat_plist .item .fimg.main .fimg_img {
  transition:transform 1s ease;
  object-fit:contain;
  object-position:center center;
  max-height:100%;
  height:unset;
  width:100%;
  max-width:100%;
}
.mbkat_plist .item:hover .fimg.main img {
  transform:scale(1.05);
}
.mbkat_plist .item .notices {
  position:absolute;
  z-index:5;
  top:var(--spacer-normal-half-minus);
  left:-22px;
}
.mbkat_plist .item .cont {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  //border-top:1px solid var(--color-border-silver-light);
  margin-top:var(--spacer-normal);
  //padding-top:var(--spacer-normal);
}
.mbkat_plist .item .name {
  font-size:var(--font-size-big);
  font-weight:600;
  color:var(--color-text-darker);
  line-height:1.2;
  text-decoration:none;
}
.mbkat_plist .item .text {
  padding:var(--spacer-normal) 0;
}
.mbkat_plist .item .spacer {
  flex-grow:1;
}
.mbkat_plist .item .actions {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
.mbkat_plist .item .price {
  font-size:var(--font-size-big);
  font-weight:600;
  color:var(--color-text-darker);
}
@media only screen and (max-width:1700px) {
  .mbkat_plist .item {
    width:calc(33.33% - var(--spacer-normal));
  }
}
@media only screen and (max-width:1400px) {
  .mbkat_plist .item {
    width:calc(50% - var(--spacer-normal));
  }
}
@media only screen and (max-width:800px) {
  .mbkat_plist .item {
    width:calc(100% - var(--spacer-normal));
  }
}
body.mod_mbkatalog_items .cont-main-aside,
body.mod_mbkatalog_items footer .footer-aside {
  display:none;
}
.mbkat_det {
  display:flex;
  flex-wrap:wrap;
  gap:var(--spacer-normal);
  width:100%;
}
.mbkat_det .w50 {
  width:calc(50% - var(--spacer-normal-half));
}
.mbkat_det .w100 {
  width:calc(50% - var(--spacer-normal-half));
}
body.mod_mbkatalog_items h1.main {
  display:none;
}
.mbkat_det .w50.head {
  display:flex;
  flex-direction:column;
  padding-left:var(--spacer-normal);
  gap:var(--spacer-normal);
}

.mbkat_det .spacer{
  flex-grow: 1;
  margin-top: var(--spacer-normal-minus);
}

.mbkat_det h1 {
  margin:0;
  font-size:var(--font-size-h1);
}
.mbkat_mimg {
  padding:var(--spacer-normal);
  border:1px solid var(--color-border-silver-light);
  position:relative;
}
.mbkat_mimg .fimg {
  min-height: 200px;
  max-height: 60vh;
}
.mbkat_mimg .notices {
  position:absolute;
  top:var(--spacer-normal);
  left:var(--spacer-normal);
}
.mbkat_gal,
.mbkat_tabgal {
  margin-top:var(--spacer-normal);
  display:flex;
  gap:var(--spacer-normal);
}
.mbkat_gal .fimg,
.mbkat_tabgal .fimg {
  border:1px solid var(--color-border-silver-light);
}
.mbkat_gal .fimg {
  max-height:6rem;
}
.mbkat_tabgal {
  flex-wrap:wrap;
  width:calc(100% + var(--spacer-normal));
  margin-right:var(--spacer-normal-half-minus);
  margin-left:var(--spacer-normal-half-minus);
  gap:0;
}
.mbkat_tabgal .fimg {
  width:calc(25% - var(--spacer-normal));
  margin:var(--spacer-normal-half);
}
.mbkat_mimg,
.mbkat_gal .fimg,
.mbkat_tabgal .fimg {
  background-color:#FFFFFF;
}
.mbkat_det .fimg_wrp,
.mbkat_tabgal .fimg_wrp {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:var(--spacer-normal-half);
}
.mbkat_det .fimg_pic,
.mbkat_det .fimg_img,
.mbkat_tabgal .fimg_pic,
.mbkat_tabgal .fimg_img {
  height:100%;
  width:100%;
  object-fit:contain;
}
.mbkat_params {
  color:var(--color-text-light);
  transition:background-color 0.5s ease,color 0.5s ease;
}
.mbkat_params:hover {
  color:var(--color-text-lighter);
}



.mbkat_params_important{
  display:flex;
  flex-wrap:wrap;
  gap: 0.5em 0.5em;
  
}
.mbkat_params_important .pitem{
  background-color:var(--color-bg-silver);
  color: #000000;
  padding: 0.15em 0.5em;
}
.mbkat_params_important .pval{
  font-weight: 500;
}

.head_links a {
  display:inline-block;
  /*
  background-color:var(--color-bg-green-lighter);
  border-color:var(--color-bg-green-lighter);
  */
  background-color:var(--color-bg-darker);
  border-color:var(--color-bg-darker);
  color: #FFFFFF;
  
  transition:background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease;
  font-weight:600;
  padding:0.25em 1em;
  text-decoration:none;
}
.head_links a:hover {
  background-color:var(--color-bg-green-dark);
  border-color:var(--color-bg-green-dark);
  color: #000000;
}
.mbkat_det .mbkat_avail,
.mbkat_det .mbkat_pricebox {
  padding:var(--spacer-normal);
  background-color:var(--color-bg-silver);
  display:flex;
  justify-content:space-between;
  font-size:var(--font-size-bigger);
}
.mbkat_det .mbkat_pricebox {
  margin-top:var(--spacer-normal);
}
.mbkat_det .mbkat_avail .stock {
  font-weight:600;
}
.mbkat_pricebox table {
  width:100%;
}
.mbkat_pricebox table td {
  vertical-align:middle;
}
.mbkat_pricebox table .wvat {
  font-size:var(--font-size-big);
}
.mbkat_pricebox table .nvat,
.mbkat_pricebox table .bal_wvat {
  font-size:var(--font-size-normal);
}
.mbkat_pricebox table .bal_wvat .noticep{
  opacity: 0.25;
}
.mbkat_pricebox table .bal_wvat .price_before{
  font-weight: 600;
}

.mbkat_pricebox table .actions td {
  text-align:right;
  padding-top:var(--spacer-normal-half);
}
.mbkat_pricebox table td.price,
.mbkat_pricebox table td.number {
  text-align:right;
}
.mbkat_pricebox table .wvat .price {
  font-weight:600;
}
.mbkat_pricebox .noticep {
  font-size:var(--font-size-normal);
  margin:0 1em;
}
.mbkat_pricebox .price_before {
  text-decoration:line-through;
  color:var(--color-text-light);
}
.mbkat_pricebox .button svg {
  fill:var(--color-text-darker);
  height:1.5em;
  margin:-0.25em 1em -0.25em 0;
}




.mbkat_product_prices{
  display:flex;
  flex-wrap:wrap;
  width: 100%;
  gap: 10px;
  justify-content: flex-end;
}
.mbkat_product_prices .basket_cnt{
  height: inherit;
}
.mbkat_product_prices .pricebox_deliveryfreeinfo{
  width: 100%;
}





.mbkat_selvar{
  display:flex;
  flex-direction: column;
  height: 2.5rem;
  box-sizing: border-box;
  overflow: hidden;
  
  /* border: 1px solid var(--color-bg-darker); */
  background-color: #FFFFFF;
  
  
  z-index: 5;
  position: relative;
  
  transition: background-color 0.5s ease, border-color 0.5s ease;
}



.mbkat_selvar.open{
  z-index: 55;
  overflow: visible;
  
  border-color: var(--color-bg-darker);
}

.mbkat_selvar .option{
  background-color: #FFFFFF;
  
  cursor: pointer;
  
  
  box-sizing: border-box;
  line-height:1;
  
  
  padding: 0.5em var(--spacer-normal-half);
  border: 1px solid var(--color-border-silver-light);
  border-top-width: 0px;
  
  display: flex;
  flex-wrap: no-wrap;
  gap: var(--spacer-normal-half);
  align-items: center;
  
  text-decoration: none;
  transition: background-color 0.5s ease, border-color 0.5s ease;
  
  opacity: 0;
}

@media only screen and (max-width:800px) {
  .mbkat_selvar .option{
    flex-wrap: wrap;
  }
  
  .mbkat_selvar .option .price{
    margin-left: auto;
  }
}

.mbkat_selvar .option:first-child{
  height: 2.5rem;
  border-top-width: 1px;
  opacity: 1;
  flex-shrink: 0;
  position: relative;
  
  
  overflow: hidden;
}

.mbkat_selvar .option:first-child::after{
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 2.0rem;
  
  pointer-events: none;
  content: "";
  
  transition: transform 0.5s ease;
  
    
  background-image: url('/gfx/ico/ico-arrow-down-black.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: fill;
}

.mbkat_selvar.open .option:first-child::after{
  transform: rotate(180deg);
  transform-origin: center;
}


.mbkat_selvar .option:last-child{
  border-bottom-width: 1px;
}


.mbkat_selvar.open .option{
  border-color: var(--color-bg-darker);  
  opacity: 1;
}
.mbkat_selvar .option:hover{
  background-color: var(--color-bg-silver);
  
}
.mbkat_selvar.open .option.current{
  border-bottom-width: 2px;
}


.mbkat_selvar .option .mbkat_avail{
  padding: 0;
  background-color: transparent;
  font-size: inherit;
  
  
}




.mbkat_tab {
  display:block;
  margin:var(--spacer-sections) 0 0 0;
}
.mbkat_tab .tabcont {
  margin:var(--spacer-normal-double) 0 0 0;
  overflow:visible;
}
.mbkat_tab .tabcont.inactive {
  display:none;
}
.mbkat_tabc {
  display:flex;
  gap: var(--spacer-normal-half) var(--spacer-normal);
  flex-wrap:wrap;
  border-bottom:1px solid var(--color-bg-darker);
  font-size: var(--font-size-bigger);
}
.mbkat_tabc .tabbtn {
  cursor:pointer;
  color:var(--color-text-light);
  background-color: var(--color-bg-darker);
  padding: var(--spacer-normal-half) var(--spacer-normal);
  transition:background-color 0.5s ease,color 0.5s ease;
}
.mbkat_tabc .tabbtn:hover,
.mbkat_tabc .tabbtn.active {
  color:var(--color-text-darker);
  background-color:var(--color-bg-green-dark);
}
@media only screen and (max-width:1000px) {
  .mbkat_det .w50 {
    width:calc(100% - var(--spacer-normal-half));
  }
  .mbkat_tabgal .fimg {
    width:calc(50% - var(--spacer-normal));
  }
}
body.mod_mbkatalog_basket_delivery .cont-main-aside,
body.mod_mbkatalog_basket_contacts .cont-main-aside,
body.mod_mbkatalog_basket_delivery .footer-aside,
body.mod_mbkatalog_basket_contacts .footer-aside {
  display:none;
}
body.mod_mbkatalog_basket_delivery .cont-main,
body.mod_mbkatalog_basket_contacts .cont-main {
  max-width:1440px;
  margin-right:auto;
  margin-left:auto;
}
body.mod_mbkatalog_basket_delivery header .header-main-buttons,
body.mod_mbkatalog_basket_contacts header .header-main-buttons,
body.mod_mbkatalog_basket_delivery header .header-main-search,
body.mod_mbkatalog_basket_contacts header .header-main-search {
  display:none;
}
body.mod_mbkatalog_basket_delivery .header-main-logo,
body.mod_mbkatalog_basket_contacts .header-main-logo {
  max-height:2.5rem;
}
body.mod_mbkatalog_basket_delivery .header-menu,
body.mod_mbkatalog_basket_contacts .header-menu {
  height:2px;
  padding:0;
}
:root body.mod_mbkatalog_basket_delivery,
:root body.mod_mbkatalog_basket_contacts {
  --padding-main-top:10rem;
  --padding-main-top:5rem;
}
.basket_container .img-wrap {
  width:10%;
}
.basket_container .img-wrap img {
  max-width:100%;
  height:auto;
}
.basket_container .stock-wrap,
.basket_container td.counter-wrap {
  text-align:center;
}
.basket_container td.price,
.basket_container td.number,
.basket_container td.price_one {
  width:10%;
  text-align:right;
}
.basket_container .remove-wrap {
  width:50px;
  text-align:center;
}
.basket_container .price {
  font-weight:600;
}
.basket_del_item {
  border-radius:100%;
  background-color:var(--color-bg-silver);
  color:var(--color-text-darker);
  display:inline-block;
  width:var(--spacer-normal);
  height:var(--spacer-normal);
  line-height:var(--spacer-normal);
  cursor:pointer;
  transition:all 0.5s ease 0s;
}
.basket_del_item:hover {
  background-color:var(--color-text-darker);
  color:var(--color-text-white);
}
.product-wrap .name-wrap a {
  color:inherit;
  text-decoration:none;
}
.product-wrap .name-wrap a:hover {
  text-decoration:underline;
}
.product-wrap .name_product {
  font-weight:600;
  font-size:var(--font-size-bigger);
}
.product-wrap .name-wrap .name_category {
  font-weight:300;
  width:100%;
  display:block;
}

.basket_container .text_info .message{
  display: block;
  
  border: 1px solid var(--color-bg-orange);
  border-radius: 5px;
  
  line-height: 1.3;
  
  background-color: var(--color-bg-silver);
  padding: var(--spacer-normal-half) var(--spacer-normal-half);
  
  margin-top: 5px;
}
.basket_container .text_info .message:empty{
  display: none;
}

.order_notice {
  padding:var(--spacer-normal) var(--spacer-normal);
}
.basket_container .order_notice .form {
  width:auto;
  display:inline-block;
}
.basket_container .order_notice label {
  display:unset;
}
.order_notice p {
  margin:0;
}
.order_items {
  width:100%;
  border-collapse:collapse;
  box-sizing:border-box;
  background-color:var(--color-bg-white);
}
.basket_container tr th {
  text-align:center;
  font-size:var(--font-size-small);
  box-sizing:border-box;
  padding:0.5rem var(--spacer-normal-half);
}
.order_items td {
  vertical-align:middle;
  box-sizing:border-box;
  padding:var(--spacer-normal) var(--spacer-normal-half);
}
.order_items.small td {
  padding:var(--spacer-normal-half) var(--spacer-normal-half);
}
.order_items tr {
  border-bottom:1px solid var(--color-border-silver-light);
  box-sizing:border-box;
}
.basket_container tr.header {
  border-top:1px solid var(--color-border-silver-light);
}
.basket_container tr.product-added {
  border-bottom:0px solid var(--color-border-silver-light);
}
.basket_container tr.product-added td {
  padding-bottom:0px;
}
.basket_container tr.product-added-info {
  font-size:var(--font-size-small);
}
.basket_container tr.product-added-info td {
  padding-top:0px;
}
.basket_container tr.product-added-info p {
  display:block;
  margin:0;
  background-color:var(--color-bg-silver);
  padding:var(--spacer-normal-half) var(--spacer-normal);
}

/* Basket count, used in more places */
.basket_cnt {
  display:inline-flex;
  flex-wrap:nowrap;
  border:1px solid var(--color-border-silver-light);
  width:auto;
  position: relative;
}
.basket_cnti {
  box-sizing:border-box;
  margin:0;
}
.basket_value_dec,
.basket_value_inc {
  text-align:center;
  width:1.5rem;
  line-height:2;
  cursor:pointer;
  overflow:hidden;
  transition:background-color 0.5s ease 0s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.basket_value_dec:hover,
.order_items .basket_cnti.basket_value_inc:hover {
  background-color:var(--color-border-silver-superlight);
}
.basket_count {
  width:3rem;
  text-align:right;
  font-size:inherit;
  font-family: inherit;
  font-weight: 500;
  
  line-height:2;
  border:1px solid var(--color-border-silver-light);
  border-width:0 1px 0 1px;
  text-align:center;
  
  position: relative;
}
input.basket_count::-webkit-outer-spin-button,
input.basket_count::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0;
}
input.basket_count[type=number] {
  -moz-appearance:textfield;
}


.basket_count.ctu{
  padding-right: 2.25rem;
  width: 6rem;
}

.basket_cntu{
  position: absolute;
  
  top: 0;
  height: 100%;
  right: 2rem;
  
  font-size:inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height:2;
  padding: 1px 0px;
  box-sizing: border-box;
  
  display: inline-flex;
  justify-content: center;
  align-items: center;
  
  pointer-events: none;
}





.order_notice_doprodej {
  font-size:var(--font-size-small);
  font-style:italic;
}
.order_notice_delivery {
  text-align:left;
  background-color:var(--color-bg-silver);
  padding:var(--spacer-normal-double) var(--spacer-normal-double);
  margin:0 0;
  max-width:600px;
  
  display:none;
}
.order_notice_delivery.show{
  display:block;
}

.order_notice_delivery p {
  margin:0;
}
.order_notice_delivery_text {
  background-image:url(/gfx/ico/ico-truck-black.svg);
  padding-left:2em;
  background-size:auto 1.5rem;
  background-position:0 0;
  background-repeat:no-repeat;
}
.order_notice_delivery_bar {
  display:block;
  width:100%;
  margin-top:0.5rem;
  height:0.25rem;
  background-color:var(--color-bg-white);
}
.order_notice_delivery_bari {
  display:block;
  width:0;
  height:100%;
  background-color:var(--color-text-green-dark);
  transition:width 0.2s ease 0s;
}
@media only screen and (max-width:1300px) {
  .order_items {
    display:block;
  }
  .order_items tr.header,
  .order_items th {
    display:none;
  }
  .order_items tr {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    padding:var(--spacer-normal-double) var(--spacer-normal);
    position:relative;
  }
  .order_items tr.product-added {
    padding-bottom:0;
  }
  .order_items tr.product-added-info {
    padding-top:0;
  }
  .order_items tr.product-added-info .img-wrap {
    display:none;
  }
  .order_items tr td {
    display:block;
    text-align:center !important;
    padding:0 0.5rem;
    margin:0.5rem 0;
    width:50% !important;
  }
  .order_items td.img-wrap,
  .order_items td.name-wrap,
  .order_items tr.product-added-info td {
    width:100% !important;
  }
  .order_items tr td.remove-wrap {
    position:absolute;
    top:1rem;
    right:1rem;
    width:auto !important;
    font-size:1.25rem;
  }
}
.basket_navigation {
  width:100%;
  display:flex;
  border:0px solid var(--color-border-silver-light);
  border-width:1px 1px 0px 1px;
  overflow:hidden;
  font-size:1rem;
  margin:0.5em 0 1em;
}
.basket_navigation .item {
  position:relative;
  padding:0em var(--spacer-normal) 0em var(--spacer-normal-double);
  border:0px solid var(--color-border-silver-light);
  border-width:0px 0px 1px 0px;
  flex-grow:1;
  background-color:#FFFFFF;
  height:var(--spacer-normal-double);
  line-height:var(--spacer-normal-double);
  vertical-align:middle;
}
.basket_navigation .item:after {
  --fixpx:7px;
  position:absolute;
  top:0px;
  right:calc(-2.2em + var(--fixpx));
  content:" ";
  border-width:1px 1px 0 0;
  border-color:var(--color-border-silver-light);
  border-style:solid;
  transform:rotate(45deg);
  transform-origin:top left;
  display:block;
  height:calc(2.2em - var(--fixpx));
  width:calc(2.2em - var(--fixpx));
  box-sizing:border-box;
  background-color:#FFFFFF;
  z-index:5;
}
.basket_navigation .item.active,
.basket_navigation .item.active:after {
  background-color:var(--color-border-silver-light);
  font-weight:600;
}
.basket_navigation .item:after:last-of-type {
  display:none;
}
.basket_navigation a {
  color:inherit;
  text-decoration:none;
  font-weight:inherit;
  width:100%;
  display:inline-block;
}
.basket_container .form {
  text-align:left;
}
.basket_container .cform_item label {
  width:100%;
  display:inline-block;
  text-align:left;
  padding:10px 5px 0px 5px;
}
.basket_container .form_checkbox,
.basket_container .order_notice .form_checkbox {
  width:unset;
  display:inline-block;
  scale:1.4;
  margin-top:0.25em;
  margin-bottom:-0.25em;
  margin-right:0.5em;
  cursor:pointer;
}
.basket_part_show_item,
.basket_container .order_notice {
  display:flex;
  flex-wrap:wrap;
}
.basket_container .order_notice_item {
  flex-wrap:nowrap;
  align-items:flex-start;
  margin:0.5em 0;
}
.basket_container .order_notice_item {
  width:100%;
}
.basket_two {
  margin:var(--spacer-normal) 0;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--spacer-normal);
}
.basket_two .item {
  flex-grow:1;
  max-width:calc(60% - var(--spacer-normal-double));
}
.basket_two .secondary {
  max-width:40%;
  min-width:unset;
}
.basket_two .right {
  text-align:right;
}
.basket_contacts {
  width:100%;
  max-width:unset;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin:0 0 2rem 0;
}
.basket_contacts .cform_item {
  width:100%;
  display:flex;
  margin:var(--spacer-normal) 0;
}
.basket_contacts .cform_item label {
  width:30%;
  max-width:200px;
}
.basket_contacts .cform_item .form {
  max-width:400px;
}
.basket_list {
  width:100%;
  border-collapse:collapse;
  box-sizing:border-box;
  background-color:var(--color-bg-white);
}
.basket_list.delivery {
  border:1px solid var(--color-border-silver-light);
}
.basket_list tr th {
  text-align:center;
  font-size:var(--font-size-small);
  box-sizing:border-box;
  padding:var(--spacer-normal-half) var(--spacer-normal);
}
.basket_list td {
  vertical-align:middle;
  box-sizing:border-box;
  border-top:1px solid var(--color-border-silver-light);
  padding:var(--spacer-normal-double) var(--spacer-normal);
}
.basket_list tr.nbt td {
  border-top:0px solid transparent;
  padding-top:0;
}
.basket_list.small td {
  padding:var(--spacer-normal) var(--spacer-normal);
}
.basket_list.delivery td {
  border-bottom:1px solid var(--color-border-silver-light);
}
.basket_list tr.active {
  background-color:var(--color-bg-green-lighter);
}


.basket_list tr.disabled {
  color: var(--color-border-silver-light) !important;
  pointer-events: none;
}
.basket_list tr.disabled .basket_dp_radio , 
.basket_list tr.disabled img{
  opacity: 0.5;
}
.basket_list tr.disabled img{
  filter: grayscale(100%);
}



.basket_list td.checkbox,
.order_items td.ico {
  text-align:center;
}
.basket_list label {
  width:100%;
  display:inline-block;
  cursor:pointer;
  margin:0;
  padding:0;
  padding:0.5em 0;
  margin:-0.25em 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
}
.basket_list label .logos {
  display:inline-block;
  overflow:visible;
}
.basket_list label .logos img {
  display:inline-block;
  width:auto;
  border-radius:4px;
  max-height:1.8em;
  border:1px solid var(--color-border-silver);
  box-sizing:border-box;
  margin-left:0.2em;
  background-color:#FFFFFF;
}
.basket_list .form.form_radio {
  transform:scale(1.5);
  width:auto;
  margin:0;
  text-align:center;
  cursor:pointer;
}
.basket_alert {
  display:none;
}
.basket_alert.active {
  display:table-row;
}
.basket_alert td {
  font-weight:500;
  background-color:var(--color-bg-orange);
}
.basket_alert .ico {
  text-align:center;
  font-weight:600;
  font-size:var(--font-size-bigger);
}
.total-order.total {
  font-size:var(--font-size-bigger);
}
.total-order.total strong {
  font-weight:600;
}
#basket_delivery_info,
.total_nvat {
  font-size:var(--font-size-small);
}
.order_items strong {
  font-weight:600;
}
#basket_part_note,
#basket_part_company,
#basket_part_delivery {
  display:none;
}
#basket_part_note.active,
#basket_part_company.active,
#basket_part_delivery.active {
  display:block;
}
.basket_next,
.basket_container .form_submit {
  font-size:var(--font-size-big);
  line-height:1.1;
  font-weight:600;
  margin:var(--spacer-normal) 0 0 0;
  padding:var(--spacer-normal-half) var(--spacer-normal);
  display:inline-block;
  background-color:var(--color-bg-green-lighter);
  color:#000000;
  text-decoration:none;
  display:inline-block;
  border-radius:0;
  transition:all 1s ease;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
  overflow:visible;
  position:relative;
}
.basket_container .form_submit {
  width:100%;
}
.secondary .basket_next {
  float:right;
}
.basket_next:hover,
.basket_container .form_submit:hover {
  box-shadow:0 1px 3px rgba(0,0,0,0.02),0 1px 2px rgba(0,0,0,0.05);
  color:#000000;
  background-color:var(--color-bg-green-dark);
}
@media only screen and (max-width:1300px) {
  .basket_navigation {
    flex-wrap:wrap;
  }
}
@media only screen and (max-width:1000px) {
  .basket_two .item {
    max-width:unset;
  }
  .basket_two .secondary {
    max-width:unset;
    width:100%;
  }
  .basket_navigation {
    font-size:var(--font-size-small);
  }
  .basket_contacts .cform_item {
    flex-wrap:wrap;
  }
  .basket_contacts .cform_item label {
    width:100%;
  }
}
@media only screen and (max-width:700px) {
  .basket_list label img.logo {
    display:none;
  }
}
.mblist.pobocky .item {
  text-align:center;
}
.mblist.pobocky .item .info {
  font-size:var(--font-size-middle);
}
.mblist.pobocky .item .links {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--spacer-normal-half) var(--spacer-normal);
}
.mblist.pobocky .item .open_name {
  display:block;
  text-transform:uppercase;
  margin-bottom:var(--spacer-normal-half);
}
.mblist.pobocky .item .pobocky_dates {
  margin:0 auto;
}
@media only screen and (max-width:1550px) and (min-width:1000px) {
  .mblist.wi25.lide .item {
    width:calc(33.33% - var(--spacer-normal));
  }
}
@media only screen and (min-width:800px) {
  .mblist.pobocky #mbkontakty_pobocka_i22.item {
    width:100%;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .ca {
    display:flex;
    flex-direction:row;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .cont {
    display:grid;
    grid-template-columns:repeat(3,33%);
    grid-template-rows:min-content min-content min-content max-content;
    gap:0 var(--spacer-normal);
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .fimg.main {
    width:calc(25% - var(--spacer-normal));
    flex-shrink:0;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .fimg_img {
    object-fit:cover;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .name {
    grid-area:1 / 1 / 2 / 2;
    text-align:left;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .address {
    grid-area:2 / 1 / 3 / 2;
    text-align:left;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .links {
    grid-area:3 / 1 / 4 / 2;
    text-align:left;
    flex-direction:column;
    justify-content:normal;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .contacts {
    grid-area:4 / 1 / 5 / 2;
    text-align:left;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .icons {
    grid-area:1 / 3 / 5 / 4;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .open {
    grid-area:1 / 2 / 5 / 3;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .spcn.border_top {
    border:unset;
    padding-top:0;
    margin-top:0;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .spch {
    padding:0;
    margin:0;
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .icons {
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    justify-content:center;
    gap:var(--spacer-normal);
    padding:var(--spacer-normal);
  }
  .mblist.pobocky #mbkontakty_pobocka_i22.item .icons .fimg {
    width:calc(50% - var(--spacer-normal));
    flex-shrink:0;
  }
}
.mblist.pobocky .item .icons {
  display:flex;
  gap:var(--spacer-normal-half);
  align-items:center;
}
.mblist.pobocky .item .icons .fimg_img {
  object-fit:contain;
  transform:none !important;
}
.pobocky_dates_special {
  background-color:var(--color-bg-silver);
  padding:var(--spacer-normal-half);
  margin-bottom:var(--spacer-normal-half);
}
.pobocky_dates {
  max-width:100%;
  border-collapse:collapse;
}
.mbkontakty_pobocka .pobocky_dates {
  width:100%;
}
.pobocky_dates td {
  padding:0.25em;
}
.pobocky_dates td.times {
  width:50%;
}
.pobocky_dates .current_open,
.pobocky_dates_today.current_open .dot {
  background-color:#e8f094;
  font-weight:600;
}
.pobocky_dates .current_closed,
.pobocky_dates_today.current_closed .dot {
  background-color:#EA9B00;
}
.pobocky_dates_today.h3size {
  margin:var(--spacer-normal) 0;
}
.pobocky_dates_today .dot {
  border-radius:100%;
  height:0.8em;
  width:0.8em;
  display:inline-block;
  margin-right:0.5em;
}
.pobocky_dates_today.current_closed .dot {
}
.mbkontakty_pobocka {
  display:flex;
  flex-wrap:wrap;
  width:100%;
}
.mbkontakty_pobocka .frame {
  display:flex;
  flex-wrap:no-wrap;
  width:100%;
  min-height:400px;
  margin:var(--spacer-normal) 0;
  background-color:var(--color-bg-white);
  border:1px solid var(--color-border-silver-light);
}
.mbkontakty_pobocka .frame .txt {
  min-width:30%;
  max-width:400px;
  flex-grow:0;
  padding:var(--spacer-normal) var(--spacer-normal);
}
.mbkontakty_pobocka .frame .txt h2 {
  margin-top:0;
}
.mbkontakty_pobocka .frame .img {
  flex-grow:1;
  height:auto;
  position:relative;
}
.mbkontakty_pobocka .frame .img .fimg,
.mbkontakty_pobocka .frame .img iframe {
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  border:0;
  width:100%;
  height:100%;
}
.mbkontakty_pobocka .frame .img .fimg_img {
  max-height:100%;
  object-fit:cover;
}




body.mod_mbkontakty_clovek h1.main{
  display: none;
}
.osoba_full{
  display:flex;
  gap: 0;
  justify-content: flex-start;
  align-items: flex-start;
  
  
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-silver-light);
}
.kontakty_osoba_left{
  flex-shrink: 0;
}
.kontakty_osoba_right{
  margin: var(--spacer-normal);
}


.kontakty_osoba_right h2.person_name{
  margin-top: 0;
}
.kontakty_osoba_right h2{
  margin-top: var(--spacer-normal);
}

.kontakty_osoba_right table td p{
  margin-top: 0;
  margin-bottom: 0;
}


@media only screen and (max-width:800px) {
  .osoba_full{
    flex-wrap: wrap;
  }  
  .kontakty_osoba_left{
    flex-grow: 1;
    max-height: 60vh;
    overflow: hidden;
  }
}













#form_ffcf18 {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--spacer-normal-half);
}
#form_ffcf18 .cform_label_type_text_label {
  font-weight:500;
}
#form_ffcf18 .cform_item {
  margin:0;
  padding:0;
}
#form_ffcf18 .cform_cleartext {
  width:100%;
}
#form_ffcf18 .cform_cleartext ul {
  margin-top:0;
  margin-bottom:0.5em;
}
#form_ffcf18 .cform_cleartext ul li {
  margin-top:0;
  margin-bottom:0;
}
#form_ffcf18 .cform_item_type_textarea {
  width:100%;
}
#form_ffcf18 .cform_item_type_text,
#form_ffcf18 .cform_item_id_66 {
  width:calc(50% - var(--spacer-normal-half));
}
#form_ffcf18 .cform_item_id_66 {
  flex-grow:1;
  font-size:0.85rem;
  line-height:1.2;
  gap:var(--spacer-normal);
}
#form_ffcf18 .cform_item_type_submit {
  padding-left:var(--spacer-normal);
}
a.tucny_button {
  display:inline-block;
  background-color:var(--color-bg-darker);
  color:#FFFFFF;
  transition:background-color 0.5s ease,border-color 0.5s ease;
  font-weight:600;
  padding:0.25em 1em;
  text-decoration:none;
}
a.tucny_button:hover {
  background-color:var(--color-bg-green-dark);
  border-color:var(--color-bg-green-dark);
}
.cform_subsection_id_67.cform_item_type_text {
  display:none;
}
.cform_subsection_id_67.cform_item_type_text.specialshow {
  display:block;
}
.inquiry_item_add {
  font-size:0.85em;
  margin:0;
}
.inquiry_item_add.hide {
  display:none;
}
.mbbanners .comerto_wadm_admin_link {
  position:absolute;
  right:0.5rem;
  top:0.5rem;
}









.form_label_floating {
  position: absolute;
  font-size: 1rem;
  color: inherit;
  transition: ease-in-out .3s;
  opacity: 0;
  pointer-events: none;
  padding: 0.15em 1em;
  left: 0px;
  transform: translateY(-50%);
  top: 0px;
  
  color: var(--color-border-silver-dark);
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-silver-dark);
  border-bottom: 0px;
  
  
}
.form_label_floating:after{
  position: absolute;
  z-index: 5;
  content: "";
  display:block;
  width: 1px;
  background-color: white;
  right: -1px;
  bottom: 0px;
  height: 50%;
}

.form_label_floating.visible {
  font-size: .85rem;
  opacity: 1;
  pointer-events: auto;
}























/* MB Banner - Popus */



.mbpopups_sect{
  display: flex;
  flex-direction: column;
  gap: var(--spacer-normal);
  border-radius: var(--spacer-normal-half);
  
  text-align: center;
  
  padding: var(--spacer-normal);
  margin: var(--spacer-normal);
  margin: 0;
  
  position: relative;
  
  z-index: 15;
  background-color: var(--color-bg-silver);
  border-radius: 2px;
  max-height: calc(100vh - var(--spacer-normal-double));
  overflow: auto;
  max-width: 1000px;
  pointer-events: all;
}

.mbpopups_header{
  margin: 0;
}
.mbpopups_perex{
  font-size: var(--font-size-bigger);
  color: var(--color-text-normal);
}

.mbpopups_sect div > p{
  margin-top: 0;
}
.mbpopups_sect div p:last-of-type{
  margin-bottom: 0;
}





.mbpopups_items{
  display:flex;
  flex-wrap:wrap;
  gap: var(--spacer-normal-double);
  align-items:stretch;
  justify-content: center;
}
.mbpopups_items .item{
  min-width: 150px;
  width: calc(200px + var(--spacer-normal)) ;
  display: flex;
  flex-direction: column; 
  gap: var(--spacer-normal-half);
  
  background-color: #FFFFFF;
  padding: var(--spacer-normal-half);
}

.mbpopups_items.count_3 .item{
  max-width: calc(33% - var(--spacer-normal-double));
}
.mbpopups_items.count_4 .item{
  max-width: calc(25% - var(--spacer-normal-double));
}

.mbpopups_items .spacer{
  flex-grow: 1;
}
.mbpopups_items .name{
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}
.mbpopups_items .price{
  text-decoration:  none;
}
.mbpopups_items .fimg_pic{
position: relative;
}
.mbpopups_items .notices{
  position: absolute;
  left: 0px;
  top: 0.5em;
  z-index:5;
}






/* **************************************** LEAVE THIS LINE AND DONT CHANGE ANYTHING AFTER  ************************************* */


/***END_INLINED***/


/* This must remain here, but will not be shown */
.nothing_to_loose{ content:" Pokud si toto prohlizis, kontaktuj Comerto, urcite pro tebe misto najdeme ! "; }