input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

input::-moz-focus-inner { 
  border: 0; 
}
html{  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  }
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

a,input,button{transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}
.mobile{display: none;}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
*{margin:0;padding:0px;outline-width: 0px;outline-color: transparent;}
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.clear{clear: both;line-height: 0;height:0px;font-size: 0;}
body{text-align: center;height:100%;min-height:100%;position: relative;color:#fff;overflow-x: hidden;width:100%;max-width:100%;background-color: #fff;}
html{text-align: center;height:100%;min-height:100%;position: relative;}
input, textarea {-webkit-appearance: none;}

a img{border:0px;}

img{border:0 !important;}

a{color:#a35062;}
strong{font-weight: 600;}
select::-ms-expand {
    display: none;
}

select{
  display: block;    
  -webkit-appearance: none;
  background:#fff url(img/select.png) no-repeat right center;background-size:  auto 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;     
  border-radius:0;   
}     

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;

}

.video-container iframe,
.video-container object,
.video-container embed {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.videowindow{width:70%;min-width:90px;margin:0 auto;padding:0px 0 0 0;}
.videowindowtoplay{}

#obsahsingle{padding:150px 15px 100px 15px;text-align: center;}
@media screen and (max-width: 1500px){
  #obsahsingle{padding:120px 15px 50px 15px;text-align: center;}
}

#obsahsinglein{max-width:700px;margin:0 auto;text-align: justify;}
#obsahsingle h1{font-size: 75px;margin-bottom: 0.65em;text-align: left;}

#obsahsingle li {list-style-type: none;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;font-size: 24px;line-height: 1.3em;margin-bottom: 1em;padding-left: 32px;
  background: url(img/odrazka.png) no-repeat 1px 5px;text-align: left;font-size: 28px;font-weight: 400;background: url(img/odrazka.png) no-repeat 1px 10px;}
#obsahsingle li.active{font-size: 32px;font-weight: 700;background: url(img/odrazka.png) no-repeat 1px 10px;}
  #obsahsingle li a{text-decoration: none;}
  #obsahsingle li a:hover{text-decoration: underline;}
  
#obsahsingle li {list-style-type: none;font-family: 'Roboto Condensed', sans-serif;line-height: 1.3em;margin-bottom: 6px;padding-left: 0;
  background: url(img/odrazka.png) no-repeat 1px 5px;text-align: left;font-size: 28px;font-weight: 400;background: none;}  
#obsahsingle li.active{font-size: 32px;font-weight: 700;background: none;}
  #obsahsingle li a {border:1px solid #fdf3f4;text-decoration: none;padding:18px 15px;display: block;background-color: #fdf3f4;color:#a35062;}
  #obsahsingle li a:hover{background-color: #faeaeb;color:#a35062;text-decoration: none;}
  

.vleft{width:48%;float: left;padding-top: 0px;padding-bottom: 110px;}  

.medail{text-align: left;border:0px solid #a35062;padding:80px 0 80px 0;margin-bottom: 0px;border-left:0;border-right:0;border-top:0;margin-left: auto;margin-right: auto;width:100%;clear: both;
  background-color: #fdf3f4;
}
.medailin{max-width:1150px;width:100%;margin-left: auto;margin-right: auto;padding-left:15px;padding-right:15px;}
.medail p{margin-bottom: 0;color:#a35062;font-size: 22px;font-weight: 400;}
.medail p.infod{display: block;padding-top: 30px;}
.medail p strong {color:#a35062;font-weight: 700;font-family: 'Roboto', sans-serif;}
.rozhovor{text-align: left;display: none;}
.rozhovor.active{display: block;}
.rozhovor p strong{font-size: 1.1em;}

#otzvdo{margin:0 auto;max-width:1350px;padding-bottom: 100px;}
#otzvdo ul{display: block;float: left;width:100%;padding-top: 5px;}
.videowindow{float: right;width:48%;padding: 0px ;background-color: #fff;border:0px solid #a35062;}

.nexta,.preva{display: block;width:130px;font-family: 'Roboto Condensed', sans-serif;font-weight: 600;font-size: 16px;line-height: 1.3em;padding:15px 0 0 0px;text-decoration: none;}
.nexta:hover,.preva:hover{text-decoration: underline;}
.nexta{text-align: center;float: left;}
.preva{text-align: center;float: right;}

@media screen and (max-width: 1500px){
  #obsahsingle h1{font-size: 60px;margin-bottom: 0.5em;}
  #otzvdo{max-width:1150px;}
  #obsahsingle li.active{font-size: 27px;}
  
  
  #otzvdo{margin-bottom: 60px;padding-bottom: 20px;}
}
@media screen and (max-width: 900px){
  .vleft{width:100%;float: none;padding-bottom: 0;}
  .videowindow{float: left;width:100%;margin-bottom: 5px;}
    
  #otzvdo ul{padding-bottom: 12px;}
}

@media screen and (max-width: 890px){
  .rozhovor p{font-size: 21px;}
  #obsahsingle h1{font-size: 42px;margin-bottom: 0.5em;text-align: left;}
  #obsahsingle{padding:92px 15px 10px 15px;}
  #obsahsingle h1{margin-bottom: 0.2em;}
  .medail{width:100%;min-width:auto;}
  .medail p{font-size: 18px;}
  #obsahsingle li {font-size: 21px;margin-bottom: 2px;}
  #obsahsingle li a {padding:10px 10px;}
  #obsahsingle li.active{font-size: 23px;}  
  
    #otzvdo{margin-bottom: 30px;padding-bottom: 45px;}
    .medail{padding:50px 0 50px 0;}
   
  
  
}


  h1{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 60px;line-height: 1.2em;margin-bottom: 1em;color:#404040;}
  h2{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 40px;line-height: 1.2em;margin-bottom: 0.7em;padding-top: 10px;color:#404040;text-align: left;}
  
  .textsobr h2{font-size: 70px;}
  
  .onlytext{    max-width: 990px;margin: 0 auto;padding: 150px 0 0px 0;}
  @media screen and (max-width: 1500px){
    .onlytext{    max-width: 1078px;}   
  }
  .onlytext h3{font-size: 50px;margin-bottom: 1.3em;}
  @media screen and (max-width: 890px){
    .onlytext h3{font-size: 40px;}  
  }
  .onlytext li {list-style-type: none;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;font-size: 36px;line-height: 1.2em;margin-bottom: 1em;padding-left: 32px;background: url(img/odrazka.png) no-repeat 1px 14px;}
  .onlytext li a{text-decoration: none;}
  .onlytext li a:hover{text-decoration: underline;}
  .onlytext h3, .onlytext li{text-align: left;}
  h3{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 40px;line-height: 1.2em;margin-bottom: 20px;padding-top: 10px;color:#404040;}
  p{font-family: 'Roboto Condensed', sans-serif;font-weight: 400;font-size: 23px;line-height: 1.7em;margin-bottom: 1.8em;color:#404040;}
  @media screen and (max-width: 890px){
   p{font-size: 21px;}  
  }
  #extrainfo p{margin-bottom: 0;font-size: 18px;font-weight: 400;text-align: left;}
  #extrainfo{padding-bottom: 10px;}
  p.big{font-size: 26px;font-family: 'Roboto', sans-serif;font-weight: 400;line-height: 1.6em;margin-bottom: 60px;}
  .textsobr{max-width:900px;margin:0 auto;padding:200px 30px 0px 30px;position: relative;}
  .logos img{width:100%;height:auto;display: block;max-width: 80px;opacity: 0.20;margin: 0 auto;}
  .logos{width:100%;float: none;padding-top: 23px;text-align: center;}
  .textsobr p{float: none;}
  
  .textsobr p {margin-bottom: 1em;font-weight: 400;text-align: justify;}
  .textsobr p.bigmegatext{font-family: 'Roboto', sans-serif;line-height: 1.7em;color:#404040;display: block;width:100%;margin:0 auto;font-weight: 400;display: block;
    margin-bottom:1em;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    line-height: 1.4em;  
  
  }
  .textsobr p.bigmegatext strong{font-weight: 500;}
  
  
  
  @media screen and (max-width: 890px){              
    .textsobr{max-width:1185px;margin:0 auto;padding:200px 15px 0px 15px;}
    p.bigmegatext{font-size: 23px;}
    
    .logos{float: none;width:100%;text-align: center;}   
    .logos img{width:60px;height:auto;display: block;margin:0 auto;right:0%;}
    p.bigmegatext{width:100%;float: none;text-align: left;margin-bottom: 1.5em;}
  }
  
.videowindow p{font-size: 17px;text-align: left;margin-bottom: 0;line-height: 1em;font-weight: 500;margin-bottom: 9px;}
.videowindow p span{font-size: 12px;font-weight: 400;display: block;text-transform: uppercase;}
.videowindow .video-container{margin-bottom: 20px;}

#zpetnaseznam{width:100%;position: relative;}
#zpetnaseznam div{position: absolute;left:0px;width:48%;text-align: center;bottom:9px;}
#zpetnaseznam div a{font-family: 'Roboto Condensed', sans-serif;font-weight: 400;font-size: 16px;line-height: 1.3em;display: block;border:1px solid #fdf3f4;
text-decoration: none;padding:15px 5px;width:33.333%;float: left;margin-right: 0%;background-color: #fdf3f4;color:#a35062;} 
#zpetnaseznam div a.nexta,#zpetnaseznam div a.preva{color:#a35062;background-color: #fff;}
#zpetnaseznam div a:hover{text-decoration: none;background-color: #faeaeb;}



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

  #zpetnaseznam div{position: relative;left:0px;width:100%;text-align: center;bottom:auto;padding-top: 10px;padding-bottom: 40px;}
    
    
}
  
  
div.prouzekbox{padding:80px 0}
div.spacenom{height:200px;}  
div.prouzek{background: url(img/prouzek.png) no-repeat center center;background-size: 150px 6px;width:100%;height:150px;}

.logousdspace{text-align: center;padding:  100px 0 0 0;}
.logousdspace img{width:80px;height:auto;}

.in{margin:0 auto;max-width:1700px;padding-left:30px;padding-right:30px;transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}
       
#top{position: fixed;z-index: 3;width:100%;height:0px;padding-top: 160px;transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}
#top .in{max-width:100%;padding-left: 200px;}
#claim{position: absolute;width:100%;z-index: 2;text-align: left;bottom:135px;}
#claimin{padding:0 0% 0 200px;width:1300px;max-width:95%;}
@media screen and (max-height: 750px){ 
  #top{padding-top: 100px;}
  #claim{bottom:85px;}  
  #claimin{padding:0 0% 0 140px;}
  #top .in{padding-left: 140px;}
}
@media screen and (max-width: 1500px) , screen and (max-height: 650px){ 
  #top{padding-top: 100px;}
  #claim{bottom:90px;}
  #claimin{padding:0 0% 0 125px;}  
}
@media screen and (max-width: 1050px){ 
  #top{padding-top: 55px;}
  #claim{bottom:155px;}
  #claimin{padding:0 0% 0 55px;}  
}
@media screen and (max-height: 510px){ 
  #top{padding-top: 55px;}
  
   
  
    #claim{bottom:55px;}
    
}

@media screen and (max-width: 890px){ 
  #top{padding-top: 15px;}
  #claim{bottom:155px;}
  #claimin{padding:0 0% 0 15px;}  
}

#claim p{color:#fff;margin-bottom: 50px;}
#claim h1{font-size: 76px;font-weight:700;letter-spacing: 0.0em;font-family: 'Roboto Condensed', sans-serif;color:#fff;line-height: 1.15em;margin-bottom: 0;}
#claim h1 #fdo3{font-size: 38px;font-weight: 400;font-family: 'Roboto', sans-serif;line-height: 1.4em;display: block;padding-top: 0.4em;}
#claim h1 .colorrok1{color:#ddb8b1;color:#fff;}
#claim h1 .colorrok2{color:#c37d8d;color:#fff;}

@media screen and (max-height: 510px){ 
    
    #claim h1{font-size: 56px;}
    #claim h1 #fdo3{font-size: 32px;}
}

@media screen and (max-width: 1500px) , screen and (max-height: 650px){
  #claim h1{font-size: 60px;}
  #claim h1 #fdo3{font-size: 34px;}
}
@media screen and (max-width: 890px){
  #claim h1{font-size: 50px;}
  #claim h1 #fdo3{font-size: 32px;}
}
@media screen and (max-width: 500px){
  #claim h1{font-size: 40px;}
  #claim h1 #fdo3{font-size: 26px;}
}
@media screen and (max-width: 350px){
  #claim h1{font-size: 36px;}
  #claim h1 #fdo3{font-size: 26px;}
}
#arbox{position: absolute;bottom:00px;width:100%;z-index: 3;right: 70px;}
a#arr{background: url(img/arow-w2.svg) no-repeat;display: block;width:40px;height: 35px;background-size:100% auto;float: right;}
.nosvg a#arr{background: url(img/arow-w2.png) no-repeat;display: block;width:40px;height: 35px;background-size:100% auto;float: right;}
@media screen and (max-width: 1500px) , screen and (max-height: 650px){
  #arbox{right: 55px;}
  a#arr{background: url(img/arow-w2.svg) no-repeat;display: block;width:40px;height: 35px;background-size:100% auto;float: right;}
  .nosvg a#arr{background: url(img/arow-w2.png) no-repeat;display: block;width:40px;height: 35px;background-size:100% auto;float: right;} 
}

#top.normalpg, #top.odskrol{height:65px;padding-top: 20px;}



#top.normalpg .in, #top.odskrol .in {max-width:100%;padding-left: 20px;}

#logo{background: url(img/bile.svg) no-repeat;display: block;width:380px;height: 134px;background-size:100% 100%;}
.nosvg #logo{background: url(img/bile.png) no-repeat;display: block;width:380px;height: 134px;background-size:100% 100%;}
@media screen and (max-width: 1500px) , screen and (max-height: 650px){
  #logo{width:300px;height: 105px;}
  #top .in {padding-left: 125px;}
/*  #top{padding-top: 55px;}*/

  #top.normalpg, #top.odskrol{padding-top: 15px;}
  
  #top.normalpg .in, #top.odskrol .in {padding-left: 15px;}

}


@media screen and (max-width: 1050px){ 
    #top .in {padding-left: 55px;} 
}



@media screen and (max-width: 890px){            
    #top .in {padding-left: 15px;} 
    #top.normalpg, #top.odskrol{padding-top: 15px;}  
    #top.normalpg .in, #top.odskrol .in {padding-left: 15px;}
      #arbox{right: 15px;}
      a#arr {width: 30px;height:26px;}
      #claim{bottom:110px;}
     
     #top.normalpg, #top.whi{height:65px;padding-top: 15px;}
     
     #top.podklad, #top.podklad {background-color: #fff;-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);}
      
      
}    


                
#logo.color{background: url(img/hlavnilogo_bez_textu.svg) no-repeat;background-size:100% 100%;}
.nosvg #logo.color{background: url(img/hlavnilogo_bez_textu.png) no-repeat;background-size:100% 100%;}

#top.odskrol #logo{background:url(img/bile_bez_textu.png) no-repeat ;background-size:100% 100%;}
#top.odskrol #logo.color{background: url(img/hlavnilogo_bez_textu.svg) no-repeat;background-size:100% 100%;}
.nosvg #top.odskrol #logo.color{background: url(img/hlavnilogo_bez_textu.png) no-repeat;background-size:100% 100%;}


a#logo{transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}
#top.normalpg #logo, #top.odskrol #logo{width:199px;height: 70px;}
@media screen and (max-width: 890px){ 
  #top #logo{width:199px;height: 70px;}
  #top #logo{width:170px;height: 60px;}  
}
#burger{display: block;position: absolute;top:70px;right:70px;width:40px;height:34px;background: url(img/burgwc.svg) no-repeat top left;background-size: 100% auto;}
.nosvg #burger{display: block;position: absolute;top:70px;right:70px;width:40px;height:34px;background: url(img/burgwc.png) no-repeat top left;background-size: 100% auto;}
#burger.color{background: url(img/burgocol.svg) no-repeat top left;background-size: 100% auto;}
.nosvg #burger.color{background: url(img/burgocol.png) no-repeat top left;background-size: 100% auto;}
#top.normalpg #burger,#top.odskrol #burger{width:40px;height:34px;top:35px;right:30px;}
#arbox{transition: all .5s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}
#topovka.odskrol a#arr{background-size:100% auto;}
#topovka.odskrol #arbox{right:-40px;}



@media screen and (max-width: 1500px) , screen and (max-height: 650px){  
  #burger{top:55px;right:55px;width:40px;height:34px;}
  #top.normalpg #burger, #top.odskrol #burger{width:40px;height:34px;top:15px;right:15px;}
}
@media screen and (max-width: 960px){
  #obsahsingle{padding-top: 90px;} 
 #burger{top:20px;right:15px;width:30px;height: 34px;}
  #top.normalpg #burger, #top.odskrol #burger{width:30px;height: 34px;top:20px;right:15px;} 
  #top.normalpg #logo, #top.odskrol #logo{width:110px;height: 39px;}
}



#video{width:100%;position: relative;z-index:1;overflow: hidden;height:100%;}
#topovka{height:100%;position: relative;min-height: 500px;}


#black{width:100%;background-color: #404040;position: absolute;top:0px;left:0px;z-index: 2;height:100%}


.text h1{font-size: 76px;text-align: center;}
.text p{text-align: justify;}
.text .in{max-width:800px;}
.text div.prouzekbox{max-width:800px;}         


.videa .in{width:100%;max-width: 100%;}
.jednovideo{width:25%;float: left;padding:0 10px 0px 10px;}
.jednovideo div{background-color: #fff;float: left;padding:0px;height:100%;
/*-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);*/
}
.jednovideo img{width:100%;height:auto;}
.jednovideo h3{font-size: 28px;font-weight: 700;font-family: 'Roboto', sans-serif;text-align: left;margin-bottom:0px;padding:17px 19px 12px 0px;line-height: 1.55em;}
.jednovideo h3 a{text-decoration: none;color:#404040;}
.jednovideo h3 a:hover{text-decoration: underline;}                                                                                    
.jednovideo p a{text-decoration: none;color:#404040;}
.jednovideo p.aleft{font-size: 18px;font-weight: 400;font-family: 'Roboto Condensed', sans-serif;text-align: left;margin-bottom:0px;padding:17px 19px 0px 0px;line-height: 1.55em;}
.jednovideo p.aleft a:hover{text-decoration: none;}

.jednovideo h3 a{color:#a35062;}
.jednovideo h3.aleft a{color:#404040 ;}

.videain{padding-bottom: 50px;max-width:1600px;text-align: left;margin:0 auto;}
.videa{width:100%;text-align: left;margin:0 auto;}
.videa h2{font-size: 70px;margin-bottom: 1em;font-weight: 700;max-width:1300px;margin-left:auto;margin-right: auto;text-align: left;padding-top: 150px;padding-left: 10px;padding-right: 360px;}
.home .videa{/*background: url(img/prouzek.png) no-repeat top center;background-size: 150px 6px;*/}

.nahledsplay{position: relative;display: block;}
.nahledsplay img{position: relative;z-index: 1;transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}
.nahledsplay:hover img{opacity:0.85}
.nahledsplay span{position: absolute;z-index: 2;bottom:0px;right:0px;;background-size:60px 60px;display: block;width:100%;height:100%;}
.jednovideozobr{text-align: center;padding-bottom: 0px;padding-top: 0px;}
.jednovideozobr h3{height:100%;font-size: 20px;}
.jednovideozobr a{height:100%;display: block;line-height: 100%;position: relative;font-weight: 700;font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 16px;color:#bbbbbb;
  text-transform: uppercase;background:  url(img/playvse2.png) no-repeat center 5.5em;background-size:90% auto;}
.jednovideozobr a span{position: absolute;bottom:42%;display: block;width:100%;}

.jednovideozobr a:hover{color:#a35062;}

 
@media screen and (max-width: 1500px){
  .jednovideozobr a span{position: absolute;bottom:45%;display: block;width:100%;}
}
@media screen and (max-width: 890px){
  .jednovideozobr a span{position: absolute;bottom:45%;display: block;width:100%;}
}

@media screen and (max-width: 890px){
  .jednovideozobr{height:300px !important;}
  .jednovideozobr a{background:  url(img/playvse.png) no-repeat center 0;background-size:320px auto;}
  .jednovideozobr a span{position: absolute;top:150px;display: block;width:100%;}
}
 
.yvid{max-width:1000px;}


#top{z-index: 11;}
#burger{z-index: 3;}
#logo{z-index: 1;}
          /*
#menu{display: block;width:auto;padding:0px;text-align: left;background: transparent ;padding:40px 40px 0 0;left:auto;position: fixed;top:0px;z-index: 2;max-height: auto;overflow:auto;height:auto;right:0px;}
#menu ul li{display: inline-block;margin:0px 16px;width:auto;margin-bottom: 0em;font-size: 26px;font-family: 'Roboto Condensed', sans-serif;font-weight: 500;line-height: 1.2em;}
#menu ul li a {margin-left: 0px;color:#fff;text-decoration: none;}

#menu ul li a:hover{text-decoration: underline;}
#burger{display: none;}

.page-template-default #menu ul li a {color:#a35062;}
.studenti-template-default #menu ul li a {color:#a35062;}
#top.odskrol #menu ul li a {color:#a35062;}

.page-template-default #top{background-color: #fff;} 
.studenti-template-default #top{background-color: #fff;}

#top{min-height: 105px;}

                                  */
/*@media screen and (max-width: 1200px){*/   
  
  #menu{display: block;width:100%;padding:0px;text-align: left;background: #793450 ;background-size:60% auto;padding:100px 100px 30px 120px;left:-100%;position: fixed;top:0px;z-index: 2;max-height: 100%;overflow:auto;height:100%;}
  #menu ul li{display: block;margin:0px;width:100%;margin-bottom: 0em;font-size: 70px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;line-height: 1.1em;}
  #menu ul li a {margin-left: 0px;color:#fff;text-decoration: none;}
  #menu ul li a:hover{text-decoration: underline;}
  #menu ul li a.current_page_item{text-decoration: underline;}
  #burger{display: block;}
  
       
  
  .page-template-default #menu ul li a {color:#fff;}
  .studenti-template-default #menu ul li a {color:#fff;}  
  
  
  #top.odskrol #menu ul li a {color:#fff;}
  #top{min-height: auto;}
/*}                                       */
 
 
 
@media screen and (max-width: 1500px){      
  
                                                                                                                           
  .textsobr{max-width:940px;margin:0 auto;padding-top:100px;text-align: justify;}
  .logos img{position: relative;max-width:60px}
  
  .textsobr p.bigmegatext{font-size: 26px;}
  
  div.prouzekbox {padding: 40px 0;}
  
  .videain{max-width:1300px;} 
  .videa h2{font-size: 60px;max-width: 1100px;padding-right: 240px;}   
  .jednovideozobr h3{font-size: 16px;}
  .textsobr h2 {font-size: 50px;}
  div.spacenom{height:120px;}
    
    .jednovideo h3{font-size: 22px;}
  .jednovideozobr a{font-size: 15px;}
  
  #menu ul li{font-size: 60px;}
    #menu{padding:70px 100px 100px 90px;}
    
}  

@media screen and (max-height: 800px){      
  
     #menu ul li{font-size: 60px;}
    
}  




@media screen and (max-width: 1000px){
  .jednovideo{width:50%;}
  
  p.bigmegatext{font-size: 22px;}
  
  .textsobr h2 {font-size: 44px;}
  .videa h2{font-size:44px;padding-left: 0%;padding-right: 30%;padding-top: 110px;text-align: left;}
  
    .textsobr{max-width:745px;}
    
      #menu{padding:50px 50px 50px 50px;}
      #menu ul li{font-size: 44px;}
      
       .textsobr{padding-top:80px;} 
      
}


@media screen and (max-width: 890px){
  .jednovideo div{padding:0px;}
  .jednovideo h3{padding-left: 11px;}
            #menu{padding:40px 40px 40px 40px;}
        #menu ul li{font-size: 44px;margin-bottom: 5px;}
      .textsobr p.bigmegatext{font-size: 23px;}  
}


@media screen and (max-width: 560px){
  .in{padding-left:20px;padding-right:20px;}
  
  .jednovideo{width:100%;}
       .jednovideo h3{font-size: 26px;}
  .jednovideo{padding:0 0 0px 0;}
  
  .jednovideo h3{padding-top: 0;padding-bottom: 10px;}
  
  .videa h2{font-size:38px;padding-left: 0%;padding-right: 10%;padding-top: 60px;text-align: left;}
  .videa{padding-top: 0px;}
  .videa #o1, .videa #o2, .videa #o3{padding-top: 60px;}
  #menu ul li{font-size: 38px;}
}

.obsahpadd h2{padding-top: 0px;}
.obsahpadd{padding-top: 200px;}
.obsahpadd .videa{padding-top: 0;}
@media screen and (max-width: 1500px){
  .obsahpadd{padding-top: 170px;}    
}  

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


@media screen and (max-width: 890px){
  .obsahpadd{padding-top: 120px;}  
}

.in{padding-left:15px;padding-right:15px;}
.jednovideo h3{padding-left: 0;}




/*a35062*/





.home .obsahpadd{padding-top: 120px;}
@media screen and (max-width: 1500px){

 .home .obsahpadd{padding-top: 90px;}
} 
@media screen and (max-width: 1000px){

  .home .obsahpadd{padding-top: 50px;}
}

   /*
#mainimage{position: relative;max-width:1200px;margin:0 auto;padding-top: 00px;}
#mainimage img{width:100%;height:auto;display: none;}
#maintitlebox{position: relative;width:100%;height:300px;margin-bottom: 20px;}
.textobsahin h1{color:#404040;font-size: 80px;margin-bottom: 40px;padding-bottom: 0;line-height: 1.2em;text-align: left;}

.textobsah{max-width:900px;margin:0 auto;}
.textobsahin{padding:50px 15px 100px 15px;}
.textobsahinnad{padding:100px 15px 0px 15px;}
.textobsahin p{text-align: left;font-size: 26px;}
.textobsahinnad p#jinakp{margin-bottom: 60px;font-size: 26px;}

*/
#mainimage{position: relative;max-width:100%;margin:0 auto;padding-top: 00px;}
#mainimage img{width:100%;height:auto;display: none;}
#maintitlebox{position: relative;width:100%;height:auto;margin-bottom: 0px;background: url(img/prechod3.png) no-repeat;background-size: 100% 100%;}
#maintitlebox.hry{background: none;background: url(img/prechod4.png) no-repeat;background-size: 100% 100%;}
.textobsahin h1{color:#fff;font-size: 90px;margin-bottom: 0.4em;padding-bottom: 0;line-height: 1em;text-align: left;}


p#jinakp{color:#fff;/*background-color: #000;padding:0 10px*/}

.textobsah{max-width:750px;margin:0 auto;}
.textobsahin{padding:100px 15px 100px 15px;}
.textobsahin p{text-align: justify;font-size: 23px;}

.textobsahinnad{padding:190px 15px 20px 15px;}
.textobsahinnad p#jinakp{margin-bottom: 30px;font-size: 30px;font-family: 'Roboto', sans-serif;font-weight: 400;line-height: 1.5em;}
.textobsahinnad p{text-align: left;}


@media screen and (max-width: 1500px)
{
.textobsahin{padding:60px 15px 50px 15px;}
.textobsahin h1{font-size: 70px;}
.textobsahin p{font-size: 22px;}
.textobsahinnad p#jinakp{font-size: 24px;}
h2{font-size: 34px;}
.textobsah{max-width:680px;margin:0 auto;}
.textobsahinnad{padding:120px 15px 10px 15px;}  
}

@media screen and (max-width: 1000px)
{
.textobsahin h1{font-size: 44px;}
.textobsahin p{font-size: 22px;}
.textobsahinnad p#jinakp{font-size: 24px;}
h2{font-size: 34px;}
.textobsahinnad{padding:90px 15px 10px 15px;}
.textobsahin p {text-align: left;}

}      

p{text-align: justify;}
@media screen and (max-width: 600px)
{
  p{text-align: left;}
  .textobsahinnad p#jinakp {font-size: 23px;}
  .textobsahin p {font-size: 21px;}
    .textsobr p {text-align:left;}
}

#textobsahbg{}
.page-id-273 #textobsahbg{background: url(img/hrybg2.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page-id-273 #textobsahbg p {text-shadow: 0px 0px 2px #fff;}
.page-id-273 .normalpage h2{font-family: 'VT323', 'Roboto Mono', monospace;line-height: 1.1em;color:#000;font-weight: 400;margin-bottom: 1em;font-family: 'Press Start 2P', cursive;font-size: 26px;line-height: 1.8em;}

.page-id-273 .textobsahinnad p#jinakp{font-family: 'VT323', 'Roboto Mono', monospace;font-size: 36px;line-height: 1.1em;font-family: 'Press Start 2P', cursive;font-size: 18px;line-height: 2em;}
.textobsahinnad p#jinakp.jinakphry {font-family: 'VT323', 'Roboto Mono', monospace;font-size: 90px;line-height: 1em;color:#ffff;
font-family: 'Press Start 2P', cursive;font-size: 46px;line-height: 1.5em;
}

@media screen and (max-width: 1500px){
  .page-id-273 h2{font-size: 44px;}
  .page-id-273 .textobsahinnad p#jinakp{font-size: 32px;font-family: 'Press Start 2P', cursive;font-size: 16px;line-height: 2em;}
  .textobsahinnad p#jinakp.jinakphry{font-size: 70px;font-size: 41px;}
}
@media screen and (max-width: 600px){
  .page-id-273 h2{font-size: 36px;}
   .page-id-273  .textobsahinnad p#jinakp{font-size: 28px;font-family: 'Press Start 2P', cursive;font-size: 14px;line-height: 2em;}
   .textobsahinnad p#jinakp.jinakphry{font-size: 50px;font-size: 24px;}
}
                                     
                                     
       
#footer{background-color: #793450;padding:70px 15px 50px 15px;}
#logapata img{margin:0 0 50px;}                              
#footer ul{margin-bottom: 60px;}
#footer ul li a{color:#fff;text-decoration: none;font-size: 20px;white-space: nowrap;}
#footer ul li a.current_page_item,#footer ul li a:hover{text-decoration: underline;}
#footer ul li {display: inline-block;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;line-height: 1.5em;padding:15px 15px;}
#footer p{text-align: center;color:#fff;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;line-height: 1.5em;display: block;max-width:660px;margin:0 auto;font-size: 18px;margin-bottom: 1em;}
#footer p a{color:#fff;text-decoration: none;} 

@media screen and (max-width: 1500px){
  #footer{padding:50px 15px 25px 15px;}  
  #logapata img{margin:0 0 25px;}                              
  #footer ul{margin-bottom: 50px;}
  #footer ul li a{font-size: 18px;}
  #footer ul li {padding:10px 10px;}
  #footer p{font-size: 16px;}       
  .page-id-273 .normalpage h2{font-size: 22px;}  
}

@media screen and (max-width: 900px){
  #footer{padding:50px 15px 25px 15px;}  
  #logapata {padding:30px 0 30px 0;}
  #logapata img{margin:0 0 15px;width:200px;}                              
  #footer ul{margin-bottom: 00px;}
  #footer ul li a{font-size: 18px;}
  #footer ul li {padding:10px 10px;}
  #footer p{font-size: 14px;} 
}

.knihy img{float: left;width:44%;height:auto;margin:0 35px 35px 0;margin-left: -22%;}
.normalpage h2{margin-bottom: 1em;padding-top: 0em;font-size: 50px;}

#pruhher{background-color: transparent;padding:0px;width:44%;float: left;margin:0 35px 0px 0;margin-left: -22%;}

#pruhher p{padding:4px 0% 0 0;margin:0;font-family: 'VT323', 'Roboto Mono', monospace;font-size: 24px;line-height: 1em;margin-bottom: 1em;color:#a35062;font-family: 'Press Start 2P', cursive;font-size: 12px;line-height: 1.7em;fon}
.textobsahin #pruhher p{text-align: left;}
                                                                                                                                                                           
#pruhher .jednahra{width:100%;padding:0.5px;text-align: left;margin-bottom: 30px;line-height: 1em;}

#pruhher .jednahra img{width:100%;height:auto;

}
#pruhher .jednahra img{position: relative;z-index: 1;transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;z-index: 1;}
#pruhher .jednahra a{position: relative;}
#pruhher .jednahra a:hover img{opacity:0.85}
#pruhher .jednahra a span{z-index: 2;position: absolute;right:6px;bottom:10px;font-family: 'VT323', 'Roboto Mono', monospace;font-size: 20px;line-height: 1.1em;font-weight: 400;padding:5px 8px;background-color: #fdf3f4;color:#a35062;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
font-family: 'Press Start 2P', cursive;font-size: 10px;line-height: 1.8em;
}
#pruhher .jednahra a:hover span{color:#a35062;background-color: #faeaeb;}
#pruhher .jednahra h3{font-size: 18px;padding:0 20% 0 0;margin:0;font-family: 'VT323', 'Roboto Mono', monospace;font-size: 30px;line-height: 1em;font-weight: 400;font-family: 'Press Start 2P', cursive;font-size: 15px;line-height: 1.7em;}



#pruhher .jednahra h3 a{text-decoration: none;}
#pruhher .jednahra h3 a:hover{text-decoration: underline;}

#spustithru {z-index: 2;font-family: 'VT323', 'Roboto Mono', monospace;font-size: 48px;line-height: 0.9em;font-weight: 400;background-color: #fdf3f4;color:#fff;text-decoration: none;float: left;width:44%;float: left;margin:0 35px 20px 0;margin-left: -22%;display: block;position: relative;

font-family: 'Press Start 2P', cursive;font-size: 20px;line-height: 1.5em;

}
#spustithru:hover {background-color: #000;background-image:none;}
#spustithru span{top:0px;left:0px;height:100%;width:100%;transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}
#spustithru span.spu1{z-index: 1;position: absolute;display: block;background: url(img/prechod3.png) no-repeat;background-size: 100% 100%;}
#spustithru span.spu2{z-index: 2;position: relative;padding:60px 30px;display: block;}

#spustithru:hover span.spu1{background-color: transparent;background: red none;}
#spustithru:hover {color:#fff;}

@media screen and (max-width: 1500px){
    .normalpage h2{font-size: 40px;} 
        #pruhher .jednahra h3{font-size: 24px;font-family: 'Press Start 2P', cursive;font-size: 11px;line-height: 1.7em;}
        
         #spustithru {padding:0px;font-size: 40px;font-size: 44px;font-family: 'Press Start 2P', cursive;font-size: 18px;line-height: 1.7em;}
                      #spustithru span.spu2{z-index: 2;position: relative;padding:30px 30px;display: block;}   
}

@media screen and (max-width: 1000px){
    .knihy img{float: left;width:40%;height:auto;margin:0 20px 10px 0;margin-left: 0%;}
    #pruhher{background-color: transparent;padding:0px;width:40%;float: left;margin:0 20px 0px 0;margin-left: -0%;}
    
    #spustithru {width:40%;float: left;margin:0 20px 10px 0;margin-left: 0%;font-size: 30px;font-family: 'Press Start 2P', cursive;font-size: 15px;line-height: 1.7em;}
      
}

@media screen and (max-width: 600px){
    .normalpage h2{font-size: 35px;} 
    .knihy img{margin:0 15px 10px 0;}
    #pruhher .jednahra h3{font-size: 18px;font-family: 'Press Start 2P', cursive;font-size: 8px;line-height: 1.7em;}
    #pruhher p{font-size: 18px;font-family: 'Press Start 2P', cursive;font-size: 10px;line-height: 1.7em;}
             #spustithru {padding:00px;font-size:24px;font-family: 'Press Start 2P', cursive;font-size: 10px;line-height: 1.7em;}
             #spustithru span.spu2{z-index: 2;position: relative;padding:30px 10px;display: block;}
}

@media screen and (max-width: 450px){
       #pruhher p{font-size: 8px;}
}


.hry h2{clear: both;}



.page-id-293 .videowindow{width:100%;float: none;margin-bottom: 40px;}


iframe#iframenahry{width:100%;height:100%;margin-bottom: -5px;}



iframe, iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}        

#infobox{width:100%;height:100%;z-index: 2;position: absolute;top:0px;left:0px;display: none;}

.postid-173 .v2 #infobox{display: block;background:#000 url(img/otazkanezazneladienst.jpg) no-repeat center center ;background-size: 100% 100%;}
.postid-173 .v3 #infobox{display: block;background:#000 url(img/otazkanezazneladienst.jpg) no-repeat center center ;background-size: 100% 100%;}

.postid-229 .v2 #infobox{display: block;background:#000 url(img/fenclneza.jpg) no-repeat center center ;background-size: 100% 100%;}

.postid-176 .v1 #infobox{display: block;background:#000 url(img/kasaltext.jpg) no-repeat center center ;background-size: 100% 100%;}
.postid-176 .v2 #infobox{display: block;background:#000 url(img/kasaltext.jpg) no-repeat center center ;background-size: 100% 100%;}
.postid-176 .v3 #infobox{display: block;background:#000 url(img/kasaltext.jpg) no-repeat center center ;background-size: 100% 100%;}

#videostop{width:100%;height:calc(100% - 0px);z-index: 2;position: absolute;top:0px;left:0px;display: none;}
#videostop div{width:100%;height:100%;display: block;background: url(img/pplay.svg) no-repeat center center ;}
.nosvg #videostop div{width:100%;height:100%;display: block;background: url(img/playy.png) no-repeat center center ;}

video{min-height:100%;min-width:100%;}

video{
  position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  z-index: -1000; 
  overflow: hidden;
}


/* ---- grid ---- */

.grid {   max-width: 90%;
   padding-bottom: 150px;
   margin:0 auto;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
  padding:1%;
}

.grid-item img {
  display: block;
  width: 100%;
}

#obsahsingle.letaky h1{text-align: center;}
#obsahsingle.letaky img{width:100%;max-width:1000px;}
#letakyobsah{width:100%;max-width:600px;margin:0 auto;}

p.exinfo{font-weight: 600;font-size: 18px;text-align: center;}

@media screen and (max-width: 1500px){
   .grid{width:100%;} 
   
    .grid-sizer,
.grid-item {
  width: 33.333333333%;
}        
}

@media screen and (max-width: 1000px){
                     .grid-sizer,
.grid-item {
  width: 50%;
}   

}

@media screen and (max-width: 600px){
                       .grid-sizer,
.grid-item {
  
} 
}

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