/* 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;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}
.clear85 {clear:both; height:85px;}


.noradi {border-radius:0 !important}
.semibold {font-weight:600}
.bordertop0 {border-top:0 !important}
a.text-white {color:#fff}
.wsnormal {white-space:normal}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}
.righttocenter{direction:rtl; text-align:justify;}

.mt-40 {margin-top:40px}
.mb-30 {margin-bottom:30px}
.mb-40 {margin-bottom:40px}

.pt-30 {padding-top:30px}

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

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px; margin:30px 0 10px 0;}
.breadcrumb {color:#777;}

.glavna-tekst {text-align:justify}
.glavna-tekst a:link, .glavna-tekst a:visited, .glavna-tekst a:active {text-decoration:underline}
.glavna-tekst a:hover {color:#777}
.glavna-tekst ul {margin-bottom:30px}
.glavna-tekst img {display:block; max-width:100%; height:auto !important;}

.error_message p  {font-size:0.8em; color:#c10000;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
label.error {font-size:0.8em; color:#c10000;}

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;}




/* 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; }


/* Video Container iako porto ima novi embed-responsive koji je napredniji, ovaj je jednostavniji za korištenje*/
.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 */

.naslovunderline {
    color: #3b5998;
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    padding: 6px 0;
    text-transform: uppercase;
}
.naslovunderline::after {
    border-bottom: 5px solid #3b5998;
    content: " ";
    left: 0;
    position: absolute;
    top: 47px;
    transition: all 0.5s ease 0s;
    width: 90px;
}
a:hover .naslovunderline::after {
    width: 140px;
}

.naslovborderpoc {
    border-bottom: 2px solid #3b5998;
    margin-bottom: 10px;
    position: relative;
}

.naslovborder {
    border-bottom: 2px solid #3B5998;
    margin-bottom: 10px;
    position: relative;
}
.naslovbg {
    background: #3B5998 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    padding: 2px 6px;
}

h2.entry {font-weight:600; font-size:24px; line-height:30px; margin-bottom:10px;}

#footer {
	background: #3c87c1;
    border-top: none;
    color: #fff;
    padding: 55px 0 0;
}

#footer .footer-copyright {
	background: #1575bf;
    border-top: 4px solid #1575bf;
}

#footer h4 {
	font-size: 1.6em;
    font-weight: 600;
    text-transform: uppercase;
}

#footer p {
	color: #fff;
    font-size: 1.1em;
}

#footer .footer-copyright p {
	color: #fff;
}

#footer .footer-copyright nav ul li {
	border-left: 1px solid #fff;
}

#header .header-top ul.nav-top {
	float: left;
}

.slider-container {height:370px !important; max-height:370px !important;}
.slider {height:370px !important; max-height:370px !important;}
.slider-container .top-label {font-size:25px !important; line-height:35px; font-weight:500; width:35%; white-space:normal; color:#000;text-transform: uppercase;}
.slider-container .bottom-label {font-size:16px !important; line-height:19px; font-weight:400; width:30%; white-space:normal; color:#000;}
.slider-gumb {padding:20px; font-size:17px; font-weight:500; letter-spacing:0;}

h6 {
	color: #0099cc;
    font-weight: 600;
}

.footertag {
	color: #000 !important;
}

.shop-btn3 {
    background: #3F89C1;
    color: #fff;
    border: none;
    font-weight: 600;
}

.shop-btn3:hover {
	background: #AACBE4;
}

.page-header {
	background-color: #74aaf7;
    border-bottom: 5px solid #CCC;
    border-top: 5px solid #384045;
}

section.page-header h1 {
    border-bottom-color: #000;
}

.emailnews {
	font-size: 14px !important;
}

h2.entry a {
	color: #000;
}

.tp-caption img {
	height: 500px !important;
    width: 730px !important;
}

.naslovlink:link {color: #fff;}
.naslovlink:hover {color: #666;}

.slika-info {
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    overflow: hidden;
}

.slika-info .slika-action-icon {
    background-color: rgba(59,89,152,0.7);
    border-radius: 0 0 0 20px;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 2;
}