/* Zadarska županija 2017.*/
/* Custom CSS*/

body {
    font-size: 13px;
/*    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;*/
}

h3, .h3 {
    font-size: 18px;
}

/*LOGO*/
.zz-logo-vrh {
    padding: 23px 0 0 0;
    float: left;
}

.zz-logo-grb-vrh {
    float: left;
}

.zz-logo-vrh > p {
    line-height: 5px;
}

#zz-logo-1 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .9px;
}

#zz-logo-2 {
    font-size: 13px;
}

.zz-logo-grb-vrh > img {
    width: 25px;
    height: auto;
    margin: 18px 10px 0 0;
}
/*END LOGO*/

#offcanvas-toggler {
    line-height: 48px;
}

.sppb-article-title a:hover {
    color: #6E95CE !important;
}

.sppb-addon-article .sppb-article-title a {
    line-height: 150%;
}

.sppb-meta-date {
    padding-bottom: 10px;
}

/*.zz-jum-div {
    display: inline;
    width: 26%;
    float: left;
    line-height: 15px;
    font-size: 12px;
    margin-left: 40px;
    height: 70px;
}*/

.zz-jum-div {
    display: inline;
    width: 33%;
    float: left;
    line-height: 15px;
    font-size: 12px;
    height: 70px;
    text-align: center;
}

.truba {
    /*background-image: url('img/truba-plava.svg');*/
    background-image: url('img/zz-ikone/png/truba.png');
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    margin: 0 0 -25px -35px;
}

.materijali {
    background-image: url('img/zz-ikone/png/materijali.png');
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    margin: 0 0 -25px -35px;
}

.natjecaji {
    background-image: url('img/zz-ikone/png/natjecaji.png');
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    margin: 0 0 -25px -35px;
}

.pisarnica {
    background-image: url('img/zz-ikone/png/pisarnica.png');
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    margin: 0 0 -25px -35px;
}

.proracun {
    background-image: url('img/zz-ikone/png/proracun.png');
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    margin: 0 0 -25px -35px;
}

.vodic {
    background-image: url('img/zz-ikone/png/vodic.png');
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    margin: 0 0 -25px -35px;
}

.zz-jum-container {
    margin: 40px 0 0 0;
    padding: 0 30px;
}

li#logo > a {
    padding: 7px !important;
}

.input-mini {
    width: auto;
}

.sp-default-logo {
    height: 36px;
    width: 105px;
}

.logo > h1 {
    margin: 0 !important;
}

.sp-default-logo {
    margin-top: 8px;
}

#logo {
    margin-right: 30px !important;
}

#logo > a:hover {
    background-color: transparent !important;
}

#logo {
    float: left;
}

.menu-title {
    
    color: #000;
}

.main-search-zd > form > input {
    float: left;
    width: 85%;
}

.main-search-zd > form > button {
    float: left;
    border: 0;
    letter-spacing: 1px;
    padding: 0 20px;
    height: 44px;
}

.main-search-zd > form > button:hover {
    background-color: #F9C91F;
}

.main-search-zd {
    /*max-width: 90%;*/
    max-width: 90%;
    margin: auto;
}

.episarnica-bold {
    font-family: Source Sans Pro, sans-serif;
    font-weight: bold;
    font-size: 21px;
}

.episarnica-thin {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 200;
    font-size: 21px;
}

.episarnica-small {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 200;
    font-size: 11px;
}

.otvoreni-proracun-otvoreni {
    font-family: Roboto;
    font-weight: 300;
}

.otvoreni-proracun-pro {
    font-family: Arial;
    font-weight: 800;
    font-size: 13px;
}

.otvoreni-proracun-racun {
    font-family: Roboto;
}

.otvoreni-proracun-racun {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 200;
}

.zz-jum-p {
    /*color: #333;*/
    color: #2a5da9;
	font-weight: 400 !important;
	font-size: 13px !important;
	font-family: Source Sans Pro, sans-serif;
    letter-spacing: .7px;
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
}

.zz-jum-p:hover {
    border-bottom: 1px solid rgba(41, 93, 170, 0.25);
    padding-bottom: 5px;
}

/*.zz-jum-p::before {
    content: url('img/truba-plava.svg')
}
*/
/*span.header1 {
    color: #2A5DA9;
    font-size: 20px;
    font-family: 'Libre Franklin', sans-serif;
    letter-spacing: .02em;
    font-weight: 400;
    display: inline;
}*/

span.header1 {
    color: #2A5DA9;
    letter-spacing: .03em;
    font-weight: 600;
    display: inline;
    text-transform: none;
    color: #4775B8 !important;
    font-size: 22px;
    margin-left: 10px !important;
}

span.header2 {
    color: #295daa;
    font-size: 22px;
    letter-spacing: .03em;
    font-weight: 600;
    display: inline;
    text-transform: none;
}

span.header2 {
    color: #F9C91F;
    font-size: 45px !important;
    letter-spacing: .03em;
    font-weight: 600;
    display: inline;
    text-transform: none;
}

.izdvojeno > h1 {
    color: #2A5DA9;
    letter-spacing: .03em;
    font-weight: 600;
    text-transform: none;
    color: #4775B8 !important;
    font-size: 22px;
}

.izdvojeno a >

.header1-margin {
    margin: 40px 0px 20px 0px;
}

.header2-margin {
    margin: 50px 0px 30px 0px;
}

span.pogledaj-sve {
    float: right;    
    /*background:#2A5DA9;*/
    color: #B4B4B4;
    padding: 2px 10px;
    letter-spacing: .05em;
    font-weight: 500;
}

.pogledaj-sve-header2 {
    color: #fff !important;
}

.pogledaj-sve-header2:hover {
    color: #F9C91F;
}

span.pogledaj-sve:hover > a {
    text-decoration: underline;
}

span.pogledaj-sve::after {
    /*content: " →";*/
}

#sp-top-bar {
    color: #FFF;
}

#sp-footer {
    background-color: #0e264a;
}

.sp-copyright {
    color: #FFF;
    display: block;
    overflow: hidden;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 13px;
    font-weight: 400;
    /*text-align: center;*/
}

.zz-no-margin > span {
    font-size: 10px !important;
}

.zz-top-2 {
    line-height: 15px;
    margin-top: 15px
}

.zz-top-2-raxo > div > div > h3 > a {
    color: #FFF !important;
    font-family: 'Libre Franklin', sans-serif !important;
    font-weight: 500 !important;
    font-size: 10px !important;
    letter-spacing: 0.5px !important;
    line-height: 15px;
}

.zz-top-raxo-h {
    font-family: 'Libre Franklin', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: -15px;
}

.zz-top-2-raxo > div > div {
    padding: 0 !important;
}

.zz-top-2-raxo > div {
    margin: 0 !important;
}

#sp-top2 {
    text-align: left;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.5px;
    background: transparent;
    /*height: 95px;*/
    /*margin-left: -25px;*/
    /*padding: 0 40px*/
}

.zz-top-obavijest {
    opacity: .9;
    float: left;
}

.zz-top-obavijest > p {
    color: #FFF !important;
    font-family: 'Libre Franklin', sans-serif !important;
    font-weight: 500 !important;
    font-size: 9px !important;
    letter-spacing: 0.5px !important;
    line-height: 15px;
}

.zz-top-obavijest > h3 {
    font-family: 'Libre Franklin', sans-serif !important;
    font-weight: 700 !important;
    font-size: 10px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 0px;
}

.zz-top-ikona {
    float: left;
    margin-top: 20px;
}

#sp-position5 {
    background: transparent;
    padding: 0 40px
}

#sp-top1 {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.5px;
    border-bottom: 5px solid #295daa;
}

.zz-no-margin {
    margin: 0 !important;
}

ul.social-icons > li a {
    color: #2A5DA9;
}

.news365-top-search form::after {
    font-size: 13px;
    color: #FFF;
    right: 50px;
}

.bt-cs .next, .bt-cs .prev {
    display: block !important;
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#sp-main-menu {
    height: 50px;
    border-top: 0px solid #ededed;
    border-bottom: 0px solid #ededed;
    background-color: white;
}

#js-mainnav.megamenu.darkblue .childcontent-inner {
    background-color: white;
    padding: 10px 0px 30px 0px;
    border-left: 5px solid #295daa;
}

#megamenucss #js-mainnav.darkblue .js-megamenu {
    background-color: transparent !important;
}

#js-mainnav.megamenu.darkblue .group-title .menu-title {

    color: #295daa;
    font-weight: bold !important;

}

#js-mainnav.megamenu.darkblue .childcontent .moduletable {

    color: #303030;

}


#sp-menu-right > div {
    height: 51px;
}
/*END MENI GLAVNI VISINA*/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #333;
}

.sppb-addon-article .sppb-post-share-social .share-button {
    background: transparent;
}

.layout-default .sppb-row > div:nth-child(3n+1) {
    clear: none !important;
}

.layout-default .sppb-row > div:nth-child(4n+1) {
    clear: left !important;
}

.novosti > div > div > div > div > div > h3 > a {
    color: #333 !important;
}

.novosti > div > div > div > div > div > span > a {
    color: #2A5DA9 !important;
}

.novosti > div > div > div > div {
    margin-bottom: 5px !important;
    border-left: 0px solid rgba(0,0,0,0.3) !important;
    padding-bottom: 0px !important;
}

.layout-default .sppb-addon-article {
    margin-bottom: 20px;
    border-bottom: 0px solid rgba(0,0,0,0.3);
}

.layout-default .sppb-addon-article:hover {
    border-left-color: #fff;
}

.sp-megamenu-parent > li > a {
    color: #8F8F8F;
    font-weight: 400;
}

.sppb-addon-article .sppb-img-wrapper {
    margin-bottom: 15px;
}

.itemTwitterButton {
    margin: 0.24em 24px 0 0 !important;
}

/* MEGAMENU CSS  */
#megamenucss #js-mainnav.megamenu .js-megamenu, #megamenucss #js-mainnav.megamenu .js-megamenu .level1 .group, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level1, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level2, #megamenucss #js-mainnav.megamenu .js-megamenu ul.level3 {
    font-family: 'Playfair Display', serif !important;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 300;
	line-height:15px;
   
}

#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li span.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li span.haschild-over.megacss span.menu-title {
    background-position-y: 7px;
}

#megamenucss .darkblue.megamenu ul.level0 > li.megacss:hover > a.megacss { 
    background: #295DAA !important;
    color: #FFF !important;
}

#megamenucss .darkblue.megamenu ul.level0 > li.megacss:focus > a.megacss{ 
    background: #1A81F5 !important;
    color: #FFF !important;
}

#megamenucss #js-mainnav.megamenu.darkblue ul.level0 li.active > .menu-title:focus {
    background: #1A81F5 !important;
    color: #FFF !important;   
} 

#megamenucss #js-mainnav.megamenu.darkblue ul.level0 li.active {
    background: transparent !important;
    color: #FFF !important;
}

/* END MEGAMENU CSS  */

#zupanija-hr {
    background-image: url('img/zupanija-hr.svg');
    background-repeat: no-repeat;
    height: 500px;
    width: 600px;
    margin-top: -140px;
    margin-left: 100px;
}

.megamenu-fix-child-height > div > div > div {
    height: 50px;
    margin-top: -140px;
}

/*.op-linkovi {
    margin: -10px -15px !important;
}*/

.bt-cs .bt-inner img {
    outline: 0px solid #b5b5b5;
    /*border: 1px solid #f1c31f;*/
}

.bt-row-separate {
    clear: both;
    height: 0px;
    border-bottom: 0px dotted #959595;
}

.bt-title {
    font-size: 18px;
    color: #333 !important;
    text-transform: none !important;
    font-weight: 300 !important;
}

.bt-category {
    color: #2A5DA9 !important;
    font-size: 13px;
    font-weight: 500 !important;
    text-transform: uppercase;
}

.bt-cs a.next {
    margin: 0 -25px;
}

.bt-cs a.prev {
    margin: 0 -25px;
}

.bt-cs .bt-row {
    height: auto;
}

.bt-date {
    color: #0e264a;
    font-size: 12px !important;
    font-weight: bold !important;
}
/*PRELOADER*/

#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 99;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url('nova17/templates/zupanija/karta/img/grb-pag.gif');
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }

.pocetna {
    /*background: #2A5DA9 !important;*/
    background: transparent!important;
}

.pocetna > .menu-title:hover {
    color: #FFF !important;
}

.pocetna > li.megacss:hover > a.megacss, #megamenucss #js-mainnav.megamenu.darkblue ul.level0 li.active {
    color: #FFF !important;
}

 #section-id-1486036644448 {
    margin: -13px 0px -40px 0px !important;
    padding: 30px 0px 50px 0px !important;
    background: #f3f3f3;
}

.zz-top {
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}



/*TOOLTIPS OPĆINE POP-UP*/

.white-popup-block {
    background: transparent;
    max-width: 780px;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.96;
}

.mfp-close-btn-in .mfp-close {
    color: #FFF;
}

.content {
    margin:10px;
}

.tooltip-grb {
    position: relative;
    display: inline-block;
}

.tooltip-grb .tooltiptext {
    visibility: hidden;
    width: 222px;
    background-color: #FFF;
    color: #333;
    text-align: center;
    border-radius: 6px;
    padding: 15px 10px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -120px;
    margin-bottom: 16px;
}

.tooltip-grb:hover .tooltiptext {
    visibility: visible;
}

.tooltip-grb > img {
    max-width:55px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.tooltiptext > p {
    line-height: 1.5;
    font-size: 12px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 400;
}

.tooltip-sekcija {
    color: #fff;
    font-size: 15px;
}

.tooltip-zastava > img {
    max-width: 135px !important;
}

.strila::after {
    content: url('img/strelica-doli.svg');
}

.strila {
    margin-bottom: -32px;
}

.tooltip-title {
    font-weight: 700;
    font-size: 14px;
    color: #1369BF;
}

/* TOOLTIP RIGHT */
.tooltip-right {
    position: relative;
    display: inline-block;
}

.tooltip-right .tooltiptext-right {
    visibility: hidden;
    width: 222px;
    background-color: #FFF;
    color: #333;
    text-align: center;
    border-radius: 6px;
    padding: 15px 0 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -25px;
    left: 105%;
}

.tooltip-right:hover .tooltiptext-right {
    visibility: visible;
}

.tooltip-right > img {
    max-width:55px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.tooltiptext-right > p {
    line-height: 1.5;
    font-size: 12px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 400;
}

.strila-livo::before {
    content: url('img/strelica-livo.svg');
}

.strila-livo::before {
    margin-left: -78px;
}

hr.hrtooltip {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 0px solid #565656;
}
/*END TOOLTIPS OPĆINE POP-UP*/

/*TOOLTIPS KARTA*/
.zz-tooltip {
    position: relative;
    display: inline-block;
    margin-top: 50px;
    height: 150px;
}

.zz-tooltip .zz-tooltiptext {
    /*visibility: hidden;*/
    opacity:0;
    -webkit-transition: opacity 1.2s !important;
    transition: opacity 1.2s !important;
    width: 155px;
    background-color: transparent;
    color: #295daa;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 90%;
    left: 50%;
    margin-left: -60px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.2;
    z-index: -1;
}

.zz-tooltip .zz-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
}

/*.zz-tooltiptext::before {
    content: url('img/zz-touch.svg');
}*/

.zz-tooltip:hover .zz-tooltiptext {
    /*visibility: visible;*/
    opacity:1;
}

.hvr-float:active, .hvr-float:focus, .hvr-float:hover {
    -webkit-transform: translateY(-30px) !important;
    transform: translateY(-30px) !important;
}
/*END TOOLTIPS KARTA*/

.mfp-bg {
    background: #1F2533;
}

/*EFEKT NA IMG*/
.tranzicija_1 img:hover {
    opacity: .7;
}
.tranzicija_1 img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: opacity .09s ease-in-out .09s;
}

.hover-svg > img {

}

.tooltip-grb>img:hover {
    opacity: .7;
}
.tooltip-grb>img {
    transition: opacity .09s ease-in-out .09s;
}

.tooltip-right>img:hover {
    opacity: .7;
}
.tooltip-right>img {
    transition: opacity .09s ease-in-out .09s;
}

.zupanija-top-svg > a >img {
    margin: 50px 0;
}

/*.zupanija-top-svg {
    border-right: 1px solid #E1E1E1;
}*/

.pri-portfolio-item-inner:hover .pri-portfolio-item-overlay {
    opacity: 0.9 !important;
}

/*PRI PORTFOLIO MODUL STYLE 6*/

#pri-portfolio-211 .pri-portfolio-item-buttons a {
    border: 0px solid #fff;
}

.grb-slider {
    width: 116px;
    height: 116px;
    background-image: url('img/zz-grb.png');
    background-repeat: no-repeat;
}

/*.grb-slider:nth-child(1) {
    width: 150px;
    height: 150px;
    background: black;
}*/

.pri-portfolio-slider-style6 .pri-portfolio-item-overlay-content {
    top: 30% !important;
    margin-top: 0px !important;
}

.pri-portfolio-slider-style6 .pri-portfolio-item-buttons a {
    width: 116px;
    height: 116px;
}

.pri-portfolio-slider-style6 .pri-portfolio-item-inner:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.pri-portfolio-item-title {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 500;
}

/*PRI PORTFOLIO MODUL STYLE 6*/

#sp-bottom .sp-module ul > li > a {
    
    font-size: 13px;
    font-weight: 400;
}

/*SOCIAL SHARE*/

.sppb-addon-article .sppb-post-share-social .sppb-post-share-social-others {
    margin-right: -72px;
}

.sppb-addon-article .sppb-post-share-social {
    font-size: 14px;
}

/*END SOCIAL SHARE*/


.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    margin-top: 20px;
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-title {
    display: block;
    padding: 0 8px;
    font-size: 12px;
    font-weight: unset;
}


#megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild.megacss span.menu-title {
    padding-left: 8px;
}

/*FOOTER*/

.zz-footer-links {
    text-align: justify;
    /*border: 1px solid #ccc;*/
}

.zz-footer-links a {
    display: inline-block;
    position: relative;
    top: 1.2em;
}

.zz-footer-links:before{
    content: '';
    display: block;
    width: 100%;
    margin-bottom: -1.2em;
}

.zz-footer-links:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.footer-linkovi-zz {
 
    background: #0e264a !important;
    padding-top: 70px;
    margin-bottom: -30px;
}

#sp-bottom {
   background-color: #0e264a !important;
   text-align: center;
}

/*END FOOTER*/

 .section-bg-color-zz {
    background-color: white !important;
 }

.layout-default .sppb-addon-article .sppb-meta-category a, .layout-default .sppb-addon-article .sppb-article-title a, .layout-default .sppb-addon-article .sppb-readmore, .layout-default .sppb-addon-article .sppb-article-meta > span {
    color: #333;
 }

.zz-jumbotron {
    z-index: 2 !important;
}

.zz-jumbotron>div>div>div>div {
    z-index: unset !important;
}

.zz-jumbotron>div>div>div>div>div {
    z-index: unset !important;
}

.zz-karta-pagebuilder {
    z-index: unset !important;
}

/*.zz-karta-overlay>span>img {
    margin:50px 0;
}*/

.closebtn {
    margin-top: 60px;
}

.pri-portfolio-image > img {
    opacity: 0.7;
}

/*K2 STYLE*/

/*sakrij POSTED ON prije datuma objave*/
.info-block-title {
    display: none;
}

/*sakrij sivu traku nakon datuma objave*/
.itemToolbar {
    display: none !important;
}

.itemImageGallery > h3 {
    display: none;
}

.itemView .itemHeader h2.itemTitle {
    padding-bottom: 0 !important;
	letter-spacing: 0.6px;
	font-weight: 600;
	font-family: 'Playfair Display', sans-serif;
}

h2.itemTitle {
	font-size:32px !important;
}

.itemView .itemHeader span, .itemView .itemHeader span.itemDateCreated {
    text-transform: none;
    font-size: 12px;
    margin: 5px 0 20px 0;
}

/*gallery style*/
ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
    box-shadow: 0px 0px 2px #888;
    background: #fff;
    padding: 0px !important;
    border: none !important;
}

/*tekst*/
.itemView .itemBody .itemFullText p {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.3px;
	line-height: 1.6;
	color: #000;
}

span.itemHits {
    padding-top: 30px !important;
}

div.itemBackToTop {
    text-align: left !important;
}

.itemView div.itemBackToTop a {
    font-size: 20px;
    font-weight: 300;
}

.itemView div.itemBackToTop a i {
    font-size: 25px;
}

.itemCategory {
    padding: 5px 10px 0 0;
}

#k2Container > div > div.itemCategory a {
    text-transform: none !important;
    font-size: 14px !important;
    color: #295daa;
}

div.subCategory {
    background: none !important;
    border: none;
    margin: 10px 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #ddd !important;
    height: auto !important;
}

div.subCategory h2 {
    font-size: 20px;
}

div.itemListSubCategories {
    margin-left: 10px;
    margin-bottom: 25px;
}
/*END K2 STYLE*/

/*RAXO NOVOSTI*/

.allmode-default .allmode-date, .allmode-default .allmode-hits, .allmode-default .allmode-comments {
    padding: 0 10px 0 0px;
    background-image: none;
}

.allmode-default .allmode-item {
    border-top: 0px;
}

.allmode-default .allmode-topitem {
    border-top: 0;
    max-width: 245px; 
}

.allmode-date {
    display: none;
}

.allmode-hits {
    display: none;
}

.allmode-default .allmode-img img {
    padding: 0;
    border: 0;
}

.allmode-default .allmode-topitem .allmode-title {
    font-family: Source Sans Pro, sans-serif;
}

.allmode-default .allmode-item .allmode-title {
    font-family: Source Sans Pro, sans-serif;
}
/*END RAXO NOVOSTI*/

.sppb-addon-articles-slider .owl-next::before {
    color: #4775b8;
}

.sppb-addon-articles-slider .owl-next:hover::before {
    color: #7cbaed;
}

.sppb-addon-articles-slider .owl-prev::before {
	color: #4775b8;
}

.sppb-addon-articles-slider .owl-prev:hover::before {
	color: #7cbaed;
}

.zz-novosti-raxo {
    margin-top: 0px;
}

.allmode-default a {
    color: #2a5da9 !important;
    font-size: 18px;
	text-transform: none !important;
	font-weight: 300 !important;
}

/*k2 kategorije view*/
div.catItemImageBlock {
    height: 200px;
}

.catItemBody .catItemIntroText {
    font-size: 14px;
    font-weight: 300;
    color: #aaa;
}

div.itemListCategory img {
    display: none;
}

div.itemListCategory h2 {

    letter-spacing: 0.6px;
    font-weight: 600;
    font-family: 'Playfair Display', sans-serif;
    font-size: 45px;

}

div.itemListCategory {
    background: transparent;
    border: 0;
    border-radius: 0px;
    margin: 0 0 24px 0;
    padding: 0 8px 20px 8px;
    margin-bottom: 40px;
}

div.catItemImageBlock span.catItemImage a::after {
    content: none !important;
}

div.catItemImageBlock span.catItemImage a:hover::before {
    opacity: .2 !important;
}

div.k2FeedIcon a::before, a.ubUserFeedIcon::before {
    font-weight: 600;
    color: #333;
}

div.catItemView {
    margin-bottom: -20px;
    padding-left: 10px;
}
/*end k2 kategorije view*/

/*Izdvojeno*/
.sppb-category-icon.fa.fa-camera-retro {
    display: none;
}
.sppb-addon-articles-slider .sppb-addon-article.item .sppb-img-wrapper::after {
    content: none;
}
.sppb-addon-article .sppb-img-wrapper::before {
    background-color: #2A5DA9 !important;
}

.sppb-addon-article:hover .sppb-img-wrapper::before {
    opacity: .2;
}
/*END Izdvojeno*/

.zz-home-izdvojeno {
    color: #FFF;
    font-weight: 400;
    padding: 10px 10px 20px 20px;
    font-size: 15px;
    margin-bottom: 30px;
    background: rgba(31, 37, 51, 0.9);
	border-radius: 6px;
}

/*#megamenucss #js-mainnav.megamenu .group-title {
    border-bottom: 1px solid #FFF;
}*/

.zz-megamenu-zupan > div > div > div > div {
	width: 200px;
}

.zz-megamenu-zupan > div > div > div > div:nth-child(4) {
	width: 540px
}

.uredzupana-megamenu-novosti > div > div > h4 > a {
	padding: 2px 0 !important;
	color: #295daa !important;
	font-size: 14px;
}

.uredzupana-megamenu-novosti > div > div > h4 > a:hover {
	color: #1c78e1 !important;
}

.uredzupana-megamenu-novosti {
	margin: 15px 5px !important;
}

.uredzupana-megamenu-novosti > div > div {
	padding: 2.5px !important;
}

.uredzupana-megamenu-novosti > h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding-top: 3px;
}

.zz-megamenu-zupan > div > div > div > div:nth-child(1){
    margin-left: 10px;
}

.uredzupana-megamenu-novosti > h3 {
    margin-left: 20px !important;
    border-bottom: 1px solid #FFF;
    padding-bottom: 20px !important;
}

.group-title > a > span {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px !important;
}

.group-title > a {
    margin-bottom: -15px !important;
    pointer-events: none;
}

.stranica > div > p {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 1.6;
    color: #000;
}

.stranica > div > h3 {
    padding-bottom: 0 !important;
    letter-spacing: 0.6px;
    font-weight: 600;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 32px !important;
}

.stranica {
    margin-bottom: 50px;
}

.stranica > div > h4{
    color: #2a5da9;
    padding: 8px 0px;
    margin: 15px 0 25px 0;
    font-weight: 500;
}

.zz-megamenu-button {
    padding: 0px;
    color: #295DAA !important;
    background: transparent !important;
    border-bottom: 1px solid #295DAA !important;
    margin-top: 10px;
    font-size: 13px;
    height: 30px;
    line-height: 0px;
    text-transform: none;
}


.megacol.column2.last {

    width: 210px;
}

.zz-megamenu-button:hover {
    color: #1c78e1 !important;
    border-color: #1c78e1 !important;
}

.group:active {
    background: transparent;
}

.javnabold {
    font-weight: bold !important;
}

.zz-2018 {

justify-content: center;
display: flex;
align-content: center;
align-items: center;


}


.zz-row {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 11px !important;
}

.zz-row>*{

    margin: 5px; 
    transition: all 0.2s;
}

.zz-row>*:hover{

    background-color: #0a568b;
    color: white;
   
}

.zz-row>*:hover *{

    color: white;
    border-color: white;
    }


div.itemAttachmentsBlock ul.itemAttachments {
    
    display: flex !important;
 
}

#cadre_alert_cookies {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;	
	width:100%;
	z-index: 99999;
}
#cadre_alert_cookies .cadre_inner_alert_cookies{
	background-color: #2a5da9 !important;
	background: -moz-linear-gradient(left, #2F2727, #1a82f7);
	background: -webkit-linear-gradient(left, #2F2727, #1a82f7);
	background: -o-linear-gradient(left, #2F2727, #1a82f7);
	background: -moz-linear-gradient(left, #2F2727, #1a82f7);
	background: linear-gradient(left, #2F2727, #1a82f7);
}

.cadre_texte *{
	color:white;
	font-size:18px;
	font-weight:bold;
}

#cadre_alert_cookies .cadre_inner_alert_cookies .cadre_bouton .btn.btn-inverse.read_more,
#cadre_alert_cookies .cadre_inner_alert_cookies .cadre_bouton .btn.btn-primary.popup-modal-dismiss{
	background-color:#2a5da9 !important;
	border-radius:0;
	border:2px solid white ;
	padding:0;
	margin:0;
	height:40px;
	width:150px;
	line-height:36px;
	background-image:none !important;
}
#cadre_alert_cookies .cadre_inner_alert_cookies .cadre_bouton .btn.btn-inverse.read_more:hover,
#cadre_alert_cookies .cadre_inner_alert_cookies .cadre_bouton .btn.btn-primary.popup-modal-dismiss:hover{
	background-color: #F9C91F !important;
}



.items-more ol li {

	list-style: none;
	font-size: 25px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px !important;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #2a61b5;
}

#section-id-1485960010931 .bt-cs .bt-inner .bt-title {

    color: white !important;
}

#section-id-1485960010931 .bt-cs .bt-inner .bt-title:hover {

    color: #989898 !important;
}


#section-id-1491224806134 .layout-default .sppb-addon-article .sppb-article-title a,
#section-id-1491224806134 .sppb-meta-date {

    color: white !important;
}

#section-id-1494485217337 .span.header2 {

    color:#295daa !important;
}

.bt-cs .bt-inner .bt-title {

    font-size: 15px;
}

#btcontentslider187 .bt-date {

    color: #2a5da9 !important;
    font-size: 12px;
}


.itemView .itemHeader span, .itemView .itemHeader span.itemDateCreated {

    color: #000;
    font-size: 14px !important;

}

.allmode-default .allmode-title a {

    font-family: "Playfair Display";
}

#offcanvas-toggler {

    float: right;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 25px;

}

#offcanvas-toggler::before {

    content: "Izbornik";
    margin-right: 10px;
}

.sp-module ul.menu > li {

    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;

}

.sp-module ul.menu > li > a {

    line-height: 30px;

}

#megamenucss .darkblue .megamenu .dropdown-menu ul.level1 li.megacss:hover > a.megacss, #megamenucss .darkblue .dropdown-menu ul.level1 li.megacss a.megacss:hover {

    background-color: #295DAA !important
}

.menu-title:hover {

    color: white !important;
}

#sp-menu {

    margin-top: 5px;
    display: flex;
    justify-content: center;
}


#megamenucss #js-mainnav.megamenu .group-content .js-moduletable, #megamenucss #js-mainnav.megamenu .group-content ul.megamenu {

    margin: 0 !important;
    width: 210px;
}


.allmode-default .allmode-topitem .allmode-text {

    font-family: "Playfair Display";
}


.sp-page-builder .page-content #section-id-1485939670461 {

    background-attachment: scroll !important;
}

#section-id-1485960010931 .bt-cs .bt-inner {

    border-right: 1px solid white;
}

.bt-row.bt-row-last .bt-inner {

    border-right: none !important;
}

#system-message .alert {

display: none;

}

.zz-footer-links img{
    border-bottom:2px solid transparent;
    transform: scale(1);
    transition: all 0.3s ease; 
}


.itemView .itemHeader h2.itemTitle {

    color: #0e264a;}


#sp-top-bar {

line-height: 10px;}

.grbic {

    position: relative;

    top: 25px;
}

.layout-default .sppb-addon-article .sppb-article-title {

    margin: 5px 0 20px;
    font-size: 14px;

}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {

    margin-top: 0;
    padding: 30px;
    background-color: #0e264a;

}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);


}


.offcanvas-menu {

    
    background-color: rgb(14, 38, 74);

}

.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a{

    background: none !important;
}





#section-id-1485960010931 .layout-default .sppb-addon-article .sppb-article-meta > span {

    color: white;
}


#sp-main-body {

    padding: 65px 0 0px;

}

#k2Container {

    padding: 0 0 4px 0;

}

.only {

    display: none;
}

legend {

    display: none;
}


body:not(.itemid-572) #sppb-addon-1545296121789{
	display:none !important;
}

#column-wrap-id-1544707203596{
	z-index:2;
}

#sp-top-bar .sp-module {
	
	display: block !important;
}

.itemid-802 .allmode-date{
	display:block;
}


div.k2ItemsBlock {

    column-count: 2;

}

div.k2ItemsBlock ul li {

    display: inline-block;

}

.newslist-add.items-row.row.clearfix{
	display:none !important;
}

td, th {
    padding: 0;
    border: 1px solid !important;
}

.itemid-1145 div.catItemBody ,
.itemid-1146 div.catItemBody {
    padding: 0px;
    margin: 0;
}

.itemid-1145 .itemContainer ,
.itemid-1146 .itemContainer {
	margin-top:15px;
}

.itemid-1145 .catItemDateCreated ,
.itemid-1146 .catItemDateCreated {
    color: #1d1d1d;
font-weight: bold;
}

#btcontentslider344 .bt_handles_num {

	top: unset !important;
    bottom: 0px !important;

}

.bt-cs .bt_handles_num {
	
	display: flex !important;
    justify-content: center !important;
	left: 0;
}

element {

}
.bt_handles_num li.current a {

    background: #3754a4;

}

.bt_handles_num li a {

    display: block !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: grey;
    float: left;
    padding: 0 !important;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 15px;

}


#btcontentslider344 .bt-date{
	position: absolute;
	bottom: 5px;
	right: 60px;
	font-size: 15px;
	color: #0e264a;
}

a.point-bold-zastita {
	
	font-weight: bold !important;
}

#menu1155 {
	
	display: none;
}



.povjereni-poslovi-kontakt .sppb-addon-accordion .sppb-panel .sppb-panel-heading {
	
	border: 0px !important;
	padding: 0px;
}

.povjereni-poslovi-kontakt .sppb-addon-accordion .sppb-panel .sppb-panel-heading span.sppb-panel-title {
    color: #38434a;
    font-size: 21px;
	font-weight: 500;
}

.point-subtitle .col-sm-12 h2.sp-module-title {
	
	display: initial !important;   
	font-size: 45px !important;
	text-transform: initial !important;
}


.point-subtitle .nav.menu{
	display:flex;	
	flex-wrap:wrap;
}

.point-subtitle .nav.menu > li{
	padding:10px 25px;
	flex: 1 1 auto;
	border:none !important;
	border-bottom:2px solid #4775B8 !important;
}

.point-subtitle .nav.menu > li:hover,
.point-subtitle .nav.menu > li.active{
	border:2px solid #4775B8;
	background:#4775B8;
	transition: all 0.3s ease;
	color:white;
	flex: 2 1 auto;
}

.point-subtitle .sp-module ul.menu > li > a,
.point-subtitle .nav.menu > li > a{
	color: #4775B8;
	text-align:center;
}

.point-subtitle .sp-module ul.menu > li.active > a,
.point-subtitle .sp-module ul.menu > li:hover > a{
	color: white;
}



article.kategorija-152 .odjel-povjereni-poslovi .nav.menu.desnomeni li.deeper.parent:not(.current):not(.active) > .point-odsjek + ul,
article.kategorija-153 .odjel-povjereni-poslovi .nav.menu.desnomeni li.deeper.parent:not(.current):not(.active) > .point-odsjek + ul,
article.kategorija-154 .odjel-povjereni-poslovi .nav.menu.desnomeni li.deeper.parent:not(.current):not(.active) > .point-odsjek + ul{
	display:none !important;
}

article.kategorija-152 .entry-header > .items-row.row.clearfix.point-subtitle + h2,
article.kategorija-152 .entry-header h2.point-odsjek,
article.kategorija-153 .entry-header > .items-row.row.clearfix.point-subtitle + h2,
article.kategorija-153 .entry-header h2.point-odsjek,
article.kategorija-154 .entry-header > .items-row.row.clearfix.point-subtitle + h2,
article.kategorija-154 .entry-header h2.point-odsjek{
	display:block;
}

h2.point-odsjek.point-maticni{
	order:0;
	margin-bottom:30px;

}

.point-subtitle{
	order:1;
}

.entry-header {
    padding-bottom: 0px;
    padding-top: 0px;
	margin-bottom:40px;
}

.point-child-new{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	pointer-events:none;
	transform:translateX(100%);
	transition:all 0.3s ease, transform 0.6s ease;
}


.point-child-main{
	position:relative;
	top:0;
	left:0;
	transform:translateX(0%);
	opacity:1;
	pointer-events:all;
	transition:all 0.3s ease, transform 0.6s ease;
}



.point-child-title-current{
	display:block;
	width:100%;
	position:relative;
	bottom:0;
	left:0;
	transform:translateX(0%);
	opacity:1;
	pointer-events:all;
	transition:all 0.3s ease, transform 0.6s ease;
}

.point-child-title-new{
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
	pointer-events:none;
	transform:translateX(100%);
	transition:all 0.3s ease, transform 0.6s ease;
}

.point-child-title-new.point-child-title-coming{
	transform:translateX(-0%);
	opacity:1;
	pointer-events:all;
}

.point-child-title-current.point-child-title-leaving{
	transform:translateX(-100%);
	opacity:0;
	pointer-events:none;
}

article.kategorija-152 .entry-header,
article.kategorija-152 #point-articlesBodies,
article.kategorija-153 .entry-header,
article.kategorija-153 #point-articlesBodies,
article.kategorija-154 .entry-header,
article.kategorija-154 #point-articlesBodies{
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
}

article.kategorija-152 .entry-header > h2,
article.kategorija-152 #point-articlesBodies > div,
article.kategorija-153 .entry-header > h2,
article.kategorija-153 #point-articlesBodies > div,
article.kategorija-154 .entry-header > h2,
article.kategorija-154 #point-articlesBodies > div{
	background:white;
}

.point-child-new.point-child-coming{
	transform:translateX(-0%);
	opacity:1;
	pointer-events:all;
}

.point-child-main.point-child-leaving{
	transform:translateX(-100%);
	opacity:0;
	pointer-events:none;
}

article.kategorija-152 .entry-header .point-subtitle ~ h2,
article.kategorija-153 .entry-header .point-subtitle ~ h2,
article.kategorija-154 .entry-header .point-subtitle ~ h2{
	display:block !important;
	margin-bottom: 30px !important;
	margin-top: 30px !important;
}

article.kategorija-152 .point-subtitle .nav > li > a:hover,
article.kategorija-152 .point-subtitle .nav > li > a:focus,
article.kategorija-153 .point-subtitle .nav > li > a:hover,
article.kategorija-153 .point-subtitle .nav > li > a:focus,
article.kategorija-154 .point-subtitle .nav > li > a:hover,
article.kategorija-154 .point-subtitle .nav > li > a:focus {
	background:transparent;
}

article.kategorija-152 .entry-header > .items-row.row.clearfix.point-subtitle + h2,
article.kategorija-152 .entry-header h2.point-odsjek,
article.kategorija-153 .entry-header > .items-row.row.clearfix.point-subtitle + h2,
article.kategorija-153 .entry-header h2.point-odsjek,
article.kategorija-154 .entry-header > .items-row.row.clearfix.point-subtitle + h2,
article.kategorija-154 .entry-header h2.point-odsjek {
    display: block;
    text-align: left;
}

article.point-subtitle-empty.kategorija-152 .entry-header .point-subtitle ~ h2,
article.point-subtitle-empty.kategorija-153 .entry-header .point-subtitle ~ h2,
article.point-subtitle-empty.kategorija-154 .entry-header .point-subtitle ~ h2{
	margin-top:10px !important;
}


article.point-subtitle-contains.kategorija-152 .entry-header .point-subtitle ~ h2,
article.point-subtitle-contains.kategorija-153 .entry-header .point-subtitle ~ h2,
article.point-subtitle-contains.kategorija-154 .entry-header .point-subtitle ~ h2{
	margin-top: 10px;
}


article.kategorija-152 .entry-header .point-subtitle,
article.kategorija-153 .entry-header .point-subtitle,
article.kategorija-154 .entry-header .point-subtitle{
	margin-top: 38px;
}

.point-mjesta-rada {
	
	display: flex; 
	justify-content: space-between; 
	flex-wrap: wrap; 
}


.point-kontakti-povjereni-poslovi {
	
	grid-template-columns: 1fr 1fr;
	display: grid;
}


div.itemAttachmentsBlock ul.itemAttachments li {
    display: inline;
    list-style: none;
    margin: 0;
    text-align: left;
    padding: 20px !important;
}


.sppb-btn.point-korona.sppb-btn-custom {
	
	background: #d33 !important;
	line-height: 25px !important;
	color: white !important;
	padding: 10px !important;
	width: 100% !important;
}

.sppb-btn.point-korona.sppb-btn-custom:hover {
	
	background: #eb6a6a !important;
	width: 100% !important;
}

ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg, ul.sigProClassic li.sigProThumb a.sigProLink:hover img.sigProImg {
	
	background-position: top !important;
}

#menu1223{
	
	display: none !important;
}

#koronavirus-bottom.sppb-section {
	
	max-width: 1335px !important;
	margin: auto !important;
	padding-top: 50px !important;
	margin-bottom: -90px !important;
}

.itemid-1223 .cestitka-top {
	
	display: none !important;
}

.itemid-1223 #sppb-addon-1552035174516 {
	
	margin: 0 0 -20px 0 !important;
}

@media only screen and (max-width: 991px) {
  #column-wrap-id-1586965444102,
  #column-wrap-id-1586967330462 {
    order: 3;
  }
  #koronavirus-bottom.sppb-section{
	  padding: 20px !important;
	  margin-bottom: -20px !important;
	  margin-top: 40px !important;
  }
}