/**** ESSENTIAL - DESKTOP ****/

body {font-family: 'Neo Sans'; color:#fff; background-image: url(../images/opkk-back2.jpg); background-size: cover; }
p {font-size: 13px;margin-bottom: 20px;color: #545454;line-height: 16px;} 
a { text-decoration:none;color:#444444}
img {height:auto; margin-bottom: -5px;}
.slicknav_menu {display:none;}
.desktop {display:block}
.mobile {display:none}
nav.main-menu {}
nav ul {list-style-type:none;}
nav ul li{display:inline-block; margin-left:20px}
nav ul li a{text-decoration:none; color:#0D2135; font-size:12px; font-weight:700; text-transform:uppercase}
nav ul li:first-child a{padding-left:0px;}
nav ul li:last-child a{padding-right:0px}
.circular {width: 100%;height: auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: no-repeat center center; background-size: cover;}
.circular img {opacity:0; filter: alpha(opacity=0); }
h1, h2, h3, h4, h5, h6 {font-weight:300; color:#133493; margin-bottom:15px}
/**** ESSENTIAL - DESKTOP - END ****/

h2 {font-size: 30px;font-weight: 400;color: #fff;}
h3 {font-size: 30px;margin-top: 20px;margin-bottom: 30px;}
h4 {font-size: 18px;font-weight: 700;margin-bottom: 20px;}
h5 {font-size: 20px;text-transform: uppercase;font-weight: 400;}

li.menu-item {
    list-style-type: none;
}

.wrapper {
    background-color: #fff;
    margin-top: 38px;
    padding: 40px 50px;
    border-radius: 15px;
}

.logos .c3 {
    margin-right: 15px;
}

.logos .c3:nth-child(1) {
	padding-left: 0;
}

.menu {
    margin-bottom: -7px;
}

.menu ul li {
    display: inline-block;
    width: 16.68%;
    text-align: center;
    margin-top: 20px;
    margin-right: -4px;
    border-right: 1px solid white;
}

.menu ul li:nth-child(1) {
	background-color: #6db83a;
}

.menu ul li:nth-child(2) {
	background-color: #64b758;
}

.menu ul li:nth-child(3) {
	background-color: #59b76f;
}

.menu ul li:nth-child(4) {
	background-color: #44b88f;
}

.menu ul li:nth-child(5) {
	background-color: #20b7ae;
}

.menu ul li:nth-child(6) {
	background-color: #00b8cc;
}

.menu ul li a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
    padding: 19px;
    width: 100%;
}

.banner {
	display: block;
	height: 500px;
}

.banner.mobile {
	display: none;
}


.cont-novosti .c4:nth-child(2) {
	padding-left: 0;
}

.cont-natjecaji {
	line-height: 120px;
	background-color: rgba(210,227,245,0.4);
	margin-bottom: 20px;
}

.cont-natjecaji h5 {
	vertical-align: middle;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 20px;
}

.cont-projekti .c4:nth-child(2) {
	padding-left: 0;
}

.projekti-menu li:nth-child(1) a {
    background-color: #008a47;
}

.projekti-menu li:nth-child(2) a {
    background-color: #60b677;
}

.projekti-menu li:nth-child(3) a {
    background-color: #9fcc3b;
}

.projekti-menu li:nth-child(4) a {
    background-color: #ade03c;
}

.projekti-menu li:nth-child(5) a {
    background-color: #c4ff43;
}

.banner-sm {
    margin-top: 50px;
	height: 150px;
    background-color: #AEC1CB;
    background-size: cover;
    background-position: center;
}

.footer-logos {
    background-color: #fff;
    height: 70px;
    border-radius: 15px;
    margin-top: 20px;
}

.footer-logos .c1-5:nth-child(1) {
	padding-left: 0; margin-top: -53px;
}

.footer-logos .c1-5 {
	margin-top: 2px;
    text-align: center;
}

.footer-text p {
	font-size: 13px;
    color: #fff;
    width: 67%;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 170px;
    line-height: 20px;
}

.sidebar a {
    padding: 11px;
    width: 100%;
    display: block;
    color: #fff;
    margin-top: 1px;
}

.sidebar p {
	font-size: 15px;
}

.heading {
	margin-left: 1px;
}

.heading h2 {
	padding: 13.5px 25px;
}

.content {
	padding-left: 25px;
    min-height: 450px;
}

.content .c12 {
    margin-top: 5px;
}


.novosti .sidebar .back {
	background-image: url(../images/novosti.jpg);
	height: 60px;
	background-size: cover;
}

.novosti .sidebar a {
    background-color: #1A95D3;
}

.novosti .galerija-sidebar a {
    background-color: #20b7ae;
}

.novosti .main .heading {
	background-color: #64b757;
}

.novosti .main .galerija-heading {
    background-color: #20b7ae;
}

.arhiva-novosti h3 {
	color: #395260;
	font-size: 18px;
	font-weight: 500;
	margin-top: 15px;
    margin-bottom: 10px;
}

.arhiva-novosti p {
	color: #395260:
	font-size: 14px;
}

.datum {
	color: #1994D2;
	font-size: 12px;
}

.page-navi .c6 a {
	color: #1994D2;
	font-size: 12px;
}

.page-navi .c6 a:after {
	content: '|';
	margin-left: 5px;
}

.page-navi .c6 a:last-child:after {
	content: '';
}

.single-novosti h3 {
	color: #545454;
	font-size: 26px;
	font-weight: 500;
	margin-top: 15px;
    margin-bottom: 10px;
}

.slika-novosti {
	height: 255px;
	background-size: cover;
	display: block;
	margin-top: 114px;
    margin-bottom: 25px;
}

.single-novosti p {
	font-size: 14px;
}

.highlight p {
    font-size: 20px;
    line-height: 26px;
}

.operativni .sidebar .back, .o-nama .sidebar .back, .opkk-2 .sidebar .back {
	background-image: url(../images/operativni.jpg);
	height: 60px;
	background-size: cover;
}

.operativni .sidebar a {
    background-color: #DB3331;
}

.operativni .main .heading {
	background-color: #DB3331;
}

.projekti .sidebar .back {
	background-image: url(../images/projekti.jpg);
	height: 60px;
	background-size: cover;
}

.projekti .sidebar a {
    background-color: #E97E31;
}

.projekti .main .heading {
	background-color: #59b76f;
}

.p06 {
    list-style-type: none;
    font-size: 16px;
}

.p06 li a {
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    background-color: #9fcc3b;
}

.kontakt .sidebar .back {
	background-image: url(../images/natjecaji.jpg);
	height: 60px;
	background-size: cover;
}

.kontakt .sidebar a {
    background-color: #14864C;
}

.kontakt .main .heading {
	background-color: #9fcc3b;
}

.natjecaji .sidebar .back {
	background-image: url(../images/kontakt.jpg);
	height: 60px;
	background-size: cover;
}

.natjecaji .sidebar a {
    background-color: #60b677;
}

.natjecaji .main .heading {
	background-color: #60b677;
}

.standard .sidebar .back {
    background-color: #63b843;
    height: 60px;
}

.standard .sidebar a {
    background-color: #63b843;
}

.kontakt .standard .sidebar a {
    background-color: #00b8cc;
}

.standard .main .heading {
    background-color: #63b843;
}

.arhiva-natjecaji h3 {
	color: #395260;
	font-size: 20px;
	font-weight: 400;
	margin-top: 15px;
    margin-bottom: 10px;
}

.arhiva-natjecaji .c12 {
    padding-bottom: 10px;
    border-bottom: 1px solid #9CC549;
}

.arhiva-natjecaji .c12:last-child {
    border-bottom: none;
}

.spacer {
    height: 20px;
}

.flexslider {
	border: none;
	width: 99.9%;
}

.flexslider ul li {
	display: block;
    overflow: hidden;
}

.flexslider ul li img {
	width: 100%;
}

.flex-control-paging {
    display: none;
}

.flex-direction-nav {
}

.kontakt-forma {
    color: #545454;
    font-size: 14px;
}

.kontakt-forma .c6 span {
    margin-top: 15px;
    display: block;
}

.kontakt-forma .c6 span input {
    padding: 7px 0px;
    width: 90%;
    border: 1px solid rgba(20, 134, 76, 0.4);
}

.kontakt-forma .c12 span textarea {
    width: 93.6%;
    max-width: 93.6%;
    margin-top: 15px;
    display: block;
    border: 1px solid rgba(20, 134, 76, 0.4);
}

.posalji {
    margin-top: 25px;
}

.posalji input {
	background-color: #00b8cc;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 10px 10px;
    width: 50%;
    font-family: 'Neo Sans';
}

.posalji input:hover {
	cursor: pointer;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    margin: 0px;
    border: none;
}

.galerija-slika {
    margin-top: 10px;
}

.galerija-slika div {
    height: 200px;
    background-size: cover;
    background-position: center;
}

/* MZOE */

.dodatno {
    padding-top: 20px;
    font-size: 12px;
}

.dodatno div a {
    color: #a0a0a0;
}

.dodatno div a:hover {
    color: #000;
    transition: 1s;
}

.dodatno div a img {
    width: 12px;
    margin-top: -5px;
    opacity: 0.5;
    margin-right: 10px;
}

.dodatno div a img:hover {
    opacity: 1;
    transition: 1s;    
}

.search-bar {
    float: left;
    display: none;
}

.search-bar form label {
    float: left;
    margin-right: 10px;
}

.search-bar form label input {
    font-family: 'Open sans';
    font-size: 12px;
}

.search.bar form input {
    float: right;
}

input.search-submit {
    border: none;
    padding: 3px;
    font-family: 'Open sans';
    font-size: 12px;
    background-color: #00b6ca;
    color: #fff;
}

a.bold-a {
    font-size: 12px;
    margin-bottom: 60px;
    display: block;
}

a.bold-a {
    font-size: 12px;
    margin-bottom: 60px;
    display: block;
    color: #a0a0a0;
    padding-left: 10px;
}

a.bold-a:hover {
    color: #000;
    transition: 1s;
}

.kalendar-link {
    margin-top: 15px;
    float: right;
    padding-bottom: 10px;
}

.slider-caption {
    width: 10%;
    background-color: rgba(0, 0, 0, 0.15);
    bottom: 0px;
    position: absolute;
    padding: 10px 15px;
    height: 115px;
}

.slider-caption h4 {
    color: #fff;
    margin-bottom: 10px;
}

.slider-caption p {
    color: #fff;
    width: 18%;
}

.menu ul li:hover ul {
    display: block;
}

.menu ul li ul {
    display: none;
    position: absolute;
    top: 77px;
    z-index: 1;
    margin-left: 0;
    width: 15%;
}

.menu ul li ul li {
    display: block;
    width: 110.5%;
    margin-top: 1px;
}

.menu ul li ul li a {
    font-size: 12px;
    padding: 5px;
}

.content .c12 img {
    max-width: 100%;
}

.content .c12 h4 {
    color: #395260;
    margin-top: 50px;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    font-family: 'Neo sans';
    padding: 5px;
    margin-top: 15px;
}

.korisni-linkovi a {
    text-align: center;
    margin-bottom: 40px;
    height: 45px;
}

.korisni-linkovi a img {
    max-width: 100%;
    max-height: 55px;
}

.entry-title {
    font-size: 20px;
}

article {
    border-bottom: 1px solid #63b843;
    padding-bottom: 30px;
}

aside#secondary {
    display: none;
}

.entry-footer {
    display: none;
}

.page-header .page-title {
    color: #395260;
    font-size: 26px;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 40px;
}

.posted-on a {
    float: left;
}

#counter {
    color: #000;
    font-size: 36px;
    text-align: center;
    padding: 10px 15px;
    margin: auto;
    border-radius: 20px;
}

div#counter span {
    padding: 10px 5px;
    background-color: #292929;
    margin-right: 15px;
    margin-left: 5px;
    color: #fff;
}

div#counter .timer-leg {
    text-align: center;
    margin: auto;
    margin-top: 0px;
    width: 100%;
}

div#counter .timer-leg div {
    display: inline-block;
    width: 50px;
    background-color: none;
    color: #000;
    margin-right: 25px;
    margin-left: 15px;    
    font-size: 15px;
}

.timer-h {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    width: 60%;
    margin: auto;
    margin-bottom: 25px;
    line-height: 28px;
    height: 65px;
}

.c12.social-share {
    height: 100px;
}

.soc-more {
    margin-top: 10px;
    display: none;
}

.soc-more a {
    float: left;
    margin-right: 4px;
}

.c12.cont-novosti {
    margin-bottom: 40px;
}

em {
    font-style: italic;
}

.menu ul li .mm-menu li {
    background-color: #00b6ad;
}

.korisni-linkovi {
    margin-top: 50px;
}

.flex-direction-nav .flex-prev {
    left: 25%;
}

.flex-direction-nav .flex-next {
    right: 25%;
}

.flexslider2 .flex-direction-nav a {
    opacity: inherit;
    top: 50%;
}

li {
    list-style-type: disc;
}

.cont-projekti div a h4, .cont-novosti div a h4 {
    height: 105px;
}

#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_dots_0 {
    background: #8dc778 !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_dots_active_0 {
    background: #FFFFFF !important;
}

.galerija-thumb {
    height: 200px;
    background-size: cover;
}

.galerija-thumb h3 {
    font-size: 14px;
    color: #fff;
    padding: 0 15px;
    position: absolute;
    bottom: 0;
}

.galerija-outer {
    margin-bottom: 20px;
}

ul.p06 li {
    list-style-type: none;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.content .c12 .p06 {
    margin-left: 0;
}

.banner .flexslider .flex-direction-nav li a:before {
    color: #ffffff !important;
}

.standard .main .heading-novosti {
    background-color: #64b757;
}

.p04-energetska-ucinkovitost .standard .main .heading-projekti {
    background-color: #008a47;
}

.standard .main .heading-projekti {
    background-color: #58b76f;
}

.standard .main .heading-pozivi {
    background-color: #44b88f;
}

.natjecaji .main .heading-pozivi {
    background-color: #44b88f;
}

.standard .sidebar .back-pozivi {
    background-color: #44b88f;
    background-image: url(../images/kontakt.jpg);
}

.standard .main .heading-kontakt {
    background-color: #00b8cc;
}

.standard .main .heading-foto {
    background-color: #20b7ae;
}

.standard .sidebar .back-foto {
    background-color: #20b7ae;
}

.sidebar .back-projekti {
    background-color: #59b76f !important;
    background-image: url(../images/projekti.jpg);
    height: 60px;
}

.main .heading-projekti {
    background-color: #59b76f;
}

div.wpcf7-mail-sent-ok {
    position: absolute;
    bottom: -58px;
    color: black;
    left: -8px;
}

.sidebar .projekti-menu li ul li ul li a {
    background-color: rgba(88, 183, 111, 0.8);
}

.sidebar .projekti-menu li ul li ul li ul li a {
    background-color: rgba(88, 183, 111, 0.6);
}

.projekti-menu li ul li ul {
    display: none;
}

.projekti-menu li ul li ul li ul {
    display: none;
}


.projekti-menu li ul li:hover > ul {
    display: block;
}

ul.children {
    min-height: 120px;
}

ul.children li a {
    margin-top: 0;
}

.sidebar .projekti-menu .categories ul li:nth-child(1) a {
    background-color: #018a47;
}

.sidebar .projekti-menu .categories ul li:nth-child(1) ul li a {
    background-color: #018a47;
    border-bottom: 1px solid #fff;
}

.sidebar .projekti-menu .categories ul li:nth-child(1) ul li ul li a {
    background-color: #018a47;
}

.sidebar .projekti-menu .categories ul li:nth-child(2) a {
    background-color: #60b676;
}

.sidebar .projekti-menu .categories ul li:nth-child(2) ul li a {
    background-color: #60b676;
    border-bottom: 1px solid #fff;
}

.sidebar .projekti-menu .categories ul li:nth-child(3) a {
    background-color: #9fcc3b;
}

.sidebar .projekti-menu .categories ul li:nth-child(3) ul li a {
    background-color: #9fcc3b;
    border-bottom: 1px solid #fff;
}

.multimedija .sidebar .back-foto {
    background-color: #44b88f;
    background-image: url(../images/multimedija.jpg);
}

.projekti .sidebar .back-foto {
    background-color: #44b88f;
    background-image: url(../images/projekti.jpg);
}

.projekti04 .main .heading {
    background-color: #14864C;
}

.projekti05 .main .heading {
    background-color: #60b676;
}

.projekti06 .main .heading {
    background-color: #9fcc3b;
}

.wp-pagenavi span.current {
    color: #656565;
}

.wp-pagenavi {
    margin-top: 50px;
    display: inline-block;
}

.istekli-pozivi {
    margin-top: 40px;
    color: #395260;
    display: inline-block;
}















/* MOBILE */

@media handheld, only screen and (max-width: 979px) {

#licovents {
    width: 100% !important;
    margin-bottom: 40px;
}

}
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait) {
/**** ESSENTIAL - max768 ****/
#menu {display:none;}
.slicknav_menu {display:block;}
.desktop {display:none}
.mobile {display:block}
.circular {width:60%; margin-left:auto; margin-right:auto}
.event-nav .c3{width:50%}
/**** ESSENTIAL - max768 - END ****/

body, html {overflow-x: hidden;}

.logo-mob {
    width: 33.3%;
    float: left;
    padding: 20px;
}

.logo-mob img {
    width: 100%;
}

.banner.mobile {
	display: block;
}


.menu.mobile ul {
    display: none;
}

.menu.mobile ul li {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: inherit;
    margin-right: -3px;
}

.menu.mobile ul li a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.mob-menu-btn {
	margin: auto;
    display: table;
    margin-bottom: 60px;
}

.mob-back {
	background-image: url(../images/opkk-banner.jpg);
	height: 100%;
}

.cont-novosti .c4:nth-child(2) {
	padding-left: inherit;
}

.cont-projekti .c4:nth-child(2) {
    padding-left: inherit;
}

.footer-mobile {
    background-color: #fff;
    margin-top: 20px;
    border-radius: 15px;
    text-align: center;
    padding-bottom: 20px;
}

.banner {
    height: 290px;
}

.menu.mobile ul li ul {
    position: inherit;
}

.menu.mobile ul li ul li a {
    font-size: 10px;
    padding: 5px;
}

.korisni-linkovi a {
    text-align: center;
}

#licovents+#lceevents {
    width: 30% !important;
}

.dodatno.mobile div {
    text-align: center;
}

.menu ul li ul {
    width: 90%;
}


}

@media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) and (orientation:portrait) {
	
.circular {width:72%; margin-left:auto; margin-right:auto}


	
}

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) and (orientation:portrait) {
	

.wrapper {
    padding: 40px 10px;
}

.content {
    padding-left: 0px;
}

.content .c12 {
    padding: 0;
}

.banner {
    display: none;
}

#licovents+#lceevents {
    width: 50% !important;
}

#counter {
    font-size: 27px;
    padding: 0;
}

div#counter span {
    padding: 5px 1px;
    background-color: #292929;
    margin-right: 5px;
    margin-left: 1px;
    color: #fff;
}

div#counter .timer-leg {
    text-align: center;
    margin: auto;
    margin-top: 0px;
    width: 100%;
}

div#counter .timer-leg div {
    display: inline-block;
    width: 30px;
    background-color: none;
    color: #000;
    margin-right: 10px;
    margin-left: 0px;    
    font-size: 10px;
}

.timer-h {
    text-align: center;
    margin-bottom: 35px;
    font-size: 12px;
    font-weight: 400;
}

a.bold-a {
    padding-left: 0px;
    text-align: center;
}

.cont-projekti div a h4 {
    height: auto;
}

.flexslider2.c12 {
    height: 310px;
}

.flexslider2 .flex-direction-nav a {
    top: 63%;
}

.flex-direction-nav .flex-next {
    right: -5%;
}

.flex-direction-nav .flex-prev {
    left: -5%;
}

	
}