/* Default & normalize setter */
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu{display:block;box-sizing:border-box;}
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;}

figure,picture{margin:0;padding:0;display:block;}

body,html,div,img,form,iframe{padding:0px;border:0px;margin:0px;box-sizing:border-box;border-style:none;}
ul,ol,li,a,span{box-sizing:border-box;}
div{position:relative;max-height:9999999px;}




/* Fonts */
/*
.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.exo-2-<uniquifier> {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/



/* ****************************** Defaults for web ***************************** */

:root{
  --font-family-normal: "Open Sans", sans-serif;
  --font-family-fancy: "Exo 2", sans-serif;
  
  
  --font-size-normal: 17px;
  
  --line-height-normal: 1.5;
  --line-height-minimal: 1.1;

  
  --color-txt-normal: #333333;
  --color-txt-black: #000000;
  --color-txt-white: #FFFFFF;
  
  
  --color-bcg-white: #FFFFFF;
  --color-bcg-black: #000000;
  --color-bcg-silver-light: #f5f5f5;
  
  --color-bcg-blue-light: #5641f4;
  --color-bcg-red-light: #f44c41;
  
  
  

  --transition-normal: 0.5s ease-in 0s;
  --transition-fast: 0.25s ease-in 0s;

}






html, body {
  font-family: var(--font-family-normal);
  
  font-optical-sizing: auto;
  font-style: normal;
  
	font-size: var(--font-size-normal);
  line-height: var(--line-height-normal);
  color: var(--color-txt-normal);
  
  /* letter-spacing: 0.01em; */
}

html, body, [id]{
  scroll-behavior: smooth;
  scroll-margin-top: 7rem;
}

[id]:target {
  animation: blink-on-target 1.5s 2;
}

body{
  min-height: 101vh;
}




h1, h2, h3, h4, h5, h6{
  font-optical-sizing: auto;
  font-style: normal;
  line-height: var(--line-height-minimal);
  
  padding:0;
  margin: 1em 0 0.5em 0;
}


h1, h2, .actions, .articles_title_header {
  font-family: var(--font-family-fancy);
  font-weight: 500 !important;
  letter-spacing: 0.025em;
}

h3, h4, h5, h6{
  font-family: var(--font-family-fancy);
  letter-spacing: 0.05em;
}

#menu, #submenu_text, .submenu_text, header,  .ui-tabs-nav{
  font-family: var(--font-family-fancy);
  letter-spacing: 0.05em;
}




h1 {
	font-size: 3rem;
	font-weight: 300;
}
h2 {
	font-size: 2.25rem;
	font-weight: 400;  
}
h3{
  font-size: 1.5rem;
  font-weight: 500; 
}
h4, h3.faqs_name{
  font-size: 1.25rem;
  font-weight: 600; 
}



@media only screen and (max-width: 1000px) {
  :root{
    --font-size-normal: 14px;
  }

  html, body{
  }
  h1{
    font-size: 2rem;
  }
  h2{
    font-size: 1.75rem;
  }
  h3{
    font-size: 1.5em;
  }
  h4{
    font-size: 1.25em; 
  }  
}











p{
  margin-top: 1em;
  margin-bottom: 1em;
}

strong, b{
  font-weight: 600;
}


img, picture {
	max-width: 100%;
	height: auto;
   display:block;
   margin: 0;
   padding: 0;
}
iframe {
	max-width: 100%;
}
a{
  cursor: pointer;
  color:inherit;
}
a:hover {
	text-decoration: none;
}

.clear:after, .cl:after{clear:both;content:"";display:table;} /* Not used much anymore, legacy */


main, footer, header, .main_section {
	width: 100%;
}


.hcentered, h2.center, h3.center, h4.center{
  text-align: center;
}





/* Lazyload */
.lzl{
  background-color: #d2d2d2;
  font-size: 0.8em;
  text-align: center;
  opacity: 0.5;
}

.lzlbcg{
  background-color: #d2d2d2;
}




.fimg, .fimg_wrp, .fimg_pic{
  display: block;
  width: 100%;
  height: 100%;
}
.fimg_img{

}


@keyframes blink-on-target {
    0% { color: #282828; }
    50% { color: var(--color-bcg-blue-light); }
    100% { color: #282828; }
}



/************************** HEADER ******************************************* */

/* Top */


header{
  display:flex;
  flex-direction:column;
  
  margin-bottom: 0rem;
  position: relative;
  overflow:visible;
  max-width: 100vw;
}

#header_imager{ /* Show nice size of image top */
  height: 33vw; /* 33 vw*/
  max-height: 50vh;
  
  background-attachment: scroll;
	background-repeat: no-repeat; 
  background-color: #e2e2e2;
  background-size: cover;
  background-position: top center;
}

#header_imager .fimg{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  font-size: 0;
}
#header_imager .fimg_img{
  object-fit:cover;
  object-position: top center;
  height: 100%; 
  width: 100%;
  
}


#header_imager .link_over_all{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  
  z-index: 1;
}



body.id_template_1 #header_imager {  /* frontpage*/
  height: auto;
  min-height: 100vh;
  max-height: unset;
	background-position: center bottom;
  background-color: var(--color-bcg-black); 
  
  display:flex;
  flex-direction:column;
}



#header_top {
  width: 100%;
  z-index:55;   
  position: absolute;
  top: 0;
  right: 0;
  left: 0; 
  padding-right: 2rem;
  padding-left: 2rem;
  
  display:flex; 
  align-items:center; 
  justify-content: space-between;
}

#header_top a#logo {
	display: block;
  z-index:111;
  text-align: left;
  flex-grow:1;
  margin-bottom: -0.5rem;
  margin-right: 2rem;
  color: transparent;
}
#header_top a#logo img,
#header_top a#logo svg{
  transition: filter var(--transition-normal);
}

#header_top a#logo svg g, 
#header_top a#logo svg path{
  transition: all var(--transition-normal);
}

#header_top a#logo.dark img{
  filter: invert(80%);
}
#header_top a#logo.dark .lf,
#header_top a#logo.dark .ltt{
  fill: var(--color-bcg-black);
}





#small_menu {
	display: none;
  text-align: right;
}



menu{
  background-color: rgba(0,0,0,0.70); 
  padding: 0.5rem 0.5rem 0.5rem 0.5rem; 
  margin: 1rem 0px;
  text-align: right;
  display: inline-block;
  text-align: right;
  position: relative;
  border-radius: 2px 0 0 2px;
  z-index: 15;
}
menu, menu::after{
  background-color: rgba(0,0,0,0.70);  
} 

menu::after {
  content:"";
  height: 100%;
  display: block;
  width: 2rem;
  margin-right: -2rem;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events:none;
}


ul#menu {
  margin: 0px;
  padding: 0;
}
#header_top ul li {
	display: inline-block;
	margin: 0 0.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
}
ul#menu li {
  background-image: none !important;  
}



#header_top ul li.sub_0_li:first-of-type{
  margin-left:0;
}
#header_top ul li.sub_0_li:last-of-type{
  margin-right:0;
}

#header_top ul li a,
#header_back_button a{
	color: var(--color-txt-white);
	text-decoration: none;
	padding: 0.25rem 0.5rem;
	display: block;
  border-radius: 2px;
}
#header_top ul a:hover, #header_top ul li a.sub_0_a.active, #header_top ul li a.sub_0_a.parent,
#header_back_button a:hover {
	background: white;
	color: black;
  
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

#header_top ul.sub_1{
  position: absolute;
  left: 0;
  margin-top: 0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  width: 100%;
  
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: normal;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  display:none;
  z-index:66;
}

#header_top ul.sub_1 li{
  width: calc(20% - 1rem);
  margin: 0 0.5rem 1rem 0.5rem;
  padding: 0;
  border-radius: 2px;
	overflow: hidden;
}

 
#header_top ul.sub_1 li a{
  /*color: #000000;*/
  background-color: transparent;
  display: block;
	box-sizing: border-box;
	z-index: 1;
  padding: 0px;
  width: 100%;
  height:inherit;
  display:flex;
  flex-direction:column;
  height: 100%;
  position: relative;
  
}
#header_top ul.sub_1 li a span{
  width: 100%;
  z-index: 2;
  margin-top: 35%;
  display: inline-block;
  background-color: rgba(0,0,0,0.75);  
  padding: 0.25em 1em 0.25em 1em;
  box-sizing: border-box;
  
  position: absolute;
  bottom: 0;
  left: 0;
}

/* new test */
#header_top ul.sub_1 li{
  background-position: bottom center;
  line-height: 1.1;
}

#header_top ul.sub_1 li a span{
  margin-top: 0;
  padding: 0.5em;
}
#header_top ul.sub_1 li .sub_1_image_main{
  flex-grow: 1;
  line-height: 0; 
  
  /* padding-top: 41%;  */
  
  height: auto;
}


#header_top .sub_0_image_main_img{
  display: none;
}
#header_top .sub_1_image_main{
/*
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  */
 
}
#header_top .sub_1_image_main img{
  object-fit:cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}




#header_pagename{
  padding-bottom: 0;
  background-color: transparent;
  
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: -6rem;
  position: relative;
}
#header_pagename .content_padding{
  background-color: var(--color-bcg-white);
  padding: 1.25rem 2rem 0 2rem;
  position: relative;
}

#header_pagename h1{
  margin: 0;
}

#header_pagename_breadcrumbs{
  font-size: 0.85rem;
  line-height: 1.15; 
  color: #969696;
}
#header_pagename_breadcrumbs a{
  color:inherit;
}

#header_back_button{
  position: absolute;
  top: -4rem;
}
#header_back_button a{
  background-color: rgba(0,0,0,0.70);
  padding: 0.5em 1em;
  animation: 1s ease-out 0s 1 slideInFromLeft;
}

@keyframes slideInFromLeft {
    0% { transform: translateX(-200%); }
    100% { transform: translateX(0); }
}


@media only screen and (min-width: 2200px) {
  /* SUper special for menu on superbig */
  menu::after{
    width: calc(calc(50vw - 1100px) + 1.5rem); 
    margin-right: calc(calc(1100px - 50vw) - 1.5rem); 
  }  
}

@media only screen and (max-width: 1650px) {
  menu{
    font-size: 0.95rem;
  }
  #header_top ul li a{
    padding-right: 0.25em;
    padding-left: 0.25em;
  }
  #header_top ul li{
    margin-right: 0.15em;
    margin-right: 0.15em;  
  }
  #header_top ul.sub_1{
    display:none !important;
  }  
}

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

  #header_top{
    position: fixed;
    z-index: 66;
    background-color: rgba(0,0,0,0.70);
    padding: 1rem;
    margin: 0 0;
    display: flex;
    flex-wrap:wrap;
    justify-content:space-between;
    transition: background-color var(--transition-fast);
    
  }
  #header_top.opened{
    background-color: rgba(0,0,0,0.99); 
  }
  #header_top a#logo{
    width:auto;
    height: 2rem;
    margin-top: -0.5em;
  }
  #header_top a#logo img,
  #header_top a#logo svg{
    height: calc(100% + 1rem);
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
    width:auto;
    filter: unset!important;
  }
  #header_top a#logo .lf,
  #header_top a#logo .ltt{
    fill: var(--color-bcg-white);
  }
  

  #header_top ul.sub_1{
      display:none !important;
  }

  #small_menu{
    display:block;
    cursor: pointer;
    text-align: right;
  }
  #small_menu svg{
    fill: white;
    height: 100%;
    width:2rem;
    display:block;
  }
  
  #header_pagename{
    padding: 0;
    margin-top: 0;
  } 
  
  header menu{
    display: none;
    width: 100%;
    background-color:transparent;
    padding: 1rem 0 0 0;
    margin: 0;
    font-size: 1.25rem;
    z-index: 15;
  }
  header #menu{
    width: 100%;
    display: block;
    max-height: calc(100vh - 10rem);
    overflow: auto;
  }
  header #menu li{
    width: 100%;
    text-align: center;
    margin: 0.25rem 0;
    display:block;
  }
  #header_back_button{
    top: -4rem;
  }
 

}













/* Obsah a layouty - @TODO stare casti */

.main_section, .content_padding {
	padding: 2rem 4rem;
  max-width: 2200px;
  margin: 0px auto;
}
.content {
	margin: 0 auto;
}

.main_section th{
  text-align: left;
  font-weight: 600;
  padding-right: 1rem;
  vertical-align: top;
}


/* Text content width - @TODO stare casti */
.text_width{
   max-width: 1100px; 
   margin-right:auto;
   margin-left:auto;
}



.flx_layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -2rem 0;
}
.flx_layout .fitem{
  margin: 2rem 0 2rem 0;
  width: 100%;
  height: max-content;
}
.flx_layout .fitem.w50{
  width: calc(50% - 1rem);
}
.flx_layout .fitem#subparts_container{
  margin: 1rem 0;
}

@media only screen and (max-width: 1100px) {
  .flx_layout .fitem.w50{
    width: 100%;
  }
}










/***END_INLINED***/








/* Footer */
footer{
  margin-top: 2rem;
  background-color: var(--color-bcg-silver-light);
}

#footer_image {
	/* background-image: url('back_footer.jpg');  */
  background-color: #98948c;
	background-size: cover;
	padding-bottom: 40vh;
	background-position: bottom center;
	background-attachment: fixed;
}
#footer_main {
	position: relative;
}

#footer_main .content{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}




#footer_main h2 {
	margin-bottom: -2px;
	position: absolute;
	bottom: 100%;
	color: white;
  color: var(--color-bcg-silver-light);
	font-size: 4rem;
	line-height: 1;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
}

.footer_ftext{
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}

.footer_ftext ul{
  margin: 0;
  padding: 0;
}
.footer_ftext ul, .footer_ftext ul li{
  display: inline-block;
}
.footer_ftext ul li::before{
  content: " |";  
  color: #a3b5ba;
}
.footer_ftext ul#footer_menu li:last-of-type::after{
  content: "|";
  color: #a3b5ba;  
}


.footer_mega {
	font-size: 2rem;
  line-height: 1;
  margin: 0.5rem 0;
}

.footer_block {
/*	float: left;
	width: 30%;
	padding: 5% 0;
	margin: 0 10%;
	line-height: 150%;
  */
  width: 33%;
}
#footer_block_center, #footer_block_right{
  vertical-align: middle;
  text-align: center;
  
  display: flex;
  flex-direction: column;
  flex-wrap:wrap;
  
  align-items: center;
  align-content: center;
  justify-content: center;
}

footer a {
	color: black;
	text-decoration: none;
}
footer a:hover {
  text-decoration: underline;  
}
footer p:first-of-type {
  margin-top: 0;
  
}
#footer_socials, #menu_lang {
	width: 100%;
	margin: 0.5rem 0;
}
#footer_socials a, #menu_lang a {
	text-align: center;
	display: inline-block;
	margin: 0 0.5rem;
	width: 4rem;
}

#footer_block_right {
	text-align: right;
}
/*
#footer_block_left {
	margin-left: 17.5%;
	margin-right: 0;
}
*/
footer #footer_copyright a {
	text-decoration: underline;
}
footer #footer_copyright a:hover {
	text-decoration: none;
}



#footer_top_button{
  border-radius: 2px;
  display: inline-block;
  background-color: rgba(0,0,0,0.70);
  font-size: 1.5rem;
  padding: 0.25em;
  color: var(--color-txt-white);
  text-decoration: none;
  position: fixed;
  right: 1rem;
  bottom: -4rem;
  z-index:6;
  transition: bottom var(--transition-normal), background-color var(--transition-fast), color var(--transition-fast);
}
#footer_top_button:hover{
  background-color: var(--color-bcg-black);
}
#footer_top_button.showing{
  bottom: 1rem;  
}

#menu_lang, #menu_lang li{
  padding:0;
  
  list-style: none;
  display: block;
}

#menu_lang li{
  display: inline-block;
  margin: 0;
}

#menu_lang a{
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 2rem;
  padding-top: 2rem;
  font-size: 0px;
  line-height: 0;
}

#menu_lang a.lang_1{
  background-image:url('flag_czech_republic.png');
}
#menu_lang a.lang_2{
  background-image:url('flag_united_kingdom.png');
}



/* Footer - Search */

#search_container{
  width: 80%;
  max-width: 250px;
  display: inline-block;
}
#search_container form{
  display:flex;
  flex-wrap:nowrap;
}
#search_container .form, #search_container .form_submit{
  border-color: #a3b5ba;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  line-height: 1.5rem;
  box-shadow:unset;
}
#search_container .form{
  border-radius: 2px 0px 0px 2px;
  border-right: 0px
}
#search_container .form_submit{

  background-color: #a3b5ba;
  border-radius: 0px 2px 2px 0px;
}
#search_container .form_submit:hover{
  background-color: #274c7e;
}



























/* *********************** CASTI WEBU ***** */


/* text od klientu vlozney */
.text_human p, .text_human table, .text_human td, .text_human tr, .text_human span, .text_human strong, .text_human b{
  font-family: inherit !important;
  font-size:  inherit  !important;
  line-height: inherit !important;
  font-stretch: inherit !important;
}

.text_human ul, .text_human ol{
  padding-left: 1.5em;  
}

.text_human p:first-of-type{
  margin-top:0;
}
.text_human p:last-of-type{
  margin-bottom:0;
}
.text_human table{
  max-width: 100%;
}
.text_human table{
  width:auto !important;
  float: none !important;
}
.text_human table, .text_human tr, .text_human td, .text_human th{
  height: auto !important;
}
.text_human td{
  padding: 0.25em 0.5em;
}
/*
.text_human tr td:first-of-type{
  padding-left: 0;
}
*/

.text_human table td ul:first-of-type, 
.text_human table td p:first-of-type{
  margin-top: 0;
}
.text_human table td ul:last-of-type, 
.text_human table td p:last-of-type{
  margin-bottom: 0;
}



table.table_technical td, table.table_technical th{
  padding: 0;
  margin: 0;
  font-weight: inherit;
}

.table_technical tr th a.help{ 
  font-size: 0.85em;
  line-height: 1;
  font-style: italic;
  text-decoration: none;
  cursor: pointer;
  
}


h1 span.sub, h2 span.sub, h3 span.sub, h4 span.sub{
  color: #969696;
}





/* button defaultni - velke buttony obsahove  */
.button{
  display: inline-block;
  border-radius: 2px;
  padding: 0.5rem 1rem;  
  text-align: center;  
}
.button.silver{
  background-color: var(--color-bcg-silver-light);
  color: #000000;
}

.button.bigger{
  font-size: 1.25rem;  
}
.button.marginlr{
  margin-left: 0.5rem;  
  margin-right: 0.5rem;  
}
.button.marginr{
  margin-right: 0.5rem;  
}





/* akcni tlacitka */
.actions{
  padding: 0 0;
  padding-top: 1rem;
  margin: 0 -0.5rem;
}
.actions.center{
  text-align: center;
}

.action, .form_submit{  
  display: inline-block;
  padding: 0.25em 1em;
  background-color: #274c7e;
  color: var(--color-txt-white) !important;
  text-decoration: none;
  margin: 0.25rem 0.5rem;
  position: relative;
  transition: background-color var(--transition-normal), border var(--transition-normal), color var(--transition-normal);
  font-size: 1.25rem;
  cursor: pointer;
  border: 0px;
  
  border-radius: 4px;
  /* #564fff - blue */
  /* var(--color-bcg-red-light) - red */
  background-color: var(--color-bcg-red-light);
  
  padding: 0.35em 0.85em;
  border: 0.15em solid var(--color-bcg-red-light);
}
.action.less_important{
  background-color: var(--color-bcg-blue-light);
  border-color: var(--color-bcg-blue-light);  
}
.action span{
  display: inline-block; 
  border-radius: 4px;
}
.action:hover, .form_submit:hover{
  background-color: transparent;
  color: #000000 !important;
}


/* V listovani tlacikta vice info */
.list_more{
  background-color: var(--color-bcg-white);
  color: #000000;
  padding: 0.5em 1em;   
}

.list_more.important{
  border-radius: 4px;
  border: 0.15em solid var(--color-bcg-blue-light);  
  text-decoration: none;
  
  transition: background-color var(--transition-fast),border var(--transition-fast),color var(--transition-fast);
}

.list_more.smaller{
  font-size: 0.90rem;
}
.list_more.bold_less_bold strong{
  font-weight: 500;  
}


.list_more.important:hover{
  background-color: var(--color-bcg-blue-light);  
  color: var(--color-txt-white);
}



/* video container */
.video_container{
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  position: relative;
  width: 100%; 
  background-color: var(--color-bcg-black);
}
.video_container iframe, .video_container object, .video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* Lightbox */
#lightbox .lb-outerContainer, #lightbox .lb-image {
  background-color: var(--color-bcg-silver-light) !important;
}
#lightbox .lb-data{
  color: var(--color-bcg-silver-light);
}
#lightbox .lb-image{
  z-index:0;
}

#lightbox img {
	max-width: none;
}





/* Submenu casti - default */
.submenu_text , .articles_list_container  {
	clear: both;
	overflow: auto;
	align-items: center;
	justify-content: center;
	justify-content: space-between;
	width: 100%;
  width: calc(100% + 2rem);
  margin: -1rem -1rem;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: normal;
  padding: 0;
  
}

.submenu_text li {
	display: block;
	position: relative;
	margin: 1rem;
	width: 31%;
	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
  
	font-size: 1.35rem;
	line-height: 1.5em;
	border-radius: 2px;
	overflow: hidden;
  
  background-color: #d2d2d2;
  border: 1px solid #d2d2d2;
}

.submenu_text .fimg{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  left: 0;
}

.submenu_text .fimg_img{
   object-fit:cover;
   object-position: center center;
   width: 100%;
   height: 100%;  
}

.submenu_text li{
  width: calc(33.33% - 2rem);
}

.submenu_text.cat_manufacturers li{
  background-size:contain;
}
.submenu_text.cat_manufacturers .fimg_img{
  object-fit:contain;
}

/* Catetegory, or team page*/
.submenu_text.cat_sub li, .id_page_4 .submenu_text li, .id_parent_4 .submenu_text li, .id_page_19 .submenu_text li, .id_parent_19 .submenu_text li, #hp_menu .submenu_text li{
  width: calc(25% - 2rem); 
}

.submenu_text li a, .submenu_text li .sub_0_image_main  {
	display: block;
	box-sizing: border-box;
	z-index: 1;
}
.submenu_text li span{
	display: inline-block;
	position: relative;
	z-index: 2;
	background-color: rgba(0,0,0,0.50);
  background-color: rgba(0,0,0,0.70);
	padding: 0.25em 1em 0.25em 2em;
  padding: 0.25rem 1rem 0.25rem 2rem;
	margin: 35% 2em 2rem 0em;
	color: var(--color-txt-white);
	transition: background-color var(--transition-fast);
  
  
}
.submenu_text li:hover span, #header_top ul.sub_1 li:hover span{
	background-color: rgba(0,0,0,0.90);
  color: var(--color-txt-white);
}




/* Search vypisy */
.search_results_item{
  margin: 1rem 0;
  display: flex;

  padding-top: 1rem;
  border-top: 1px solid #a3b5ba;
}
.search_results_cimage img{
  
  width: 250px;
  max-width: 20vw;
  height:auto;
  padding-right: 1rem;
}
.search_results_cinfo{
  display: flex;
  flex-direction:column;
}
.search_results_title{
  font-size: 1.75rem;
  padding-bottom: 1rem;
}
.search_results_text{
  padding-bottom: 0.5rem; 
  flex-grow: 1; 
}

.search_results_link a{
  text-decoration: none;
  color: #274c7e;
}



/* CLANKY - Articles */
.articles_list, .articles_small_container {
   clear:both;
   margin: 0 -1rem;
   width: calc(100% + 2rem);
}

.articles_list_item, .articles_small_item  {
  clear:both;
  margin: 1rem;

  width: calc(100% - 2rem);

  padding: 2rem 2rem 2rem calc(40% + 2rem);

  position: relative;
  border-radius: 2px;
  overflow: hidden;
  background-color: var(--color-bcg-silver-light);
  color: #000000;
  
  max-width: 1800px;
  
}

.articles_list_image_main, .articles_small_image_main, .articles_list_thumb, .articles_small_thumb  {
  margin: 0;
  width: 40%;
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.articles_list_thumb .fimg_img{
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.articles_list_image_main a, .articles_small_image_main  a{
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:1;

}

.articles_list_title, .articles_small_title{
  margin-bottom: 1rem;
}
.articles_list_title a, .articles_small_title a{
  text-decoration: none;
}

.articles_small_title h2, .articles_small_title h3{
  margin-top: 0;
}
.articles_list_title a:hover, .articles_small_title a:hover{
text-decoration: underline;
}

.articles_list_date, .articles_small_date{
  display: inline-block;
  float: left;        
  padding-right: 0.5em;  
  font-weight: 600;
}

.articles_list_link, .articles_small_link{
  margin-top: 1rem;
  float: right;
  display: inline-block;
}



.articles_art_date, .articles_art_perex, .course_motto .person_main{
  background-color: var(--color-bcg-silver-light);
  padding-top: 1rem;
  padding-left: 1rem;
  border-radius: 2px;
  color: #000000;
}

.articles_art_date{
  float:left;
  z-index: 2;
  margin-right: 1em;
}

.articles_art_perex, .course_motto{
  padding: 1rem;
  margin-bottom: 2rem;
}

.articles_small_more{
  padding: 1rem 0;
  text-align: center;
  font-size: 1.25rem;
}
.articles_small_more a{

  padding: 0.5rem 1rem;
  display: inline-block;
  margin: 0px auto;
  background-color: var(--color-bcg-silver-light);
  border-radius: 2px;
  
}




.articles_art_item {
  display: flex;
  flex-direction: column;  
}
.articles_art_item .articles_art_thumb{
  order: 6666;
  margin: 1rem auto;
}

.articles_art_item .articles_art_thumb .fimg_img{
  margin: 0 auto;
}

.articles_art_item  .articles_art_date{
  position: absolute;
  right: 1rem;
  margin: 0;
}
.articles_art_item  .articles_art_perex{
  padding-right: 6rem;
  
  font-size: 1.15rem;
  font-weight: 600;
}

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

.articles_art_text .cform_container {
  min-width:50%;
}

.articles_art_text .fimg.img_main,
.articles_art_text .fimg.img_th {
  float:right;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: 1rem;
  width:auto;
  height:auto;
  max-width: 30%;
}

.articles_art_text p, .articles_art_text table{
  max-width: 1100px;
}







/* paging */
.paging{
  text-align: center;
  font-size: 2rem;
}

.paging span{
  display: inline-block;
  margin: 0px 0.5rem;
  
}
.paging span a, .paging span.inactive{
  color:inherit;
  padding: 0.5rem 1rem;
  display: inline-block;
  text-decoration: none;
  border-radius: 2px;
}
.paging span.inactive{
  color: silver;
}
.paging .active a , .paging a:hover{
  color: var(--color-txt-white);
  background-color: rgba(0,0,0,0.50);
}






/* galerie - defaultni zobrazeni */ 
.gallery_container {
	width: calc(100% + 2rem);
	margin: 0rem -1rem;
	display:flex;
  
	flex-direction: row;
  flex-wrap: wrap;
  
  justify-content: flex-start;
  align-content: flex-start;
  align-items: normal;
  position: relative;
}


.gallery_container .gallery_item {
	width: calc(25% - 2rem);
  max-width: 500px; /* Default max size of images */
	margin: 1rem;
}

.grid-6 .gallery_item {
  width: calc(16.6% - 1rem);
  margin: 0.5rem;
}

.gallery_container.image_fullhd{
  width: 100%;
  margin: 0px;
}
.gallery_container.image_fullhd .gallery_item{
  width: 100%;
  max-width: unset;
  margin: 0;
}

.gallery_container.gallery_contains_name .gallery_item{
  background-color: var(--color-bcg-silver-light);
}

.gallery_container .gallery_item .gallery_name{
  width: 100%;
  max-width: 100%;
  padding: 1rem 1rem 1rem 1rem;
  font-size: 0.85rem;
  line-height: 1.25;
  
  background-color: var(--color-bcg-silver-light);
}

.gallery_container .gallery_name.gallery_header{
  width: 100%;
  margin: 1rem 1rem 0rem 1rem;  
}

.gallery_container .gallery_item .gallery_img{
  overflow: hidden; 
  line-height: 0px;
  border-radius: 2px;
}
.gallery_container .gallery_item a{
  display: block;
}
.gallery_container .gallery_item picture, 
.gallery_container .gallery_item img {
	width: 100%;
  transition: transform ease 0.5s; 
  display:block;
  background-color:silver;
  text-align: center;
  font-size: 0.85rem;
}
.gallery_container .gallery_item:hover img {
	transform: scale(1.05);
   
}

.gallery_container .gallery_item.link_more {
   position: absolute;
   right: 0px;
   bottom: 0px; 
}
.gallery_container .gallery_item.link_more a{
   display: block;
   width: 100%;
   height: 100%;
   vertical-align: middle;
   text-align: center;
   
   font-size: 2rem;
   line-height: 1.2;
   font-weight: 300;
   text-decoration: none;
   background-color: rgba(0,0,0,0.55);
   color: var(--color-txt-white);
   padding: 1rem;
   
   display: flex;
   align-items: center;
   justify-content: center;
}


body.mod_gallery_page .gallery_container .gallery_item .gallery_img{
  /* Test super velkych galerii jen tam */
  /*
  margin: calc(5px - 1rem);
  */
  border-radius: 1px;
  max-width:unset;
}















/* ******************************* MODULY *********************************** */





/* ****** modul lide ***** */
.people_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1rem -1rem;
    width: calc(100% + 2rem);
}

.people_flex .itemp{
  display:flex;
  background-color: var(--color-bcg-silver-light);
  color: #000000;
  margin: 1rem;
  padding:0;
  overflow: hidden;
  border-radius: 2px;
  width: calc(50% - 2rem);
}
.people_flex .name a{
  text-decoration: none;
}

.people_flex .itemp.header{
  width: 100%;
  background-color:transparent;
  padding:0;
  margin-bottom:0;
}
.people_flex .itemp.header h2{
  margin:0;
}


.people_flex .photo{
  line-height: 0;
  padding: 0;
  flex-shrink: 0;
  width: 20%;
  
}

.people_flex .photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 0 ;
}

.people_flex.trainer .itemp{
/*  width:100%; */
  display:flex;  
}

.people_flex.trainer .photo{
  width: 20%;
  flex-shrink: 0;
}
.people_flex .info{
  padding: 1rem;  
  flex-grow:1;
  display:flex;
  flex-direction:column;
}
.people_flex .name{
  margin-top:0;
}
.people_flex .position{
  font-weight: 500;     
}
.people_flex .contacts{
  padding-top: 1rem;
}

.people_flex .space{
  flex-grow:1;
}
.people_flex .more{
  padding-top: 0.5rem;
  text-align: right;
}



/* Vypis miniaturni do stranky kontaktu */
.people_flex.contact_page .itemp, 
.contact_address_contact{
  width: 100%;
}

.people_flex.contact_page .photo img{
  border-radius: 100% 100%;
  border:1px solid rgba(0,0,0,0.50);
  overflow:hidden;
  width: 150px;
  height: 150px;   
}
.people_flex.contact_page .photo{
  width:150px;
}
.people_flex.contact_page .info{
  padding: 0 0 0 2rem;
}
.people_flex.contact_page .position{
  font-size: 1.1rem;
}
.people_flex.contact_page .more{
  display: none;
}

/* drivers vypis */
.people_flex.drivers_short{
 /* flex-wrap:nowrap; */
 justify-content: center;
}




.people_flex.drivers_short .itemp{
  display:flex;
  flex-direction:column;  
  
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 180px;
}
.people_flex.drivers_short .photo{
  width: 100%;
}
.people_flex.drivers_short .name{
  text-align: center;
}


/* stranka o cloveku */
.person_main{
  overflow: hidden;
  display:flex;
}
.person_main .text{
  flex-grow: 1;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.person_main .text h2{
  margin-top: 0;
}
.person_main .image{
  flex-grow: 0;
  flex-shrink: 0;
}
.person_main .image{
  overflow:visible;
  text-align: right;  
}
.person_main img{
  object-fit:cover;
  height: calc(100% + 2rem);
  width:auto;
  display: inline-block;
  
}

.person_main .image.left img{
  margin: -1rem 1rem -1rem -1rem;  
}
.person_main .image.right img{
  margin: -1rem -1rem -1rem 1rem;  
}
.person_text.text_width{
  margin: 2rem 0;
}













/* Katalog - kategorie */
.category_text_frame{
  width: 100%;
  padding: 0rem;
  border: 0px solid var(--color-bcg-silver-light);    
  border-radius: 2px;
  overflow: hidden;
  line-height: 0;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.category_text_frame iframe{
  width: 100%;
  height: 80vh;
  border: 0px solid transparent;
  line-height:0;
  padding:0;
  margin: 0;
}

.list_price.wvat strong{
  font-weight: 700;
}
.list_price.vat strong, .list_price.price_old strong{
  font-weight: 600;
}
.list_price.price_old {
  text-decoration: line-through;
}


/* Katalog - Produkty vypis */
.prod_list{
  display:flex;
  flex-wrap:wrap;
}
.prod_list.two_on_row{
  margin: -1rem;
}
.prod_list .pitem{
  width: 100%;
  
  border-radius: 4px;
  background-color: var(--color-bcg-silver-light);
  border: 2px solid var(--color-bcg-silver-light);
  
  margin-bottom: 1rem;
  
  display: flex;
  flex-wrap: nowrap;
}

.prod_list.two_on_row .pitem{
  width: calc(50% - 2rem);
  margin: 1rem;
}

.prod_list .pitem_img{
  max-width: 20rem;
  width: 20%;
  text-align: center;
  background-color: var(--color-bcg-white);
  vertical-align: middle;
  line-height: 0px;
  border-radius: 2px;
  overflow: hidden;
  padding: 0rem;
  
  flex-grow: 0;
  flex-shrink: 0;
  
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.prod_list .pitem_img a{
  display: block;
  line-height: 0;
}
.prod_list .pitem_img img{
  width: auto;
  height:auto;
  display: block;
}


.prod_list .pitem_txt{
  padding: 1rem 1rem 1rem 1rem;   
  flex-grow: 1;
  flex-shrink: 1;
  
  display:flex;
  flex-flow: column; 
}
.prod_list .pname, .prod_list .pname a{
  text-decoration: none;
  margin-top: 0px;
}
.prod_list .pname a:hover{
  text-decoration: underline;
}
.prod_list .ptext{
  flex-grow: 1;
  padding-bottom: 1rem;  
}
.prod_list .list_more{
  float:right;
}

@media only screen and (max-width:1300px) { 
  .prod_list.two_on_row .pitem{
    width: calc(100% + 2rem);
  }  
}
















/* Social feed */
body.mod_sensoc_admin_add  #bar_popup_special{
  display:none !important;
}

body.mod_sensoc_admin_add footer{
  display:none;
}

body.mod_sensoc_admin_add .main_section{
}


.editform_obal_podnadpis h2{
  padding: 0;
  margin: 0;
}

.social_actions{
  /* homepage dole */
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.social_actions .articles_small_more{
  margin: 0 1rem;
}


.social_feed{
  display:flex;
  flex-wrap:wrap;
  margin: 0 -1rem;
  width: calc(100% + 2rem);
}

.social_feed .social_post{
  width: calc(25% - 2rem);
  margin: 1rem;
  background-color:var(--color-bcg-silver-light);
  border-radius: 2px;
  overflow: hidden;
  
  font-size: 0.9rem;
  line-height: 1.4;
  letter-spacing: 0;
  
  position: relative;
}



.social_feed .social_post::before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  
  pointer-events: none;
  opacity: 0;
  background-color: rgba(86, 65, 244);
  content: " ";
}


.social_feed .social_post:target::before {
  __animation-name: item-pulse;
  animation-name: aura-animation;
  animation-duration: 1.5s;
  animation-iteration-count: 2;
}

@keyframes aura-animation {
  from {
    transform: scale(1, 1);
    opacity: 0.25;
  }
  to {
    transform: scale(1.1, 1.4);
    opacity: 0;
  }
}

@keyframes item-pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}


.social_feed .social_post,
.social_post .text{
  display:flex;
  flex-direction: column;  
}

.social_post .text{
  padding: 1rem;
  text-align: left;
  flex-grow: 1;
}
.social_post .text .more{
  display:none;
}

.social_post .social_mores{
  display: inline-block;
  cursor: pointer;
  padding-top: 0.5em;
  font-weight:600;
  text-decoration: none;
}

.social_post .text_contained p:first-of-type{
  margin-top: 0;
}
.social_post .text_contained p:last-of-type{
  margin-bottom: 0;
}

.social_post .text .text_contained{
  flex-grow: 1;
  padding-bottom: 1rem;
}


.social_post .text .text_info{
  font-weight: 600;  
}
.social_post .text .text_info a{
  text-decoration: none;
  color: #274c7e;
}
.social_post .text .text_info a:hover{
  text-decoration: underline;
}


.social_post .images{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  
}
.social_post .image{
  width: calc(50% - 0.25rem);
  margin-top: 0.5rem;
  position: relative;
  line-height: 0;
  height:auto;
}

.social_post .image a,
.social_post .image .video_container{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.social_post .image.video{
  max-height: 300px;
  background-color: var(--color-bcg-black);
}
.social_post .image .video_container{
  height: 100%;
  min-height: 200px;
  width: 100%;
  position: relative;
}
.social_post .video_container video,
.social_post .video_container iframe{
  width: 100%    !important;
  max-height: 100%   !important;
  padding:0;
  margin:0;
  object-fit: cover;
  height: 100%;
  
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.social_post .image img{
  width: 100%;
  height: inherit;
  object-fit: cover;
  display:block;
}

.social_post .image:first-of-type{
  width: 100%;
}
.social_post .image.hidden{
  display:none;
}
.social_post .image .image_more_info{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height:inehrit;
  vertical-align: middle;
  text-align: middle;
  font-size: 4rem;
  font-weight: 300;
  line-height: 100%;
  background-color: rgba(0,0,0,0.55);
  color: var(--color-txt-white);
  pointer-events:none;
  display: flex;
  align-items:center; 
  justify-content:center;
}


.social_footer{
  clear:both;
  margin-top: 2rem;
  text-align:center;
  background-color:var(--color-bcg-silver-light);
}
.social_footer a {
  display: inline-block;
  margin: 0.25em 0;
}


/* social admin */
.editform_table, .editform_table > tbody, .editform_table tr.editform_row , .editform_table td.editform_popis, .editform_table td.editform_form,
.editform_table > tbody > tr, .editform_table > tbody > tr > td{
  display:block;
  width: 100%;
  max-width: 700px;
}
.editform_table tr.editform_row{
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.editform_table td.editform_popis{
  font-weight:600;
  
}


/* Datepicker - pro social */
.ui-datepicker{
 border: 1px solid #000;
  padding: 10px 20px;
  min-width: 350px;
  background-color: var(--color-bcg-white);
}

.ui-datepicker-header{
  display:flex;
  border-bottom: 1px solid #8e8e8e;
  padding-bottom: 10px;

  margin-bottom: 2px;

  width: 100%;
  justify-content:space-between;

}
.ui-datepicker-header .ui-datepicker-title{
  font-weight: 600;
  padding: 0 10px;
}

.ui-datepicker-header .ui-datepicker-next{
  order: 10;
}




.ui-datepicker-header a{
  cursor: pointer;
  background-color: #274c7e;
  color: var(--color-txt-white);
  display: inline-block;
  padding: 0 5px;
}
.ui-datepicker-header a:hover {
    background-color: #274c7e;
}


.ui-datepicker-header  a.ui-state-disabled{
  cursor: default;
  background-color: transparent;
  color: #8e8e8e;
}

.ui-datepicker-calendar{
  width: 100%;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-datepicker-calendar td{
  text-align: right;
  padding: 2px 2px;
}
.ui-datepicker-calendar td a, .ui-datepicker-calendar td span{
  display: inline-block;
  width: 100%;
  padding-right: 4px;
  text-decoration: none;

}

.ui-datepicker-calendar td.ui-datepicker-week-end a{
  font-weight: 600;
}

.ui-datepicker-week-col{
  color: silver;
}


.ui-datepicker-unselectable{
  color: #8e8e8e;
}
 
.ui-datepicker-calendar td a{
  color: #274c7e;
}

.ui-datepicker-calendar td a:hover, .ui-datepicker-calendar td a.ui-state-active{
  background-color: #274c7e;
  color: var(--color-txt-white);
}










/* ********************************* SPECIFICKE STRANKY ************************* */





/* Uvodka */
#hp_intro{
  font-style: italic;
	color: var(--color-txt-white);
	text-align: center;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

#hp_intro h1 {
	font-size: 4rem;
  font-size: 4vw;
  line-height: 1;
	font-weight: 400;
  font-weight: 600;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.42);
  text-shadow: 0px 0px 10px rgb(0, 0, 0);
	display: inline-block;
  margin: 6rem 0 2rem 0;
  letter-spacing: revert;
}

#hp_menu .submenu_text li{
  border: 1px solid #d2d2d2;
}
#hp_menu .submenu_text{
  margin-bottom: 0rem;
}


h2.newsh{
  margin-top: 0;
}

#hp_about .hp_about_image {
	text-align: center;
  display: flex;
  justify-content: center;
}

#hp_about .hp_about_image img{
  height: 6rem;
  width:auto;
  margin-bottom: 2rem;
  direction: inline-block;
}

#hp_about ul{
  margin-top: 2rem;
}
#hp_about li{
  margin: 1rem 0;
}




#hp_manufacturers{
  text-align: center;
  background-color: var(--color-bcg-silver-light);
  padding: 2rem;
  
  
  --loc-items-show: 14;
  --loc-items-show-main: 8;  
  
  
  padding-top: 0rem;
  overflow: clip;
}
#hp_manufacturers h2.header{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}


#hp_manufacturers .manufacturers{
  display: grid;
  grid-template-columns: repeat(var(--loc-items-show), 1fr);
}
#hp_manufacturers .manufacturers.type_1{
  grid-template-columns: repeat(var(--loc-items-show-main), 1fr);
  padding-bottom: 2rem;
}


#hp_manufacturers .manufacturers.type_1 .img_logo {
   padding: 2rem;
}


.lb_cont .lb_item.manufacturer.logos{
  
   /* width: calc(100% / var(--loc-items-show)); */
   width: 100%;
  margin: 0px;
  padding: 0.5rem;
  
  border: 0px solid transparent;
}
.lb_cont .lb_item.manufacturer.logos.important{
  grid-column-end: span 2;
  grid-row-end: span 2;
} 


@media only screen and (max-width: 1600px) {
  #hp_manufacturers{
    --loc-items-show: 10; 
    --loc-items-show-main:8; 
  }  
}

@media only screen and (max-width: 1400px) {
  #hp_manufacturers{
    --loc-items-show: 8;
    --loc-items-show-main: 4;  
  }  
}


@media only screen and (max-width: 1000px) {
  #hp_manufacturers{
    --loc-items-show: 6; 
     
  }  
}

@media only screen and (max-width: 800px) {
  #hp_manufacturers{
    --loc-items-show: 4;  
    --loc-items-show-main: 2;
  }  
}

.lb_cont .lb_item.manufacturer.logos,
.lb_cont .lb_item.manufacturer.logos .img_logo,
.lb_cont .lb_item.manufacturer.logos .fimg_wrp,
.lb_cont .lb_item.manufacturer.logos .fimg_pic{
  display:flex;
  align-items: center;
  justify-content: center;  
}
.lb_cont .lb_item.manufacturer.logos .img_logo{
  background-color: var(--color-bcg-white);
  border-radius: 0.25rem;
  padding: 0.5rem;
}

.lb_cont .lb_item.manufacturer.logos .img_bcg{
  background-color: var(--color-bcg-white);
  border-radius: 0 0.5rem 0.5em 0;
  overflow: hidden;
  padding: 0rem;
}


#hp_courses{
  text-align: center;
}
#hp_courses img{
  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}
@media only screen and (max-width:1500px) {
  #hp_courses img{
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);  
  }
}
@media only screen and (max-width:1000px) {
  #hp_intro h1{
    font-size: 10vw;
  }
  
  #hp_courses img{
    clip-path: polygon(100% 0%, 100% 65%, 50% 100%, 0 65%, 0 0);  
  }
}
















/* TEAM STRANKA -  Spodni doplnky reseni */
#team_bottom_menu h1, #more_news h1{
  text-align: center;
}

#team_vysledky_menu{
  display:flex;
  list-style-type: none; 
  flex-wrap:wrap; 
  margin: 1rem -0.5rem;
  padding: 0;
}
#team_vysledky_menu li{
  width: calc(20% - 1rem);  
  text-align: center;
  background-color: rgba(0,0,0,0.75);
  padding: 0.25em 1em 0.25em 2em;
  margin: 0.5rem;
  	font-size: 1.35rem;
	line-height: 1.5em;
  transition: all var(--transition-fast);
  
}
#team_vysledky_menu li:hover{
  background-color: rgba(0,0,0,0.95);
}
#team_vysledky_menu li a{
  display:inline-block;
  width: 100%;
  color: var(--color-txt-white);
  text-decoration: none;
}







/* Kontakty */
/*  */
body.id_page_9 iframe, body.id_page_20 iframe{
  width: 100vw !important;
  max-width: 100%;
}


.contact_address_contact{
  margin: 1rem 0;
  overflow: auto;
  
}
.contact_address_contact img.place{
  overflow: hidden;
  border:1px solid rgba(0,0,0,0.50);
  border-radius: 100% 100%;
  line-height: 0;  
  width:150px;
  height: 150px;
  object-fit: cover; 
  float:left;
  margin-right: 2rem;
}

.contact_address_contact h3{
  margin-bottom: 0;
}
.contact_address_contact p:first-of-type{
  margin-top: 0.25em;
  margin-bottom: 0.5em !important;
  
}











/* ************************************ DOCASNE CASTI ************************************************** */

/* listicka s kupony co byly jen na vanoce */
#bar_popup_special{
  padding: 0px 0px;
  overflow: auto;
  position: fixed;
  z-index: 9999;
  transform: rotate(450deg);
  transform-origin: top left;
  
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 2px 2px 0px 0px;
  
  color: var(--color-txt-white);
  font-size: 1.15rem;
  
  left: 2em;
  line-height: 2em;
  
  top: 50%;
}


#bar_popup_special a{
  color:inherit;
  text-decoration: none; 
  padding: 0 1em;
  background-color: #b10000;
  display: inline-block;
  border-right: 1px solid var(--color-bcg-white);
}
#bar_popup_special a:last-of-type{
  border-right: 0px solid transparent;
}

#bar_popup_special a:hover{
  background-color: #d90f13;
}


@media only screen and (max-width:1000px) {
  #bar_popup_special{
    bottom: 0px;
    top:unset; 
    transform: unset; 
    font-size: 1rem;
    line-height: 2;
    right:unset;
    left:unset;
    margin: 0 auto;
    display: block; 
    box-shadow: unset;  
    
    width: 100%; 
    text-align: center;
    border-radius: 0px 2px 2px 0px;
  }
  body.safari #bar_popup_special{
    #bar_popup_special a{
      padding-bottom: 10px;
    }  
  }  
}

























/*********************************************************** STAREEEEEEEEEEEEEEEEEEEEEEEEEEEE  ********************************************************************/








/* **** Kurzy **** */

/* rozcestnik uvodni */
 .course_root h2{
  margin-top: 0;
}
.course_root .submenu_text li{
  width: calc(50% - 2rem);  
}



@media only screen and (max-width: 700px){
  .course_root .submenu_text li{
    width: calc(100% - 2rem);  
  }
}


.course_root .courses_list_dates{
  margin: 0rem auto 1rem auto;
}


/* barvicky stavu */
.status{
  width:0.75em;height:0.75em;margin-bottom: 0.0em;border-radius: 100%;
  display: inline-block;
}
.status.free{
  background-color:green; 
}
.status.warning{
  background-color:orange; 
}
.status.full{
  background-color:red; 
}  
.status.cancelled{
  background-color:magenta;
}
.status_text.cancelled{
  color: magenta;
}  

/* Tabulka datumu */
.courses_list_dates, .text_human table.courses_list_dates{
	width: 100% !important;
	background: var(--color-bcg-silver-light);
  box-sizing: border-box;
}
.courses_list_dates a{
  text-decoration: none;
}
.courses_list_dates a:hover{
  text-decoration: underline;
}

.courses_list_dates td.date{
 /* white-space: nowrap; */
 text-align: right;
}
.courses_list_dates td.places{
  position: relative;
  padding-left: 1.5rem;
}
.courses_list_dates td.places .status{
  position: absolute;
  left: 0.5rem;
  top: 50%;
  margin-top: -0.375em;  
  display: block;
}
.courses_list_dates td.category{
  text-align: left;
  font-weight: 500;
}
.courses_list_dates tr:not(:first-child):hover,
.courses_list_dates tr:nth-child(even) td:hover {
	background: #e2e2e2;
}
.courses_list_dates tr td,
.courses_list_dates tr th {
	padding: 0.5rem 1rem;
	text-align: center;
	vertical-align: middle;
}
.courses_list_dates tr:nth-child(even) {
	background: white;
}

.courses_list_dates .item.hide{
  display:none;
}



/* Kurz stranka specialni */
.course_flex .course_warning{
  background-color: #a3b5ba;
  color: #000000;
  font-size: 1.5rem;
  margin-top: 0;
}

.text_motto{
  font-size: 1.15rem;  
  font-weight: 600;
  padding-bottom: 0.5rem;
}










.course_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}

.course_flex .item{
  width: calc(50% - 1rem);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem; 
  box-sizing: border-box;
}

.course_flex.videos .item:only-child{
  width: 100% !important;
}

.course_flex .item.w100 {
  width: 100%;
}

@media only screen and (max-width: 1100px) {
  .course_flex .item{
    width: 100%;
  }

}

@media only screen and (min-width: 1400px) {
  .courses_list_dates td.date{
    white-space: nowrap;
  }

}























/* STAREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */









table.calendar tr th {
	text-align: center;
	width: 300px;
}
table.calendar tr td {
	text-align: right;
}
table.calendar tr td:first-child {
	text-align: left;
}
.results_table {
	display: flex;
	justify-content: space-between;
  margin-bottom: 2rem;
}

table.result, body.id_parent_17 #main table {
	width: 48% !important;
	border-collapse: collapse;
}
table.result tr:nth-child(even), body.id_parent_17 #main table tr:nth-child(even){
	background-color: var(--color-bcg-silver-light);
}
table.result th, body.id_parent_17 #main table th {
	font-size: 1.5rem;
  line-height: 2em;
}
table.result tr th, body.id_parent_17 #main table tr th {
	text-align: center;
	height: 2%;
	vertical-align: middle;
}
table.result tr:nth-child(2) td, body.id_parent_17 #main table tr:nth-child(2) td {
	text-align: center!important;
}
table.result tr td, body.id_parent_17 #main table tr td {
	text-align: center;
	width: 6%;
}
table.result tr td:first-child , body.id_parent_17 #main table tr td:first-child{
	text-align: left;
	padding-left: 10px;
}
table.result tr td:last-child , body.id_parent_17 #main table tr td:last-child{
	text-align: right;
	padding-right: 10px;
}















/* O nas */
#page_1223 #gallery_id_2{
  flex-wrap:wrap;
  margin-top:0rem;
  margin-bottom:0rem;
}
#page_1223 #gallery_id_2 .gallery_item{
  padding: 0;
  margin: 0;
  width: 50%;
}













/* 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: 666;
  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%;
  z-index: 10;
  

}
#popup_fullscreen_pop_cnt, .popup_fullscreen_pop_cnt{
  display: block;
  position: relative;
  margin: 2rem;
  z-index: 15;
  background-color: var(--color-bcg-silver-light);
  
  border-radius: 2px;
  
  max-height: calc(100vh - 4rem);
  overflow: auto;
  max-width: 600px;
  width: 80%; //Pridat mobul plna sirka
}

#popup_fullscreen_pop_cnt .popup_forms{
  padding: 2rem;  
}

#popup_fullscreen_pop_cls, .popup_fullscreen_pop_cls{
  position: absolute;
  top: 0rem;
  right: 0rem;
  
  color: var(--color-txt-white);
  background-color:#969696;
  cursor: pointer;
  font-size: 1.75rem;
  line-height: 1;
  padding: 0 ;
  margin:0;
  width: 3rem;
  height: 3rem;
  line-height: 2.5rem;
  font-weight: 400;
  text-align: center;
  z-index:55;
  box-sizing: border-box;
  border-radius: 0 0 0 4px;
  transition: color var(--transition-normal);
}
#popup_fullscreen_pop_cls:hover, .popup_fullscreen_pop_cls:hover{
  color: #444444;
}
#popup_fullscreen_pop img, .popup_fullscreen_pop img{
  max-width: 100%;
  height: auto;
  max-height: 100%;

  border: 1px solid var(--color-bcg-white);
  border-radius: 2px;
}


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






/* Form */
.form,  .form_submit{
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding: 0.5em 1em;
  box-sizing: border-box;
  border-radius: 4px;
}
.form{
  width: 100%;
  border: 1px solid #969696;
  box-shadow:  unset;
  //-webkit-appearance: none;
  outline:none;
  color:#000000;
  background-color: var(--color-bcg-white);
  transition: border var(--transition-normal);
}
.form:focus, .form:hover{
  border-color: #000000;
}
/*
.form:focus:required:not(:valid:empty){
  border-color:var(--color-bcg-red-light);
}
*/
.form.form_checkbox{
  width: auto;
}
.form_label{
  padding-left: 0.5em;
}
.form.form_textarea{
  height: 5em;  
  
}
.form_submit{
  display: inline-block;
  cursor: pointer;
  font-size: 1.25rem;
  margin: 0;

}

/* Default container if in page */
.cform_container{
  max-width: 700px;
  margin: 0rem 0 2rem;
  border-radius: 4px;
  background-color: var(--color-bcg-silver-light); 
  padding: 2rem;
}

.cform_container .cform_name{
  width: 100%;
  margin-top: 0;
}

.cform_container .cform_item{
  margin-bottom: 1em;
}
.cform_container .cform_item .cform_text{
  padding-bottom: 0.25em;
  font-weight: 600;
}
.cform_text_required_asterisk{
  display: inline-block;
  color: inherit;
  padding-left: 0.15em;
  color:var(--color-bcg-red-light);
  font-weight: 300;
}
.cform_container .cform_item.cform_item_type_submit{
  text-align: right;
  margin-bottom: 0;
  
}


.main_section .cform_container{ /* Pokud vlozeno do contentu jako takoveho */
  margin: 2rem auto;
}



















 /* Media */
 


/* menu se nevleze */
@media only screen and (max-width: 1600px) {
  
  .submenu_text li{
    width: calc(50% - 2rem);  
  }
  
  .submenu_text li,
  .submenu_text.cat_sub li, .id_page_4 .submenu_text li, .id_parent_4 .submenu_text li, .id_page_19 .submenu_text li, .id_parent_19 .submenu_text li, #hp_menu .submenu_text li,
  .social_feed .social_post{
    width: calc(33.333% - 2rem);
  } 
  
}


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

  .hide_small{  /* class for hiding stuff that is bad on small monitors */
    display:none !important;
  }
  
  .submenu_text li,
  .submenu_text.cat_sub li, .id_page_4 .submenu_text li, .id_parent_4 .submenu_text li, .id_page_19 .submenu_text li, .id_parent_19 .submenu_text li, #hp_menu .submenu_text li,
  #team_vysledky_menu li,
  .social_feed .social_post{
    width: calc(50% - 2rem);
  } 
  .gallery_container .gallery_item,
  .course_video_container .item{
    width: calc(50% - 2rem);
  }
  
  .submenu_text li span{
    margin-right:0;
    padding-left: 1em;
  }
  
  
  .people_flex.drivers_short{
    flex-wrap:wrap;
  }
  .people_flex.drivers_short .itemp{
    max-width: calc(33.33% - 2rem);
  } 
  
  .submenu_text, .articles_list_container{
    margin: 0;
    width: 100%;
  }
  
  .articles_list_item, .articles_small_item{
    padding-left: 1rem;
    display:flex;
    flex-direction:column;
    gap: 0.5rem;
  }
  .articles_list_item .articles_list_title_header,
  .articles_small_item .articles_small_title_header,
  .articles_list_title, .articles_small_title{
    margin-bottom: 0;
  }
  
  .articles_list_date, .articles_small_date, 
  .articles_list_link, .articles_small_link{
    float: unset;
    margin: 0;
  }
  .articles_list_link, .articles_small_link{
    text-align: right;
  }
  
  .articles_list_image_main, .articles_small_image_main, .articles_list_thumb, .articles_small_thumb{
    display: block;
    width: calc(100% + 4rem);
    text-align: center;
    position: relative;
    margin: -2rem -2rem 0 -2rem;
    
  }
  .articles_list_image_main a, .articles_small_image_main  a{
    position:relative;
  }
  
  .articles_list_image_main img, .articles_small_image_main img, .articles_list_thumb img, .articles_small_thumb img{
    width: 100%;
  }
  
  
  .courses_list_dates{
    width: 100%;
    padding: 0;
  }
  .courses_list_dates tr td, .courses_list_dates tr th{
    padding: 0.25rem 0.5rem;
  }
  .courses_list_dates td.date, .courses_list_dates td.places{
    /*white-space: normal; */
  }
  
  .course_top_image{
    width: 100%;
    min-height: 40vw;
  }
  
  
  .people_flex .itemp{
    width: 100%;
  }

  .results_table{
    flex-wrap:wrap;
  }

  /* Hlavni content */
  .main_section, .content_padding{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  .main_section, .content_padding, #header_top{
    padding-right: 1rem;
    padding-left: 1rem;
  }
  
  
  
  
  
  /* footer */
  .footer_block, #footer_block_center, #footer_block_right{
    width: 100%;
    text-align: center;
    
  }
  #footer_block_center{
    margin: 1rem 0;  
  }
}

@media only screen and (max-width: 500px) {
  
  .submenu_text li,
  .submenu_text.cat_sub li, .id_page_4 .submenu_text li, .id_parent_4 .submenu_text li, .id_page_19 .submenu_text li, .id_parent_19 .submenu_text li, #hp_menu .submenu_text li,
  #team_vysledky_menu li,
  .social_feed .social_post{
    width: calc(100% - 2rem);
  } 
  .gallery_container .gallery_item,
  .course_video_container .item{
    width: 100%;
  } 
  
}

















/* NAV */
nav#toc{
  width: 100%;
  top: -2rem;
  text-align: center;
}

nav#toc #toc_title{
  display:none;
}

nav#toc.sticky{
  position: fixed;
  top: 0px;  
  z-index: 66;
  left: 0; 
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: var(--color-bcg-silver-light);
  
  background-color: rgba(0,0,0,0.45);
  color: var(--color-txt-white);
  
  transition: all var(--transition-fast);
}
nav#toc.sticky a{
    text-decoration: none;  
}
body.mobile nav#toc.sticky{
  position: relative;
}
nav#toc ul, nav#toc li{
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  border: 1px solid transparent;
}
nav#toc li{
  margin: 0 0.25em;
  border-radius: 2px;
  transition: all var(--transition-fast);
  border: 2px solid transparent;
}
nav#toc li.showing, nav#toc li:hover{
  background-color: var(--color-bcg-silver-light);
}
nav#toc.sticky li.showing{
  background-color:transparent;
  border-color: var(--color-bcg-silver-light);
}
nav#toc.sticky li:hover{
  background-color: var(--color-bcg-silver-light);
  color: #000000;
  border-color: var(--color-bcg-silver-light);
}
nav#toc li a{
  color: inherit;
  padding: 0 0.75em ;

}
nav#toc li.showing a{
  text-decoration: none;
}

nav#toc li .tocnumber{
  display:none;  
}

/* visual blocks */

.block{
  display:flex;
  border-radius: 0.25rem;  
  overflow: hidden; 
  width: 100%;
  //justify-content: space-between;
  //grid-template-columns: auto minmax(150px, calc(33.333% - 1rem));
  //grid-template-rows: 2fr;
  /*
  grid-template-columns: 1fr min-content;
  grid-template-rows: min-content 1fr;
  */
  height:inherit;
  margin-bottom: 2rem;
 
}

.fitem .block{
  /* inside layout */
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.block .btext{
  //max-width: 1100px;
  flex-grow: 1;
}
.block .btext h2.header, .block .btext h3.header, .block .btext > h2{   
  margin-top: 0;
}
.block .btext h2.header a, .block .btext h3.header a{   
  text-decoration: none;
}
.block .bimage{
  flex-shrink: 0;
  max-width: calc(33.33% - 2rem);  
  position: relative;
}
.block.image_big .bimage{
  max-width: calc(50% - 1rem);
}
.block.image_big .bimage.iframe{
  width: 50%;
}
.block.image_big .bimage.video{
  min-width: 50%;
  max-height: unset !important;
}
.block .bimage.left{
  order: -1;
}

.block .bimage .img,
.block .bimage .img a,
.block .bimage iframe,
.block .bimage .fimg{
   width: 100%;
   height: 100%;  
   display:inline-block;
  line-height: 0;
}


.block.image_big .bimage.video div.item.video,
.block.image_big .bimage.video .video_container,
.block.image_big .bimage.video .videos-wrap,
.block.image_big .bimage.video .fvid,
.block.image_big .bimage.video .fvid_wrp{
  height: 100%;  
  width: 100%;
  aspect-ratio: unset
  background-color: #000;
}


.block .bimage .img a{
  
}

.block .bimage .img.img_pad{
  padding: 1rem;  
}

.block .bimage .img img,
.block .bimage .fimg_img{
  object-fit:cover;
  width: auto;
  height: 100%;
  object-position: center center;
  width: inherit;
  height: inherit;
}
.block .bimage .img.contain img,
.block .bimage .fimg.contain .fimg_img{
  object-fit:contain;
}

/* blocks colors */
.block.silver{
  background-color: var(--color-bcg-silver-light); 
  color: #000000;
  color: #282828;
  border: 2px solid var(--color-bcg-silver-light); 
}
.block.silver .btext{
  padding: 2rem;
}

.block.image_big .btext{
  width: 50%;
}

.block .btext .text_more{
   max-height: 0px;
   overflow: hidden;
}
.block .btext .text_more.active{
   display:block;
   max-height: 9999999px;
}
.block .btext .more{
   padding-top: 1rem;
   text-align: right;
}

  
    


@media only screen and (max-width:1300px) {
  .block.image_big .bimage{
    max-width: calc(33.33% - 2rem);  
  }  
}

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

  .block{
    flex-wrap:wrap; 
    
  }
  .block .bimage, .block.image_big .bimage{
    width: 100%;
    max-width: 100%;
    order: -1;
    max-height: 30vh;
  }
  .block.silver .btext{
    padding: 1rem;
  }
  
}
































/* ************************************** SenCat Produkty ********************************  */
body.mod_sencat_item .block .bimage{
  background-color: var(--color-bcg-white);
}
.block .bimage .img.manufacturer_logo{
  padding: 1rem;
  background-color: var(--color-bcg-white);
}



body.mod_sencat_item .part_helper .block .bimage{
   background-color: transparent;
}
.block .bimage .img.manufacturer_helper{
  padding: 1rem;
}
.block .bimage .img.manufacturer_helper img{
 border-radius: 100%;
 object-fit:cover;
 line-height:0;
}





/* Form kurzy */
/*
.cform_item_id_38{
  display:none;
}
*/


.cform_subsection_id_38.cform_item_type_text, .cform_subsection_id_60.cform_item_type_text{
  display:none;
}

.cform_subsection_id_38.cform_item_type_text.specialshow, .cform_subsection_id_60.cform_item_type_text.specialshow{
  display:block;
}

.cform_item.cform_item_type_checkbox{
   margin-bottom: 0.5em;   
} 

/*
.cform_subsection_id_38.cform_item_type_cleartext{
  text-align: right;
}
*/
#course_dates_add, .course_dates_add{
  font-size: 0.85em;
  margin: 0;
}
#course_dates_add.hide, .course_dates_add.hide{
  display:none;
}


.cform_subsection_id_84.cform_item_type_text, .cform_subsection_id_.cform_item_type_text{
  display:none;
}

.cform_subsection_id_84.cform_item_type_text.specialshow, .cform_subsection_id_.cform_item_type_text.specialshow{
  display:block;
}





/* New listing */
.lb_cont{
  display: flex;
  flex-wrap:wrap;
  width: calc(100% + 2rem);
  margin: -1rem;
}
.lb_item{
  width: 100%;
  margin: 1rem; 
  border: 2px solid var(--color-bcg-silver-light); 
  padding: 0; 
  
  display: flex;
  border: 1px solid var(--color-bcg-white);
}

.lb_item.wrap_hide{
  display:none;
}

.lb_cont.two_row .lb_item, .lb_item.two_row{
  width: calc(50% - 2rem);
}

.lb_cont.three_row .lb_item, .lb_item.three_row{
  width: calc(33.33% - 2rem);
}

.lb_cont.one_row .lb_item{
  width: 100%;  
}

.lb_cont.item_silver .lb_item{
  background-color: var(--color-bcg-silver-light);
  border-color: var(--color-bcg-silver-light);  
}
.silver .lb_cont.item_silver .lb_item{
  border-color: var(--color-bcg-white);   
}

.lb_cont.item_white .lb_item{
  background-color: var(--color-bcg-white);
  border-color: var(--color-bcg-white);  
}
.lb_cont.item_silver .lb_item.header{
  width: 100%;
  background-color:transparent;
  border-color:transparent;
  margin-bottom: 0;
}

.lb_image{
  max-width: 20rem;
  width: 33%;
  
  padding: 0rem;
  
  align-items: center;
  justify-content: center;
  position: relative;
  
  
  
  border-radius: 2px 0 0 2px;
  overflow: hidden;
  
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.lb_cont.two_row.cars .lb_image{
  width: 50%;
}

.lb_image_tag{
  position: absolute; 
  
  z-index:66;
  top: 0;
  left: 0;
  background-color: var(--color-bcg-silver-light);
  
  font-size: 0.95rem;
  line-height: 1;
  padding: 0.25em 0.5em;
  margin: 1em; 
  border-radius: 2px;
}
.lb_image_tag.important{
  background-color: var(--color-bcg-red-light);
  color: var(--color-txt-white);  
}

.img_bcgw .lb_image{
  background-color: var(--color-bcg-white);  
}
.img_pad .lb_image{
  padding: 1rem;
}
.img_ptop .lb_image{
  justify-content: flex-start;
}

.lb_image .img{
  width: 100%;
  height: 100%;
}
.lb_image img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.lb_cont.img_contain .lb_image img, 
.lb_item.img_contain img{
  object-fit:contain;
}

.lb_text{
  padding: 2rem;
  display:flex;
  flex-direction:column;
  flex-shrink: 1;
  flex-grow: 1;
}
.lb_text_h{
  margin-top: 0;
}
.lb_text_h a{
  text-decoration: none;  
}
.lb_text_h a:hover{
  text-decoration: underline;
}
.lb_text_t{
  flex-grow: 1;
}
.lb_text_pt{
  margin-top: 1rem;  
}
.lb_text_pb{
  margin-bottom: 1rem;  
}
.lb_text_a{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-bottom: -2rem;
  margin-right: -2rem; 
  padding-top: 1rem;
  
  align-items: center;
}
.lb_text_a .list_more{
  margin-left: auto; 
}

/* produkty */
.products .lb_text_a{
  margin-bottom:0;
  margin-right: 0;
}


@media only screen and (max-width:1350px) {
  .lb_cont.two_row .lb_item,
  .lb_item.two_row{
    width: 100%;
  }  
  .lb_cont.three_row .lb_item, .lb_item.three_row{
    width: calc(50% - 2rem);  
  }
}

@media only screen and (max-width:800px) {
  
  .lb_cont.three_row .lb_item, .lb_item.three_row{
    width: 100%;  
  }
  .lb_item{
    flex-direction:column;
  }  
  .lb_text{
    padding: 1rem;
  }
  .lb_text_a{
    margin-bottom: -1rem;
    margin-right: -1rem;   
  }
  
  .lb_item  .lb_image{
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
  }
}



/* katalog subkategorie, vylepsit */
.subcats{
  padding-top: 0.25rem;
  font-size: 0.9rem;
}
.subcats .name{
  font-weight: 600;
}
.subcats a{
  border: 1px solid var(--color-bcg-white);
  display: inline-block;
  
  padding: 0em 0.5em;
  margin: 0.1em 0.25em;
  text-decoration: none;
}

.subcats a em{
  font-style: normal;
  color: #969696;
}

.subcats a.active{
  font-weight:600;
  border-color: #000000;
}
.subcats a.inactive{
  color: #969696;
}
.subcats a:hover{
  background-color: var(--color-bcg-white);
  color: #000000;
}

ul.products_cats{
  column-count: 2;
  text-align: left;
  column-width: 400px;
  column-gap: 2rem;
}





/* FAQ */
.faq_question{
  padding-bottom: 0.5rem;  
}
.faq_question_title{
  cursor: pointer;
}
.faqs_name{
  display:inline;
  margin: 0;
}

.faq_question_title_arrow{
  transition: transform var(--transition-fast);  
  display: inline-block;
  transform: rotate(-90deg);
}
.faq_question_title:hover .faq_question_title_arrow{
  transform: rotate(-45deg); 
}
.faq_question.active .faq_question_title_arrow{
  transform: rotate(0deg); 
}



.faq_question .faq_question_answer{
  max-height: 0px;
  transition: max-height 1s ease-in; 
  overflow: hidden;
}

.faq_question.active .faq_question_answer{
  max-height: max-content;
  transition: max-height 1s ease-in; 
  overflow: hidden;      
}
.faq_question .faq_question_answer_text{
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}













/* fast_menu */

.fast_menu{
  display: flex;
  flex-wrap:wrap;
  color: inherit;
  
}

.fast_menu:after{
  position: absolute;
  content: " - nebo - ";
  transform: rotate(90deg);
  transform-origin: top;
  right: -3.15rem;
  right: -4rem;
  top: 50%;
  font-size: 1.15rem; 
  line-height: 1.5rem;
  color: var(--color-txt-normal);
}
body.lang_en .fast_menu:after{
  content: " - or - ";
}
.lb_cont .fast_menu:nth-child(2):after{
  display:none;
}






.fast_menu .item{
  flex-shrink: 1;
  width: 100%;
  margin: 0.5rem 0;
  position: relative;
  text-align: right;
}



.fast_menu .icons{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.fast_menu .icons .fimg{
  width: 14.2%;
  padding: 5px;
  display:block;
  max-height: 3rem;
  font-size: 5px;
}
.fast_menu .icons .fimg_img{
  object-fit:contain;
  width: 100%;
  height: 100%;  
}

.fast_menu .form,
.fast_menu .arrow_down{
  font-size: 1.15rem;
}
.fast_menu .arrow_down{
  position: absolute;
  padding: 0.5em 1em;
  right: 0px;
  top:0px;
  z-index:1;
  pointer-events: none;
  transition: transform var(--transition-fast);
  transform: rotate(-90deg);
}
.fast_menu .form:hover~.arrow_down{
  transform: rotate(+90deg);
}
.fast_menu .form:focus~.arrow_down{
  transform: rotate(0deg);
}

.fast_menu .form{ 
  width: 100%;
  z-index:5; 
  cursor: pointer;
  
  border: 0px solid var(--color-txt-normal);
  border-bottom: 1px solid var(--color-txt-normal);
  
  background-color: transparent;
  color: var(--color-txt-normal);
  border-radius: 0px;
  -webkit-appearance: none;
}

.fast_menu .form option{
  color: #000000;
  padding: 0.25em;
}











#spec_10p .bimage{
  width:max-content;
  background-size:cover;
  background-clip:text;
  
  -webkit-background-size:cover;
  -webkit-background-clip:text;
  text-align:center;

}

#spec_10p .bimage a{
  font-size:25vw;
  font-weight:800;
  color: transparent;
  line-height:0.8;
  display: inline-block;
}

#spec_10p .btext{
  text-align:left;
}

#spec_10p .btext h2{
  color: #bdb4a0;
  font-size: 4rem;
  font-weight:800;
  margin-top: -15px;
  text-align: left;
}
#spec_10p .btext .more{
  text-align: right;
  margin-top: 1rem;
  
}

#spec_10p .btext .points{
  column-count:2;
  gap:2rem;
}
#spec_10p .btext .points ol{
  margin-top: 0;
  margin-bottom: 0;
}
#spec_10p .btext .points ol li{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#spec_10p .btext .points a{
  font-weight: 600;
}

#spec_10p .btext .points ol li::marker {
  color: black; 
  font-weight: 600; 
  font-size: 1.15em;
}

@media only screen and (max-width:1000px) {
  #spec_10p .bimage{
    width: 100%;
  }
  #spec_10p .bimage a{
    font-size: 50vw;
  }
  #spec_10p .btext h2{
    text-align: center;
  }
  #spec_10p .btext .points{
    column-count:1;
  } 
}



















/* Videa */

.hp-video {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  top: 0px;
  border-bottom: 1rem solid var(--color-bcg-silver-light);
}
.video_info{
  position:absolute;
  bottom: 5%;
  text-align:center;
  z-index:444;
}
@media only screen and (max-width: 1000px) {
  .hp-video{
    margin-top: 4rem;
  }
  .video_info{
    position:relative;
    bottom: 0;
    text-align:center;
    z-index:444;
  }
}

.hp-video #fp_youtube_player {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: rgba(0, 0, 0, 0.8);
  display:block;
}








/* Videos containers */

.fvid{
  display:flex;
  flex-direction: column;
  background-color: var(--color-bcg-silver-light);
  width: 100%;
}
.fvid_wrp{
  line-height: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.fvid_video {
  width: 100%;
  height: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
  padding: 0;
  margin: 0;
  border: 0px solid transparent;
}


.fvid_portrait .fvid_video{
  aspect-ratio: 9 / 16;  
}


.fvid_cap, .fvid_info{
  /* padding: 0.5rem 0.5rem; */
  padding: 1rem;
  line-height: 1.25;
} 
.fvid_info{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.fvid_cap{
  padding-top: 0;
  font-size: 0.85rem;
  line-height: 1.25;
}
.fvid_name{
  font-weight: 600;
}

/* Video listing */



.articles_art_text .videos-cont{
  margin-bottom: 2rem;
}

.videos-wrap{
  display:flex;
  flex-wrap: wrap;
  gap: 2rem;
}

@media only screen and (min-width: 1000px) {
  .videos-wrap.half-width{
    max-width: 50%;
  }
  
  .videos-wrap .fvid{
    width: calc(50% - 1rem);
  }
  
  .videos-wrap .fvid.fvid_portrait {
    width: calc(25% - 1.5rem);
  }
}




.videos-wrap .fvid:only-child{
  width: 100%;
}






.list_courses_graphic{
  display:flex;
  gap: 1rem;
}
.list_courses_graphic .item{
  width: calc(50% - 1rem);
  background-color: white;
  border-radius: 0.25rem;
  overflow:hidden;
  
  
  
  display:flex;
  flex-direction:column;
  flex-wrap: no-wrap;
  gap: 0.5rem;
}

.list_courses_graphic .item .name, 
.list_courses_graphic .item .bottom{
  padding: 0 0.5em;
}

.list_courses_graphic .item .name{
  font-size: 1.25rem;
  
  font-family: var(--font-family-fancy);
  font-weight: 500 !important;
  font-style: normal;
  letter-spacing: 0.025em;
}
.list_courses_graphic .item .bottom{
  display:flex;
  justify-content: space-between;
  padding-bottom: 0.5em;
}

.list_courses_graphic .item .fimg_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}