/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}


.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;}
.breadcrumb {color:#fff;}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:inline-block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;}
.glavna-tekst {text-align:justify;}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* SPECIFIC */

body {color:#484848;}
p {color:#484848;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

#footer {margin-top:0}

#footer ul.simple-post-list li {padding:5px 0; border:none;}

#footer .contact i {float:right; margin:7px 0 10px 8px;}

#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:20px; color:#fff;}

ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}
.orangeback {background:#fa5d07;padding:50px 0 50px 0;}
.bluebar {text-align:center;background:#01385E;padding:20px 0 20px 0;color:#FB5C08;}
.bluebar h5 {margin-bottom:0;}
.bluebar h5 a {font:600 20px 'Open Sans';}
.bluebar h5 a:link {color:#FB5C08;}
.bluebar h5 a:visited {color:#FB5C08;}
.bluebar h5 a:hover {color:#FB5C08;}
.bluebar h5 a:active {color:#FB5C08;}
.bluebar p {color:#FB5C08;font:200 16px 'Open Sans';}
.info {color:#fff;font:800 22px 'Open Sans';margin:0 0 10px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}

ul.jezik-icons {
    margin-bottom: 0;
    padding-top: 7px;
padding-left:0;
}
ul.jezik-icons li {
    display: inline;
    margin-bottom: 5px;
    padding-top: 5px;
}


.bigerlogo {color:#fff;font:900 35px 'Open Sans';padding-left:13px;}
.bigerlogo span {color:#fa5d07;}
.bigerlogo2 {color:#fff;font:900 14px 'Open Sans';padding-left:13px;padding-right:5px;float:left}
.bigerlogo2 span {color:#fa5d07;}

.orange-box {color:#fff;font:200 13px/16px 'Open Sans';}
.orange-box a.divided-title {color:#fff;font:200 30px/30px 'Open Sans';margin-bottom:15px;display:block}
.orange-box .orange-box-text a {color:#fff;font-weight:bold;}
.orange-box span {color:#fff;font:900 30px/46px 'Open Sans';margin-bottom:20px;}
.orange-box-title1 {color:#fff;font:200 30px/30px 'Open Sans';margin-bottom:10px;}
.orange-box-title2 {color:#fff;font:900 30px/30px 'Open Sans';margin-bottom:20px;}
.bord-right {border-right:1px solid #fecfb5;}

.white-box-poc {padding:60px 0 100px 0;color:#545454;font:400 14px/16px 'Open Sans';}
.white-box-poc a.naslov {font:900 18px/20px 'Open Sans';text-transform:uppercase;}
.white-box-poc h3 {margin:0;}
.white-box-poc a:link {color:#545454;}
.white-box-poc a:visited {color:#545454;}
.white-box-poc a:hover {color:#545454;}
.white-box-poc a:active {color:#545454;}


.gal-box {position:relative;}
.gal-box2 {position:relative;margin-bottom:30px;}
.gal-title {position:absolute;bottom:100px;z-index:44;color:#fff;font:900 24px/24px 'Open Sans';width:100%;padding-left:80px;text-transform:uppercase}
.gal-title2 {position:absolute;bottom:75px;z-index:44;color:#fff;font:bold 20px 'Open Sans';width:100%;padding-left:80px;}
.gal-button {position:absolute;bottom:30px;z-index:44;color:#fff;font:400 14px 'Open Sans';width:60%;margin-left:80px;}

.slide60 {padding: 0 40px 0 40px;}

#footer .breadcrumb {
    background: #00385d none repeat scroll 0 0;
margin-bottom:0;
    /*margin-bottom: 30px;*/
    /*padding-left: 25px;*/
    padding-right: 25px;
}
.page-header .breadcrumb a:link {color:#fff;}
.page-header .breadcrumb a:visited {color:#fff;}
.page-header .breadcrumb a:hover {color:#fff;}
.page-header .breadcrumb a:active {color:#fff;}

.sidebar p {font:200 11px/15px 'Open Sans';margin-bottom:30px;}
.lefttoright {text-align: left;}
.radi2 {font-size:24px;}

h3.entry-title-index {margin-bottom:15px;}
.col-md-8 p {line-height:20px;margin:0 0 15px;}
.col-md-12.mainer p {line-height:20px;margin:0 0 15px;}

.sidebar .well {
    border-color:#d2d2d2;
    border-radius:0;
  -webkit-font-smoothing: antialiased;
  font: 200 12px 'Open Sans',arial,sans-serif;
border:0 none;
box-shadow:none;
padding:10px;
}

.well.weller {
    border-color:#d2d2d2;
    border-radius:0;
  -webkit-font-smoothing: antialiased;
  font: 400 13px 'Open Sans',arial,sans-serif;
border:0 none;
box-shadow:none;
}

.sidebar .well li {line-height:14px;}


.hani {
    display: block;
    left: -9999px;
    position: absolute;
    top: -9999px;
}

.itemdiary {width: 32%;}
.slikadiary {width:100% !important; height:auto !important; min-height:auto !important; margin-bottom:20px;}
.gutter-sizer {width: 2%;}
.text-left-imp {text-align:left !important}

.video-list-thumbs{}
.video-list-thumbs > li{
    margin-bottom:12px;
}
.video-list-thumbs > li:last-child{}
.video-list-thumbs > li > a{
	display:block;
	position:relative;
	background-color: #fa5d07;
	color: #fff;
	padding: 1px;
    transition:all 500ms ease-in-out;
}
.video-list-thumbs > li > a:hover{
	box-shadow:0 2px 5px rgba(0,0,0,.3);
	text-decoration:none
}
.video-list-thumbs h4{
	bottom: 0;
	font-size: 12px;
	height: 27px;
	margin: 0;
padding:0 0 0 10px;
color:#fff;
font-weight:700;
}
.video-list-thumbs .glyphicon-play-circle{
    font-size: 60px;
    opacity: 0.6;
    position: absolute;
    right: 39%;
    top: 24%;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    transition:all 500ms ease-in-out;
}
.video-list-thumbs > li > a:hover .glyphicon-play-circle{
	color:#fff;
	opacity:1;
	text-shadow:0 1px 3px rgba(0,0,0,.8);
}
.video-list-thumbs .duration{
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	left: 12px;
	line-height: 13px;
	padding: 2px 3px 1px;
	position: absolute;
	top: 12px;
    transition:all 500ms ease;
}
.video-list-thumbs > li > a:hover .duration{
	background-color:#000;
}
@media (min-width:320px) and (max-width: 480px) { 
	.video-list-thumbs .glyphicon-play-circle{
    font-size: 35px;
    right: 36%;
    top: 27%;
	}
	.video-list-thumbs h4{
		bottom: 0;
		font-size: 11px;
		height: 22px;
		margin: 0;
padding:0 0 0 10px;
color:#fff;
	}
}


hr.info {margin:12px 0;}
.footd {background:#00385d;}

.plava1 {color:#00385D;}

.img-responsive2 {
    display: block;
    height: auto;
    width: 100%;
}



.borded {border:5px solid #02385E;-webkit-box-shadow: 0px 5px 14px 1px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 5px 14px 1px rgba(0,0,0,0.44);
box-shadow: 0px 5px 14px 1px rgba(0,0,0,0.44);}


#brojac {position:absolute;top:5px;right:30px;color:#fff;font-size:12px;}