/* 

#dbd3cf - grey
#f3c250 - yellow
#8c7b69 - yellow2
#deb79f - light brown

#77756d - body copy


*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, .tile.text time, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0; 	outline: 0; 	vertical-align: baseline;}
:focus {	outline: 0; } ol, ul {list-style: none;} a {text-decoration:none} .clear{clear:both} 
.clearfix:after { content: ""; display: table; clear: both;}

/*@font-face {
font-family: 'ProximaNova-Regular';
src: url('../fonts/ProximaNova-Regular.eot'); 
src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/ProximaNova-Regular.woff2') format('woff2'), 
url('../fonts/ProximaNova-Regular.woff') format('woff'), 
url('../fonts/ProximaNova-Regular.ttf')  format('truetype');
} */


body, html {height:100%;}
/*html{-webkit-text-size-adjust: none;}*/ /*stop font resizse ios - better to have in in media queries*/ 
/*::-webkit-scrollbar { display: none; }*/
html {height:100% }

body {
font-family: 'Poppins'', sans-serif;
  font-weight: normal; font-style: normal;
  font-size: 17px;   font-size: 1vw;
  line-height: 2em;
  color:#77756d;
  background:#fff;
  height:100%;
   }
::-moz-selection { background: #8c7b69; color:black }
::selection { background: #8c7b69; color:black }   
h1, h2, h3 {font-family: 'Poppins', serif;}
h1{ font-size: 2.9em; font-weight:normal;      text-transform: uppercase;
    font-weight: 500; line-height: 1.3em; margin-bottom:0.3em; text-align: center; letter-spacing:-0.01em}
h2{ font-size: 3em; font-weight:600; line-height: 1.1em; color:#8c7b69; margin-bottom: 0.8em; text-transform:uppercase; letter-spacing:-0.01em}
h3{ font-weight: 700; font-size: 1.8em; color:#8c7b69; margin-bottom:1em; text-align: center;}
h4{ font-size: 1.5em; font-weight:700; line-height: 1.1em;  margin-bottom: 0.1em;}
a {color: #000000; font-weight: inherit; text-decoration: underline;} a:hover {color:#8c7b69; color:#8c7b69;}
section {}
.container {width:80%; margin:auto;  position:relative; overflow:auto}
.row {overflow:auto; }
.col {float:left}
img {color:transparent; display:block}

/*prelader*/
body {overflow:hidden}
.curtain {width:100%; height:100%; background:white; position:fixed; top:0; left:0; z-index:2000}
.preloader {position:absolute; width: 3em; top:42%; left:0;right:0; margin:auto; display:block; animation: spin 5s linear infinite; }
@keyframes spin {
0% {transform:rotate(0deg); }
100% {transform:rotate(360deg); }
}


.extended-list-wrapper {
	list-style: decimal;
    margin-left: 1em;
}
.menu {width:100%; height:100%; background:#deb79f; position:fixed; top:0; left:0; text-align: center; 
      display: flex;
     justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;

    transition: opacity 0.5s,  visibility 0s 0.5s;
    z-index:100;
    }
.open-menu { 
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
    }
.menu .logo {    width: 10em; display: block; margin: 0 0 0 2em;}
.menu nav {      font-size: 1.8em;
    color: #6e776d;
    line-height: 1.6em;  
    }
.mob-nav { display: none; }	
nav a {text-decoration: none;}    
.menu .nav-show {opacity:1; transform:translateY(0)}    
.menu nav a{color:#eff2f7; transition:color 0.2s; cursor:pointer; font-weight:800}
.menu nav a:hover{color:#6b5040}


.topbar {height:40px; border-bottom:2px solid #8c7b69}
.socs img {display: block; height:21px; margin-right: 10px; float: left; margin-top: 8px;} 
.contacts {position:absolute; right:0; top:8px; line-height: 20px;}
.contacts .contact {margin-right:40px; float:left}
.contacts .contact img {height:18px; margin-right:10px; margin-top:2px; float:left; }
.contacts .contact p {float:left; font-size: 11px;}

.topnav {position:relative; padding: 3vh 0;}
.topnav .container {overflow:visible}
.topnav .logo {width:18%}
.topnav nav {position:absolute; right:0; top:70%; transform:translateY(-50%); line-height: 1em; }
.topnav nav li {float:left; margin-right:2em; font-size:.9em ; color:#6e776d}
.topnav nav li a {color:inherit; transition:color .05s linear; line-height: 5em; height: 5em; display: block;}
.topnav nav li a:hover {color:#8c7b69}







.video-cont {
	position: relative;
	padding-bottom: 52.85%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  z-index: 2;
  overflow:hidden
}
.video-cont iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  z-index:0;
}
.widescreen {padding-bottom: 38.55%;}
    

.top-banner {margin-bottom:4em}  
.top-banner { width: 100%; height: 60vh; }
.swiper-slide { text-align: center; background: #fff;}  
   
.top-text-area {
    width: 50%;
    position: absolute;
    left: 0;
    right:0;
    margin:auto;  
    z-index: 100;
    color:white
}    
.top-text-area p {
	font-weight: 300;
    font-size: 1.6em;
}    

.top-text-area h1 {line-height: 0.9em;  font-size:4.9em}   

.top-image-area {width: 100%;
height: 100%;
float: right;
position: relative;
overflow: hidden;
background-position: center;
background-size: cover;}   



.hot-news {text-align: center; padding: 1em 0 9em; vertical-align:top}
.hot-news .container {overflow:visible}
.hot-newska {width:30%; height: 3.6em; vertical-align:top; line-height: 1.1em; font-weight:400; display:inline-block; font-size:2em; border:3px solid #8c7b69; color:#8c7b69; margin: 1em 1% 0; padding: 0.1em 3.2% 1em;}    
.hot-newska .date {font-size:.4em; margin-bottom:2em; color:#aea07d}    
    
.akce {text-align: center; padding: 0 0 9em; position:relative; overflow:visible} 
.akce .container {}
.akce-card {display:inline-block; box-sizing: border-box; width: 100%; padding: 0 5%; vertical-align:top;}
.akce-card .ornament  {width:35%; margin:0 auto 2em}
.akce-page .thumb .ornament  {width:37%; margin:1.5em auto 0em}
.akce-card h3 {margin-bottom:0.7}
.akce-card button {margin-top:3em} 
.akce-card .datum-konani {color: #9a7056; font-size: 1.5em;
font-family: 'Poppins', serif;
margin-bottom: 1.1em;}


.leaf { position:absolute; z-index:2}
#leaf1 {width: 18%; left: 4%; top:108%;}
#leaf2 {width: 19%; right: 4%; top: 88%;}
#leaf3 {width: 24%; right: 0;  top: -47%;}
#leaf4 {width: 21%; right: 6%; top: 204%; z-index: -2;}


.rozpis-lekci {text-align: center; padding: 1em 0 6em; overflow:visible; position:relative}
.rozpis-lekci .container {overflow: visible;}
/*.tt_timetable .event {
    background-color: #fff;}
.tt_timetable .event:hover{background-color:white}      
.tt_timetable .event:hover .hours {color:inherit!important}
.tt_navigation_wrapper {display:none}
.tt_wrapper {padding: 5em 0 5em;} 
.tt_event_theme_page h2, .tt_event_theme_page h3, .tt_event_theme_page h4, .tt_event_theme_page h5, .tt_event_theme_page p {font-family:inherit!important}
.tt_event_theme_page {min-height: 50vh;}*/



.kalendar .container {overflow: visible; text-align:center}
.kalendar h2 {text-align: center;}
.swiper-button-prev-kalendar, .swiper-button-next-kalendar {background-color:#8c7b69; border-radius:50%; width: 42px; height: 42px; background-size: 31%;}
.swiper-button-next-kalendar { right: -80px;}
.swiper-button-prev-kalendar { left: -80px;}
.swiper-button-prev-kalendar.swiper-button-disabled, .swiper-button-next-kalendar.swiper-button-disabled {opacity:.2} 

.kalendar .weekday { width:100%; font-size: 1.7em;  font-family: 'Poppins', serif; float:none; background:#8c7b69; color:#fff; text-align:center; padding:0.2em; box-sizing:border-box; border-bottom:1px solid #e4e4e4;}
.kal-den { width: 14.28%; float: left; border: 1px solid #ffeccc; box-sizing: border-box; cursor:pointer}
.kal-lekce {color:#4f4f4f; padding:1em; box-sizing:border-box}
.kal-lekce .date {font-weight:800;}
.kal-lekce .nazev {font-weight: 400; line-height: 1em;}
.kal-lekce .lektor {font-weight: 800; line-height: 1em; font-size: 0.9em; margin-top: 0.6em; color: #8c7b69;}
.kal-lekce:hover {background:#f4f4f4}
.kal-lekce .situace {font-weight: 800; line-height: 1em; font-size: 0.9em; margin-top: 0.6em; color:#d96d30;}
.situace-pop {font-size:1.2em; font-weight:bold; color: #910000; text-transform: uppercase;}


.kalendar-popup {
  display:none; 
  position:absolute; 
  top:45%; 
  transform:translateY(-50%); 
  left:0; right:0; margin:auto;
  background:#8c7b69; 
  padding:3em; 
  z-index: 10; 
  width:33%;
  cursor:pointer;
  border: 1px solid #ceae63;
  }

#popup-container {position:fixed; width:100%; height:100%; top:0; z-index: 10; display:none; text-align: center; color:white }
.kalendar-popup h2 {font-size: 2.7em;  font-family: 'Poppins', serif; text-transform:uppercase; color:#fff; margin-bottom: -0.1em;}   
.kalendar-popup h3 {    font-size: 1.9em; font-family: 'Poppins', serif; color: #fff;    font-weight: 400;}
.kalendar-popup .tag {line-height: 1.3em; margin-top: 1.2em;     font-weight: 300;}
.kalendar-popup .date { font-size: 2.2em; font-weight: 300;  line-height: 1.6em; }
.kalendar-popup .popis {line-height: 1.3em; margin-top: 1.2em;}
.close-popup {position:absolute; top:10px; right:10px; width:30px; display:block}   



.hot-box {margin:auto; position:relative; width:30%; height: 3.2em; vertical-align:top; line-height: 1em; font-weight:400; display:block; font-size:2em; border:3px solid #8c7b69; color:#8c7b69; margin: 1em auto 2em; padding: 0 3.2% 0} 
.hot-box p {position:absolute; top:50%; transform:translateY(-50%); text-align: center; left:0; right:0}
.but-info button {display: block; margin: auto; cursor:pointer} 

.lektori {text-align: center; padding: 5em 0 8em; background: #fafafa;}
.lektori .container {overflow:visible}
.lektori-card { height: auto; text-align: left; width: 100%; -webkit-backface-visibility: hidden; background: #fafafa;}
.lektori-card a {text-decoration: none;}  

.lektori-card .thumb {width:100%; height:auto}
.lektori-card .thumb img   {width:100%; height:auto }

.lektori-card h2 {font-size: 1.1em; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 0.9em; margin-top: 0.6em;}
.lektori-card .date {font-size: 0.8em; color: grey;}
.lektori-card .text {padding: 1.7em 0 0.7em}
.lektori-card h3 {text-align: left;}
.lektori-card button {border-color:#8c7b69; color:#8c7b69}

.lektori h3 {margin-bottom: 0.6em;}
.kurzy {  margin-top: -0.3em; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.2em; font-size: 0.8em;}        
.kurzy:before { content: ''; display: block; border: 0; width: 18%; height: 1px; margin-right: 4%; float: left; background-color: #deb79f; margin-top: 1.3em; }

.rovnovaha {padding:15em 5em; background-image:url('../img/bg1.jpg'); background-size:cover; background-attachment:fixed}
.rovnovaha h2, .rovnovaha p {color:white; text-align: center; text-transform:initial; margin:auto }
.rovnovaha h2 {margin-bottom:0; font-size: 6em; width:60%;    line-height: 0.9em; } 
.rovnovaha p {font-size: 1.2em; width: 47%; line-height: 1.2em;}

.popis-lekci {padding: 8em 0; text-align: center; position:relative}
.popis-lekci .container {overflow:visible}
p.perex {width:60%; margin:auto}
.grid {display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 4em;
  align-items: start;
  text-align: left;
  margin:3em auto}

.lekce {position:relative; overflow:visible;     margin-bottom: 2em;}
.lekce h3 {text-align: left;}  
.lekce span {         
font-family: 'Poppins', serif;
    position: absolute;
  left: -10%;
top: -0.2em;
font-size: 16em;
    color: #8c7b69;
    z-index: -2;
}

.cenik {position:relative}
.cenik .intro {background-color:#8c7b69; padding:8em 10%}
.cenik .intro h2 {color:white; text-align: center; margin-bottom: 0;}
.cenik .intro img {width: 9em; margin: -0.4em auto;}
.cenik-cards {margin-top:-5em; text-align: center;}
.cenik-card {display:inline-block; width:20%; padding:4em; margin:0 2%; background-color:white; 
-webkit-box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.08);
box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.08);}
.cenik-card .orn {width:20%; display:block; margin:1em auto}
.cenik-card .tag {width:40%; display:block; margin:1em auto 0}
.cenik-card .times {font-family: 'Poppins', serif; font-size: 4em; margin-bottom:.5em}
.cenik-card .ceny {font-size: 1.5em; margin-top: 2.4em;}
.cenik-card .cena {color:#8c7b69; font-weight:600; line-height: 1.6em;}
.platba-text p{width:50%; text-align: center; margin: 5em auto}

.onas {padding:4em 3%}
.onas .left {float:left; width: 35% }
.onas .left img {width:100%; border: 1px solid #8c7b69; padding:2%; box-sizing: border-box;}
.onas .right {float:left; width: 65%; padding:0 0 2em 8%; box-sizing: border-box; }
.onas .right .tag { width: 11em; margin-bottom: -2em;}
.onas h3 {text-align: left; font-size: 2.7em;}
 
.galerie h2 {text-align: center;}
.grid-galerie {display:grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-gap: 10px;
  align-items: start;
  text-align: left;
  margin:1em auto} 

.grid-galerie div { height:25em; background-size: cover; background-position: center;}  



.kontakty {position:relative; background: #fafafa;}
.kontakty .intro { 
/*background-image:url('../img/kontakty.jpg'); background-size: cover; background-position:fixed;*/ 
padding:8em 10%} 
.kontakty .intro img {width: 12em; margin: -0.4em auto;}
.kontakt-card {background-color:white;
width:80%; margin:-5em auto 3em;
    overflow: auto;
    padding: 2em;
    box-sizing: border-box; 
-webkit-box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.08);
box-shadow: 0px 0px 29px 1px rgba(0,0,0,0.08);} 

.kontakt-card .left {width:70%; float:left}
.kontakt-card .left h3 {text-align: left;}
.kontakt-card .right {width:30%; float:left}
.kontakt-card .col1 {width:26%}
.kontakt-card .col2 {width:26%}
.kontakt-card .col3 {width:48%; box-sizing:border-box; padding-right:5%} 
 
.adresy {font-size:.9em; line-height:1.3em}
.formular {margin-top:2em}
.dotaz-info {margin-bottom:.8em}
.formular .col1 {margin-right:1.1%}
.formular .col1 {width:45%}
.formular .col2 {width:50%}

.formular input[type=text], .formular input[type=date], .formular input[type=email], .formular input[type=tel], .formular textarea
{ width:100%; margin-right:0 }


 
#map {width:100%; height: 22.9em;} 
 
 
 
 
    
    
 /*footer*/
.foot {background:#9d928c;     padding: 8em 0 5em; margin-top:0; 
    
    color: white;
    letter-spacing: 0.12em;
    font-weight: 600;
    font-size: 0.9em;
    position:relative; 
    }
.foot .container {width:75%; position:relative;    overflow: auto; }
.foot a {color:white;}
.nav-foot {font-size: 1em; color: #eff2f7;}

.foot nav li {float:none}
.foot .col1 {text-transform: uppercase;}
.foot .col1 a {line-height: 2.7em;}


.foot .col.last {position:absolute; right:0; bottom:0}
.foot .socs {margin-bottom:6em}
.foot .socs img {display:block; float:right; width:1.7em; height:auto;  margin-left:4em}
.foot .logo {height: 7em;
    top: 4em;
    z-index: 1;
    position: absolute;
    padding: 0;
    top: 3em;
    left: 0;
    right: 0;
    margin: auto;}
.podminky { float:right; text-align:right; line-height:1.4em}
.copyright { position:absolute; width:33%; bottom:0; left:0; right:0; text-align: center; margin:auto; text-transform:uppercase}





/* SINGLE */
.single-post {padding:3em 0 10em}   
.single-post h1 {margin-bottom:1em}
.single-post h3 {text-align: left;}
.single-post-text {width: 60%; margin-right:10%; float:left}
.single-post-text .date {margin-bottom:1em; display:block}
.single-post-image {width:30%; float:left}
.single-post-image img{width:100%;}    

.nba-title {text-align:center; margin-bottom:1em}


/*single AKCE*/

.single-akce .datum-konani {font-size:3em; color: #9a7056;     margin-bottom: 1.3em;
font-family: 'Poppins', serif;}

/*.single-akce .single-post-text img {width:100%; height:auto}*/
.centered-image { text-align: center; }
.centered-image img { display: initial; }

.akce-page { }
.akce-page .container {overflow: visible;}
.akce-page h1 {text-align: left; color:#8c7b69}
.akce-page .thumb { height: 13em; overflow: hidden; margin-bottom: 2em;}
.akce-page .thumb img { width:100%; height:auto } 

.akce-page .akce-card {text-align: left;  padding: 0 5% 0 0;} 
.online-lekce .akce-card { width: 33%; margin-bottom: 5em; }
.online-lekce  .thumb { height: 16em; }



/* NEWS */

.news .akce-card {
	width: 33%;
	text-align: center;
	margin-top: 4em;
}

.news .akce-card .text h3 {
	text-align: center;
}

a { 
	text-decoration: none;
}

.lektori button:before, .lektori button:after {
	background-color: #fafafa;
}

.swiper-slide .top-text-area button {
	border-color: #fff;
    color: #fff;
}
	
.swiper-slide .top-text-area button:before, .swiper-slide .top-text-area button:after {
	display: none;
}

#iKalendar { width: 100%; height: 1150px; border: none; }