@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;700&display=swap');

html {
	background:#09193D url(mrizka_green.svg) no-repeat top right ; background-size:100% auto; color: #fff;;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	font-family: 'Sora', sans-serif;
}
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: 768px;
	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.3em;
	white-space: nowrap;
}
#nav li li, #nav li li a {display: block;}
#nav li li {border-bottom: 1px solid #7d0f37;}
#nav li li a {color: #ffffff;}
#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:#00CC99; background: ;}


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

h1 {
	font-weight: 400;
	font-size: 2em;
	margin-bottom: 1.5em;
}

h2 {
	font-weight: 400;
	font-size: 1.5em;

}

h3 {
	font-weight: 400;
	font-size: 1em;

}

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

h4 {
	font-weight: 300;
	font-size: 1em;

}

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 {
	background: #3A4764;
	color: #fff;
	height: 4.5em;
	position: fixed;
	width: 100%;
	top: 0;
}

 header a{
 	color:#fff;
 	text-decoration:none;
 }

 header #logo{
 	color:#fff;
 	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;
	 }
	 
	 #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:right
	 }	 


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

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

.dwnld-qr:hover, .dwnld-word:hover, .dwnld-ppt:hover {
		background-color: #09193D;
		box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.35);
		border-radius: 10px;
	  color:#00CC99;
	  cursor:pointer;
	}


	
	.w50.whitebg h3 {
	font-size: 2em;
	padding: 0 .5em;
}
	
	.w50.whitebg p, .w50.whitebg h3{
		padding:1em
	}
	
	.dwnld-qr{
		background-color:#3A4764;
		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);
	  color:#fff;
	  border-radius: 5px;
	  border:0;
	  padding:1rem;
	  font-size:1.5rem;
	  width:  80% ;
	  margin:0 0 1rem 0
	 }

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

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

	 }
	 
	 a{
	 	color:#fff;
	 }
	 
.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;
 }
	 .amail{ 	 	padding: 20px 20px 20px 60px;
	 	background:transparent url(mail.svg) no-repeat center left;
	 	display:inline-block;
	 	text-decoration:none;
 }
	 
	 .atel{ 	 	padding: 20px 20px 20px 60px;
	 	background:transparent url(tel.svg) no-repeat center left;
	 	display:inline-block;
	 	text-decoration:none;
 }
	 .mappoint{ 	 	padding: 20px 20px 20px 60px;
	 	background:transparent url(point.svg) no-repeat center left;
	 	display:inline-block;
	 	text-decoration:none;
 }
	 

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

.whitebg{
	 	background: #3A4764;
}

#partneri img{
	margin:1rem;
}

.taright{
	text-align:right
}

@media (max-width:980px) {
 .taright{
	text-align:left
}
	.wrapped {max-width:93%}

	.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; background:#3A4764; 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 {color:#fff;float: none; display: block; white-space: nowrap; line-height:normal; padding:.75em 20px; font-size:1em; text-align:center }
	#nav li a:hover, #nav li a.active, #nav li:hover > a {background: rgba(25,25,35,0.25); color:#fff}
	#nav li li a:hover {background: rgba(25,25,35,0.5);}
	#nav-toggle:checked ~ ul {right:-4rem}
	#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; color: #000 !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; }
}