html, body {  
}

html {
  position: relative;                                   
  min-height: 100%;
}

body {
	height: 100%;
	margin : 0px; padding : 0px;
	
	font-family: 'Montserrat', 'Arial', 'Tahoma', 'Helvetica CE', 'Helvetica';
	line-height: 1.5;
	color: #000;
  background: #fff;
  //background-size: 100% auto;

 // margin-bottom: 200px; /* kvuli vzdy dole umistenemu zapati */
  
  font-size: 16px;
  //font-weight: 300;

}


label {font-weight: normal; margin-top: 5px; }

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1410px; 
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0px 0px 0px; padding:0;
      border:none;
      visibility: hidden;
}


body a { color: #231b19; text-decoration: underline; }
body a:hover { color: #faaa32; }

.top-menu { color: #abd100; margin-top: 55px; }
.top-menu a { color: #ccc; font-weight: bold; text-transform: uppercase; display: inner-block; padding: 5px 7px;  }
.top-menu a:hover {color: #abd100; }

.info-top { font-weight: bold; }
.info-top .info-phone { font-size: calc(1.0em + 0.2vw); color: #930022; padding-top: 10px; }
.info-top .info-phone a { color: #930022; }
.info-top a { text-decoration: none; }
.info-top a.btn-yellow {  background: #FFA900; border-radius: 0 0 4px 4px; padding: 15px 50px; color: #062034;  text-transform: none; line-height: 35px; font-size: calc(0.9em + 0.1vw); }
.info-top a.btn-yellow:hover { background: #062034; color: #fff; }
.info-top a.btn-red {  background: #930022; border-radius: 0 0 4px 4px; padding: 15px 25px; color: #fff; text-decoration: none; text-transform: none; ; line-height: 35px;  font-size: calc(0.9em + 0.1vw);  }
.info-top a.btn-red:hover { background: #062034; color: #fff; }


a.btn-yellow, a.btn-red, button.btn-yellow { border-radius: 4px; padding: 15px 50px; border: 1px transparent; text-decoration: none; font-weight: bold; text-transform: uppercase }
a.btn-yellow, button.btn-yellow {  background: #FFA900;  color: #062034;  }
button.btn-yellow { padding: 15px 50px; }

a.btn-yellow:hover, button.btn-yellow:hover { background: #062034; color: #fff; }
a.btn-red {  background: #930022; color: #fff; }
a.btn-red:hover { background: #062034; color: #fff; }
a.btn-blue {  background: #124578; color: #fff; }
a.btn-blue:hover { background: #062034; color: #fff; }
a.btn-black {  background: #000; color: #fff; }
a.btn-black:hover { background: #E5E8EA; color: #000; }
a.btn-white {  background: #fff; color: #000; }
a.btn-white:hover { background: #062034; color: #fff; }

a.btn-region { border-radius: 4px; padding: 10px 20px; background: #fff; border: 2px #FFA900 solid; color: #062034; text-align: center; display: block; text-decoration: none; font-weight: bold; line-height: 1.3; }
a:hover.btn-region, a.btn-region.active { background: #FFA900; color: #062034; }

/* SVG map */

.svg-map { max-width: 700px; margin: 0 auto 20px auto; position: relative; }
.svg-map svg { pointer-events: auto; max-width: 100%; height: auto; }
.svg-map .base { display: block; }
.svg-map .area { fill: #fff; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.svg-map .area:hover, .svg-map .area.mhover { fill: #ffe8af; }
.svg-map .area.active { fill: #FFA900; }


img.logo {  }

.tucny {font-weight: bold;}
.mensi {font-size: 0.9em;}
.mensi2 {font-size: 0.8em;}
.lft {text-align: left;}
.centr {text-align: center;}
.rght { text-align: right;}
.odsazeny, table.kosik tr td.odsazeny { padding-left: 20px; }
.text-help {color: gray;}
.text-cerveny {color: #e63232;}
.text-white {color: #fff;}
.text-orange {color: #ff3300;}
.text-green {color: green;}
.text-blue {color: #63789D;}
.text-yellow {color: #FFA900;}
.oddelovac-textu, .oddelovac {	height: 15px; }
.oddelovac-textu-velky, .oddelovac-velky { height: 30px; }
.text-socnet { font-size: 1.6em; font-weight: bold; }
.text-socnet img { margin: 5px 10px 5px 0; }


ul.nav { margin-top: 10px; font-family: 'Montserrat'; }
ul.nav li span { color: #fa6d98;  }
ul.nav li a, ul.nav li a:link, ul.nav li a:visited {  padding: 5px 20px 5px 20px; margin: 0 0px; border-left: 2px #FFA900 solid; color: #062034; font-size: 0.9em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
ul.nav li a:hover { color: #930022; }

ul.dropdown-menu { background: transparent; padding: 15px 0 0 0; border-radius: 0px;  border: 0;  }
ul.dropdown-menu li a:link, ul.dropdown-menu li a:visited { display: block; border-bottom: 1px #fff solid; font-weight: normal; min-width: 280px; background: #faaa32; color: #000; margin:0; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; text-transform: none; }

ul.dropdown-menu li a:hover { background: #222; color: #fff; border-radius: 0; }
.dropdown-toggle:active, .open .dropdown-toggle {background:transparent !important; color:#fff !important; c}





.text-title { font-family: 'Open Sans', 'Arial'; }



.home-box { text-align: left; padding: 50px 20px; border: 0px #bbb solid; border-radius: 6px; background: #FFA900; height: 100%; min-height: 100%; }
.home-box h2 { margin-top: 0; padding-top:0; margin-bottom: 0px; color: #fff; font-size: calc(1.7em + 0.6vw); font-weight: 600;}
.home-box .descr { color: #062034; padding-bottom: 25px; line-height: 1.5; }
.home-box span { color: #3fcaf5; font-weight: bold; text }
.home-box img { max-height: 155px; }
.home-box a.btn { margin-top: 0px; text-decoration: none; background: #930022; color: #fff; font-weight: 600; border-radius: 4px; padding: 20px 30px; text-transform: uppercase; }
.home-box a.btn.btn-blue { background: #124578; }
.home-box a.btn:hover { background: #103039; }


.home-box-2 { min-height: 430px; padding-top: 150px; text-align: center; position: relative; border-radius: 7px; }
.home-box-2 .content { position: absolute; bottom: 50px; width: 100%; max-width: 400px; left: 0; right: 0; margin-left: auto; margin-right: auto; line-height: 1.3 }
.home-box-2 .content .title { color: #fff; font-weight: bold; font-size: calc(1.6em + 0.4vw);  }
.home-box-2.home-box-2-podcast { background: url('/images/bg-podcast.webp') no-repeat center top; background-size: cover; }
.home-box-2.home-box-2-gallery { background: url('/images/bg-gallery.webp') no-repeat center top; background-size: cover; }
.home-box-2.home-box-2-question { background: #FFA900 url('/images/bg-smile.webp') no-repeat right center; padding-top: 50px; }
.home-box-2.home-box-2-question .title { color: #061834; }

.home-box-2-opacity { position: absolute; width: calc(100%); padding: 0 25px; bottom: 0px; border: 0px red solid; height: calc(100% - 10px); }
.home-box-2-opacity.hbo-black { background: linear-gradient(0deg, rgba(33,33,33,1) 0%, rgba(255,255,255,0) 70%); border-radius: 7px; }

.home-box-3 { height: 100%; min-height: 100%; text-align: left; position: relative; border-radius: 7px; }
.home-box-3 .content { padding: 50px 80px }
.home-box-3 .content .title { font-weight: bold; font-size: calc(1.5em + 0.5vw); line-height: 1.2; padding-bottom: 15px; }
.home-box-3.home-box-3-action .content .title { color: #FFA900; }
.home-box-3.home-box-3-action img {  }
.home-box-3.home-box-3-action { background: #930022; border-top-right-radius: 0; border-bottom-right-radius: 0;  }
.home-box-3.home-box-3-question { background: #FFA900 url('/images/bg-smile.webp') no-repeat right center; color: #061834; border-top-left-radius: 0; border-bottom-left-radius: 0;  }
.home-box-3.home-box-3-penezenka { background: #fff url('/images/bg-smile-yellow.webp') no-repeat right center;  }
.home-box-3.home-box-3-penezenka.bgray { background: #E5E8EA url('/images/bg-smile-yellow.webp') no-repeat right center; }
.home-box-3.home-box-3-penezenka .content  { padding-right: 20px; }
.home-box-3.home-box-3-penezenka .content .title { font-size: calc(1.3em + 0.2vw) }
.home-box-3.home-box-3-penezenka .content .subtitle { font-size: calc(0.9em + 0vw) }

a.box-button { margin-top: 20px; text-decoration: none; display: inline-block; border-radius: 4px; padding: 19px 90px; font-weight: bold; text-transform: uppercase; }

a.box-button.box-button-yellow { background: #FFA900; color: #fff }
a.box-button.box-button-yellow:hover { background: #E5E8EA; color: #062034 }

a.box-button.box-button-black { background: #061834; color: #fff }
a.box-button.box-button-black:hover { background: #E5E8EA; color: #062034 }

a.box-button.box-button-white { background: #fff; color: #062034; text-align: center; }
a.box-button.box-button-white:hover { background: #062034; color: #fff }

a.box-button.box-button-blue { background: #124578; color: #fff; text-align: center; }
a.box-button.box-button-blue:hover { background: #062034; color: #fff }



.ft-contact { font-family: 'Open Sans'; font-weight: bold; color: #add114; font-size: calc(1.1em + 0.8vw); margin: 10px 0; }
.ft-contact img { margin-right: 15px; }



.btn-blue, a.btn-blue { border: 0px red solid; border-radius: 50px; padding: 10px 30px; background: #63789D; display: inline-block; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.btn-blue:hover { background: #FF931E; color: #fff; }

.btn-gray, a.btn-gray { border: 2px #00000029 solid; border-radius: 5px; padding: 15px 90px;  background: transparent; display: inline-block; color: #062034; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.btn-gray:hover { background: #000; color: #fff; } 

.btn-appl, a.btn-appl { border: 0px red solid; border-radius: 50px; padding: 10px 30px; background: #FF931E; display: inline-block; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.btn-appl:hover { background: #222; color: #fff; }

.btn-close { border: 2px #666 solid; border-radius: 50px;  margin-top: 10px; color: #FF931E; }

.navmenu ul.nav li a:hover { background: #454545; color: #fff; }


/* vzhled ikony menu na mobilnich zarizenich */
.navbar-toggler{
    width: 60px;
    height: 40px;
    background-color: none;
    outline: none;
    margin: 0px 5px 0 0;
    border-radius: 50px;
}
.navbar-toggler .line{
    width: 100%;
    float: left;
    height: 4px;
    border-radius: 10px;
    background-color: #930022;
    margin-bottom: 5px;
}



.block-title { font-family: 'Montserrat'; text-align: center; color: #124578; font-size: calc(1.7em + 1.0vw); font-weight: bold; padding-bottom: 40px; padding-top: 40px; line-height: 1.2; text-transform:uppercase; max-width: 1100px; margin-left: auto; margin-right: auto; }
.block-title-2 { font-family: 'Montserrat'; text-align: left; font-size: calc(1.6em + 0.8vw); color: #930022; text-transform: none; font-weight: bold; margin-bottom: 40px; padding-top: 40px; line-height: 1.2; }

.bg-top {  }
.bg-navi { background: #abd100; min-height: 50px; padding-top: 10px; text-align: center; }


.bg-blue-moved { padding-bottom: 0px; margin-top: -150px; margin-bottom: 30px; }
.bg-blue { padding: 50px 0; background: #63789D; }

.bg-gray { background: #F0F2F3; padding-bottom: 80px; }
.bg-yellow { background: #FFA900; }
.bg-white { background: #ff; color: #555; padding: 30px 0; min-height: 500px; }
.bg-white .block-title { color: #555; }
.bg-white .bt2 { font-size: calc(1.3em + 0.7vw); padding-top: 30px;  }
.bg-h1 { background: url('/images/bg-top.webp') no-repeat center center; background-size: cover; }
.bg-h1 img { max-height: 550px; }
.bg-h1 .text-white { font-size: calc(1.1em + 0.2vw); margin-top: 20px; }
.bg-yellow h1 { color: #930022; font-size: calc(2.1em + 1.6vw); }
.bg-yellow select, .bg-yellow input[type=text] { padding: 20px; background: #fff; border: 1px #fff solid; border-radius: 4px; width: 100%; font-size: 1em; }
.bg-yellow input[type=text] { padding: 18px;}
.bg-yellow input[type=checkbox] { zoom:2; vertical-align: middle;  }

.bg-project { background: url('/images/bg-project.webp') no-repeat center top; background-size: cover;  }
.bg-project .title { font-size: calc(1.9em + 0.9vw); color: #FFA900; font-weight: bold; margin-bottom: 30px;  line-height: 1.2 }
.bg-project .text { color: #fff; line-height: 1.5; }

.bg-games { background: url('/images/bg-games.webp') no-repeat center top; background-size: cover; position: relative; }
.bg-games .title { font-size: calc(1.9em + 0.9vw); color: #930022; font-weight: bold; margin-bottom: 30px; line-height: 1.2;}
.bg-games .text { color: #000; line-height: 1.5; }
.bg-games a.btn-games { display: inline-block; text-transform: uppercase; padding: 16px 80px; font-weight: bold; border-radius: 4px; text-decoration: none; }
.bg-games a.btn-games.btn-games-1 { background: #124578; border: 2px #124578 solid; color: #fff; }
.bg-games a.btn-games.btn-games-1:hover { background: #FFFFFF; border: 2px #FFFFFF solid; color: #124578; }
.bg-games a.btn-games.btn-games-2 { background: transparent; border: 2px #124578 solid; color: #124578; }
.bg-games a.btn-games.btn-games-2:hover { background: #062034; border: 2px #062034 solid; color: #fff; }

.bg-gray-blue { background: linear-gradient(0deg, #124578 50%, #F0F2F3 50%); padding: 80px 0; }
.bg-white-blue { background: linear-gradient(0deg, #124578 50%, #ffFFFF 50%); padding: 80px 0; }

.navigace { font-size: 0.75em; color: #ccc; padding: 60px 0px 10px 0;  margin-bottom: 0px; text-align: center; }
.navigace a:link, .navigace a:visited { color: #ccc; padding: 5px 0px; }
.navigace a:hover { color: #ccc; text-decoration: none; }



.table-hdr { font-size: 1.2em; font-weight: bold; margin-bottom: 15px; }
table.lines { width: 100%; border-collapse: collapsed; border: 0px #998775 solid; }
table.lines tr th { }
table.lines tr th, table.lines tr td { padding: 5px 8px; border-top: 0px #63789D solid; border-bottom:1px #ccc solid; }
table.lines tr:hover { background: #E6E2DF; }

table.tab-text { border-collapse: collapsed; border: 0px gray solid; }
table.tab-text tr th {  }
table.tab-text tr th, table.tab-text tr td { padding: 5px 8px; border-top: 1px #998775 solid; }


.linka-tb { border-top: gray 1px solid; border-bottom: gray 1px solid; }
.linka-l { border-left: gray 1px solid; }

.detail-pic .img-responsive {
    margin: 0 auto;
	max-width: 70%;
}

.main { padding: 2% 1%;}

.qr-code { width: 200px; text-align: center; }
table.tab-prevod tr td { padding: 2px 5px; }

.strankovani {
  font-size: 1.2em;
	text-align: center;
	padding: 10px 15px 10px 0px;
  font-weight: bold;
}

.strankovani a:link, .strankovani a:visited {
  background: transparent;
	border: 1px transparent solid;
	//padding: 3px 10px;
	margin: 0 3px;
	color: black;
	text-decoration: none;
  display: inline-block;
  width: 37px;
  height: 37px;
  line-height: 35px;
}

.strankovani a:hover {
	border: 1px transparent solid;
	background: #FFA900;
  border-radius: 50px;
	//padding: 3px 10px;
	color: #000;
}

.strankovani-aktivni {
	border: 1px transparent solid;
	background: #FFA900;
	//padding: 3px 10px;
	margin: 0 3px;
	color: #000;
  border-radius: 50px;
	text-decoration: none;
	font-weight: bold;
  display: inline-block;
  width: 37px;
  height: 37px;
  line-height: 35px;
}

.strankovani a.r-arrow { padding: 3px 10px; border: 0px red solid;; background: url('../images/arrow-right.png') no-repeat 0 center; margin-left: 5px;}
.strankovani a.l-arrow { padding: 3px 10px; border: 0; background: url('../images/arrow-left.png') no-repeat 0 center; margin-right: 0px;}

#info-znacka {display: none;}
.per-page { float: left; width: 200px; padding: 10px 0 0 8px; font-size: 0.9em; text-align: left; }
.per-page a:link, .per-page a:visited {color: gray; text-decoration: none;}
.per-page a:hover {text-decoration: underline; }
.per-page a.active:link, .per-page a.active:visited {color: #333; font-weight: bold;}


table.contact-form {}
table.contact-form tr td input { width: 200px; background: 1px red solid; }

.bg-button { background: #ddd url('/images/bg-button.png') repeat center center; }
.bg-button:hover { background: #e0001a; }

.sub-button, .contact-form input.sub-button {
	background: #930022;
  font-family: 'Montserrat', 'Arial';
  //font-size: 0.98em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
	border: 1px transparent solid;
  padding:  20px 30px 20px 30px;
	border-radius: 6px;
  display: inline-block;

/*
	background-image: linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
	background-image: -ms-linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
	background-image: -moz-linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
	background-image: -o-linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
	background-image: -webkit-linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
  */

}

.sub-button-white { border: 1px #fff solid; }

.sub-button:hover, .contact-form input.sub-button:hover { 
  color: #fff;
  background-color: #103039;
  text-decoration: none;
/*  border: 0px #ff5c22 solid;*/
/*  
	background-image: linear-gradient(top, #33a2ff 0px, #4ABAFF 30px);
	background-image: -moz-linear-gradient(top, #33a2ff 0px, #4ABAFF 30px);
	background-image: -o-linear-gradient(top, #33a2ff 0px, #4ABAFF 30px);
	background-image: -webkit-linear-gradient(top, #33a2ff 0px, #4ABAFF 30px);
*/
}
.sub-button-white:hover { border: 1px #222 solid; }


/*
.row [class*="col-"]{
 padding: 7px
}
*/


.app-video { padding: 80px 0; }
.app-video .title { font-size: calc(1.3em + 0.4vw); font-weight: bold; color: #124578; }
.app-video img { border-radius: 10px; }


#banner-container { height: 250px; margin: 10px 0; overflow: hidden; }
.banner { border: 1px #ccc solid; }
.banner img { padding: 0; }

.item-group { margin: 0px 0 0px 0; padding: 2px 1px; font-size: 1.5em; line-height: 1.2; font-weight: normal; color: #000; text-shadow: #fff 0px 1px 2px; text-align: left; border: 0px #fff solid;  display: block; background: url('/images/item-group.png') no-repeat center center; background-size: 100% 100%; }
//.item-group:hover { border: 1px gray solid; background: #e6d3b0 url('/images/item-group-over.png') no-repeat center center; background-size: 100% 100%; }



.p-item { width: 100%; float: height: 100%; min-height: 100%; left; text-align: left; border: 0px transparent solid; border-radius: 7px; padding: 0px; overflow: hidden; background: #fff; line-height: 1.3; }
.p-item .text-loc { padding-left: 35px; }
.p-item .cont { padding: 35px; }
.p-item .title { font-family: 'Montserrat'; color: #930022; font-weight: bold; font-size: calc(1.3em + 0.5vw); line-height: 1.1; overflow: hidden; margin-bottom: 15px;  }
.p-item .title a:link, .p-item .title a:visited { color: #930022; text-decoration: none; }

.p-item.p-item-events .title { color: #124578; }
.p-item .title.title-blue { color: #124578; }
.p-item.p-item-events a:link, .p-item.p-item-events a:visited { color: #124578; }

.p-item.p-item-events.p-item-gallery .cont { padding: 20px; }
.p-item.p-item-events.p-item-gallery .cont .title { color: red; font-size: calc(1.3em + 0.3vw); }
.p-item.p-item-events.p-item-gallery a.btn-yellow { color: #fff; padding: 8px 20px; font-size: 0.9em; }



.p-item .descr { color: #333;  padding: 10px 0; margin-top: 10px; text-align: left; font-size: 1em;  }
.p-item .cat { margin-bottom: 20px; text-transform: uppercase; font-size: 0.9em; }
//.p-item .pic { position: relative;  overflow: hidden; margin-bottom: 4%; xheight: 100px; }
//.p-item .pic img {  }

.p-item .pic .container  
{
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
//  padding-top: 75%; /* 4:3 Aspect Ratio */
  border: 0px red solid;
  overflow: hidden;
}

.p-item .pic .container .media  
{
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  
}
.p-item .date { font-size: 1em; color: #998775; text-align: left; font-weight: bold; margin-top: 20px;  }
.p-item .date .price { color: #000; float: right; font-weight: normal;  }
td div.date { font-size: 1em; color: #998775; text-align: left; font-weight: bold; }

.p-item:hover { border: 0px transparent solid; box-shadow: 0px 0px 10px #00000057 ; }
//.p-item:hover .title a { color: #faaa32; }
.p-item .btn-more, .p-item a.btn-more, .p-item a.btn-more:link, .p-item a.btn-more:visited { text-align: center; border-radius: 4px; text-transform: uppercase; background: none; color: #FFA900; font-size: 1.1em; font-weight: bold; text-decoration: none; display: inline-block;}
.p-item .btn-more:hover, .p-item a.btn-more:hover {  color: #062034;  }

/*.p-item:hover .price { color: #fff; }*/

.p-item.p-item-transp { background: transparent; }
.p-item.p-item-transp .cont { padding: 5px; }
.p-item.p-item-transp .text-loc { padding-left: 5px; }
.p-item.p-item-transp:hover { box-shadow: none; }


.footer-bg {
  //position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 201px;
  border: 0px #ff3300 solid;
  background: #124578;
  background-size: auto 160%;
  color: #fff;
}


#footer {
	width: 100%;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	overflow: hidden;
	border: 0px red solid;
	color: #f2f2f2;
  padding-top: 30px;
  line-height: 1.7;
  //font-size: 0.9em;
}

#footer ul { padding-left: 0px;} 
#footer ul li { list-style-type: none; }
#footer a:link, #footer a:visited,
#footer ul li a  { color: #f2f2f2; text-decoration: none; }
#footer ul li a:hover, #footer a:hover { text-decoration: underline; }
#footer .title {  font-family: 'Montserrat', 'Arial'; margin-top: 0px; font-size: calc(1.5em + 0.5vw);  font-weight: bold; color: #FFA900; margin-bottom: 10px; line-height: 1.1; }

#footer .footer-box-cont { padding: 5px 10px 5px 20px;  height: 100%;  }
//footer a:link, footer a:visited {color: #f2f2f2} 

#footer .ft-link a:link, #footer .ft-link a:visited { color: #f2f2f2; }
#footer a.btn-yellow { text-decoration: none; color: #062034; width: 100%; max-width: 100%; display: inline-block;  text-align: center;}
#footer a.btn-yellow:hover { color: #fff; }

.creator { color: #FFA900; font-size: 0.9em; padding: 30px 0; }
.creator a, #footer .creator a { color: #FFA900; text-decoration: none; }
#footer .creator a:hover { color: #FFA900; text-decoration: underline; }

#footer .ft-nf { padding: 10px 15px; }

pre {	border:0; font-family: 'Arial', 'Tahoma', 'Helvetica CE', 'Helvetica'; }

.btn-custom { background-color: hsl(0, 0%, 79%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9"); background-image: -khtml-gradient(linear, left top, left bottom, from(#134134134), to(#c9c9c9)); background-image: -moz-linear-gradient(top, #134134134, #c9c9c9); background-image: -ms-linear-gradient(top, #134134134, #c9c9c9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9)); background-image: -webkit-linear-gradient(top, #134134134, #c9c9c9); background-image: -o-linear-gradient(top, #134134134, #c9c9c9); background-image: linear-gradient(#134134134, #c9c9c9); border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69); -webkit-font-smoothing: antialiased; }


.row { 
}




p {
  text-indent: 0px;
	padding: 0px 0px 20px 0px;
	margin:0;
}


#cont2 { padding: 10px 40px 20px 40px; }
#cont2 ul { margin: 0; padding: 15px; }
 

h1 { font-family: 'Montserrat', 'Arial'; padding: 20px 0px; font-size: calc(2.1em + 1.6vw); color: #124578; font-weight: bold; margin: 0px 0 10px 0; text-align: left; text-transform: uppercase; line-height: 1.1; }
h1.for-modal { font-size: calc(1.5em + 0.6vw); margin-top:0; padding-top: 0; }
h1.blue-bg { color: #FFA900; padding: 20px 0; padding-bottom: 50px; }
h1.events { color: #124578; text-transform: none; }
div.h1-descr { color: #fa6d98; font-weight: bold; font-size: 0.9em; margin-bottom: 20px; }

h2 {
  font-family: 'Montserrat', 'Arial';
	font-size: calc(1.5em + 0.6vw);
	font-weight: bold;
	margin: 5px 0 0px 0;
	padding: 10px 0;
  color: #930022;
}

h3 {
  font-family: 'Montserrat', 'Arial';
	font-size: 1.5em;
	font-weight: bold;
	MARGIN: 8px 0px 8px 0px;
	padding: 0;
  color: #444;
}

.cat-descr h2 { color: #000; font-weight: normal; }
.cat-descr h3 { color: #000; font-weight: normal; }

table.tab-c-form { width: 100%; }
table.tab-c-form tr td { padding: 1px;  }

.btn-srch-bg { background: #80ff00; border-radius: 0; border: 0px #80ff00 solid; background: url('../images/ico-lupa.png') no-repeat 0px 0px;}
.btn-srch-bg:hover { background: url('../images/ico-lupa.png') no-repeat 0px 0px;}
/*.input-group input { line-height: 16px; }*/
.input-mysize {   
   height: 34px;
 }

.faq .title { color: #FFA900; font-weight: bold; font-size: calc(1.2em + 0.4vw); }


.hvezdicka  {
	color : red;
	font-STYLE : normal;
/*
	font-family : Tahoma;
	font-size : 9px;
	font-weight: normal;
*/
	text-decoration: none;
} 

.c-form input[type=text], .c-form input[type=password], .c-form input[type=number], .c-form select,
.c-form .select2-container .select2-selection--multiple, 
.c-form .select2-container .select2-selection--single 
{
  color: #000;
  BORDER: #f2f2f2 1px solid;
	FONT-SIZE: 16px;
	padding: 25px;
	background: #fff;
  width: 100%;
  max-width: 400px;
  border-radius: 4px;
  
}

.c-form .select2-container .select2-selection--single, 
.c-form .select2-container .select2-selection--multiple 
{ 
  max-width: 100%;
}

.c-form input.short { max-width: 100px; }

.c-form input[type=text] .input-xs { max-width: 70px; }

.c-form select { padding: 27px;
    font-weight: bold;
}

.c-form textarea {
  color: #000;
	BORDER: #f2f2f2 1px solid;
	FONT-SIZE: 16px;
	padding: 8px;
  border-radius: 5px;
	background: #fff;
  width: 100%;
  max-width: 400px;
}

.c-form input[type=text]:hover,input[type=password]:hover, .c-form TEXTAREA:hover, .c-form select:hover {
	BORDER: 1px #FFA900 solid;
}

/*
.c-form INPUT[type=text]:focus, .c-form TEXTAREA:focus {
	BORDER: 1px #aaa solid;
}
*/
.c-form .select2-container .select2-selection--single 
{
  padding: 8px;
}

.c-form .select2-container .select2-selection--multiple
 {
  padding: 5px;
}


.c-form .select2-selection__rendered {
//    line-height: 45px !important;
}
.c-form .select2-container .select2-selection--single {
    min-height: 45px !important;
}
.c-form .select2-selection__arrow {
    height: 45px !important;
}


.c-form.full-width input[type=text], .c-form.full-width input[type=submit], .c-form.full-width select, .c-form.full-width textarea { width: 100%; max-width: 100%; }
.c-form.c-form-white input[type=text], .c-form.c-form-white select, .c-form.c-form-white textarea, .c-form.c-form-white .select2-container .select2-selection--single, .c-form.c-form-white .select2-container .select2-selection--multiple { background-color: #fff; border: 1px #AAAAB1 solid; }

.c-form select.select-blue {
  background: #169CD8;
  color: #fff;
  border: 1px #169CD8 solid;
}

input:focus, textarea:focus { outline: 0; }

.c-form input.warning, 
.c-form select.warning, 
.c-form textarea.warning,
input.warning, select.warning, textarea.warning,
.c-form select.select-blue.warning,
.c-form.c-form-white input[type=text].warning,
.c-form.c-form-white textarea.warning,
.c-form.c-form-white select.warning
{ 
  border: 1px red solid; 
  background: #ffebe3; 
  color: #333;
}

.c-form input[type=checkbox]
{
  height: 30px;
  width: 30px;
  vertical-align: middle;
}

.c-form.r-form input[type=radio] { -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2) }

.tlacitko {
  	background-color: #80ff00;
	box-shadow: #777 2px 2px 5px; 
   	font-family: Tahoma, Helvetica, sans-serif;
   	font-size: 11px;
   	font-weight: bold;
   	text-align: center;
   	color: black;
	border: gray 0px solid;
   	padding: 15px 25px;
	border-radius: 5px;
}

.tlacitko:hover {
  	background-color: #222;
  	color: #fff;
}

.c2a:hover, .cta:hover {
  	background-color: #222;
  	color: #fff;
}

.c2a, .cta {
  	background: transparent;
   	font-size: 1.0em;
   	font-weight: normal;
   	text-align: center;
   	color: #222;
	border: 1px #222 solid;
   	padding: 10px 25px 10px 25px;
	border-radius: 50px;
  display: inline-block;
}
a.c2a:link, a.c2a:visited, a.cta:link, a.cta:visited {color: #222; text-decoration: none;}
a.c2a:hover, a.cta:hover { background-color: #222; color: #fff; border: 1px #222 solid; }




.error-info { padding: 0px 0; border: 0px red solid;}
.warning-error {
	border: 1px red double;
	padding: 15px 10px 15px 55px;
	margin: 10px 0;
	color: red;
	background: #ffebe3 url('../images/warning.png') no-repeat 10px center;
	font-weight: bold;
	font-size: 0.9em;
  border-radius: 7px;
}

.warning-info {
	border: 1px green double;
	padding: 15px 10px 15px 55px;
	margin: 10px 0;
	color: green;
	background: #ccffcc url('../images/ok4.png') no-repeat 10px center;
	font-weight: bold;
	font-size: 0.9em;
  border-radius: 7px;
}



.verttop {
	VERTICAL-align: top;
}

.bg-menu-horizont { position: relative;  margin-bottom: 0px; }


#googlemaps { 
  position: absolute;
  height: 300px;
  width: 100%;
  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}

#kontakt-container {
  position: relative; 
  z-index: 1; /* The z-index should be higher than Google Maps */
  width: 30%;
  top: 0px;
  height: 300px;
  float: right;
  overflow: hidden;

}

#kontakt { 
  position: relative;
  top: 100px;
  height: 200px;
  padding: 30px 0px 0px 30px;
  background: #454545;
//  opacity: .7; /* Set the opacity for a slightly transparent Google Form */ 
  color: #fff;
  border-bottom: 10px #d20a11 solid;
  overflow: hidden;
}

.mw-300 {  max-width: 300px; }
.card-valid-input { max-width: calc(100% - 300px); padding: 20px 15px; border-radius: 5px; border: 1px gray solid; }

@media screen and (min-width: 1920px) {
  .wave-gray-white-top { background-size: 100% auto;}
  .wave-blue-white-top { background-size: 100% auto;}

}


@media screen and (max-width: 1200px) {
  .bg-menu-horizont { margin-bottom: 10px }
}


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

  ul.nav li.dropdown:hover > ul.dropdown-menu {
      display: block;    
  }
  
}

@media screen and (max-width: 991px) {
  .home-box-3 .content { padding-left: 30px; padding-right: 30px; }
  .home-box-3.home-box-3-action { border-top-right-radius: 7px; border-bottom-left-radius: 0;  }
  .home-box-3.home-box-3-question { border-top-right-radius: 0px; border-bottom-left-radius: 7px;  }
  .home-box-3.home-box-3-penezenka .content.pbn  { padding: 0px 0 0px 0; }
  .home-box-3.home-box-3-penezenka .content  { padding-top: 0px; }
  
  a.box-button { padding-left: 30px; padding-right: 30px; }
  .mw-300 {  max-width: 100%; }

  .card-valid-input { max-width: calc(100%); margin-bottom: 10px;}
}


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

//  body { margin-bottom: 360px; }   
    .bg-h1 img { max-height: 300px; }

    ul.nav { border: 1px #ccc solid; background: #333; width: 100%; border-bottom: 0; }
    ul.nav li { border-bottom: 1px #ccc solid; }
    ul.nav li a:link, ul.nav li a:visited {color: #fff; margin: 0; padding: 10px; display: block; }
    ul.nav li a:hover { background: #faaa32; color: #000; border-bottom: 0;}

    ul.dropdown-menu li a:link, ul.dropdown-menu li a:visited { color: #000;}
    ul.dropdown-menu li a:hover { color: #fff; }

	.gr-h200, .gr-h300  { height: 100%; }
	.brk {clear: left;}
  .bg-menu-horizont { margin-bottom: 10px }

  #kontakt-container {
    width: 50%;
  }
  
  #cont2 { padding: 10px 0px 20px 0px; }
}


.block-home {background: #ccc; padding-bottom: 10px;}
.block-home h2 {color: #0f9aeb; font-size: 20px; font-weight: bold;}


.disc-info { font-size: 0.9em; color: gray; margin: 0 0 8px 0px;}
.re-title { color: #009dfe;  margin: 0; font-size: 0.9em; }
.disc-text { font-size: 0.9em; }


.div-vis, .menu-visible { display: block; }
.div-invis, .menu-invisible { display: none; }


 .menu-sub { font-family: 'Roboto'; height: 60px; overflow: hidden; display: block; z-index: 1; width: 100%; padding: 0 0px;}

.menu-sub-item {float: left; margin-right: 3px; width: 32%; cursor:pointer; color: #777;  font-weight: normal; font-size: 1em; min-width: 100px; }
.menu-sub-item a, .menu-sub-item a:link, .menu-sub a:visited { display: block; height: 53px; padding: 7px 15px; border-bottom: 1px #b0905f solid; text-align: center;
background: #ccc; border: 1px #ccc solid; border-bottom: none; border-top-left-radius: 7px; border-top-right-radius: 7px;
color: #000;
line-height: 1.2;

/*
	background-image: linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -moz-linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -o-linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -webkit-linear-gradient(bottom, #fff 0px, #ddd 30px);
 */

 }
.menu-sub-item a span {font-weight: normal; padding-left: 3px; color: #fff; font-size: 0.9em;}
.menu-sub-item a:hover { display: block; background: #fff; border-bottom: 0px #ccc solid; color: #000; text-decoration: none; }
.menu-sub-item a:hover span  { color: yellow; }

.menu-sub-item a.gft { background-image: url('/images/gift-white.png');  background-position: 5px center;  background-repeat: no-repeat; padding-left: 20px; }
.menu-sub-item a.gft:hover { background-image: url('/images/gift-s2.png'); }

.ms-active a, .ms-active a:link, .ms-active a:visited { background: #fff; color: #333; font-weight: normal; border-bottom: 1px #fff solid;; text-decoration: none; }

.menu-sub-cont {position: relative; z-index: 5; top: -2px; min-height: 150px; background: transparent; border: 0px #b0905f solid; padding: 15px; color: #4f4f4f;}

table.order-tab tr td {}
table.order-tab tr td input,
table.order-tab tr td textarea { padding: 5px; font-size: 1em; border-radius: 5px; }


.details a:link, .details a:visited {color: #009dfe; text-decoration: none;}
.details a:hover { text-decoration: underline; }

#detail-img-container { height: 104px; background: #fff; border: 1px #ccc solid; margin: 20px 0 0px 0; }
#detail-img-pics { float: left; white-space: nowrap; height: 103px; =min-height: 103px; _height: 103px; overflow: auto; overflow-y: hidden; width: 100%; _width: 100%px; }
#detail-img-pics a:link, #detail-img-pics a:visited { padding: 0; margin: 0; }
#detail-img-pics a img { border: 1px white solid; margin: 0; }
#detail-img-pics a:hover img { border: 1px gray solid;  }


.soc2 { border-top: 1px #777 solid; padding: 15px 0 2px 0; margin-top: 10px; } 

#socnet { width: 300px; height: 25px; padding: 0; margin: 0px 0 0 0; border: 0px red solid; overflow: hidden; text-align: left;}
#socnet ul {margin:0; padding:0;}
#socnet .fb object{max-width: 125px; }
#socnet .twitter object{max-width: 65px;} 
#socnet .g-plus object{max-width: 70px; position:relative; }
#socnet ul li {display: block; float:left; padding: 0px 5px;}
#socnet ul li span {display:block; overflow: hidden;}

.icons {
	font-size: 0.8em;
	text-align: left;
	padding: 8px 0 ;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
.icons a {margin: 0 5px; }
.icons a:link, .icons a:visited {color: #555; text-decoration: none;  }
.icons a:hover { text-decoration: none;}

.search-loader { text-align: center; padding: 50px;}

.show-more { float: left; width: 140px; height: 35px; border: 1px #ccc solid; background: #f7f7f7; margin: 2px; overflow: hidden; }
.show-more a:link, .show-more a:visited {width: 140px; height: 35px; display: block; padding-top: 10px; text-decoration: none; color: #666; padding-left: 10px; } 
.show-more:hover { border: 1px #0094F8 solid;}
.show-more a:hover { background: #e4f5ff; color: #0094F8; } 

input.amount {padding: 2px; background: #fff; text-align: center; border-radius: 0px; border: 1px gray solid; width: 70px; font-size: 1.5em; }

.pozadi-radek { background-color: #ddd; }
.pozadi-sede { background-color: #ccc; }



.eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background-color: gray;
    z-index: 1000;
    text-align: center;
    padding: 8px;
    color: #fff;
    font-size: 10pt;
}

.eu-cookies a { color: #000; text-decoration: underline; }

.eu-cookies button {
    background: #444;
    color: white;
    border-radius: 5px;
    padding: 3px 15px;
    border: 1px white solid;
}


.news .title { font-family: 'Varela'; color: #d3002a; font-size: 1.3em; font-weight: normal; margin-bottom: 10px; }
.news .text {  margin-top: 15px; font-size: 0.85em; color: #444;; }

.group-body { border: 1px #ccc solid; border-radius: 2px; padding: 15px; background: #fff; }


.home-text { font-size: 1.1em; }
.home-text h1 { padding-bottom: 0; margin-bottom: 0; }
.home-text h2 { color: #63789D; }

div.table { display: table; border-collapse: collapse;  } 
div.table > form, div.table > div.tab-row  { display: table-row; }
div.table > div.tab-row > div { display: table-cell; border-bottom: 1px #ccc solid; padding: 5px 3px; vertical-align: middle; }

/*.table>* { display: table-row; }*/
/*.table>*>* { display: table-cell; border: 1px gray solid; padding: 3px; vertical-align: middle; }*/

.cell-l-odsazeny { text-align: left; padding-left: 15px;  }

.tab-th  { display: table-row; font-size: 1em; font-weight: bold; color: #454545; background: #ffc81f; padding: 3px 0; }
div.table > div.tab-row:hover { background: #eee; }


/*
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel,
.carousel-inner,
.carousel-inner .item {
  width: 100%;
}


.carousel-control.right, .carousel-control.left  { 
  background-color: none !important;
  filter: progid:none !important;
}

.carousel-control.left { background: url('/images/arrow-banner-left.png') no-repeat 10% center;  } 
.carousel-control.right { background: url('/images/arrow-banner-right.png') no-repeat 90% center; }

.carousel-indicators {border: 0px red solid; position: absolute; bottom: 0; text-align: right; }
.carousel-indicators li { background: #b8b8b8; border: 2px #d0d0d0 solid; width: 15px; height: 15px;}
.carousel-indicators li.active {background: #049dfa; border: 2px #0470d5 solid; width: 15px; height: 15px;}
        </style>
*/


.white-popup { 
//width: 95%; max-width: 1100px; margin-left: auto; margin-right: auto; background: #fff; padding: 20px; 
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 1100px;
  margin: 20px auto;
  border-radius: 10px; 
  border: 5px #f5333d solid;
  color: #000;

 }

label.no-whsp { white-space: nowrap; width: 100%;}
label.no-whsp input[type=radio] { float: left; }
label.no-whsp span.wrappable { white-space:normal; padding-left: 3px; margin: 0; display: inline-block !important; max-width: 95%; }

.opay { margin-bottom: 10px; }
.online-payments input[type=radio] { /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin: 20px 20px 20px 5px; 
  cursor: pointer;
  }

div.cleaner { clear: both; }

.tth { cursor: help; background: url('/images/iko-info.png') no-repeat center center; background-size: auto 100%; padding-left: 20px; margin-left: 10px; }
.tth:hover { background: url('/images/iko-info-over.png') no-repeat center center; background-size: auto 100%; }

ul.transports { border: 0; padding:0; margin: 0; margin-left: 20px; }
ul.transports li { list-style-type: none; list-style-image: url('/images/arrow-green.png'); padding: 1px 2px; }

a.calculate-own-picture { background: #5c5c5c; border-radius: 5px; display: block; padding: 15px 15px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; }
a.calculate-own-picture .olc { color: #abd100; font-size: 1.5em; }
a.calculate-own-picture:hover { background: #333; }

.div-vert-centr {
 position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.tlacitko-gray { border-radius: 50px; border: 1px gray solid; padding: 5px 10px; color: #000; }
.tlacitko-gray:hover { background: #ddd; color: #000; }
a.tlacitko-gray:link, a.tlacitko-gray:visited { text-decoration: none; }


ul.men2 {
	padding: 20px;
	margin:0;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

ul.men2 li {
	display: inline-block;
	list-style-type: none;
	text-align: center;
  padding: 0 3%;
}

ul.men2 li a { color: #fff; font-weight: bold; font-family: 'Montserrat'; font-size: 1.3em; } 

ul.men2 li a:hover {
/*	background: url('../images/button.gif') no-repeat -191px 0px;*/
	color: yellow;	
	text-decoration: none;
}

.last-title { font-family: 'Montserrat'; font-weight: bold; font-size: 1.2em; }
.last-subtitle { font-family: 'Montserrat'; font-weight: bold; font-size: 1.2em; color: #0a76a1; }

.top-contact { position: absolute; z-index: 150; top: 20px; right: 20px; color: #99b5ba; }



.nr1 { font-size: 1em; line-height: 1.5;  background: url('../images/nr1.jpg') no-repeat left center; padding: 20px 0px 20px 40px; border-bottom: 1px orange dashed;  }
.nr2 { font-size: 1em; line-height: 1.5; background: url('../images/nr2.jpg') no-repeat left center; padding: 20px 0px 20px 40px; border-bottom: 1px orange dashed; }
.nr3 { font-size: 1em; line-height: 1.5; background: url('../images/nr3.jpg') no-repeat left center; padding: 20px 0px 20px 40px;  }

.article { width: 100%; border-bottom: 1px #bbb solid; padding-bottom: 15px; margin-bottom: 10px;}
.article a { color: #0a76a1;  }
.article .date { color: #0a76a1; font-size: 0.9em; } 

.info-finish { background: #caeafc url('../images/ok4.png') no-repeat 20px center; border: 1px #3c75b8 solid; padding: 20px 0px 10px 80px; }

.col-sm-6.pr3, .col-md-6.pr3 { padding-right: 3%; }
.col-sm-6.pl3, .col-md-6.pl3 { padding-left: 3%; }


@media screen and (max-width: 576px) {
  .col-sm-6.pl3 { padding-left: 15px; }
  .col-sm-6.pr3 { padding-right: 15px; }

  body { margin-bottom: 0px; }
  .footer-bg { position: relative; }
  .footer-bg img { max-width: 200px; }
}



.search-box { border: 1px #0a76a1 solid; height: 100%; width: 100%; background: #a6d4ec; border-radius: 5px; box-shadow: #bbb 2px 2px 7px; }
.search-box .title { color: #fff; font-family: 'Montserrat'; padding: 10px; text-align: center; }
.search-box .title a { display: block; color: #fff; text-decoration: none;  }
.search-box .btn1 {  background: #096e9a; font-size: 1.2em; }
.search-box .btn2 {  background: #39b96c;  font-size: 1.2em; }
.search-box a:hover {  color: yellow; }
.search-box .title1 {  background: #096e9a; font-size: 1.3em; }
.search-box .title2 {  background: #39b96c;  font-size: 1.3em; }

.search-box .cont { padding: 15px; }
.search-box .cont .row .col-4 { padding: 0px 10px; margin: 0; }
.search-box .cont input.search-field  { padding: 10px; font-size: 1.3em; width: 100%; border-radius: 8px; border: 1px #0a76a1 solid; }

.search-box input[type=radio] { /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin: 0px 15px 0px 15px; 
  cursor: pointer;
  }


.show-group { text-align: center; padding: 15px; }
.show-group a { text-decoration: none; }
.show-group a .title { font-family: 'Montserrat'; font-size: calc(1.3em + 0.0vw); font-weight: bold; color: #add114; text-transform: uppercase; line-height: 1.2; max-height: 46px; overflow: hidden; }
.show-group a .descr { margin-top: 20px; color: #1a171c; }
.show-group a .pic img { border-radius: 0px; margin-bottom: 15px; }

.bg-alpha { background-color: rgba(255,255,255,0.75); }

.text-prod { text-align: center; }
.text-prod .title { color: #add114; font-weight: bold; font-size: 1.1em; text-transform: uppercase; margin: 15px 0; }
.text-prod .descr { color: gray; font-size: 0.9em; }


table.kosik { width: 100%; }
table.kosik tr th { background: #777; padding: 5px; border-right: 1px white solid; color: #fff; }
table.kosik tr td { padding: 3px 5px; }
table.kosik tr td a:link, table.kosik tr td a:visited {font-weight: bold; color: #1cb0e6; text-decoration: none;  }

.order-step { font-weight: bold; margin-bottom: 20px; color: #777; padding: 0px 0; border: 1px gray solid; border-radius: 50px;	 }
.order-step .box {   font-size: 15px; color: #bbb; text-align: center; border: 0px red solid;  }
.order-step .box.act { padding: 15px;  color: #000;}
.order-step .box.inact { padding: 15px; }
.order-step .box.empty { width: 50px; height: 55px;color: #fff; background: url('/images/sipka-next.png') no-repeat center center;}

.chbox-label { display: flex; align-items: flex-start; vertical-align: top; }
.chbox-label input[type=checkbox] { margin-right: 10px; margin-top: 10px; vertical-align: top; } 

.basket-top { position: xrelative; }
.basket-top .mnoz { position: absolute; top: 65px; right: 5px;  background: #000; padding: 2px 7px 2px 7px; border-radius: 50px; font-weight: normal; color: #fff; font-size: 0.9em; }

.amount-btn { border: 1px gray solid; border-radius: 4px; font-weight: bold; background: #fff; margin: 0 3px; }
.amount-field { text-align: center; border: 1px gray solid; border-radius: 5px; padding: 10px; background: #D9D3CE;  }
input.amount-field::-webkit-outer-spin-button,
input.amount-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.amount-field[type=number] {
  -moz-appearance: textfield;
}


#myCarousel img { border-radius: 10px; }
#myCarousel .carousel-indicators img { border-radius: 3px; }

#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-control-right, .carousel-control-left  { 
  background-color: none !important;
  filter: progid:none !important;
}

.carousel-control-prev { background: url('/images/arrow-banner-left.png') no-repeat 10% center;  } 
.carousel-control-next { background: url('/images/arrow-banner-right.png') no-repeat 90% center; }

img.dimension { max-height: 400px; }

.motto { background: #998775; padding: 6px; font-size: 0.7em; line-height: 2; }
.motto img { padding-left: 5px; }

.akce { margin-bottom: 15px; padding-left: 50px; min-height: 50px; padding-top: 11px; }
.akce.akce-1 { background: url('/images/iko-online.png') no-repeat left top; }
.akce.akce-2 { background: url('/images/iko-seminar.png') no-repeat left top; }
.akce.akce-3 { background: url('/images/iko-vycvik.png') no-repeat left top; }
.akce.akce-4 { background: url('/images/iko-vicedenni.png') no-repeat left top; }

.obsazenost { margin-bottom: 15px; padding-left: 50px; min-height: 50px; padding-top: 11px;}
.obsazenost.obsazenost-1 { background: url('/images/iko-volno.png') no-repeat left top; }
.obsazenost.obsazenost-2 { background: url('/images/iko-posledni.png') no-repeat left top; }
.obsazenost.obsazenost-3 { background: url('/images/iko-obsazeno.png') no-repeat left top; }

.termin { color: #998775; font-weight: bold; font-size: 1.1em; }

a.top-btn { display: inline-block; border-radius: 50px; background: transparent; border: 1px #faaa32 solid; color: #faaa32; text-decoration: none; text-decoration: none; }
a.top-btn:hover { background: #faaa32; color: #000; }

a.top-btn.tb-1 { padding: 10px 40px;  }
a.top-btn.tb-2 { padding: 10px 20px;  }

a.btn-filter { background: #fff; border: 1px #63789D solid; border-radius: 50px; padding: 5px 20px; display: inline-block; text-align: center; color: #63789D; text-transform: uppercase; text-decoration: none; font-size: 0.9em; margin: 10px; }
a.btn-filter:hover, a.btn-filter.active { background: #63789D; color: #fff; }

table.kurz-list { border-collapse: collapsed; border: 1px #faaa32 solid; background: #fff6e8; width: 100%;  }
table.kurz-list tr {  }
table.kurz-list tr th { padding: 5px 8px; border: 1px #faaa32 solid; font-size: 0.9em; background: #faaa32; color: #000; }
table.kurz-list tr td { padding: 5px 8px; border: 1px #faaa32 solid; }
table.kurz-list tr td strong { color: #000; }
table.kurz-list tr:hover { background: #ffe5bf;  }

.picts .descr { font-size: 0.8em; margin-top: 7px; line-height: 1.3; }

.form1 { color: #000; }
.form1 .label { font-weight: bold; padding: 10px 0 5px 0; }
.form1 input[type=text], .form1 select, .form1 textarea { background: #fff; width: 100%; max-width: 100%; padding: 10px 15px; }

.termsfeed-com---palette-light.termsfeed-com---nb { border-top-left-radius: 10px; }

.termsfeed-com---palette-light.termsfeed-com---nb {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.termsfeed-com---nb button.cc-nb-okagree, 
.termsfeed-com---nb button.cc-nb-changep,
.termsfeed-com---palette-light .cc-cp-foot-save
{ border-radius: 5px; padding: 8px 30px; }

.termsfeed-com---nb button.cc-nb-okagree, 
.termsfeed-com---palette-light button.cc-cp-foot-save
{  color: #fff; background: #930022; }

.termsfeed-com---nb button.cc-nb-changep {
    background: #ccc;
}

.termsfeed-com---nb button.cc-nb-okagree:hover,
.termsfeed-com---palette-light button.cc-nb-changep:hover,
.termsfeed-com---palette-light button.cc-cp-foot-save:hover
 { background: #222; color: #fff; }
 
.termsfeed-com---palette-light button.cc-nb-reject
 {   background: none; color: #222; font-weight: normal; font-size: 0.9em; float: right; }

.termsfeed-com---palette-light button.cc-nb-changep {  margin-left: 10px; }
.termsfeed-com---pc-dialog select.cc-pc-head-lang-select {font-size: 11px;}


select.use-single-select2 { min-width: 200px !important; }

.input-field {
  position: relative;
//  width: 250px;
}
.input-field label {
  position: absolute;
  top: 21px;
  left: 0px;
  width: 100%;
  color: #000;
  transition: 0.2s all;
  cursor: text;
//  border: 1px green solid;
  margin: 0x;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
}

.input-field input {
//  width: 100%;
//  border: 0;
//  outline: 0;
//  padding: 0.5rem 10px;
//  border-bottom: 2px solid #d3d3d3;
//  box-shadow: none;
//  color: #111;
}
.input-field input:invalid {
  outline: 0;
  // color: #ff2300;
  //   border-color: #ff2300;
}
.input-field input:focus,
.input-field input:valid {
  border-color: #f2f2f2;
}
.input-field input:focus~label,
.input-field input:not(:placeholder-shown)~label,
.input-field label.floated-label
/*,
.input-field input:valid~label]*/ {
  top: -22px;
  padding-left: 0px;
  font-size: 0.8em;
  color: #253033;
  font-weight: bold;
}


.box-success { background: #e7ffec; color: #006d13; border: 1px #629c77 solid; border-radius: 5px; padding: 30px 50px 50px 50px; text-align: center; font-size: 1.2em; }

.box-why { color: #63789D; font-weight: bold; }
.box-why img { max-height: 80px; margin-bottom: 20px; }
.box-why.box-why-white { color: #F2F2F2; }
.limited-text-block { max-width: 850px; }
.course-box { background: #f2f2f2; border-radius: 8px; padding: 25px;  }
.price-box { border: 2px #63789D solid; border-radius: 50px; padding: 10px 30px;  }

/*
 .slick-prev::before,
.slick-next::before {
    color: rgba(0, 0, 0, 0.2);
    font-size: 2.5rem;
}

.slick-prev,
.slick-next {
    width: 2.5rem;
    height: 2.5rem;
    z-index: 2;
}

.slick-list {
    width: 95%;
    margin: 0 auto;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

*/

.slick-prev.slick-arrow:after,
.slick-next.slick-arrow:after {
  content: "";
  //font-family: shoptet;
  font-size: 30px;
}

.slick-next.slick-arrow:after {
  content: "";
}

.slick-prev.slick-arrow,
.slick-next.slick-arrow {
  transition: all 0.5s ease;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  z-index: 2;
  background: rgba(130,130,130,0.2);
  border: none;
  font-size: 0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.slick-next.slick-arrow {
  left: unset;
  right: 10px;
}

.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover {
  transition: all 0.5s ease;
  background: #00000029;
  color: #fff;
}

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.events-info { color: #FFA900; font-size: calc(1.2em + 0.4vw); font-weight: bold; }
.events-info .passed { background: #930022; color: #fff; text-transform: uppercase; padding: 4px 20px; font-size: 0.9em; border-radius: 3px; }
.events-attend { color: #061834; font-size: calc(1.4em + 0.3vw); margin-top: 40px; }

label.my > input[type="checkbox"] {
  display: none;
}
label.my > input[type="checkbox"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  margin-right: 10px;
  border-radius: 10%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #AAAAB1;
  background-color: #fff;
  flex-shrink: 0;
}

label.my > input[type="checkbox"]:checked + * {
  //color: teal;
}

label.my > input[type="checkbox"]:checked + *::before {
  content: "✓";
  color: white;
  text-align: center;
  background: #930022;
  border-color: #930022;
  padding-top: 2px;
}


.valid-box-success { background: #e7ffec; color: #006d13; border: 1px #629c77 solid; border-radius: 5px; padding: 10px 20px 10px 30px; text-align: left; font-size: 1.2em; vertical-align: middle; }
.valid-box-warning { background: #f7d7d8; color: #76303a; border: 1px #efd3d7 solid; border-radius: 5px; padding: 10px 20px 10px 30px; text-align: left; font-size: 1.2em; vertical-align: middle; }
.valid-box-success i, .valid-box-warning i { vertical-align: middle; }

.own-chbox { margin-top: 8px;}
.own-chbox input[type="checkbox"] {
  /* zrušení defaultního vzhledu */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* vlastní styl */
  width: 24px;       
  height: 24px;
  border: none;      
  background: #fff;  
  cursor: pointer;
  border-radius: 3px; 
}

/* když je zaškrtnutý */
.own-chbox input[type="checkbox"]:checked {
  background: #fff; /* zelené po zaškrtnutí */
}

.own-chbox input[type="checkbox"]:checked::after {
  content: "✔";
  color: #930022;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}