@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700italic,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Lato:300);

@media screen {

table { margin-left: 0; font-size: 100%;}
.flex-container {
    display: flex;
    height: 134px;
    align-items: center;
    margin: 1em 0;
}
.flex-container ul {
    padding-left: 1.3em;
    margin-right: 2em;
}
.flex-image {
    height: 100%;
}
.flex-image img {
    height: 100%;
    width: auto;
}

*|*:-moz-any-link:focus {
 outline-width: 0 !important;
 }

#bg, .intro {  position:fixed;  top:0;  left:0;   width:1920px; height:1200px; }
.intro { display:none;}
/*.spinner{ position:absolute; left:50%; top:47%;}*/
#izvan .spinner{ position:absolute; left:35%; top:20%;}

a {text-decoration:none;}

body{  height:100%; padding:0px; margin:0px; font-family: 'Quattrocento Sans',  sans-serif;  }
div, p, h2, ul img{padding:0px; margin:0px; }

a img { border: none; outline: none;}
a {
    outline: none;
}
            html {
               height: 100%;
                overflow:hidden; background: #000;
            }
            #content {
                height: 100%;
                overflow:hidden;
            }

.social { position:absolute; bottom:0; }
.fb-like { position:absolute; }

video{  visibility: hidden; opacity: 0; width:100%;  position:absolute;  border:#ccc solid 1px;}
#preloader { width:50%; height:45%; position:absolute;  top:38%; right:4%; z-index:13;  }

.windowdugme { display:none; width:auto;  font-weight:bold;  color:#fff; position:absolute; top:10%; right:6%;  cursor:pointer;}
.windowdugme:visited{ color:#fff; }

#izvan { opacity:0; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; overflow-y:hidden; overflow-x:hidden; width:70% !important; min-width:980px;  height:100%; min-height:530px;/*max-height:850px;*/  position:absolute; background: rgba(246,246,246, 0);/*background: #F6F6F6;*/ /*border:#ccc solid 1px;*//* -webkit-box-shadow:0 0 20px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 0 20px 3px rgba(0,0,0,0.4);-ms-box-shadow:0 0 20px 3px rgba(0,0,0,0.4); -o-box-shadow:0 0 20px 3px rgba(0,0,0,0.4);box-shadow:0 0 20px 3px rgba(0,0,0,0.4);*/  }



.reklama { display:none; position:absolute; top:0; left:0; background: #fff; width:100%; height:30%; max-height: 350px; min-height:100px;}
.crta { display:none; position:absolute; background:#f5f5f5; height:100%; max-height:45px; min-height:20px; width:0; bottom:0; left:0; /*z-index:2000;*/}

.dobologo { position:absolute; width:50%;  left:25%; bottom:3%;}
/*.leftTop { position:absolute; height:20%; width:26.4%; background:rgba(0, 0, 0, 0.8);}*/
.logo { /*display:none;*/ position:absolute; width:26.4%; margin-bottom:7px; background: rgba(0, 0, 30, 0.8); z-index: 2;}
.dobologoPrint { display:none;}

.dugmad {position:absolute; width:26.4%; height: 79%; top: 21%; background: rgba(0, 0, 30, 0.8);}
.nav { margin-top:5%; }
.nav, .news { position:relative; list-style:none; /*margin-top: 54%;*/ }
.nav ul, .news ul { list-style-type:none; margin: 0 ; padding: 0; width: 100%;}
.nav li, .news li { position:relative;  /*margin-top:3%;*/ width: 100%; cursor:pointer; padding: 1% 0;}
.nav a, .news a {  font-size: 100%; line-height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin-left: 10%;}
.news h3 { font-family: 'Lato', sans-serif; font-weight: normal; color: #fff; font-size: 130%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 91%; margin: 2% 2% 2% 0; padding-left: 9%; background: rgb(137, 79, 144);}
/* .news { padding:3% 0 5% 0; } */
.news-img { width: 80%; margin: 20px 10% 0 10%; display: inline; }
.nav #kinderyoga, .nav #rajayoga { display:none; }
.nav .kind a, .nav .raja a { margin-left:15%; }
.nav .cat.selected { background: url('vink.png') no-repeat 2% center ;}
.dugmad a{ color:#f6f6f6;}
.dugmad a:hover{ color:#f6f6f6;}
.dugmad a:visited{ color:#f6f6f6;}

#bodyPan{ height:80%; width:73%;  position:absolute;  /*margin-top:0.7%;*/ padding: 3% 0; overflow-x:hidden; overflow-y:auto; z-index:21; left: 27%; /*background: rgba(0, 0, 0, 0.7);*/}
#bodyPanPodloga{ height:130%; width:73%;  position:absolute;  margin-top:0.7%;  left: 27%; background: rgba(0, 0, 30, 0.8);}
.toptextpadding {  width:85.2%; margin-top:7px; padding:0 8%; color:#fff; font-weight:normal; line-height:130%;   }

.naslov {   font-family: 'Lato', sans-serif; font-weight:normal; color:#fff; background: rgba(137, 79, 144, 0.9);   width:68%; margin-left: 27%; padding:1% 0 1% 5%;  font-size:190%; /*line-height:110%;*/  }
.naslov:after { display:none;}

#bodyPan h2 {  font-family: 'Lato', sans-serif; color:#fff; font-weight:normal;  margin-top: 7px;  font-size:140%; line-height:110%; /*background: rgba(246,246,246, 1);*/ background: rgba(139, 153, 162, 1); width:77%; padding:1% 10% 1% 10%; }

.winterfeest {
    width: 100%;
    margin-bottom: 2%;
    text-align: center;
}
.winterfeest .img-winter {
    width: 100%;
    max-width: 400px;
}

#bodyPan h2:after {/*content:"- style"*/}
.toptextpadding a{ color:#ffcc00; font-weight:normal; text-decoration:none; }
.toptextpadding a:hover{color:#ffcc00; font-weight:normal;text-decoration:underline;}
.toptextpadding a:visited{color:#ffcc00; font-weight:normal;text-decoration:none;}
.toptextpadding li { list-style-position: outside; list-style-image:url('vink.png'); }
.toptextpadding li span { display:block; margin-left:5px;}
.toptextpadding p { line-height:150%; font-style: italic; font-size:20px;}
.toptextpadding p.home-tekst { margin-top:3%; padding: 3%; background: rgba(137, 79, 144, 0.5); }
.toptextpadding li a{ color:#ffcc00; font-weight:normal;text-decoration:none;}
.toptextpadding li a:hover{color:#ffcc00; font-weight:normal;text-decoration:underline;}
.toptextpadding li a:visited{color:#ffcc00; font-weight:normal;text-decoration:none;}
.toptextpadding .lijevo, .toptextpadding .desno { float:left; width: 50%; min-width:200px; }
.toptextpadding img {/*width:100%;*/}
.toptextpadding .profil { width:100%;max-width:200px;float:right;margin:0 0 5% 2%;}
.toptextpadding .info-contact { width:25%; display: inline-block;}
.toptextpadding .tenzin { margin: 1% 0; width: 100%; }
.toptextpadding .tenzin .photo { width: 30%; margin:0.5% 2% 0.5% 0; display: inline-block; max-width: 243px; }
.toptextpadding .tenzin .photo.last {  margin-right:0;}
.toptextpadding .tenzin .photo img { width: 100%; }
.toptextpadding .tenzin-bestellen {  background: rgba(137, 79, 144, 0.9); padding: 3px 10px; margin-left: 10px; cursor:pointer;}
.toptextpadding .tenzin-bestellen:hover { background: #ffcc00;  color:#000; }
.toptextpadding .kosten {  font-size: 90%; font-style: italic; margin-left: 3px;}
.toptextpadding .audio-player { margin: 2% 0; background: rgba(137, 79, 144, 0.9); padding: 2% 2% 1%; color: white; }
.toptextpadding .audio-player .demo {width: 100%; /*max-width: 350px;*/ display: inline-block;}
.toptextpadding .audio-player .demo.radio { float: right; }
.toptextpadding .audio-player .demo .tekst { margin-bottom: 3px; }
.toptextpadding .audio-player .demo audio {width:100%; }
.toptextpadding .foto-block {  }
.toptextpadding .foto-block img { float:right; margin: 1em; max-width: 300px;}
.toptextpadding .right-block { width: 100%; max-width: 400px; margin: 2% 0; }
.toptextpadding .right-block img { width:100%; }
.toptextpadding .home-block { border: 1px solid #ccc; margin-bottom:2%;}
.toptextpadding .home-block .left-block { display: inline-block; padding: 2%; min-width: 250px; float: left; border-right: 1px solid #ccc; max-width: 250px;}
.toptextpadding .home-block .left-block img { width:100%; }
.toptextpadding .home-block .left-block .tekst-onder {  width: 230px; padding:2%;}
.toptextpadding .home-block .right-block { float: left; display: inline-block; margin:0; padding:2%; width:50%; max-width:500px; }
.toptextpadding iframe { width: 70%; float: right; display: inline-block; min-width: 262px; height: 200px; margin-bottom:5%;}
.toptextpadding .photo-slider { background: rgba(137, 79, 144, 0.9); width:100%;}
.toptextpadding .MsoNormal {color:#000;  font-style:normal; font-size:100%;}
.toptextpadding .rooster {font-style:normal; }
.clear { clear:both; }
.contactForm { margin-top: 5%; }
#bodyPan .tekstList { list-style-position: outside; list-style-image:url('simbolplavi.png'); color:#000; font-weight:normal; margin: 0 0% 0% 5%; padding:0px 0px 0px 0px;}

@media(min-width: 768px) {
    .toptextpadding .home-block .left-block { max-width: 250px;}
}
select::-ms-expand {
    display: none;
}
.clear { clear:both; }
#footermainPan{ position:absolute;  width:100%;  height:70px; top:100%; margin:0px 0px 0px 0px; display:none; }
#footerPan{width:100%; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;  padding:15px 0 0;}
.logoPrint { display:none;}
.page-break	{ display: none; }
.info-contact-print { display: none; }
}
@media print {

.info-contact-print { display: inherit; position: absolute; top: 42px; right: 10px;}
#bodyPanPodloga { display:none;}
.news { display:none; }
.dugmad { display:none }
.page-break	{ display: block; page-break-before: always; }
body { font-family: 'Quattrocento Sans',  sans-serif; line-height:130%; font-size: 12px; }
.nav, .social, .fb-like, #footermainPan, #footerPan, #bg, #contact-form, .logo, iframe, small {display:none !important;}
.logoPrint { display:inherit; width:200px; margin-bottom:40px; }
.naslov {font-family: 'Lato', sans-serif; color:#000; font-weight:normal;  margin-top: 0;  font-size:180%; width:100%; border-bottom: solid 1px; padding: 0 0 10px 0;}
.naslov:after {  font-size: 70%; float:right; display:inherit !important;}
h2 { font-family: 'Lato', sans-serif; color:#000; font-weight:normal;  margin-top: 7px;  font-size:120%; width:100%; border-bottom: solid 1px; padding-bottom: 10px; }
#izvan { margin-top:30px}
#bodyPan .voorwaarden .toptextpadding  { padding-bottom:10px; }
.toptextpadding .profil { width:40%;max-width:230px;float:right;margin:0 0 5% 2%;}
.toptextpadding .lijevo, .toptextpadding .desno { float:left; width: 50%; min-width:200px; }
.toptextpadding p { margin-top:10px;}
}