@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



html {
	background:#fff;
    color:#000;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
 font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
body { margin:0; min-width: 320px;min-height: 100%;position: relative; font-size: 16px;}

#nav-label {display: none; position: fixed; text-indent: -9em; overflow: hidden; width: 2em;}

#nav { float:right }
#nav ul {
	padding:0; margin:0;
	transition: all .5s; -webit-transition: all .5s; -ms-transition: all .5s;
	float: left;
	width: 60%;
	display: flex;
	justify-content: space-between;
}
#nav li {list-style: none; display: inline-block; position:relative;}
#nav li a {
	display: inline-block;
	text-transform: uppercase;
	padding: .2em 1em;
	line-height: 3em;
	font-size: 1.2em;
	white-space: nowrap;
}
#nav li li, #nav li li a {display: block;}
#nav li li {border-bottom: 1px solid #7d0f37;}
#nav li li a { }
#nav li li:hover > a {background: ;}
#nav ul ul {width: auto; position: absolute; display: none; background: #616C83; z-index:999;
-webkit-box-shadow: 0px 5px 10px 0px rgba(160,10,65,0.75);
-moz-box-shadow: 0px 5px 10px 0px rgba(160,10,65,0.75);
box-shadow: 0px 5px 10px 0px rgba(160,10,65,0.75);
}
#nav ul ul ul {left: 100%; top:0;}

#nav li:hover > ul {display: block;}
#nav li:hover > a {color:#C2c2c2; background: ;}

.bgreen b{

}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {  serif; margin: 0; padding: 0; margin-top: 1.5em;}

h1 {
	font-weight: 700;
	font-size: 3em;
	margin-bottom: 1.5em;
	margin-bottom: 0;
}

h2 {
	font-weight: 600;
	font-size: 1.5em;
	margin-top: 2.5em;
	margin-bottom: 1em;
    position:relative;
}

h2:before{
    content:"";
    width:3em;
    height:.75em;
    background:#000;
    position:absolute;
    top:-2.5em;
    left:-1em;
    
}


h3 {
	font-weight: 400;
	font-size: 1em;
	margin-top: 0;
}

h1 strong, h2 strong, h3 strong {font-weight: 700;}

h4 {
  font-size: 1.25em;
  font-weight: bold;
}

h4 strong {font-weight: 400;}

h5 {
	font-weight: 300;
	font-size: 0.75em;

}

h5 strong {font-weight: 400;}

h6 {
	font-weight: 300;
	font-size: 0.75em;

}

h6 strong {font-weight: 400;}


#footer {
	position: relative; padding:0em;  width: 100%;  height: auto;
	background: #191923;
	padding-bottom: 1.5em;
}

header {

/* height: 4.5em; */

/* position: fixed; */

/* width: 100%; */

/* top: 0; */
}

 header a{
 	text-decoration:none;
 }

 header #logo{
 	text-decoration:none;
 	display:inline-block;
 	float:left;
 	margin-left:2em;
 	margin-top:1em
 }

 #nav{
 	display:inline-block;
 	float:right;
 	margin-right:2em;
 }

 	.wrapped {max-width:100%; width:64em;margin:auto}

	 section{
	 margin:1em 0;
	 padding:3rem;
     clear:both
	 }
     
     #sec1{
        margin-top:8em;
     }
	 
	 #sec1 h1 span{
	 	font-size:1.5rem;
	 	display:block;
	 	margin-bottom:1.5rem;
	 }
	 
	 #sec1 h1 b{
	 	font-size:6rem;
	 	display:block;
	 	margin-bottom:.5rem;
	 }
	 #sec1 h1 sub{
	 	font-size:3rem;
	 	display:block;
	 	text-transform:lowercase;
	 }
	 
	 p{
	 	font-size:  1.125rem;
	 	line-height:1.5
	 }
	 

	 #sec1 .btn{
	 	float:left;
        margin-top:2em;
	 }	 

     #sec1 #logo{
        margin-bottom:2em;
	 }	 

    #sec1  .bgreen {
      margin-top: 5em;
      font-size: 1.5em;
    }

    .mpleft{
        margin-left:4em;
    }


   .btn-dwnld{
	 	display:inline-block;
		text-decoration:none;
		padding:1.5rem 2rem;
		box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.35);
	border-radius: 10px;
		
	 }
	 
	  .btn-dwnld:hover{
	  cursor:pointer;
	 }
	 

.dwnld-qr, .dwnld-word, .dwnld-ppt {
	padding: 1rem 4.5rem 1rem 1rem;
	background-position: 95% center;
	background-repeat: no-repeat;
		box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.35);
		border-radius: 10px;
}

.dwnld-qr:hover, .dwnld-word:hover, .dwnld-ppt:hover {
		box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.35);
		border-radius: 10px;
	  cursor:pointer;
	}


	
	.w50.whitebg h3 {
	font-size: 2em;
	padding: 0 .5em;
}
	
	.w50.whitebg p, .w50.whitebg h3{
		padding:1em
	}
	
	.dwnld-qr{
		background-image: url(qr.svg);
	} 
	
	.dwnld-word{
		background-image: url(word.svg);
	} 
	
	.dwnld-ppt{
		background-image: url(ppt.svg);
	} 
	
	.dwnld-word:hover{
		background-image: url(wordg.svg);
	} 
	
	.dwnld-ppt:hover{
		background-image: url(pptg.svg);
	} 
	
	
	
	 input[type=text], textarea{
	  background:rgba(255, 255, 255, 0.2);
	  border-radius: 5px;
	  border:0;
	  padding:1rem;
	  font-size:1.5rem;
	  width:  80% ;
	  margin:0 0 1rem 0
	 }

	 .w50{
	 	width:48%;
	 	display:inline-block;
	 	vertical-align:top;
	 }
	 
	 .w30{
	 	width:33%;
	 	display:inline-block;

	 }
	 
	 .w70{
	 	width:66%;
	 	display:inline-block;

	 }
	 
	 a{
        color:#000;
        font-weight:600
	 }
     
.email, .phone {
    display: inline-block;
    padding-left: 1.75em;
    background-image: url(email.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    margin-left: .5em;
}

    .lngsw{
       text-align: right; padding-top: 4.5em;
    }


    .lngsw a{
       display:inline-block;
       border-radius: 50%; padding: 0.35em 0.5em 0.5em;
    }

    .lngsw a.active{
       background:#000;
       color:#fff;
    }

     .phone{
        background-image:url(phone.svg);
     }
     
	 footer .w50{
        font-size:.8em;
     }
.addDoc {
	padding: 20px 20px 20px 60px;
	background: transparent url(plus.png) no-repeat center left;
	display: inline-block;
	text-decoration: none;
	margin: 2rem 0;
}
	 
	 .ahref{ 	 	padding: 20px 20px 20px 60px;
	 	background:transparent url(globe.svg) no-repeat center left;
	 	display:inline-block;
	 	text-decoration:none;
        background-size: 28px;
 }
	 .amail{ 	 	padding: 20px 20px 20px 60px;
	 	background:transparent url(mail.svg) no-repeat center left;
	 	display:inline-block;
	 	text-decoration:none;
        background-size: 28px;
 }
	 
	 .atel{ 	 	padding: 20px 20px 20px 60px;
	 	background:transparent url(tel.svg) no-repeat center left;
	 	display:inline-block;
	 	text-decoration:none;
        background-size: 28px;
 }
	 .mappoint{ 	 	padding: 20px 20px 20px 60px;
	 	background:transparent url(point.svg) no-repeat center left;
	 	display:inline-block;
	 	text-decoration:none;
 }
	 .calendar{ 	 	padding: 20px 20px 20px 60px;
	 	background:transparent url(calendar.svg) no-repeat center left;
	 	display:inline-block;
	 	text-decoration:none;
 }
	 



form textarea {
	float: right;
	height: 16rem;
	width: 95%;
}
	 form input[type=submit], .btn, #prihlaska button{
	 	display:inline-block;
	 background: #00CC99;
		font-weight:700;
		 border:0;
		text-decoration:none;
		padding:1rem 2rem;
		font-size:1rem;
	
box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.35);
border-radius: 10px;		
	 }
	
 form input[type=submit]:hover, .btn:hover	{
			box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.35);
			border-radius: 10px;	
			cursor:pointer;
	} 
	 

.whitebg{

}

#partneri img{
	margin:1rem;
}

.taright{
	text-align:right
}

#program img{
    float:right
}

#program h1{
    padding-topo:4em
}


#partneri .wrapped{
display:flex;
}

#partneri a {
    display: block;
    flex: auto;
}

#popup-modal{
background: #09193D url(mrizka_green.svg) no-repeat top right;
padding:7em 5em;
max-width:50em;
margin:auto;
position:relative;
}

#popup-modal .mfp-close{
    font-size:3em
}

#popup-modal h1{
    border-bottom:2px solid #00CC99;
    display:inline-block;
}

.flr{
float:right
}

@media (max-width:1300px) {
  #nav li a {
    font-size:1em;
  }
}

@media (max-width:980px) {

#partneri .wrapped{
display:block;
}

 .taright{
	text-align:left
}
	.wrapped {max-width:93%}

section {
  padding: 1rem;
}
#program img {
    float:none
}

.mpleft {
	/* margin-left: 4em; */
	clear: both;
	margin-top: 10em;
}

	.w30,.w70,.w50{
		float:none;
		display:block;
		width:100%;
		text-align:left;
	}

	#nav {
	margin-top: 0em;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(160,10,65,0.75);
	-moz-box-shadow: 0px 5px 10px 0px rgba(160,10,65,0.75);
	box-shadow: 0px 5px 10px 0px rgba(160,10,65,0.75);
	}


	#nav-toggle:checked ~ label:before {
		transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);
	}
	#nav-toggle:checked ~ label:after {
		transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);
	}
	#nav-toggle:checked ~ label:before, #nav-toggle:checked ~ label:after {
		box-shadow: none; -webkit-box-shadow: none;
	}
	#nav-label {display:block; height: 4.5rem; width: 4.5rem;top: 0;  z-index:5; background:transparent}
	#nav-label:after, #nav-label:before {
		transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s;
		content: ""; border:1px solid #fff; width: 2em; height: 0; position: absolute; top:2em;
    box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff; -webkit-box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff;
		left: .75em;
	}
	#nav {top:0; right:2rem; left:auto;z-index: 3; position:fixed;}
	#nav ul {position:absolute;top: 4.5rem; right:-50em;  z-index: 5; font-size: 1em; display: block;}
	#nav > ul {max-height:calc( 100% - 4.5rem ); overflow-y:auto}
	#nav ul {float: none; max-width: 100vw;}
	#nav li {display:block}
	#nav li a {float: none; display: block; white-space: nowrap; line-height:normal; padding:.75em 20px; font-size:1em; text-align:center;min-width:12em }
	#nav li a:hover, #nav li a.active, #nav li:hover > a {background: rgba(25,25,35,0.25); }
	#nav li li a:hover {background: rgba(25,25,35,0.5);}
	#nav-toggle:checked ~ ul {right:-4rem; min-width: 14em; }
	#nav ul ul {position: static; display: block; font-size:.85em; border-width:0; background:rgba(0,0,0,.33)}

}


@media (max-width:590px) {
    #sec1 h1 span{
			font-size:.5em;
			margin-bottom:.5em
		}
    #sec1 h1 b{
			font-size:1.2em;
		}
   #sec1 h1 sub{
			font-size:1.1em;
		}

}

@media print {
	*, *:before, *:after, *:first-letter, *:first-line { background: transparent !important;  box-shadow: none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}