@font-face {
    font-family: CB-SPORT;
    src: url("/webfonts/SZCB-LED-Board.otf") format("opentype");
    font-weight: 300;
}
html,body {  height: 100%;}
body {font-family: 'Barlow', sans-serif; position: relative; color:#1d1d1b;/*display: -ms-flexbox;display: flex;*/}
a { color: #1d1d1b; text-decoration: underline;}
h2 { font-size: 42px; padding-bottom: 25px; font-weight: bold}
h3 { font-size: 25px; font-weight: bold}
p {line-height: 24px}
a i.cb-link { background: url('/images/icons/ikona_smerovka-dvojita-doprava.svg') no-repeat center center; height: 25px; width: 25px; float: left; background-size: cover; margin-right: 15px}
a i.cb-icon-search { background: url('/images/icons/ikona_hledat.svg') no-repeat center center; height: 15px; width: 15px; float: left; background-size: cover; margin-right: 4px; margin-top: 4px}
a i.cb-icon-facebook { background: url('/images/icons/ikona_Facebook.svg') no-repeat center center; height: 15px; width: 15px; float: left; background-size: cover; margin-right: 4px;margin-top: 4px}
a i.cb-icon-youtube { background: url('/images/icons/ikona_YouTube-01.svg') no-repeat center center; height: 15px; width: 15px; float: left; background-size: cover; margin-right: 4px;margin-top: 4px}
a i.cb-icon-facebook-big { background: url('/images/icons/ikona_Facebook.svg') no-repeat center center; height: 26px; width: 26px; float: left; background-size: cover; margin-right: 4px;margin-top: 4px}
a i.cb-icon-youtube-big { background: url('/images/icons/ikona_YouTube-01.svg') no-repeat center center; height: 26px; width: 26px; float: left; background-size: cover; margin-right: 4px;margin-top: 4px}
.green-text {color:#16ff30}
.red-text {color:#ff0000}
.text-bold { font-weight: bold}
.bg-yellow {background-color:#ffe432}
.home-bg-yellow {background-color:#ffe432}
.bg-grey {background-color:#ececec}
.bg-black { background-color:#1d1d1b }
.blackbox { background: #1d1d1b; color: #ffe432}
@media (min-width: 1200px) {
  .col-left { padding-right: 55px !important}
  .col-right { padding-left: 55px !important}
}
@media (max-width:992px) {
  .home-bg-yellow {background-color:#E6CD00}

}
@media (max-width:1600px) {
  .home-pages-img img { max-height: 200px !important}
}


/*.textbox { margin-left: 110px}*/
.font-cb {  font-family: 'CB-SPORT'}
.cb-section { padding: 110px 0px; font-size: 20px}
.cb-section-mini { padding: 27px 0px; font-size: 20px}
.cb-p-40 { padding: 40px !important}
.cb-p-20 { padding: 20px !important}


.navbar-dark .navbar-toggler-icon { background-image: url("/images/burger.png")}
.navbar-dark .navbar-toggler-icon-close { background-image: url("/images/cross.png")}
#navbarHeader { background-color: rgba(255,228,50,0.80);    position: absolute;    z-index: 999;    width: 100%;}
#navbarHeader a { font-size: 14px; font-weight: bold; padding: 13px 0px;display: inline-block;}
#m-home-menu { margin-top: 15px}
#m-home-menu .tab-content {  font-size: 16px}
#m-home-menu .tab-content h2 { color: #000; font-size: 21px; padding-bottom: 12px}
#m-home-menu .tab-content h2 a{ color: #000; font-size: 21px; padding-bottom: 12px}
#m-home-menu .tab-content .bg-black { font-family: 'CB-SPORT'; color: #fff}
#m-home-menu .tab-content .intro-subheading {  color:#ffe432; font-size: 20px; font-family: 'CB-SPORT';}
#m-home-menu .tab-content a {  color:#fff;}
#m-home-menu ul {list-style: none;padding: 0;}
#m-home-menu ul .shutter-panel-collapse {padding-left: 1em;overflow: hidden;display: none;}
#m-home-menu ul .shutter-panel-collapse.show { /*display: block;*/
}

#m-home-menu ul li { margin: 0; }

#m-home-menu ul li a.panel-heading {
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.78);
  color: #fefefe;
  padding: .75em;
  border-radius: 0.15em;
  transition: background .3s ease;
}

#m-home-menu ul li a.panel-heading:hover { background: rgba(0, 0, 0, 0.9); }
#m-home-menu  ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
}
#m-home-menu ul.tabs li {
  background: none;
  color: #222;
  display: inline-block;

  cursor: pointer;
  width: 25%;
  text-align: center;
}
#m-home-menu ul.tabs li img {margin: 10px 15px; max-height: 25px}
#m-home-menu ul.tabs li.current {
  background: #ffe432;
  color: #222;
  -webkit-box-shadow: 0px -5px 5px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px -5px 5px -1px rgba(0,0,0,0.75);
  box-shadow: 0px -5px 5px -1px rgba(0,0,0,0.75);
}

#m-home-menu .tab-content {
  display: none;
  background: #ffe432;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
}
#m-home-menu .tab-content.current { display: inherit; }



.home-blackbox { padding: 40px;background:#1d1d1b;font-family: 'CB-SPORT'; color: #ffe432; margin-bottom: 40px}
.home-blackbox a { color: #ffe432}
.home-text-header { font-size: 32px; border-bottom: 2px dotted #ffe432; padding-bottom: 32px; text-transform: uppercase;}
.home-text-header>span>a { text-transform: none;}
.home-blackbox p { color:#fff}

.home-pages { position: absolute; width: 100%; height: 100%}
.home-pages-container { width:100%; padding-top: 96px; height: 100%}
.home-pages-row { display: flex;}
.home-pages-box { height: 100%}

/*.home-pages-box-ps { background: url('/images/links/home-pages-box-ps.jpg') no-repeat center 100px; background-size: auto 100%;}*/
.home-pages-box-ps,.home-pages-box-s,.home-pages-box-zs,.home-pages-box-sh { width: 100%}
/*.home-pages-box-s { background: url('/images/links/home-pages-box-s.jpg') no-repeat center -200px; background-size: auto 100%;}
.home-pages-box-zs { background: url('/images/links/home-pages-box-zs.jpg') no-repeat center 100px; background-size: 100% auto;}
.home-pages-box-sh { background: url('/images/links/home-pages-box-sh.jpg') no-repeat center 0px; background-size: auto 100%;}*/

/*.home-pages-box-ps-a { background: url('/images/links/home-pages-box-ps-a.jpg') no-repeat center 100px; background-size: auto 100%;}
.home-pages-box-s-a { background: url('/images/links/home-pages-box-s-a.jpg') no-repeat center -200px; background-size: auto 100%;}
.home-pages-box-zs-a { background: url('/images/links/home-pages-box-zs-a.jpg') no-repeat center 0px; background-size: auto 100%;}
.home-pages-box-sh-a { background: url('/images/links/home-pages-box-sh-a.jpg') no-repeat center 0px; background-size: auto 100%;}*/
.home-pages-img { text-align: center;}
.home-pages-img img {max-height: 400px; width: auto;}
.home-pages-heading { font-size: 29px; font-weight: bold; text-decoration: none; /*top: 50%;transform: translateY(-50%); position: relative;*/ text-align: center;}

.home-pages-heading a{ font-size: 29px; font-weight: bold; text-decoration: none;}
.home-pages-heading a:hover{ color:#fff}


.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

#masthead { background: #ffe432}
#masthead a { font-weight: bold; font-size: 14px}
.navbar { background:#ffe432}
.logo-szcb img { padding: 20px 0px}
.intro-heading { font-size: 75px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; text-align: center; color:#000}
.intro-text-section{ margin-top: -80px; height: 160px; padding-bottom: 80px}
/*.intro-text { padding-bottom: 90px}*/
.intro-box-first { border-left: none !important}
.intro-box { background: #1d1d1b; color:#ffe432; text-align: center; padding: 0px; font-size: 13px; margin:22px 0px;font-family: 'CB-SPORT'; height: 116px; flex-wrap: wrap; display: inline-flex; width: 100%}
.intro-box p { line-height: 17px; font-size: 13px; margin-bottom: 0px; width: 100%; color: #fff}
.intro-box::after{ content: " "; border-right: 1px dotted #ffe432; margin: 22px 0px; height: 116px; position: absolute; top: 0px; right: 0px}
.intro-box-last { border-right: none !important}
.intro-box .intro-subheading{ font-size: 26px; font-weight: normal; margin-bottom: 17px; line-height: 28px; width: 100%}
.intro-box a{ color: #ffe432; font-weight: normal !important;}
a.intro-box-link { color: #fff}
.mb-m-55{ margin-bottom: -55px}

.lp-image { background: url("/images/image1.jpg") center left no-repeat; background-size: cover; min-height: 200px}

.news { /*background: #ececec;*/background-color: transparent ;border:none; border-bottom: 1px solid #939392; border-radius: 0px; font-size: 20px; line-height: 24px; padding-bottom: 55px; margin-bottom: 55px;}
.news .news-date{ font-style: italic; margin-bottom: 0px}
.news-yellow-highlight { background: #ffe432; color: #1d1d1b; font-size: 60px; text-align: center; line-height: 1; font-weight: bold; padding: 40px; margin-bottom: 20px}
.news-yellow-highlight span { font-size: 40px}
.news-yellow-highlight a {text-decoration:none}
.news .section-subheading a{ text-decoration: none}
.card.card-fcb { margin-bottom: 25px; padding: 25px}
.table.cb-table td,.table.cb-table th { padding: 12px 0px 12px 6px !important; border-top:#939392 1px solid}
.table.cb-table th { background-color: #ffe432 }
.table.cb-table td.subheading { background-color: #d0d0d0}
.table.cb-table td.subsubheading { background-color: #e3e3e3}
.table.cb-table td.cb-table-bold,.table.cb-table th.cb-table-bold { font-weight: bold; }
.table.cb-table td.cb-table-medium,.table.cb-table th.cb-table-medium { font-weight: 300; }
.table.cb-table td.cb-table-separator,.table.cb-table th.cb-table-separator { border-right: 19px solid #fff }
.section-subheading { margin-bottom: 25px}
.img-more { position: relative; width: 100%; max-height: 220px}
.img-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(255,228,50,0.85); top: 0px; left: 0px; right:0px; bottom: 0px;text-align: center;}
.img-overlay a { position: relative;  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);  position: absolute;  top: 50%;  left: 50%;}
.cb-img-thumb { margin-bottom: 15px; max-height: 250px; overflow: hidden; border-radius:0.25rem }

/*#faq { margin-top: 110px}*/
.cb-faq {  margin-bottom: 25px}
.cb-faq-link { font-weight: bold; text-decoration: underline; padding-left: 0px; color:#1d1d1b; font-size: 20px; white-space: normal;}
.card-header.cb-faq-header {background-color: #ececec; padding: 0px 0px 0px 1rem;border:none;}
.card-body.cb-faq-body { font-size: 20px; line-height: 24px; background-color:#ececec }
.card-header button { width: 100%; text-align: left}
.card-header button:before {
   content: " ";
   background:url("/images/icons/ikona_smerovka-dolu.svg");
   float: right;
   transition: all 0.5s;
   width: 40px;
   height: 40px;
   background-size: cover;
}
.card-header.active button:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.collapse-text { max-height: 220px; overflow: hidden;}
.text-shadow {-webkit-box-shadow: inset 0px -15px 10px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px -15px 10px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px -15px 10px 0px rgba(255, 255, 255, 1);
height: 220px;
width: 100%;
z-index: 100;
position:absolute;}
.gallery-image { display: none}
.hp-down-link { background-color: #ffe432; display: flex; width: 100%; height: 50px; vertical-align: middle; padding-left: 1rem; font-weight: bold; margin-bottom: 15px}
.hp-down-link a { margin: auto 0px ; width: 100%}
.hp-down-link-icon { background: url('/images/icons/ikona_stazeni.svg') no-repeat center center; height: 40px; width: 40px; float: right; background-size: cover;}
.cb-form input,.cb-form textarea { background: #d7d7d7; margin-bottom: 25px; font-size: 14px; height: 50px; color:#1d1d1b}
.cb-form input.submit { background: #ffe432; text-decoration: underline; text-align: left; font-weight: bold; font-size: 20px;color:#1d1d1b}
footer{ padding: 110px 0px 25px 0px; background: #3c3c3b; color: #939392; font-size: 14px}
footer a { color: #939392 }
footer a:hover { color: #fff }
footer strong.header{ margin-bottom: 30px; display: inline-block;}
footer .cb-hr { width: 100%; height: 1px; border-top: 1px solid #939392; margin-bottom: 25px; margin-top: 50px}

@media(max-width: 576px){
  .intro-heading { font-size: 40px; padding-top: 40px; padding-bottom: 20px; font-weight: bold; text-align: center; color:#000}
  .cb-section { padding: 40px 0px}
}

@media(min-width: 576px){
  .cb-img-thumb {max-height: 150px;margin-bottom: 20px}
}
@media(min-width: 992px){
  .cb-img-thumb {max-height: 150px;}
}
@media(min-width: 1200px){
  .cb-img-thumb {max-height: 170px;}
}
@media(min-width: 1400px){
  /*#masthead { height: 480px}*/
  .cb-img-thumb {max-height: 220px}
}
#datepicker  { font-size: 0.6em;}