@font-face { font-family: 'BauerBodDEE-Regu'; src: url('../fonts/bauer/BauerBodDEE-Regu.eot?') format('eot'),  url('../fonts/bauer/BauerBodDEE-Regu.woff') format('woff'),  url('../fonts/bauer/BauerBodDEE-Regu.ttf')  format('truetype'), url('../fonts/bauer/BauerBodDEE-Regu.svg#BauerBodDEE-Regu') format('svg'); }
@font-face { font-family: 'BebasNeueRegular'; src: url('../fonts/BebasNeue/bebasneue.eot'); src: url('../fonts/BebasNeue/bebasneue.eot') format('embedded-opentype'), url('../fonts/BebasNeue/bebasneue.woff') format('woff'), url('../fonts/BebasNeue/bebasneue.ttf') format('truetype'), url('../fonts/BebasNeue/bebasneue.svg#BebasNeueRegular') format('svg'); }

#qLpercentage { font-family: 'BauerBodDEE-Regu', serif; font-size:380px; }
#pattern { position: fixed; height: 100%; width: 100%; background: url(../images/overlay/pattern.png) repeat top left; z-index: -1; }
.raster { height: 100%; width: 100%; background: url(../images/overlay/raster.png) repeat top left; z-index: 999999999999990; }
.pattern { height: 100%; width: 100%; background: url(../images/overlay/pattern.png) repeat top left; z-index: 999999999999990; }


body { margin-bottom: 60px; font-family: "Poppins", sans-serif; background: url(../images/body-bg.png) repeat top left;  }
#wrap { min-height: 100%; height: 100%; margin: 0 auto -15px; }
#footer { position: absolute; bottom: 0; width: 100%; height:auto; background: url(../images/footer-bg.png) repeat top left;  border-top: 3px solid #a41d16; z-index:99;  }
#footer .logo { float: none; margin: 0 auto; text-align: center; margin-top:-49px; height: auto; }
body > .container { padding: 60px 0 0; }
#footer > .container { padding-right: 15px; padding-left: 15px; }
.copyright{ font-family: "Poppins", sans-serif; font-size:13px; color: #fff; text-align:center;  padding:8px 5px 5px 5px; }

#header { position: absolute; top:20px; z-index:999999999999999999999999; background: #000; width:100%; height: 157px; }
.naziv { position: absolute; top:100px; float:left; text-align:left; color:#a41d16; font-size:24px; padding-left:35px; font-family: 'BauerBodDEE-Regu', sans-serif; z-index:99999999999999999999;}
.naziv span { color:#fff; text-transform: uppercase; font-size:24px;}
.fb a { position: absolute; top:100px; right:0; z-index:99999999999999999999;}
.fb a img { padding:35px 45px 0 0; }
.fb a img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.izbornik { background: #fff; position: fixed; top: 0px; padding-top:27px; margin-right: auto; width: 100%; z-index: 99999; height: auto; }
.centered { float: none; margin: 0 auto; }
.logotip { float: none; position:absolute; margin: 0 auto; text-align: center; margin-top:-20px; margin-left:-30px;height: auto; z-index:9999999999999999999; }
.navbar-inverse { padding-top:20px; }
.navbar .navbar-nav { display: inline-block; float: none; text-transform:uppercase; font-size:26px;}
.navbar-inverse .navbar-nav > li > a { color: #5e5e5e; font-family: 'BebasNeueRegular', serif; font-weight: 300; font-style: normal; cursor:pointer;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #c79132; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #5e5e5e; background-color: none; }

#menu-icon { float: none; display:block; margin: 0px auto; margin-top:155px; width:147px; height: 63px; background: url(../images/menu-icon-bg.png) no-repeat top left; }
#menu-icon  span { color:#fff; font-family: 'BauerBodDEE-Regu', sans-serif; text-transform:uppercase; font-size:24px; padding-top:10px;height: 33px; text-align: center; margin: 0px auto; display:block;}
#menu-icon  a:hover { text-decoration:none; cursor:pointer;}


#sadrzaj { position: absolute; top:250px; z-index:999999999999999999999999; width:100%; margin:0px auto;background: url(../images/sadrzaj-bg.png) repeat top left;}
.targetDiv { display: none; }
#div1, #div2 , #div3, #div4, #div5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; padding:22px 30px 30px 30px; min-height:360px; width:100%; margin-bottom:100pxpx; }
#div1 h2, #div2 h2, #div3 h2, #div4 h2, #div5 h2 { font-family: "Poppins", sans-serif; font-size:26px; color:#fff; line-height:40px; margin:10px 0 10px 0; }
#div1 p, #div2 p, #div3 p, #div4 p, #div5 p { font-family: "Poppins", sans-serif; font-size:16px; color:#fff; line-height:24px; }
#div1 p span, #div2 p span, #div3 p span, #div4 p span, #div5 p span { font-family: "Poppins", sans-serif; font-size:16px; color:#c79132; font-weight: bold; line-height:24px; }
#div5  li { display: list-item; text-align: -webkit-match-parent; font-family: "Poppins", sans-serif; font-size:16px; color:#fff; line-height:24px;}
#div1 a.zatvori, #div2 a.zatvori, #div3 a.zatvori, #div4 a.zatvori, #div5 a.zatvori { font-family: arial, sans-serif; font-size:22px; color:#fff; line-height:24px; float:right; text-decoration:none;cursor: pointer}
#div1 a.zatvori:hover, #div2 a.zatvori:hover, #div3 a.zatvori:hover, #div4 a.zatvori:hover, #div5 a.zatvori:hover  {color:#ccc;}

.jumbotron h1 { font-family: "Poppins", sans-serif; font-weight: normal;  font-style: normal; }
.jumbotron p { font-family: "Poppins", sans-serif;  font-weight: 300; font-style: normal; }
.alpha60 { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.2); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);  /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }


.clearfix:before,
.clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden; 
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE < 8 */

/************************************************************** KONTAKT */
.kontakt-left { float:left; width:35%; margin-top:28px;}
.kontakt-right {float:right; width:65%;}

.slickwrap { text-align: left; padding:0px 0px 0 10px; float:none; margin-bottom:35px; min-height:100px; width:100%}
.slickwrap h3 { font-family: "Poppins", sans-serif; font-size:16px; color: #fff; margin:0px; padding:0px; text-align: left;}
.slickwrap hr { color:#a41d16; background-color:#c79132; height:1px; border:none; padding:0px; margin:5px 0px 15px 0px; width:100%; }
.slickwrap fieldset { border:0px; }
.slickwrap label { font-size:16px; color: #fff; width:38%; display:inline-block; float:left; height:16px; margin-bottom:10px; font-weight: normal; }
.slickwrap label span { font-size:16px; color: red; padding-right:3px; }
.slickwrap input, textarea { width:52%; margin:-7px 0px 10px 0px; padding:2px 4px; color:#a41d16; font-size:16px;}
.slickwrap select { width:52%; margin:-7px 0px 10px 0px; padding:2px 4px; color:#a41d16; background-color:#e3e1ca; font-size:16px; }
.slickwrap input:focus, textarea:focus { width:52%; margin:-7px 0px 10px 0px; padding:2px 4px; color:#a41d16; background-color:e3e1ca; font-size:16px;  }
.slickwrap  select:focus { width:52%; margin:-7px 0px 10px 0px; padding:2px 4px; color:#a41d16; background-color:e3e1ca; font-size:16px; }
input[type=submit] { margin-left: 8px; width:auto !important; background-color:#a41d16; color:#fff; border:none; padding:4px 6px;}
input[type=submit]:hover { margin-left: 8px; width:auto !important; background-color:#e3e1ca; color:#a41d16;border:none; padding:4px 6px; }
.largertextarea, .largertextarea:focus{ width:52%; margin-top:0px; }
.areyouhuman, .areyouhuman:focus{ width:40px !important; }
.large br { margin-top:20px; }
.slickreporting { width:90%; padding-bottom:30px; }
.successcontainer { width:90%; height:45px; padding:17px 0% 0px 10%; background-image: url(../images/success.png); background-repeat: no-repeat; background-position: 5px 5px; font-size:17px; color:#fff; display:none; }
.errorcontainer{ width:90%; height:45px; padding:17px 0% 0px 10%; background-image: url(../images/fail.png); background-repeat: no-repeat; background-position: 5px 5px; font-size:17px;color:#fff; display:none; }


@media screen and (max-width: 600px){ 
	.slickwrap{ width:98%; padding:0px 1%; border:0px; }
	.slickwrap label { width:48%; }
	.slickreporting { left: 15px; }
	.successcontainer { width:85%; padding:17px 0% 0px 15%; }
	.errorcontainer { width:85%; padding:17px 0% 0px 15%;} 
	.naziv { font-size:21px; }
	.naziv span { font-size:21px;}
	.fb a { top:10px; right:0; }
	.navbar .navbar-nav { display: inline-block; float: none; }
	.navbar .navbar-collapse { text-align: center;}
	.navbar-inverse { border-top:0px; border-bottom:0px; }
}
@media (max-width: 768px) {
	.navbar-inverse { border-top:0px; border-bottom:0px; }
	.kontakt-left { float:none; width:100%; margin-top:28px; clear:both;}
	.kontakt-right {float:none; width:100%; margin-top:28px;}



}
@media (min-width: 768px) {
	.navbar .navbar-nav { display: inline-block; float: none; }
	.navbar .navbar-collapse { text-align: center;}
	.navbar-inverse {  }

	
}