.top { background-color:#232323; border-bottom: 1px solid #545454; color:#bebebe; }
.top__left { padding: 7px 0 3px 0; text-align: center; }
.top__left { text-align: left; padding: 7px 0; }
.top__right { float: right; }

.flagcont{
width:90px;
min-height:24px;
float:right;
margin:0 0 0 0px; 
padding:8px 0 0px 0px;
}
.picflag{
opacity:0.90;filter:alpha(opacity=90);
float:right;
cursor:pointer;
}
.picflag:hover{
opacity:1.0;filter:alpha(opacity=100);
cursor:pointer;
}

.flagcontmob{
width:155px;
min-height:15px;
display:block;
float:right;
margin:-10px auto 0 auto; 
padding:0 0 0 0;
color:#ccc;
}

.drmreze{width:90px; float:right; padding-top:1px;}

.facebook1{
float:right;
width:32px;
height:32px;
background-image:url(../images/ikona-facebook.png);
margin-right:5px;
cursor:pointer;
transition: 0.4s;	
}
.facebook1:hover{
background-position:0 -32px;
}

.twitter1{
float:right;
width:32px;
height:32px;
background-image:url(../images/ikona-twitter.png);
margin-right:5px;
cursor:pointer;
transition: 0.4s;	
}
.twitter1:hover{
background-position:0 -32px;
}

.linkedin1{
float:right;
width:32px;
height:32px;
background-image:url(../images/ikona-linkedin.png);
margin-right:5px;
cursor:pointer;
transition: 0.4s;	
}
.linkedin1:hover{
background-position:0 -32px;
}


.hentry__titleaddon{background-image:none; padding-left:0;  text-transform:uppercase; font-size:19px; font-weight:normal;}

.hentry__titleaddonnews{font-size:22px; font-weight:normal; margin-top:0;  padding-top:0; padding-bottom:10px;}
.hentry__titleaddon3{background-image:none; padding-left:0; font-size:19px; font-weight:normal; margin-top:0; padding-top:0; padding-bottom:14px;}

.slikaNovosti{width:250px; float:left; display:block; margin:0 15px 0 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); transition: 0.4s; }
.slikaNovosti:hover{opacity:0.87; }

.slikaProizvodjac{width:208px; float:left; display:block; margin:0 15px 0 0; border:solid 1px #eaeaea; transition: 0.4s; }
.slikaProizvodjac:hover{opacity:0.87; border:solid 1px #58ccff; }

.proizvodjac__title { margin-top: 10px; margin-bottom: 5px; padding-bottom: 5px; font-size: 22px; font-weight:normal; display:table-cell   }
.proizvodjac__title a { color: #333333; transition: 0.4s; }
.proizvodjac__title a:hover { color: #58ccff; text-decoration:none; }

.hentry__titleaddondownloads{background-image:none; padding-left:0; padding-bottom:14px; margin-top:0; float:left; width:100%; text-transform:uppercase; font-size:19px; font-weight:normal;}
.hentry__titleaddon4{background-image:none; padding-left:0;  padding-bottom:14px; margin-top:0; text-transform:uppercase; font-size:19px; font-weight:normal;}

.galbox1{position:relative; width:25%; height:200px; float:left; background-position:center; background-repeat:no-repeat; background-size: auto 120%; background-color:#222; border-left:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5; margin-left:-1px;  transition: 0.5s; 
}
.galbox1:hover{background-size: auto 150%; }

.frame-scale-with-grid { max-width: 100%; }

.video-container {
    position: relative;
    padding-bottom: 40.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-height:490px;
	border: none;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

.dokumentilinkovibox{
width:100%;
padding:0;
margin:0px;
border-bottom:1px dotted #cccccc;
float:left;
background-image:url(../images/doc3.png);
background-position:0 10px;
background-repeat:no-repeat;
}
.dokumentilinkovibox a{
text-decoration:none; 
padding:8px 0 8px 0;
margin:0px;
display:block;
color:#3e3e3e;
background-image:url(../images/doc3.png);
background-position:0 10px;
background-repeat:no-repeat;
transition: 0.5s;
}
.dokumentilinkovibox a:hover{
background-color:#e7e7e7;
padding:8px 0 8px 0;
margin:0px;
display:block;
background-image:url(../images/doc3.png);
background-position:0 10px;
background-repeat:no-repeat;

}


.vezanolinkovibox{
width:100%;
padding:8px 0 8px 0;
margin:0px;
border-bottom:1px dotted #cccccc;
float:left;
color:#707070;
transition: 0.5s;
}


.vezanolinkovibox:hover{
background-color:#e7e7e7;
padding:8px 0 8px 0;
margin:0px;
display:block;
}


.zadnjiprojektibox{
width:100%;
padding:10px 0 8px 0;
margin:0px;
border-bottom:1px dotted #cccccc;
float:left;
font-size:15px;
color:#707070;
transition: 0.5s;
}

.zadnjiprojektibox:hover{
background-color:#f3f3f3;
}


.downloadboxtitle{width:100%; min-height:115px; float:left; margin:0 0 17px 0; padding:15px 10px 8px 15px; background-color:#ea4c3a; color:#fff; font-size:22px; cursor:pointer; background-image:url(/images/bg-down3.png); background-repeat:no-repeat; background-position:right top;  transition: 0.5s;}
.downloadboxtitle:hover{background-color:#58ccff;}
.downloadboxtitle a{ color:#fff;}

.downloadboxtitle2{width:100%; min-height:115px; float:left; margin:0 0 25px 0; padding:15px 10px 8px 15px; background-color:#ea4c3a; color:#fff; font-size:25px; background-image:url(/images/bg-down3.png); background-repeat:no-repeat; background-position:right top;}

/*KATEGORIJE BOX*/
.kategorijebox{
width:100%;
border-bottom:1px dotted #cccccc;
float:left;
text-decoration:none; 
padding:8px 0 8px 0;
margin:0px;
display:block;
color:#3e3e3e;
background-image:url(../images/bg-item1.png);
background-position:0 10px;
background-repeat:no-repeat;
cursor:pointer;
transition: 0.5s;
}
.kategorijebox:hover{
background-color:#e7e7e7;
padding:8px 0 8px 0;
margin:0px;
display:block;
background-image:url(../images/bg-item1.png);
background-position:0 10px;
background-repeat:no-repeat;
}
.kategorijebox a{
color:#3e3e3e;
}

/*DOWNLOADS BOX*/
.downloadsbox{
width:100%;
border-bottom:1px dotted #cccccc;
float:left;
text-decoration:none; 
padding:8px 0 8px 0;
margin:0px;
display:block;
color:#3e3e3e;
background-image:url(../images/doc3.png);
background-position:0 10px;
background-repeat:no-repeat;
cursor:pointer;
transition: 0.5s;
}
.downloadsbox:hover{
background-color:#e7e7e7;
padding:8px 0 8px 0;
margin:0px;
display:block;
background-image:url(../images/doc3.png);
background-position:0 10px;
background-repeat:no-repeat;
}
.downloadsbox a{
color:#3e3e3e;
}


.btn-primaryaddon { width:265px; }

.col-md-9-addon { margin-top:0;}

/* Banner */
.banner__text { float: left; padding: 23px 0 22px 0; font-size:17px; font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; }

.righttitleaddon{font-weight:600; font-size:18px; font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; margin-bottom:20px;}

.planputa{width:100%; float:left; margin-top:20px; padding:25px 20px 30px 15px; background-color:#f7f7f7; border:solid 1px #dadada; background-image:url(../images/route1.png); background-repeat:no-repeat; background-position:right;}

.txt2{width:100%; height:40px; padding:5px 0 5px 0; margin-bottom:10px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#666; background-color:transparent; background-image:url(../images/trans-white.png); border:solid 1px #dadada;}

.posaljigumb {  float:right; border-radius: 3px;        
    text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	font-size:13px;
	float:right;
	margin:0 0 0 0;
	background-color:#333;
	text-align:center;
	color:#fff;
	padding:0;
	border:0px;	
	height:38px;
	width:125px;		
	cursor: pointer;	
	transition: 0.5s; }
.posaljigumb:hover { background-color:#58ccff;	}

.txt1{width:100%; height:40px; padding:5px 1% 5px 1%; margin-bottom:5px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#666; background-color:#f7f7f7; border:solid 1px #dadada; border-radius: 3px; }
.txt1Big{width:100%; height:250px; padding:5px 1% 5px 1%; margin-bottom:0px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#666; background-color:#f7f7f7; border:solid 1px #dadada; border-radius: 3px; }
.txt1Big2{width:100%; height:180px; padding:5px 1% 5px 1%; margin-bottom:5px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#666; background-color:#f7f7f7; border:solid 1px #dadada; border-radius: 3px; }
.txt1Big3{width:100%; height:100px; padding:5px 1% 5px 1%; margin-bottom:5px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#666; background-color:#f7f7f7; border:solid 1px #dadada; border-radius: 3px; }

.textbox1small{height:38px; width:60px; padding:3px 3px 3px 3px; margin-right:8px; background-color:#f7f7f7; border:solid 1px #dadada; color:#666; margin-bottom:7px; border-radius: 3px; }
.provjerazbroja{text-align:right;  float:none; width:100%; margin-top:5px; }

.bgboxaddon{background-image:url(/images/bg-pro.png); background-repeat:no-repeat; background-position:right top;}


.timezonetitle{width:100%; float:left; padding:13px 5px 13px 14px; font-size:15px; margin-bottom:3px; background-color:#333333; color:#fff;  border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
.timezonebox{width:100%; min-height:156px; margin:0 0 15px 0; float:left; background-color:#58ccff; color:#fff; font-size:15px; border-radius:3px; background-image:url(/images/bg-zg.png); background-position:right bottom; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
.timezoneinner{padding:18px 10px 15px 12px; width:100%; float:left; text-shadow: 0px 1px 1px #666;}






.banner__buttons { text-align: center; padding: 10px 0 30px 0; margin-right:0px;}
@media (min-width: 992px) { .banner__buttons { float: right; padding: 14px 10px 13px 10px; } }
.banner__buttons .btn { margin: 5px 0; }
@media (min-width: 992px) { .banner__buttons .btn { margin: 0; } }

@media (min-width: 992px) {.spacermob1{display:none;}}

@media (min-width: 992px) {.headermobimage{ display:none;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.btn-primaryaddon { width:212px; }}



@media only screen and (min-width: 960px) and (max-width: 1199px) {
.banner__text { font-size:17px; }
.banner__buttons {margin-right:0;}

.slikaNovosti{width:250px;}
.galbox1{width:33%; height:200px;  background-size: auto 125%; }
}

@media only screen and (min-width: 760px) and (max-width: 1024px) {
.col-md-12{display:none;}

.slikaNovosti{width:200px;}

}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
.col-md-12{display:none;}
.galbox1{width:33%; height:200px;  background-size: auto 125%; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.top { display:none;}
.col-md-12{display:none;}
.galbox1{width:33%; height:200px;  background-size: auto 125%;}

}


@media only screen and (min-width: 280px) and (max-width: 767px) {
.top { display:none;}

.flagcontmob{
float:right;
text-align:right; 
padding:0px 0px 0px 0px;
}
.col-md-12{display:none;}

}


@media only screen and (min-width: 481px) and (max-width: 767px) {
.slikaNovosti{width:210px; float:left; display:block; margin:0 15px 0 0;}

}

@media only screen and (min-width: 481px) and (max-width: 600px) {
.slikaNovosti{width:180px; float:left; display:block; margin:0 15px 0 0;}

}

@media only screen and (max-width: 992px) {
.top { display:none;}
.col-md-12{display:none;}
.carousel-content-addon{display:none;}
.slidercontrole{display:none;}
.carousel-inner-addon{display:none;}
.headermobimage{width:100%; margin:0 0 30px 0; padding:0; border-bottom:solid 5px #eaeaea; border-top:solid 5px #eaeaea; border-radius:0;}
.spacermob1{width:100%; height:27px; background-color:#c8c8c8;}
.panel-grid-addon{display:none;}

}

@media only screen and (min-width: 768px) and (max-width: 768px) {
.top { display:none;}
.col-md-12{display:none;}
}





@media only screen and (min-width: 192px) and (max-width: 280px) {
.flagcontmob{display:none;}
.col-md-12{display:none;}
 }
 
@media only screen and (min-width: 192px) and (max-width: 480px) {
.slikaNovosti{width:100%; height:auto; margin-bottom:12px;}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
.galbox1{width:33%; height:220px; }
.opisslike1 { display:none;}
}

@media only screen and (max-width: 699px) {
.galbox1{width:50%; height:200px; }
}

@media only screen and (max-width: 480px) {
.slikaNovosti{width:100%; height:auto; margin-bottom:12px;}
}
@media only screen and (min-width: 700px) {
.download_gumb { float:none; text-align: center; color:#fff; background-color:#58ccff; width:220px; padding: 12px 0 12px 0; margin-top:12px; margin-bottom:0; border-radius: 3px; cursor:pointer; transition: 0.5s;}
.download_gumb a {color:#fff;}
.download_gumb:hover {background-color:#333;}
}

@media only screen and (max-width: 699px) {
.download_gumb { width:100%; float:none; text-align: center; color:#fff; background-color:#58ccff;  padding: 12px 0 12px 0; margin-top:7px; margin-bottom:10px; border-radius: 3px; cursor:pointer; transition: 0.5s; }
.download_gumb a {color:#fff;}
.download_gumb:hover {background-color:#333;}
}


@media only screen and (max-width: 480px) {
.slikaNovosti{width:100%; height:auto; margin-bottom:12px;}
.galbox1{width:100%; height:250px; }
.slikaProizvodjac{width:208px; float:none; display:block; margin:0 auto 10px auto; }
.bgboxaddon{background-image:none;}
}

@media only screen and (max-width: 767px) {
.bannersaddon{display:none;}
}