/*=======================================================
			Page Loader
========================================================*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,1);
	z-index: 999999;
	opacity: 1;
	text-align: center;
}
.loaderContainer {
	position: relative;
}
@-webkit-keyframes loader {
 0% {
 -webkit-transform: translateX(0px);
 -moz-transform: translateX(0px);
 -ms-transform: translateX(0px);
 -o-transform: translateX(0px);
 transform: translateX(0px);
}
 50% {
 -webkit-transform: translateX(120px);
 -moz-transform: translateX(120px);
 -ms-transform: translateX(120px);
 -o-transform: translateX(120px);
 transform: translateX(120px);
}
}
@keyframes loader {
 0% {
 -webkit-transform: translateX(0px);
 -moz-transform: translateX(0px);
 -ms-transform: translateX(0px);
 -o-transform: translateX(0px);
 transform: translateX(0px);
}
 50% {
 -webkit-transform: translateX(120px);
 -moz-transform: translateX(120px);
 -ms-transform: translateX(120px);
 -o-transform: translateX(120px);
 transform: translateX(120px);
}
}
#loader .position-center-center {
	padding-top: 20%;
	width: 100%;
}
#loader p {
	padding-top: 100px;
	margin: 20px 0;
}
.loaderContainer .loaderBG {
	background: rgba(0,0,0,0.3);
	width: 10%;
	height: 4px;
	margin: 0 auto;
}
.loaderContainer .loaderCircle {
	background: #fff;
	width: 120px;
	height: 6px;
	border-radius: 0;
	position: absolute;
	top: -1px;
	left: 43%;
	/* calling our animation keyframe */
	-webkit-animation: loader 1000ms infinite ease-in-out;
	-moz-animation: loader 1000ms infinite ease-in-out;
	-ms-animation: loader 1000ms infinite ease-in-out;
	-o-animation: loader 1000ms infinite ease-in-out;
	animation: loader 1000ms infinite ease-in-out;
}

body {  font-family: "DM Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
    font-optical-sizing: auto;
    font-weight: <weight>;
	line-height: 23px;
    font-style: normal; overflow-x: hidden; background: url('/images/background.png') no-repeat; background-position: top 150px left;  }

p { line-height: 23px; font-size: 15px; }
section { padding: 0; margin: 0; }

.container { width: 1100px;}
.row { margin-left: 50px; margin-right: 50px;}

header { position: fixed; background: #fff; width: 100%; padding-top: 10px; }

#home { padding-top: 80px; height: 400px;
background: url("/images/bg-header.png"); background-size: cover;  }

#home .container { padding-top: 80px; padding-right: 0px; }
#home .row { padding-right: 0px !important; margin-right: 0px;}


#home .claim {
	background: #41909C none repeat scroll 0 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: #fff;
display: inline;
line-height: 46px;
margin-bottom: 10px;
border:solid 1px #41909C;
padding: 0 20px;
font-size: 42px;
text-transform: uppercase;
font-weight: 900;
}	 

#home .icons {  max-height: 190px !important; padding-right: 0; }

.view-more {  border-radius: 25px; margin-top: 26px;
    background: #ee844f; display: inline-block;
    padding: 10px; width: 140px; text-align: center; color: #fff; text-transform: uppercase; }
.view-more:hover { color: #fff; text-decoration: underline;}    

h1 { display: none; visibility: hidden;}
h2, h3, h4 { color: #57A3B5; font-weight: 900; font-size: 42px; letter-spacing: 2px; text-transform: uppercase; line-height: 45px;}
a {  color: #000; }
a:hover { color: #57A3B5; text-decoration: none; }

	.logo {	display: inline; float: left; padding-left: 20px;  font-size: 1px;}
	.logo a, .logo span { display: block; height: 90px; width: 200px; }
	.logo a {color: #000; position: relative; line-height: 53px; }
	.logo span { position: absolute; top: 0; left: 0; cursor: pointer; display: none; }
	.logo_  { background: url('/images/logo.png') 0 0 no-repeat; background-size: cover; }

nav { margin: 0 auto; max-width: 100%; }
nav ul {  margin: 0 auto; list-style: none; font-size: 15px; padding-top: 0px; padding-left: 30px; }
nav ul li { float: left; padding: 10px; }
nav ul li a {  line-height: 40px; text-decoration: none; color: #000; }
nav ul li ul { display:none; position: absolute; left: 0; top: 35px; z-index: 2; list-style: none; margin: 0; padding: 0; width: 250px; background:  #fff; padding-left: 0px !important;  }
nav ul li ul li a {  text-decoration: none; line-height: 5px !important; }
nav ul li ul li{ list-style: none!important; margin:0px!important; padding: 0 !important; color:#4EA7D2!important; width: 100% !important; line-height: 15px !important; }
nav ul li a.active { color: #57A3B5; }

#about { padding-top: 50px; line-height: 31px; padding-bottom: 50px;}
#about p { line-height: 23px; }
#about { background: url("/images/bg-lista.png"); background-position: bottom; background-repeat: repeat-x; padding-bottom:  100px;}
#about .figure { text-align: center; margin: 0 auto; }
.cleaner { clear: both; }
#article { min-height: 600px; display: block; padding-top: 150px; padding-bottom: 30px; background: url("/images/bg-lista.png");background-position: bottom; background-repeat: repeat-x; padding-bottom:  100px;}

#article h1, #article h2, #article h3, #article h4 { color: #36707C; padding: 0 !important; margin: 0 !important; display: block !important; visibility: visible;letter-spacing: 2px; font-weight: 900;text-transform: uppercase; padding-bottom: 15px !important; padding-top: 15px !important;  }
#article ul { padding-left: 18px; }
#article h1 { color: #57A3B5; font-size: 42px;   }
#article h2 { }
#article h3 { color: #EE844f; font-size: 15px; text-transform: initial; padding-top: 0px !important; padding-bottom: 0px !important; letter-spacing: 0; }

#article .article-title { color: #EE844f; font-size: 20px; }

#counters { background: #33727D; color: #fff; padding: 20px; text-align: center; text-align: center; padding: 80px;}
#counters-page { background: #FF8252; color: #fff; padding: 20px; text-align: center; text-align: center; }
#counters p,#counters-page p { font-size: 100px; font-weight: bold; color: #fff; line-height: 110px;}
#counters h4, #counters-page h4 { font-size: 12px; color: #fff; text-transform: uppercase; width: 100px; text-align: center; margin: 0 auto; font-weight: normal; line-height: 18px; }
#counters img, #counters-page img { padding-top: 50px;}
#counters .counter-item, #counters-page .counter-item { text-align: center !important;}

#main-objectives { background: url("/images/bg-structure.png"); background-repeat: repeat-y; background-position: center;}
#main-objectives .container { padding: 0px; }
#main-objectives .objectives { margin-bottom: 10px;}
#main-objectives .row { width: 100% !important; padding: 0; padding-left: 0 !important; margin-left: 0 !important; }
#main-objectives .title { background-size: cover; min-height: 460px;}
#main-objectives .title h2 { padding: 40px; margin: 40px; padding-top: 120px; text-transform: uppercase; width: 450px; }
#main-objectives ul { line-height: 31px; padding-top: 50px; padding-bottom: 50px;}


#links h2 { padding: 40px; margin: 40px; text-transform: uppercase; }
#links ul { list-style-image: url('/images/list-custom-sipka.png'); padding: 40px;}

#partners { background: url("../images/bg-partners.png"); text-align: center; padding-top: 10px; }
#partners h2 { text-align: center; color: #fff; padding-top: 40px;}
#partners img { padding: 40px; max-width: 100%;}

.partners-map { position: relative; width: 665px; height: 635px; margin: 0 auto;  }
#partnerPopis { position: absolute; top: 30px !important; right: 0; width: 50%; height: 50%;  }
#partnerPopis a { margin-bottom: 5px; display: block;}
.partners-map .partner-1 { position: absolute; top: 270px; left: 190px; }
.partners-map .partner-2 { position: absolute; top: 297px; left: 197px; }
.partners-map .partner-3 { position: absolute; top: 354px; left: 215px;  }
.partners-map .partner-4 { position: absolute; top: 375px; left: 207px;  }
.partners-map .partner-5 { position: absolute; top: 345px; left: 301px;  }
.partners-map .partner-6 { position: absolute; top: 329px; left: 340px; }
.partners-map .partner-7 { position: absolute; top: 354px; left: 341px;  }
.partners-map .partner-8 { position: absolute; top: 368px; left: 360px;  }
.partners-map .partner-9 { position: absolute; top: 385px; left: 382px;  }
.partners-map .partner-10 { position: absolute; top: 335px; left: 419px;  }
.partners-map .partner-11 { position: absolute; top: 405px; left: 395px;  }
.partners-map .partner-12 { position: absolute; top: 386px; left: 561px;  }

.partners-map div { background: url("/images/bg-poi-partners.png"); background-repeat: no-repeat; padding-left: 18px; line-height: 16px;}
.partners-map div:hover { background: url("/images/bg-poi-partners.png"); background-position: 0 -16px; background-repeat: no-repeat; padding-left: 18px;}
.partners-map a { font-weight: bold; color: #33727D !important;}
.partners-map a:hover { color: #33727D !important; cursor: pointer;}
#partnerPopis { background: none !important; position: absolute; top: 200px; color: #fff !important; text-align: left; display: block;}
#partnerPopis a { background: none !important; color: #3e7582 !important; text-decoration: underline; font-size: 15px; }


#structure { padding-top: 50px; padding-bottom: 50px; }
#structure h2 { font-size: 42px; line-height: 55px;}
#structure p { padding-top: 30px;}
#structure ul { list-style: none; padding: 0;}

#article h2 { padding-left: 50px; padding-right: 50px;}
section .section-article {  }

.linka { background: url("/images/bg-lista.png"); background-position: bottom; background-repeat: repeat-x; padding-bottom:  100px; }

header { z-index: 10;  }
header nav {  margin: 0 auto; top: 0px;}
header .socials { position:  absolute; right: 50px; top: 20px;}
header .socials a { padding-left: 10px; color: #000; text-decoration: none; }
header .socials .kE { padding-right: 40px; }
header .guestbook { position: absolute; right: -60px; top: 300px; transform: rotate(270deg); background: #002696; line-height: 40px; width: 160px; color: #fff; }
header .guestbook a { color: #fff;}

footer { background: #33727D;  color: #fff; padding-top: 50px; padding-bottom: 50px; }
footer h2 { color: #fff; font-size: 21px; text-transform: uppercase;}
footer h3 { color: #fff; font-size: 12px; letter-spacing: normal; font-weight: 600; padding: 0 !important; padding: 0 !important; margin: 0 !important; line-height: normal !important; }
footer p { font-size: 12px; line-height: 19px; padding: 0 !important; margin: 0 !important; }
footer .section-title { padding-top: 60px; padding-bottom: 60px; text-transform: none !important; }
footer .section-title h2 { text-transform: none !important; }
footer .row { padding-bottom: 20px;}
footer form input { background: none; border: 0; border-bottom: 1px #fff solid; color: #fff;}
footer form textarea { background: none; border: 1px #fff solid; width: 100%; height: 200px; color: #fff; }
footer .socialButton { padding-bottom: 15px; }
footer .socials { font-size: 7px; line-height: 8px; text-align: center; padding-top: 50px;}
#debug { width: 100%; height: 100px; bottom: 0; right: 0; z-index: 20; background: #000; color: #fff; font-size: 9pt; overflow: auto;  }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {

}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
    }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
    }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
    }

@media (max-width: 320px) {
      
}

@media (max-width: 575.98px) {
      

}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { 
}

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { 
}

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { 
}