@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext');


@media only screen and (min-width: 1200px) {
 }

/*Reset*/
*{

 margin: 0;
 border:0;
 padding: 0;
 outline: 0;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 }

/*
// -----------------------základní prvky---------------------------------------
*/
iframe[name='google_conversion_frame'] {
    position: absolute;
    bottom: 0;
}
body{
 /*background: url('/images/bg.jpg') fixed; */
 background:#fff;
 font-family: 'Montserrat', sans-serif;
 -webkit-tap-highlight-color: transparent; 
 }

#around {
 margin:0 auto;
 }
#logged #around {
 }
#top{

 }

.content, .sdileni{
 max-width: 1020px;
 text-align: center;
 margin:0 auto;
 }

.main {
 min-height:800px;
 }
.head {
 padding-top: 1.75rem;
 padding-bottom: 0.5rem;
 text-align: left;
 background: #fff;
 width: 100%;
 z-index: 100;
 border-color: rgba(221,217,227,.6);
 }  
#logo{
 float:left;
 width:256px;
 margin-top:2rem;
 margin-bottom:0.5rem;
  }
#logo img{
 border:0;
 width:256px;
 }
#logo span{
 color: rgb(128,128,128); 
 }  
.tc10 #logo span{
 color:#fff; 
 }   
#topbanner{
 margin-top:18px;
 width:550px;
 float:left;
 }
#headlog{
 float:right;
 margin-top:5px;
 text-align:right;
 font-size:0.8em;
 font-family:Arial, sans-serif;
 }
#headlog a{
 color:#03A5A5;
 }
#headlog a:hover{
 color:#666;
 text-decoration:none;
 }
#callus{
 float:right;
 text-align:right;
 color:#222;
 }
#callus strong{
 color:#41A85F;
 }
#callus span{
 display:none;
 font-size:14px;

 }

.head form{
 float:right;
 margin-top:13px;
 display:table;
 width:340px;
 margin-left:30px;
 }
.head form div input{
 vertical-align:middle;
 -webkit-border-radius: 0 !important;
 }
.head form div{
 display:table-cell;
 text-align:right;
 }
.head form div a{
 font:bold 12px Arial;
 color:#663399;
 text-align:center;
 display:block;
 }
.head form div a:hover{
 text-decoration:none;
 }
#vyraz{
 background: url('/images/spole.gif') top left repeat-x;
 border:1px solid #ccc;
 width:180px;
 height:43px;
 margin-left:4px;
 margin-right:-4px;
 padding:2px;
 ?padding-top:6px;
 }
.sub{
 margin-left:-4px;

 }
.search{

 }

.fixedTop {
 padding: 0px;
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
 z-index: 200;
 height:60px; 
 box-shadow: 0px 0px 9px 3px rgba(70, 70, 70, 0.15);  
  }
.tc10 .fixedTop {
 position: fixed;
 background: #fff;
}  
#logged .fixedTop{
 top:38px;
 }
.fixedTop>div{
 margin:0 auto;
 }
.fixedTop #logo,
.fixedTop #logo img{
 width:128px;
 margin-top:6px;
 }
.fixedTop #logo span{
 display:none;
 } 
.fixedTop #headlog,
.fixedTop #callus,
.fixedTop form,
.fixedTop #langbar,
.fixedTop br{
 display:none;
 }
.fixedTop .topbar{
 border:0;
 padding-top:8px;
 padding-left:20px;
 margin-top:0;
 }
/*.rolledOut{
 padding-top:80px;
 }*/

.head hr,
.kosik hr,
.prefix hr{
 display:none;
 }
hr.es,
hr.divend,
br.divend{
 clear:both;
 visibility:hidden;
 margin:0px;
 height:1px;
 padding:0;
 }
#box108{
 display:inline-block;
 }
.topbar{
 text-align:left;
 clear:right;
 float:right;
 margin-top:2rem;
 }
.topbar ul{
 list-style-type:none;
 font-family: 'Montserrat', sans-serif;
 font-weight:500;
 display:inline-block;
 }
.topbar li{
 margin:4px 8px;
 padding:0;
 line-height:120%;
 /*background:url('/images/topli.gif') right center no-repeat;*/
 text-align:left;
 float:left;
 font-size:16px;
 text-transform:uppercase;
 }
.topbar li:nth-child(6){
 margin-right:0;
 } 
.topbar li a{
 display:inline-block;
 color:#858a8f;
 text-decoration:none;
 display:block;
 padding:8px 8px;
 z-index:1000;
 /*letter-spacing: .1em;
 transition: color .3s ease,text-shadow .3s ease;*/
 }
.topbar a:hover{
 color: rgb(63, 99, 184);
 }
.topbar a i{
 color:#666;
 }
.topbar a:hover i{
 color:#fff;
 }
.topbar a i{
 color:#666;
 }
.topbar a:hover i{
 color:#fff;
 }
.topbar-btn {
 border:1px solid rgb(63, 99, 184); 
 background-color: rgb(63, 99, 184);
 } 
.topbar-btn a {
 color: #fff !important;
 } 
.topbar-btn:hover {
 background-color: transparent;
 }    
.topbar-btn a:hover {
 color: rgb(63, 99, 184) !important;
 } 
.first-nav-button {
 display:none !important;
 }  
#langbar .langbar-phone-icon {
 background:#fff;
 border:1px solid #fff; 
 }   

.lvl2{
 position:absolute !important;
 z-index:200;
 width:240px;
 margin-top:0px;
 padding:0 4px;
 background:#63BE6F;
 display:none;
 border-top:0;

 }
.lvl2 li{
 padding:4px 2px;
 line-height:120%;
 text-align:left;
 float:none;
 }

.lvl2 li a{
 text-shadow: none;
 color:#fff;
 font-size:0.95em;
 font-weight:normal;
 }
.lvl2 li a:hover{
 color:#fff;
 text-decoration:underline;
 }
.topbar .second-nav{
 display:none;
 }    
#langbar{
 float:right;
 display:flex;
 }
#langbar a{
 padding:0 2px;
 text-decoration:none;
 font-family: 'Neutratext-book', sans-serif;
 color: #fff;
 display:inline-block;
 padding: 0.5rem 0.5rem;
 text-decoration: none;
 border: 1px solid rgb(133, 138, 143);
 background-color: rgb(133, 138, 143);
 }
#langbar .cta-login {
 color:#fff;
 cursor:pointer;
 padding: 0.5rem 1.5rem;
 text-decoration: none;
 border: 1px solid rgb(63, 99, 184);
 background-color: rgb(63, 99, 184);
 margin-right: 1.5rem;
}  
#langbar .cta-login:hover {
 color:rgb(63, 99, 184);
} 
#langbar .cta-call {
 color:rgb(63, 99, 184);
 cursor:pointer;
 padding: 0.5rem 1.5rem;
 text-decoration: none;
 border: none;
 background-color: transparent;
 font-weight:bold;
}  
#langbar .cta-call:hover {
 color:rgb(63, 99, 184);
}  
#langbar .langbar-switch {
 display:flex;
 list-style: none;
}  
#langbar .langbar-switch li {
 display:inline-block;
}  
#langbar .langbar-switch li a:hover{
 color: rgb(63, 99, 184);
 background-color: #fff;
 }
#langbar .langbar-btn-active {
 border: 1px solid rgb(63, 99, 184);
 background-color: rgb(63, 99, 184);
 } 
.icon-bar,.icon-bar:before,#nav-button,.topbar a.button{
 display:none;
 font-weight:normal;
 }

/*
****************  LEFTSIDE
*/
.menu,
.mainmenu{
 background:url('/images/menu.gif') repeat-x;
 margin-bottom:10px;
 }
.menu h2{
 padding:8px;
 font:bold 1em Arial;
 color:#333;
 }
.menu p{
 padding:8;

 color:#333;
 }
.leftside a{
 color:#333;
 }
.leftside a:hover{
 text-decoration:none;
 }
.leftside p{
 text-align:left;
 font-size:14px;
 padding:8px;
 line-height:140%;
 }
.leftside p a{

 color:#8C59B4;
 }
.leftside p:hover{
 color:#000;
 }
.leftside center h3{
 text-align:left;
 margin-top:15px;
 }
.leftside ul{
 list-style-type:none;
 margin-bottom:10px;
 margin-top:1px;
 }
.leftside li,
#menu1 li,#menu2 li{
 display:block;
 border-bottom:1px solid #ccc;
 border-top:1px solid #fff;
 font-family:Tahoma;
 font-size:0.8em;
 }
.leftside li:hover,
#menu1 li:hover,#menu2 li:hover{
 }
.leftside li a{
 display:block;
 color:#333;
 padding:4px;
 padding-left:24px;
 text-decoration:none;
 background:url('/images/lli.gif') 7px 7px no-repeat;
 }
.leftside li a:hover{
 text-decoration:underline;
 background:url('/images/llih.gif') 7px 7px no-repeat;
 }
#menu1,#menu2{
 margin-left:170px;
 width:170px;
 }
#menu2{
 margin-top:25px;
 }

/*
****************  MIDDLE
*/
.navigace{
 padding:10px 0;
 font-size:0.8em;
 width: 1020px;
 margin:0 auto;
 }
.middle,
.middlew{
 text-align:left;
 font-family: 'Montserrat', sans-serif;
 font-weight:400;    
 }
.chyba_prihlaseni{
 float: left;
 width: 470px;
 margin-left:5px;
 }
#insert,
#modify{
 width:640px;
 }
.viewfoto a,
.middle a{
 color:#8C59B4;
 text-decoration: underline;
 }
.middle p a{
 color:#3366FF;
 }
.viewfoto a:hover,
.middle a:hover {
 text-decoration: none;
 }

.middle h1,
.middlew h1{
 font-size: 2.8em;
 font-family: 'Montserrat', sans-serif;
 padding:8px;
 padding-bottom:0;
 padding-left:0px;
 margin:15px 0 0 0;
 font-weight:400;
 text-align:center;
 color: rgb(63, 99, 184);
 }
.tc8 .middle h1,
.tc11 .middle h1,
.tc12 .middle h1,
.tc13 .middle h1 {
 display:none;
 }
.clanky h1{
 margin-left:0px;
 }
.middle h2,
.middlew h2,
.kontakty h2{
 line-height: 120%;
 font-size: 2em;
 font-family: 'Montserrat', sans-serif;
 margin: 0 0 4px 0;
 color: rgb(63, 99, 184);
 margin-left:0px;
 text-align:left;
 font-weight:600;
 padding: 0 0 8px 0;
 }
.middle h2 a, #lastart h3 a {
 color:#353535;
 text-decoration:none;
 }
.middle h2 a:hover{
 color:#8C59B4;
 transition:color 0.3s ease-in-out;
 text-decoration:underline;
 }
.middle h2 span{
 color:#222;
 }
.chyba_prihlaseni h3,
.middle h3,
.middlew h3,
.viewfoto h3{
 font-size: 1.6em;
 font-family: 'Montserrat', sans-serif;
 margin-bottom:15px;
 padding:0px;
 color: rgb(63, 99, 184);
 font-weight:500;
 }
h3#comments{
 border-top:1px dashed #cccccc;
 padding-top:8px;
 margin-top: 30px;
 }
.middle h4,
.middlew h4{
 font: 1.4em;
 margin-bottom:5px;
 padding:0px;
 color:rgb(63, 99, 184);
 font-weight:bold;
 margin:10px;
 }
.middle h5,
.middlew h5{
 color: rgb(63, 99, 184);
 font-size: 1.2em; 
 } 
.textBody{
 margin-left:90px;
 margin-right:90px;
 position:relative;
 }
.chyba_prihlaseni p,
.middle p,
.middlew p,
.pozn div{
 font-family:'Open Sans',sans-serif;
 line-height:140%;
 text-align:left;
 margin:15px 0 15px 0;
 font-size:1.1em;
 color:#858a8f;
 }
.middle p.bigger{
 font-size:1.2em;
  } 
.middle p.smaller{
 font-size:0.9em;
  } 
.threecols p{
 text-align:center;
 }
.threecols span {
 display: block;
 font-size: 3.8em;
 color: #ffc600;
} 
.middle blockquote{
 padding:8px 16px;
 margin-left:40px;
 padding-right:60px;
 border-left:3px solid #ccc;
 background:url('/images/blockquote.svg') right bottom no-repeat;
 background-size:2em;
 }
#perex{
 font-size:1.3em;
 font-weight:bold;
 }
.middle center{
 font:0.8em Arial;
 color:#666;
 }
.middle p strong{
  color: rgb(63, 99, 184);
 }
.middle ol,
.middlew ol{
 font-size:1.2em;
 margin-left:28px;
 }
.middle ol li,
.middlew ol li{
 line-height:170%;
 }
.middle ul,
.middlew ul{
 font-size:1.1em;
 color: #858a8f;
 text-align:left;
 }
.rounded{
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 }
.middle ul li,
.middlew ul li{
 line-height:150% !important;
 margin-left:2rem;
 }
.middle li strong{
 font:bold 1em Arial;
 }
ul.nolist, .custom-list{
 list-style-type:none;
 }
ul.nolist{
 margin-left:0px;
 padding-left:14px;
 }
.custom-list li {
 list-style-type:none;
 display: flex; 
 margin-left: 2rem;
 margin-bottom: 0.75rem;
 } 
.custom-list li:before {
 color: #F39C11;
 margin: 0;
 display: flex;
 margin-right: 1rem;
 align-items: center;
 font-size: 2rem;
}
.middle img{
 width:auto;
 margin:8px 0;
 max-width:100%;
 height:auto;
 border-radius: 2px;
 }
#lastart .image-clip{
 height:0;
 padding-bottom:50%;
 overflow:hidden;
 } 
#lastart h3{
 margin-top:10px;
 }    
.viewfoto table td,
.viewfoto table th,
.middle table td,
.middle table th,
.middlew table td,
.middlew table th {
 font-family:Verdana;
 font-size:0.6em;
 margin: 0px;
 padding:2px;
 }

table.cenik,
table.table{
 background:#ccc;
 width:100%;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 }
table.cenik th,
table.cenik td,
table.table th,
table.table td{
 padding:8px !important;
 text-align:left;
 font-size:13px;
 background:#fff;
 }
table.cenik th,
table.table th{
 background:#f1f1f1;
 }
table.cenik th img{
 float:right;
 margin:0 6px 0 10px;
 }
table.cenik td img{
 float:left;;
 margin:0 10px 0 6px;
 }
tr.cenik-hl th{
 background:#eee;
 }
.kontakty table{
 margin-left:20px;
 }

table.cenik tr:first-child th:first-child,
table.cenik tr:first-child td:first-child {
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    border-top-left-radius:6px
    border-radius: 6px 0px 0px;
}

table.cenik tr:first-child th:last-child,
table.cenik tr:first-child td:last-child {
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    border-top-right-radius:6px
}
table.cenik tr:last-child th:first-child,
table.cenik tr:last-child td:first-child {
    -moz-border-radius-bottomleft:6px;
    -webkit-border-bottom-left-radius:6px;
    border-bottom-left-radius:6px
}

table.cenik tr:last-child td:last-child {
    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-right-radius:6px;
    border-bottom-right-radius:6px
}
table.cenik .wrong{
 background:#FFE0C2 url('/ico/wrong-small.png')  6px center no-repeat;
 padding-left:26px !important;
 color:#7A0000;

 }
table.cenik .greenok{
 background:#D9FFB3 url('/ico/ok-small.png')  6px center no-repeat;
 padding-left:26px !important;
 color:#2B5700;
 }.kontakty table{
 margin-left:20px;
 }

.ceny-pozn {
 max-width: 75%;
 margin: 0 auto;
 padding-left: 12px;
 padding-right: 12px;
 text-align:left;
}
.table-numbers {
    border-collapse: collapse;
    width: 100%;
    text-align:center;
    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 12px;
}

.table-numbers td, .table-numbers th {
    border: 1px solid #ddd;
    padding: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size:1em !important;
}

.table-numbers tr:nth-child(even){background-color: #f2f2f2;}

.table-numbers tr:hover {background-color: #ddd;}

.table-numbers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #73670d;
    color: white;
}  
 
#avatar img{
 border:8px solid #ccc;
 margin-bottom:10px;
 }
#print{
 float:right;
 }
.uver{
 float:left;
 }
.pozn2,
.pozn{
 padding:6px 10px 0 10px;
 margin:16px 0 16px 0;
 border:1px solid #A1E1F4;
 background:#DDF4FB;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 }
.pozn p strong{
 color:#0D7B9B;
 }
.eshop .pozn p strong{
 color:#323232;
 }
.pozn2 p,.pozn p{
 text-indent:0px;
 margin-top:4px
 }
.pozn h2{
 margin-top:0px;
 }
.pozn2 h3,.pozn h3{
 color:#333;
 margin-top:0px;
 margin-bottom:10px
 }
.pozn2 h3{
 color:#b00000;
 margin-top:0px;
 margin-bottom:10px
 }
.pozn ul,
.pozn2 ul{
 margin-left:10px;
 margin-bottom:10px;
 }
.pozn ul li,
.pozn2 ul li{
 margin-left:10px;
 }
.bulbHint{
 padding:10px;
 padding-left:60px;
 background:#FFEEBD url('/ico/bulb.png') 4px center no-repeat;
 border:1px solid #FFDB70;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 min-height:40px;
 }
.paperBack{
 background:#FFE699 url('/images/paperback.jpg') center center no-repeat;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 color:#330000;
 padding:8px 0;
 }
.paperBack p{
 color:#330000;
 }
.paperBack h2{
 color:#6B1B00;
 font-size:0.9em;
 }
.paperBack ul li{
 line-height:150% !important;
 margin-left:0px;
 padding:10px 10px 10px 28px;
 background:url('/images/pli.gif') 10px 14px no-repeat;
 color:#330000;
 border-bottom:1px dashed #CC9900;
 }
.one3{
 float:right;
 margin:2px 0px 2px 16px;
 width:36%;
 }

.twocols div.col1,
.twocols div.col2{
 float:left;
 width:50%;
 }
.one3 h2,
.one3 h3,
.one3 h4,
.one3 p,
.twocols div h2,
.twocols div h3,
.twocols div h4{
 margin-left: 0px;
 margin-right: 0px;
 padding:0;
 text-align:left;
 }
.twocols div p {
 margin-left: 0;
 margin-right: 0;
} 
.threecols>div{
 float:left;
 width:33.33%;
 width: calc(100% / 3);
 }
.threecols div h2,
.threecols div h3,
.threecols div h4,
.threecols div p{
 margin-left: 10px;
 margin-right: 10px; 
 }
.srovnani{
 padding:8px;
 border:1px dotted #FFDB70;
 background:#FFF5D6;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 }

.strankovani,.strankovani2{ margin:15px 0; font-weight:bold; font-size:1em;   font-family: 'Open Sans Condensed Condensed', sans-serif;  text-transform:Uppercase;clear:both;text-align:center;}
.strankovani a:hover{ text-decoration: none; }
.viewfoto .strankovani{ margin:18px; font-weight:bold; }
.viewfoto .strankovani a{ padding:2px; }
.viewfoto .strankovani a:visited{ color:black; }
.viewfoto .strankovani a:active{ border:1px solid #04D7D6; }
.strankovani a{ color: #660000; text-decoration: underline; }
.strankovani b{ }
.strankovani2 div{display:inline-block;}
.strankovani2 a,
.strankovani2 b.active{
  color: #cd3f31;
  text-decoration:none;
  width:50px;
  height:50px;
  text-align:center;
  font-size:16px;
  padding:9px;
	}
.strankovani2 a{
	margin-bottom:20px;
	}
.strankovani2 b.active,.strankovani2 a:hover{
  background:#fff;
  color:#5A399D;
  transition:color 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
	}
/*
****************  FOOTER
*/
#vcard{
 border-top:1px solid #ccc;
 background:#333333;
 padding:80px 0;
 text-align:left;
 font-size:1em;
 }
#vcard strong{
 font-size:1.2em;
 }
#vcard .threecols{
 text-align:left;
 color:#f1f1f1;
 }
#vcard .threecols strong{
 display:block;
 }
#vcard .col1 span{
 float:left;
 font-size:4.8em;
 margin:10px 30px 30px;
 border-right:1px solid #f1f1f1;
 padding-right:20px;
 }
.bottom-shadow {
 box-shadow: 0px 18px 12px 0px rgba(0, 0, 0, 0.2);
} 
#bottom{  
 }
#bottom .row{
 padding:0 0 2rem 0;
 }
.footer{
 text-align:center;
 }  
.footer h2{
 text-align:left;
 color:#7d91cd;
 font-size:1.8em;
 margin: 0 0 0.75rem 0;
 }
.footer h3{
 text-align:left;
 color: #7d91cd;
 font-size:1.4em;
 }
.footer h4{
 color:#666;
 font-size:1.1em;
 }  
#bottom p{
 margin-top: 0.5rem;
 color:#858a8f;
 } 
#bottom p a{
 display:inline-block;
 color:#858a8f;
 } 
#bottom p a:hover{
 text-decoration:none;   
 }   
#bottom p a img{
 max-width:8rem;
 }      
.footer ul{
 list-style-type:none;
 }
.footer .footer-primary{
 font-size:1.4em;
 max-width: 992px;
 margin: 0 auto;
 }
.footer .footer-primary a{
 display: block;
 padding: 0 0.5rem;
 padding-bottom: 0.65rem;
 }           
.footer ul li{
 display:inline-block;
 padding: 0 0.75rem;
 }
.footer a{
 color:#858a8f;
 text-decoration:none;
 }
.footer a:hover{
 text-decoration:none;
 }
.footer-callus,
.footer-failure{
 min-width: 16rem;
 padding-left: 1rem;
 } 
.footer-callus strong,
.footer-failure strong{
 display:block;
 font-size: 1.8em;
 color: #3366ff;
 } 
.footer-callus span,
.footer-failure span {
 color: #697cb7;
}  
.footer .social-icons {
 text-align:center;
 padding-top: 4rem;
 padding-bottom: 2rem;
 display: flex;
 align-items: center;
 justify-content: center;
} 
.footer .social-icons a {
 display:inline-block;
 margin:0 12px;
 line-height: 0;
} 
.footer .social-icons img {
 width:3em;
 transition: transform cubic-bezier(0.390, 0.575, 0.565, 1.000) .2s;
} 
.footer .social-icons img:hover {
 transform: scale(1.15);
} 
.footer .social-icons .twitter img {
  border: 1px solid #03a9f4;
  border-radius: 4px;
  padding: 6px;
} 
.footer .social-icons .tripadvisor img {
  border: 1px solid #000000;
  border-radius: 6px;
  padding: 6px;
} 
#partneri img {
  vertical-align: middle;
  border: 0;
  margin: 10px 20px;
  max-width: 65px;
  filter: grayscale(100%);
}
#partneri img:hover {
  filter: grayscale(0);
}
.bottommenu {
  padding:4rem 0;
}

/*
FORMULARE
*/
.middlew form,
.middle form{
 margin:0;
 padding;0;
 }
.tc1 #around{
 background:#fff;
 }
.tc1 .middle fieldset{
 border:1px solid #B7D7EE;
 background:#f1f1f1 0 0 no-repeat;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 }
.middlew fieldset{
 margin-right:-2px;
 }
.middle fieldset table{
 width:100%;
 }

.middle fieldset input[type="image"]{
 border:0;
 width: auto;
 }
.adminbar fieldset {
 padding: 25px;
 }
.adminbar fieldset input[type="text"],
.adminbar fieldset input[type="password"]{
 padding:3px !important;
 padding-left:8px !important;
 height:36px;
 }
.adminbar fieldset input[type="image"]{
 border:0;
 width:100px;
 margin-top:12px;
 }
 
 /* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
.admiolabel {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.admiolabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.admiolabel:hover input ~ .checkmark {
  background-color: #ccc;
}

.admiolabel input:checked ~ .checkmark {
  background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.admiolabel input:checked ~ .checkmark:after {
  display: block;
}

.admiolabel .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 
  
#box305{
 display:none;
 }
fieldset legend{
 color:#666;
 margin:4px;
 font:bold 0.8em Verdana;
 }
.middlew fieldset table th{
 text-align:left;
 color:#333;
 font-size:0.7em;
 }
.middle fieldset th .user{
 float:right;
 width:50px;
 height:50px;
 border:1px solid rgba(82, 168, 236, 0.8);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -moz-box-shadow:  #ccc 2px 2px 8px;
 -webkit-box-shadow: #ccc 2px 2px 8px;
 box-shadow: #ccc 2px 2px 8px;
 }

#kont .success{
 max-width:600px;
 margin:auto;
 }  
#inscm legend{border:0}
#inscm th,#kont th{ color:#0D7B9B;font:bold 13px Arial}
#sbtn{margin-top:-8px !important;display:none}
div.autor{
 border-top:1px solid #666;
 padding:8px;
 }
div.autor img{
 float:left;;
 width:78px;
 height:78px;
 margin-right:10px;
 }
/*
//INDEX
*/
.tc10 #wrapper{
 background:#fff;
 width:100%;
 }
.tc8 #wrapper>.content,
#mid8>.content,
.tc10 #wrapper>.content,
.tc11 #wrapper>.content,
.tc12 #wrapper>.content,
.tc13 #wrapper>.content,
.par11 #wrapper>.content,
.par17 #wrapper>.content,
.tc14 #wrapper>.content,
.tc16 #wrapper>.content,
.tc17 #wrapper>.content,
.tc18 #wrapper>.content{
 max-width:100%;
 }
#intro {
  position: relative;
  width: 100%;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.introObsah {
  background: rgba(37, 63, 142, 0.65);
  height: 65vh;
}

.introObsah > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 4rem;
}

.introObsah p {
  text-align: left;
  text-indent: 0;
  font-size: 3.2em;
  color: #fff;
  font-weight:bold;
  /*text-shadow: #000 1px 1px 1px; */
  font-family: 'Montserrat', sans-serif;
  max-width: 780px;
  line-height: 120%;
}

.introObsah span {
  font-size: 1.45em;
  display: inline-block;
  color: #fff;
  line-height: 115%;
}
#introIcons{ 
 display: flex;
 align-items: center;
 padding-top:2rem;
 flex-wrap:wrap;
 justify-content: center;
 }  
#introIcons div{ 
 padding: 0 2em;
 position:relative;
 min-width: 200px;
 } 
#introIcons div:before{ 
 position: absolute;
 top: 50%;
 right: -0.7em;
 font-size: 2em;
 transform:translateY(-50%);
 }  
#introIcons div:nth-child(4):before {
 display:none;   
    }       
#introIcons span{ 
 color: #fff;
 font-size: 6em; 
 } 
#introIcons h4{ 
 font-size: 1.2em; 
 }  
#introcategory{
 background:url('/images/topbg.jpg') center center;
 height:76px;
 }
.tc11 #introcategory,
.par11 #introcategory,
.tc17 #introcategory,
.par17 #introcategory{
 height:360px;
 display:block;
 }     
#introcategory h1{
 font-weight:400;
 font-family: 'Montserrat', sans-serif;
 font-size: 46px;
 color:#fff;
 text-shadow: #000 2px 2px 1px;
 text-align:left;
 padding-top:8px;
 } 
.cta, .middle a.cta{
 display:inline-block;
 border:1px solid rgb(63, 99, 184);
 background:rgb(63, 99, 184);
 font-size: 16px;
 padding: 12px 38px;
 margin:20px auto;
 text-decoration:none;
 color:#fff;
 }
.middle .threecols .cta{
 font-size: 18px;
 padding:6px 14px;
 }
.dark .cta,.middle .dark a.cta{
 color:#fff;
 border-color:#fff;
 }
.cta:hover, .middle a.cta:hover{
 background: #fff;
 color:rgb(63, 99, 184);
 text-decoration:none !important;
 }
input.cta{
 display:block;
 font-size:26px;
 font-weight:bold;
 max-width:240px;
 margin-left:auto;
 margin-right:auto;
 background:#0BB9A0;

 }
#intro .cta{
 color:#fff;
 text-shadow:none !important;
 font-weight:normal;
 margin:auto;
 margin-top:28px;
 font-size: 22px;
 border: 2px solid #F39C11;
 background:#F39C11;
 padding: 12px 50px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 text-decoration:none;
 font-family: 'Montserrat', sans-serif;
 display:inline-block;
 }
#intro .cta:hover{
 background:rgb(63, 99, 184);
 color:#fff;
 border-color:rgb(63, 99, 184);
 }
#intro .cta-green,
.cta-green {
 background-color:#13ce66; 
 border-color:#13ce66; 
 }
.intro-wrapper > .cta{
 margin-right:2rem !important;
 }                      
#vcard .cta{
 color:#fff;
 border-color:#fff;
 } 
.nstep{
 background:#1ABC9C;
 color:#fff;
 display:inline-block;
 float:left;
 font-size:40px;
 font-weight:bold;
 text-align:center;
 padding-top:12px;
 width:80px;
 height:80px;
 margin-right:12px;
 }
.center, .center p, .center h2, .twocols .center h3{
 text-align:center;
 } 
.narrow {
  max-width: 75%;
  display: inline-block;
}
.row{
  padding:4rem 0;
	}
.row-bottom {
  padding-bottom:0;
	}    
.row#how{
 padding-top:0;
 }
.tc10 .row#how{
 padding-top:40px;
 }
#kdo-jsem .twocols{
 display:flex;
 align-items:center;
 } 
#kdo-jsem img{
 max-width:40%;
 }  
.twocols h3 span {
 display: block;
 font-size: 4em;
 color: #cd3f31;
} 
#numbers h2 { 
 font-size: 2.8em;
 display: flex;
 justify-content: center;
 color: #73670d;
}
#numbers h2:after {
 display:none;
 }
#numbers h2 span { 
 padding-left:1rem;
 padding-right:1rem;
 font-size:0.5em;
} 
.usp .flexcontainer,
#kontakty .flexcontainer { 
 align-items: stretch; 
 } 
.usp .flexcontainer{ 
 margin-top: 16px; 
 }  
.usp ul {   
 display: flex;
 flex-direction: column;
 align-content: center;
 flex-wrap: wrap;
 }  
/*.usp .flexcol { 
 display:flex;
 }  
.usp .flexcol .center,
.usp .flexcol .center h3,
.usp .flexcol .center p {  
 display: flex;
 flex: 1;
 flex-direction: column; 
 }   */
.usp .flexcol .center p {  
 margin:0;
 padding: 0 15px 15px 15px;
 }      
.usp h3 span { 
 display:block;
 font-size: 3.8em;
 color: rgb(63, 99, 184);
}
#vice-info h3 span {
  font-size: 3em;
} 
.usp-small h3 span { 
 font-size: 2.4em;
} 
.usp-small .flexcol h3 { 
 font-size: 1.3em;
} 
.usp .blue h3 span {
 color: rgb(63, 99, 184);
}
.dark{
 background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(14, 14, 14, 0.25)), url(/images/introbg.jpg);
 position: relative;
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 }
.grey h2, .grey h3, .grey h3 span {
 color:#858a8f;
 }
.grey .flexcol p, .grey .flexcol p a {
 color: rgb(63, 99, 184); 
 text-decoration:none;
 }  
.orange h3 {
 color:#F39C11;
 } 
.blue h2, .blue p, .blue p a {
 color:rgb(63, 99, 184);
 }  
.dark h1, .dark h2, .dark h3, .dark p, .dark p a {
 color:rgb(63, 99, 184);
 }  
#how .center p,
.row .center p{
 font-size:1.25em;
 padding:10px 15px;
 } 
#proces{
 text-align:center;
 margin-top:30px;
 margin-bottom:30px;
 }
/*#proces .hover{
 position:absolute;
 background: url('/images/topbg.jpg');
 background:rgba(11,185,160,0.9);
 width:497px;
 height:220px;
 margin-left:-40px;
 margin-top:-200px;
 padding-top:70px;
 display:none;
 }  */
#proces a:hover .hover{
 /*display:block;*/
 }
#proces img{
 display:block;
 margin:20px auto;
 width:30%;
 }
#proces svg path {
 fill: #0BB9A0;
 width:40px;
} 
#proces p{
 font-size:1em;
 text-align:center;
 }
#proces .twocols a,
#proces .threecols a{
 padding:20px 40px;
 display:inline-block;
 width:100%;
 border:1px solid #e1e1e1;
 text-decoration:none;  
 -webkit-transition:  1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
 }
#proces .twocols a:hover,
#proces .threecols a:hover{
 background:#111;
 background: url('/images/topbg.jpg');
 background-size: 100% 60px;
 }
#proces .twocols a:hover p,
#proces .twocols a:hover h3,
#proces .threecols a:hover p,
#proces .threecols a:hover h3{
 color:#fff;
 
 }
#proces .twocols:first-child .col1 a{
 border-top:0;
 border-left:0;
 }
#proces .twocols:first-child .col2 a{
 border-top:0;
 border-right:0;
 }
#proces .twocols:last-child .col1 a{
 border-bottom:0;
 border-left:0;
 }
#proces .twocols:last-child .col2 a{
 border-bottom:0;
 border-right:0;
 }
#proces .threecols .col1 a{
 border-top:0;
 border-bottom:0;
 border-left:0;
 }
#proces .threecols .col2 a{
 border-bottom:0;
 border-top:0;
 }
#proces .threecols .col3 a{
 border-bottom:0;
 border-top:0;
 border-right:0;
 }
.tc11 #proces .threecols:first-child .col1 a,
.tc11 #proces .threecols:first-child .col2 a,
.tc11 #proces .threecols:first-child .col3 a,
.tc13 #proces .threecols:first-child .col1 a,
.tc13 #proces .threecols:first-child .col2 a,
.tc13 #proces .threecols:first-child .col3 a{
 border-bottom:2px solid #e1e1e1;
 }
.tc11 #proces .threecols:last-child .col1 a,
.tc11 #proces .threecols:last-child .col2 a,
.tc11 #proces .threecols:last-child .col3 a{
 border-top:2px solid #e1e1e1;
 }
.tipy .flexcontainer {
 max-width: 75%;
 margin: 0 auto;
 flex-wrap: wrap;
 justify-content: stretch;
 align-items: stretch;
 } 
.tipy .flexcol  {
 align-items: center;
 flex-basis: calc(50% - 40px);
 display: flex;
 justify-content: stretch;
 flex-grow: 0;
 flex-direction: column;
 margin: 20px;
 position:relative;
 }  
.tipy .flexcol:after  {
 border-bottom: 2px solid #a80030;
 content: "";
 width: 70px;
 position: absolute;
 left: 0;
 right:0;
 bottom:0;
 display: block;
 margin:0 auto;
 }   
.tipy-dalsi .flexcol  {
 align-items: center;
 justify-content: center;
 min-height:128px;
 flex-direction: column;
 display: flex;
 padding: 20px;
 margin: 20px;
 border: 2px solid #73670d;
 border-radius: 4px;
 background-image: url('/img/introbg.jpg');
 background-size:cover;
 background-position:center center;
 position:relative;
 }                                                                                                       
.tipy .flexcol h2:after,
.tipy-dalsi .flexcol h2:after {
 display:none;
 } 
.tipy .flexcol h2, .tipy .flexcol p,
.tipy-dalsi .flexcol h2, .tipy-dalsi .flexcol p {
 text-align:center;
 color: #333;
 padding:0;
 z-index:100;
 } 
.tipy .flexcol h2, 
.tipy-dalsi .flexcol h2 {
 color:#73670d;
 }  
.tipy .flexcol .icon-location {
 color: #73670d;
 font-size:4em; 
 }   
 
.overlay {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 transition: .5s ease;
 background-color: #73670d;
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 20px;
}
.tipy-dalsi .overlay {
 justify-content: center;
 } 
.tipy .flexcol:hover .overlay,
.tipy-dalsi .flexcol:hover .overlay {
  opacity: 0.25;
} 
 
   
.item-box{
 -webkit-flex-basis:50%;
 flex-basis:50%;
 padding:30px 0;
 background-color:#f8f8f8;
 text-align:center;
 position:relative;
 }
.item-box h3{
 padding-left:20px;
 padding-right:20px;
 }
#proces .item-box img,
#prubeh .item-box img{
 width:20%;
 }

.item-overlay{
 position:absolute;
 top:0;
 width:100%;
 background: url('/images/topbg.jpg');
 background-size: 100% 60px;
 -webkit-transition:all .4s;
 transition:all .4s;
 overflow:hidden;
 height:0%;
 }
.item-box:hover .item-overlay{
 height:100%;
 }
.item-overlay p{
 padding:20px 18px;
 margin-top:30px;
 color:#fff;
 font-size:0.95em !important;
 }

.col2.item-box{
 border-right:2px solid #ccc;
 border-left:2px solid #ccc;
 }

#proces .cta{
 color:#fff;
 border-color:#fff;
 } 
#proces .threecols div a,
.tc13 #proces .threecols div a{
 min-height:370px;
 }


#reference .threecols>div{
 background-position:center center;
 }
#reference .threecols>div a{
 padding:60px 40px;
 display:inline-block;
 width:100%;
 text-decoration:none;
 background:rgba(0,0,0,0.5);
 }
#reference .threecols>div a:hover{
 background: url('/images/topbg.jpg');
 background-size: 100% 60px;
 }
#reference .threecols>div p{
 color:#fff;;
 }

#blog .source{
 padding:30px 0;
 }
#blog .rClanek{
 float:left;
 width:33.33%;
 width: calc(100% / 3);
 background-size: auto 100% !important;
 background-position:center center !important;
 height:300px;
 overflow:hidden;
 }
#blog .rClanek a{
 padding:90px 30px;
 display:table;
 vertical-align:middle;
 width:100%;
 text-decoration:none;
 background:rgba(0,0,0,0.5);
 min-height:300px;
 overflow:hidden;
 color:#fff;
 height:300px;
 font-size:1.2em;
 }
#blog .rClanek a:hover{
 background: url('/images/topbg.jpg');
 background-size: 100% 60px;
 text-decoration:none !important;
 }
#blog .rClanek a strong{
 display:table-cell;
 vertical-align:middle;
 border:2px solid #fff;
 width:100%;
 padding:15px;
 }


#ourteam .twocols img{
 max-width:120px;
 float:left;
 margin-right:20px;
 }
#ourteam h3{
 text-align:left;
 }
#ourteam .twocols{

 margin-bottom:30px;
 }

#kontakty  h3{
 text-align:left;
 }
#kontakty  th{
 text-align:left;
 }
#kontakty  strong, #kontakty  li{
 color:#fff;
 }
#kontakty .dark .col1{
 text-align:left;
 }
#kontakty .dark img{
 margin:0;
 }


.partners{
 display:table;
 width:100%;
 }
.partners div{
 display:table-cell;
 }
.partners div img{
 vertical-align:middle;
 border:0;
 margin:10px 20px;
 max-width:160px;
 }

hr.divider {
 border-top: 2px solid #858a8f;
} 
 
/*
-----------------------------------------------
*/
.flashmessage{
 position:absolute;
 top:0;
 right:0;
 width:300px;
 z-index:1000;
 }
.flashmessage p{
 padding:20px;
 margin:20px;
 }
p.green,p.success,
p.darkred,p.alert,
p.progress{
 text-indent:0px;
 line-height:150%;
 color:#fff;
 background:#E8562A;
 text-align:center;
 font-size:0.9em;
 margin-top:20px;
 border-radius: 4px;
 }
p.darkred a,p.alert a,
p.green a,p.success a,
p.progress a{
 color:#fff;;
 }

p.green,p.success{
 color:#fff;
 background: #13ce66;
 }
p.progress{
 color:#fff;
 background:#BDBD00;
 }
.prefix p,
.middle p.alert,
.middle p.green,
.middle p.progress{
 margin:5px 0 5px 0;
 padding:10px;
 }
.darkred{
 color:#b00000;
 }
#box252{
 background:#E8562A;
 position:fixed;
 right:0;
 bottom:0;
 padding:8px;
 z-index:1000;
 }
#box252 a{
 color:#fff;
 float:right;
 }
#box252 p a{
 color:#fff;
 float:none;
 }
/*
-----------------------fotogalerie---------------------------------------
*/
.viewfoto{
 float: left;
 padding: 0px;
 margin: 0px;
 }
.viewfoto img,.viewfoto h3,.viewfoto span{

 }

.viewfoto .body img{
 width:50px;
 height:60px;
 }

.viewfoto h3{
 margin-left:10px;
 margin-top:10px;
 }
.viewfoto span{
 color:#666666;
 }
.viewfoto .strankovani2{
 position:absolute;
  background:url('/images/bg503.png');
 _background:url('/images/50bg1.gif');
 margin-top:-90px;
 padding:8px;
 color:#fff;
 width:468px;
 }
table.foto{
 padding:0px;
 }
table.foto td b{
 color:red;
 font-size:8px;
 }
.foto a {
 color: #0066CC;
 text-decoration: none;
 }
.foto a:hover {
 color: black;
 text-decoration: underline;
 }
img.nahled{
 border:0;
 margin:0px;
 float:left;
 margin-right:40px;
 }
 
.showfoto{
 padding-top:1rem;
 margin-bottom:1rem;
  }
.showfoto h2{
 font-size:1em;
 color:#333;
 padding-left:10px;
  }
.showfoto img{
 margin:0;
 width:100%;
 height:auto;
 border-radius:0;
 } 
.showfoto {
 display: grid;
 grid-template-columns: repeat(10, 1fr);
}
@media only screen and (max-width: 1200px) {
    .showfoto {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
    }
 }
.thumbObal a{
 line-height:0;
 display:block;
  } 
#iso-certifikace .thumb {
 padding:0 2rem;
  }   
.datem{
 font-size:1.1em;
 font-family: 'Open Sans Condensed', sans-serif;
 color:#666;
 }
.datem i{
 font-size:0.9em;
 }
.tc14 .datem{
 display:none;
 } 
#preview_img{
 margin:8px 0;
 padding:10px 0;
 text-align:center;

 }
#preview_img .zoom {
     position:absolute;
     width:34px;
     height:34px;
     margin-left:-40px;
     margin-top:14px;
 }
#preview_img img{
 border:0;
 width:auto;
 max-width:50%;
 margin:auto;
 }
#preview_img strong,
#preview_img em,
.ArtFoto strong,
.ArtFoto em{
 display:block;
 font-size:11px;
 font-style:normal;
 text-align:left;
 font-family:Arial;
 color:#999;
 }
#preview_img em{
 display:none;
 }  
#preview_img a{
 color:#ccc;
 }

	/*
********HODNOCENI
*/
#hodnoceni h3{
 padding-bottom:8px;
 margin-bottom:10px;
 margin-top:16px;
 border-bottom:1px solid #ccc;
 color:#333;
 }
.hodnoceni a{
 border:0;
 }
.hodnoceni{
 font-size:0.8em;
 float:left;
 }
#hod2{
 margin-left:40px;
 margin-top:0px;
 _margin-top:20px;
 float:left;
 }
.hodnoceni-hvezdami{
 list-style:none;
 width: 180px;
 height: 36px;
 position: relative;
 background: url("../images/hodnoceni.png") top left repeat-x;
 }
.hodnoceni-hvezdami li{
 padding:0px !important;
 margin:0px !important;
 /*\*/
 float: left;
 /* */
 }
.hodnoceni-hvezdami li a{
 display:block;
 width:36px;
 height: 36px;
 text-decoration: none;
 z-index: 20;
 position: absolute;
 padding: 0px;
 font-size:1px;
 color:#fff;
 }
.hodnoceni-hvezdami li a:hover{
 background: url("../images/hodnoceni.png") left center;
 z-index: 4;
 left: 0px;
 }
.hodnoceni-hvezdami a>span{
 display:none;
 }
.hodnoceni-hvezdami a strong{
 visibility:hidden;
 }
.hodnoceni-hvezdami a:hover>span{
 display:block !important;
 position:absolute;
 top:0px;
 left:200px;
 z-index:100;
 font-weight:bold;
 font-size:16px;
 font-family:'Open Sans', Tahoma, sans-serif;
 color:#B88A00;
 width:160px;
 padding:6px;
 text-align:center;
 }
.hodnoceni-hvezdami a.jedna-hvezda{
 left: 0px;
 }
.hodnoceni-hvezdami a.jedna-hvezda:hover{
 width:36px;
 }
.hodnoceni-hvezdami a.dve-hvezdy{
 left:36px;
 }
.hodnoceni-hvezdami a.dve-hvezdy:hover{
 width: 72px;
 }
.hodnoceni-hvezdami a.tri-hvezdy{
 left: 72px;
 }
.hodnoceni-hvezdami a.tri-hvezdy:hover{
 width: 108px;
 }
.hodnoceni-hvezdami a.ctyri-hvezdy{
 left: 108px;
 }
.hodnoceni-hvezdami a.ctyri-hvezdy:hover{
 width: 144px;
 }
.hodnoceni-hvezdami a.pet-hvezd{
 left: 144px;
 }
.hodnoceni-hvezdami a.pet-hvezd:hover{
 width: 180px;
 }
.hodnoceni-hvezdami li.current-rating{
 background: url("../images/hodnoceni.png") left bottom;
 position: absolute;
 height: 36px;
 display: block;
 text-indent: -9000px;
 z-index: 2;
 margin:0 !important;
 padding:0 !important;
 } 	
.hodnoceni form{
 display:none;
 }
#sdileni img{
 margin:2;
 border:0;
 } 	
/*
PLUGINY
*/

#sharer{
 float:left;
 clear:both;
 margin-top:5px;
 }
#socialShare a{
 margin-right:5px;
 }
#socialShare{
 height:80px;
 line-height:80px;
 margin-top:40px;
 margin-bottom:20px;
 text-align:center;
 padding-left:250px;
 }

#socialShare img{
 margin:0 !important;

 }
.twitter-share-button {
 width: 84px !important;
 }
.addthis_button_facebook_like{
 width:92px;
 }
.sociable{
 float:right;
 padding-bottom:6px;
 padding-top:20px;
 clear:right;
 }
#introSocial{
 padding-right:10px;
 }
#introSocial.fixedSocial{
 position: fixed;
 top:0;
 margin-top:60px;
 }
#logged #introSocial.fixedSocial{
 margin-top:100px;
 }

#introSocial a{
 text-decoration:none;
 color:#999;
 }
#introSocial i{
	text-align:center;
  width:48px;
  height:48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius:  50%;
  background:#fff;
  border:1px solid #ccc;
  display:inline-block;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 margin:5px;
 font-size:1.8em;
 line-height:48px;
 background:#fff;
 border:0 !important;
 }

#introSocial a:hover .icon-facebook{   background:#3b5998; color:#fff;   }
#introSocial a:hover .icon-gplus{   background:#d34836;color:#fff;    }
#introSocial a:hover .icon-linkedin{   background:#0e76a8; color:#fff;   }
#introSocial a:hover .icon-pinterest-circled{   background:#c8232c;color:#fff;    }
#introSocial a:hover .icon-twitter{   background:#00acee;color:#fff;   }
#introSocial a:hover .icon-youtube{   background:#fff;color:#c4302b;    }
#introSocial a:hover .icon-instagram{
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	color:#fff;
		}
#introSocial a:hover .icon-pinterest{   background:#cb2027; color:#fff;   }

#introSocial .icon-facebook{border-color:#3b5998;color:#3b5998}
#introSocial .icon-linkedin{border-color:#0e76a8;color:#0e76a8}
#introSocial .icon-gplus{border-color:#d34836;color:#d34836}
#introSocial .icon-twitter{border-color:#00acee;color:#00acee}
#introSocial .icon-pinterest{border-color:#cb2027;color:#cb2027}


#regform label{
 display:block;
 font:bold 14px Arial, sans-serif;
 color:#4A4233;
 margin-top:10px;
 }
#regform fieldset input[type="text"]{
 width:95%;
 }
#regSex{
 text-align:center;
 font:bold 16px Arial, sans-serif;
 color:#4A4233;
 margin:10px;
 }
#regSex input,#regSex input:focus{
 border:0;
 }

.section-fadein{
 opacity:0;
 }

a[href^=tel]{
    color:inherit;
}

#gotop{
 position:fixed;
 right:0;
 bottom:60px;
 display:none;
 z-index:1000;
 }
p#gotop a{
 display:inline-block;
 background: rgb(63, 99, 184);
 color:#fff;
 padding:12px;
 font-size:20px;
 }
#goback{
 position:fixed;
 right:0;
 top:196px;
 z-index:1000;
 }

p#goback a{
 display:inline-block;
 background:#0BB9A0;
 color:#fff;
 padding:12px;
 font-size:20px;
 }
 
table.seznam{
 margin: 4px;
 width: 99%;
 background-color:#CCCCCC;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 }
table.seznam tr:first-child th:first-child,
table.seznam tr:first-child td:first-child {
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    border-top-left-radius:6px
}

table.seznam tr:first-child th:last-child,
table.seznam tr:first-child td:last-child {
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    border-top-right-radius:6px
}
table.seznam tr:last-child th:first-child,
table.seznam tr:last-child td:first-child {
    -moz-border-radius-bottomleft:6px;
    -webkit-border-bottom-left-radius:6px;
    border-bottom-left-radius:6px
}

table.seznam tr:last-child td:last-child {
    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-right-radius:6px;
    border-bottom-right-radius:6px
}
fieldset table.seznam{
 width: 96%;
 }
table.seznam th{
 text-align:left;
 background-color:#f1f1f1;
 font-size:14px;
 padding:6px;
 color:#666;
 white-space:nowrap;
 vertical-align: center;
 }
table.seznam th a{
 font-size:13px;
 }
table.seznam td{
 background-color:#f9f9f9;
 font-size:13px;
 padding:6px;
 }

#showchildren .flexcontainer {
  max-width: 75%;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: stretch;
} 
#showchildren .flexcol {
  align-items: flex-start;
  flex-basis: calc(50% - 40px);
  display: flex;
  justify-content: stretch;
  flex-grow: 0;
  flex-direction: column;
  margin: 1rem;
  position: relative;
  background-color:rgb(63, 99, 184);
} 
#showchildren .flexcol h2,
#showchildren .flexcol p,
#showchildren .flexcol a {
 color:#fff; 
 text-decoration:none;
}
#showchildren .flexcol a {
 padding:1.25rem;
 width:100%;
 height:100%;
}
#showchildren .flexcol p{
 margin-top:0;
}
#showchildren a h2 span {
 font-size: 2.8em;
 color:#fff; 
 margin-bottom:0.5rem;
 display:block;
}
#showchildren a h2 span:before {
  margin:0;
}

#kont fieldset{
 border:0;
 }

#kont table td,
#kont table th{
 color:#222;
 text-align:left;
 padding:4px 2px;
 }
#kont table td b{
 display:none;
 }
#kont table td strong{
 color:#222;
 }
#kont table td,
#kont table th,
#kont table input,
#kont table textarea{
 font-family: 'Open Sans';
 padding-left:8px;
 resize:none;
 font-size:1em;
 }

#kont table input,
#kont table textarea{
 padding:8px;
 border-radius: 2px;
 }
#kont {
    width: 70%;
    margin: 0 auto;
    border-radius: 4px;
}
@media only screen and (max-width: 1200px) {
    #kont {
      max-width: 100%;
      width:100%;
      overflow: hidden;
      position: relative;
      }
 }
#kont div{
 text-align:center;
 }


/*------Google Map------*/ 
#gmap {
 height:380px;
 width:100%;
}
#map{
 background-color:#4d4f53;
} 
#map .content {
 display:flex;
 justify-content: flex-end;
} 
.map {
 height:380px;
 width:100%;
 position:relative;
 margin-top:1rem;
}
.map-wrapper {
 height:380px;
}
#map-overlay {
 position: absolute;
 padding: 0.5rem 2rem;
 display: flex;
 flex-direction: column;
 justify-content: space-evenly;
 right: 6rem;
 top: 0;
 bottom: 0;
 z-index: 900;
 background: rgba(255, 255, 255, 0.85);
}
#map-overlay p {
 margin:0;
}
.map-overlay-tile {
 text-align: left;
 padding: 4rem;
 max-width: 30rem;
 border-radius: 4px;
 background-color: #fff;
} 
.map-overlay-tile h2 {
 text-align: left;
} 
.map-search {
 border: 1px solid #ccc;
 border-radius: 4px;
 display: flex;
 margin-top: 2rem;
} 
.map-search input {
 width: 90%;
 margin-left: 0.75rem;
 font-size: 1.1em;
 padding: 0.55rem 0.75rem 0.55rem 0;
 color: #ccc;
} 
.map-search i {
 color: #3366ff;
 padding-top: 9px;
 padding-right: 9px;
 font-size: 1.6em;
} 
#map .cta{
 display: block;
}
.map-overlay-tile a{
 text-decoration:none;
} 
.map-overlay-tile i{
 transition: transform .3s ease-out;
} 
.map-overlay-tile a:hover i{
 transform: translate(0.5rem, 0);
} 
.map-overlay-tile span{
 display: block;
 color: #7d91cd;
 font-size: 1.1em;
} 

/*------Seznam Mapy------*/ 
.smap img { max-width: none !important;} 


@media only screen and (min-width: 1200px) {
  .content, 
  .sdileni, 
  .navigace,
  .fixedTop>div{
    max-width: 1200px;
    } 
 }
@media only screen and (max-width: 1024px) {
  .head .content,
  .middle .content{
    margin:0 20px;
   } 
/*#intro { 
 padding-bottom: 56%;
 height: 0;
 }*/
#intro video { 
 width:100%;
 }      
.introObsah br {
 display:none;
} 
.introObsah p br {
 display:block;
}  
#introIcons {
 padding-top: 0;
}
#introIcons br {
 display:block;
}
#introIcons div {
 padding: 0 1em;
 min-width: 180px;
} 
}   
   
@media only screen and (max-width: 1023px) {
/*   .head {
 background: #6014AE;
 }  
  .tc10 .head {
 position: relative;
} */ 
   
      
 } 
.blink {
  animation: blinker 1.8s step-end infinite;
}

@-webkit-keyframes blinker {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes blinker {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 4px;
  background: rgb(63, 99, 184);
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
} 

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: rgb(63, 99, 184);
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10%;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #d5d5d5;
  top: 0;
  bottom: 0;
  left:0;
  margin-left:10%;
}

.timeline-container {
  padding: 10px 50px;
  padding-right: 0;
  position: relative;
  background-color: inherit;
  /*width: 50%; */
}

.timeline-container::after {    /*puntík*/
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    left: -36px;
    background-color: #cd3f31;
    border: 8px solid #cd3f31;
    top: 36px;
    border-radius: 50%;
    z-index: 1;
}
.timeline-container span {   /*číslo*/
    position: absolute;
    left: -16px;
    z-index: 5;
    color: #fff;
    top: 64px;
    font-size: 1em;
    font-weight: bold;
}
.timeline-left {
  left: 0;
}

.timeline-right {
  left:0;
}

/*.timeline-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}
*/

.timeline-content .col1 {
 background-color: #f1f1f1;
 border-radius: 10px;
 padding: 15px;
}

.timeline-content .col1::before {    /*zobáček*/
 content: " ";
 height: 0;
 position: absolute;
 top: 48px;
 width: 0;
 z-index: 1;
 left: -1px;
 border: medium solid #f1f1f1;
 border-width: 16px 16px 16px 0;
 border-color: transparent #f1f1f1 transparent transparent;
}
/*
.timeline-right::after {
  left: -16px;
} */

.timeline-content {
  padding: 30px 15px;
  padding-right:0;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

.timeline-content .twocols {
 display: flex;
 flex-direction: row;
 align-items: center;
}
.timeline-content .col2 {
 padding-left:62px;
}

.timeline-content h3, .timeline-content p {
 text-align:left;
}
.timeline-content ul li {
 background:none;
 margin:0;
 padding-left: 1em;
 padding-right: 2em;
 text-indent: -1em;
 font-size:0.8em; 
 display:block;
 width:50%;
 float:left;
}
.timeline-content li:before {
 margin:0;
 color:#6014AE;
}

/*------Owl Carusel------*/  

.owl-nav {
 position: absolute;
 width: 100%;
 top: 50%;
 margin: auto;
 left: 50%;
 transform: translate(-50%,-50%);
}
.owl-carousel .owl-nav button.owl-next {
float:right;
}
.owl-carousel .owl-nav button.owl-prev {
float:left;
}

#quotes{
background:rgb(63, 99, 184);
}
#quotes h2{
color:#f39c11;
}
#quotes .item {
padding:0 20px;
width:90%;
margin:0 auto;
}
#quotes .item p {
 text-align:center;
 font-size:1.4em;
 color:#fff;
}
#quotes .item strong {
 color:#fff;
}
#quotes .item q {
  quotes: "„" "“" "‚" "‘";
}
#quotes .item img {
  display:inline-block;
  width: auto;
  height: 5rem;
}

#refloga .table{
 display:table;
 max-width:1200px;
 margin:auto;
 text-align:center;
 }
#refloga .table div{
 width:100%;
 max-width:100%;
 display:table-cell;
 padding:0 2%;
 }
#refloga .table div img{
 vertical-align:middle;
 margin:10px;
 -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
 filter: grayscale(100%);
 max-height:55px;
 max-width:200px;
 }
#refloga .table div img:hover{
 -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
 filter: grayscale(0);
 } 
 
.item-box-flex {
 padding: 10px;
}
.item-box-flex .item-box-body {
 background: #f9f9f9;
 position:relative;
 width: 100%;
 height: 0; 
 padding-bottom: 60%;
 background-size: auto 175% !important;
 background-position: center center !important;
 transition: ease-in-out 0.25s;
}
.threecols .item-box-flex .item-box-body {
 padding-bottom: 75%;
}
.item-box-flex:hover .item-box-body{
 z-index:50;
 background-size:auto 110%  !important;
 transition: ease-in-out 0.25s;     
 } 
.item-box-flex h3{
 color:#fff;
 font-weight:bold; 
 }
.item-box-flex p{
 margin-top:0;
 color: #fff;
 text-align:center;
 } 
.item-flex-dark{
 background:rgba(96,20,174,0.35);
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 display: flex; 
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding:20px;
 }  
.item-box-flex {
 padding: 10px 0 !important; 
}  


/* Contact Form*/

#cta-form input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

#cta-form textarea{
  resize: none;
}

#cta-form label {
  display: inline-block;
}

#cta-form button[type=submit] {
  background-color: #13ce66;
  color: #fff;
  font-size: 20px;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}
#cta-form button[type=submit]:hover {
  background-color: rgb(63, 99, 184);
}

#cta-form .container {
  padding: 30px;
}

#cta-form .col-25 {
  float: left;
  width: 25%;
  margin-top: 39px;
  text-align:left;
}

#cta-form .col-25 label {
 font-weight: 600;
 color: rgb(63, 99, 184);
}

#cta-form .col-75 {
  float: left;
  width: 75%;
  margin-top: 18px;
  position:relative;
  display:inline-block;
}

#cta-form .col-75 select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url(/ikony/select-arrows.svg) 98% / 5% no-repeat transparent;
}
#cta-form .col-75 select::-ms-expand {
  display: none;
}
#cta-form .row {
 padding:0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
#cta-form .darkred {
 display:none;
}
.input-wrapper {
 text-align:left !important;
}
#price-wrapper p {
 height: 56px;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 1.2em;
 max-width: 100% !important;
 padding: 10px;
 margin:0;
}
.price {
 font-weight: bold;
 color: #13ce66;
}

/* Floating Labels */
.form-label {
  color: #bbb;
  font-size: 16px;
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 20px;
  padding: 0 2px;
  pointer-events: none;
  background: #fff;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;       
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}
.form-textarea, .form-textselect, .form-label-date {
  color: #bbb;
  font-size: 16px;
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 20px;
  padding: 0 2px;
  pointer-events: none;
  background: #fff;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;       
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.label-select-cena {
  color: #bbb;
  font-size: 16px;
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 20px;
  padding: 0 2px;
  pointer-events: none;
  background: #fff;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;       
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.form-input{
  font-size: 16px;
  color: #555;
  outline: none;
  padding: 12px;
  position: relative;    
  border: 1px solid rgb(63, 99, 184);
  border-radius: 4px;
  height:56px;
}

.form-input[readonly="true"]:focus + .form-label-date  {
  font-size:12px;
  color: #13ce66;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);      
}

.form-date{ 
  color: transparent;
  text-shadow: 0 0 0 #555;
}

.form-label-date-active  {
  font-size:12px;
  color: rgb(63, 99, 184);
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);      
}

.form-input:invalid + .form-label {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);      
}
.form-input:valid + .form-label {
  color: rgb(63, 99, 184);
} 
.form-input:focus {
  border: 2px solid #13ce66;
  outline:none;
}
.form-input:not(:placeholder-shown):invalid + .form-label{
  color: red;
  font-size:12px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}
.form-input:focus + .form-label {
  color: #13ce66;
  font-size:12px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}
.form-input:valid + .form-label, .form-input:focus + .form-textarea {
  font-size:12px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}
.form-input:not(:placeholder-shown):focus:invalid + .form-label {
  color: red;
  font-size:12px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}
.form-input:not(:placeholder-shown):focus + .form-textarea, .form-input:placeholder-shown:focus + .form-textarea, .form-input:focus + .form-textselect, .form-input:focus:valid + .form-textselect {
  color:#13ce66;
  font-size:12px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}
.form-input:not(:placeholder-shown) + .form-textarea, .form-input:not(:placeholder-shown) + .form-textarea, .form-input:valid + .form-textselect{
  color: rgb(63, 99, 184);
  font-size:12px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}  

.form-label:focus {
  border: 2px solid #13ce66;
}
.form-date {
 cursor:pointer;
 width:50% !important;
}
.label-select {
  font-size:12px;
  color: rgb(63, 99, 184);
}
.FormSubmit p a {
 color: #1a73e8;
 font-weight: bold;
 text-decoration: none;
}
.success-msg {
 color: #270;
 background-color: #DFF2BF;
 margin: 10px 0;
 padding: 20px;
 font-size: 1.2em;
 border-radius: 4px;
 display:flex;
}
.success-msg i {
 flex:1;
 align-self:center;
}
.success-msg span {
 padding-left: 10px;
}

@media screen and (max-width: 600px) {
  #cta-form .col-25,
  #cta-form .col-75,
  #cta-form button[type=submit] {
    width: 100%;
    margin-top: 0;
    margin-bottom: 14px;
  }
}

#articles > p{
 max-width:75%;
 display:inline-block;
 text-align:center;
}
.article-preview {
    min-height: 300px;
    overflow: hidden;
    margin: 0 20px 40px;
    padding:20px;
    background: #fff center center;
    background-size: cover;
    border-radius: .25rem;
    box-shadow: 0 0 0.25rem rgba(0,0,0,.08), 0 0.5rem 0.75rem rgba(0,0,0,.14);
    transition: all 0.2s ease;
}
.article-preview em {
    text-align:left;
    display:block;
}
.article-preview:hover {
    box-shadow: 0 0 1px rgba(39,44,49,0.10), 0 3px 16px rgba(39, 44, 49,0.07);
    transition: all 0.3s ease;
    transform: translate3D(0, -1px, 0);
}
.article-preview h2 {
 font-size:1.8em;
}
.article-preview h2:after {
 display:none;
}
.article-preview h2 a:hover {
 text-decoration:none;
}
.article-preview p{
 overflow:hidden;
}
.article-preview p a{
 text-decoration:none;
 color:#000;
}
.first{
 margin-top:40px;
}


.flexcontainer {
   display: flex;
   flex-direction: row;
  /* align-items: center; */
   justify-content: center;
}

.flexcol1, .flexcol2, .flexcol3, .flexcol  {
 flex: 1 0 0;
}

.flexcol60  {
 flex: 2 0 0;
}
.flexcol75  {
 flex: 3 0 0;
}
.card-icon {
 border:1px solid blue;
 min-height:150px;
}
.card-icon span:before {
 font-size:3rem;
 transition: all 0.2s ease-in-out;
}
.card-icon:hover span:before {
transform: translateY(-0.2rem);
}

/* Acordeon styles */
.tabs {
 margin-top:15px;
}
.tab, .tab-reverse {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.tab input, .tab-reverse input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label, .tab-reverse label {
    position: relative;
    display: block;
    padding: 0 0 0 1rem;
    background: #ffffff;
    color: #73670d;
    line-height: 3;
    font-size: 1.6em;
    text-align: left;
    cursor: pointer;
    text-align:center;
}
.blue label {
  background: #73670d;
}
.tabs-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.tabs-content-reverse {
  max-height: 100vh;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  border-top: 1px solid #73670d;
}
.blue .tabs-content {
  background: #3498db;
}
.tabs-content p, .tab-reverse p {
  margin: 0 !important;
  text-align: left;
  padding: 16px !important;
}
/* :checked */
.tab input:checked ~ .tabs-content {
  max-height: 100vh;
  border-top: 1px solid #73670d;
}
.tab-reverse input:checked ~ .tabs-content-reverse {
  max-height: 0;
  border-top: 1px solid #fff;
}
/* Icon */
.tab label::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  font-size:0.75em;
}
.tab-reverse label::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotateX(180deg);
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  font-size:0.75em;
  /*transform: rotateX(180deg);*/
}

/*.tab input[type=checkbox] + label::after {
  content: "+";
}*/
.tab input[type=radio] + label::after {
  content: "\25BC";
}
.tab input[type=checkbox]:checked + label::before {
  transform: rotateX(180deg);
  transform-origin: 0 25%;
}  
.tab-reverse input[type=checkbox]:checked + label::before {
 transform: translateY(-50%) rotateX(0);
}  
/*.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
} */
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.tab .iframe-wrapper, .tab-reverse .iframe-wrapper {
 padding:16px;
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
@media only screen and (max-width: 1200px) {
 .tipy .flexcontainer {
    max-width: 100%;
    align-items: stretch;
    }

} 

/* Custom Select Menu */ 
/* The container must be positioned relative: */
.custom-select-wrapper .flexcontainer {
 flex-direction: column;
}
.custom-select-wrapper .flexcol {
 padding:1rem 0;
 display:flex;
 justify-content: center;
}

.custom-select {
  position: relative;
  width: 50%;
}

#custom-select-cena {
  width: 100%;
}
#custom-select-cena .select-selected {
  background: url(/ikony/select-arrows.svg) 98% / 4% no-repeat transparent;
}
.custom-select select {
    width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  
}

.select-selected {
  background-color: #fff;
}

/* Style the arrow inside the select element: */
/*.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: rgb(226, 0, 38) transparent transparent transparent;
}  */

/* Point the arrow upwards when the select box is open (active): */
/*.select-selected.select-arrow-active:after {
  border-color: transparent transparent rgb(226, 0, 38) transparent;
  top: 12px;
} */
  
.select-selected.select-arrow-active {
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 border: 2px solid #13ce66;
 border-bottom: none;
}

.select-selected.select-arrow-active:before {
 position: absolute;
 content: "";
 bottom: 0;
 right: 3px;
 left: 3px;
 height: 0;
 border-bottom: 1px solid #bbb;
}

/* style the items (options), including the selected item: */
.select-selected {
 padding: 14px 16px;
  padding-top: 20px;
  text-align: left !important;
  border-radius: 4px;
  border: 1px solid rgb(63, 99, 184);
  color: #555;
  /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
  cursor: pointer;
  height: 56px;
  background: url(/ikony/select-arrows.svg) 98% / 8% no-repeat transparent;
}
.select-selected:focus {
  border: 2px solid #13ce66;
}

.select-items div{
    color: #bbb;
    /*padding: 8px 16px;*/
    text-align: left !important;
    /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
    cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute !important;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 2px solid #13ce66;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top:0;
  max-height: 260px;
 /* transition: max-height 0.2s linear;        */
}

/* Hide the items when the select box is closed: */
.select-hide {
  z-index:-1;
  margin-top: -4px;
  max-height:0;
  border:none;
}

.select-items .simplebar-content div:hover, .same-as-selected {
  /*background-color: rgba(0, 0, 0, 0.1);   */
  color:#000;
}

.select-items .simplebar-content div {
  padding:8px 16px;
}

.simplebar-content-wrapper {
    scrollbar-width: none;  // Firefox
}

.simplebar-content-wrapper::-webkit-scrollbar {
    display: none; // Safari and Chrome
}

.label-select-active  {
   color:#13ce66;
}

.label-select-not-active  {
   color:rgb(63, 99, 184);
}

.label-select-cena-active  {
  color:#13ce66;
  font-size:12px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}

.label-select-cena-not-active  {
   color:rgb(63, 99, 184);
   font-size:12px;
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}

.label-select-cena-not-active-selected  {
   color:#bbb;
   font-size:16px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.inputfile + label * {
	pointer-events: none;
}

.inputfile + label {
    color: #555;
    display:flex !important;
}

.inputfile + label {
  border: 1px solid rgb(63, 99, 184);
  background-color: #ffffff;
  padding: 0;
  border-radius: 4px;
  height: 56px;
  font-size: 16px;
  width: 100%;
}

.inputfile + label span,
.inputfile + label strong {
  padding: 12px;
  padding-top: 16px;
}

.inputfile + label span {
  width: 9rem;
  flex-grow: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
}

.inputfile + label strong {
  color: #ffffff;
  background-color: rgb(63, 99, 184);
  text-align:center;
}

.inputfile-caption {
  display:block;
  margin-top:8px;
}

@media screen and (max-width: 50em) {
	.inputfile + label strong {
		display: block;
	}
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: rgb(63, 99, 184) !important;
}
.cursor-pointer  {
 cursor:pointer
}