body {
    font-family: "Roboto Condensed", sans-serif;
    overflow:hidden;
}

h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    white-space: normal!important;
}

h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    white-space: normal!important;
}

h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    white-space: normal!important;
}

h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    white-space: normal!important;
}

p {
    color:#000000;
    font-size:16px;
    line-height:1.7;
}

ul li {
    color:#000000;
    font-size:16px;
    line-height:1.7;
}

ol li {
    color:#000000;
    font-size:16px;
    line-height:1.7;
}

ul {
    margin-left:30px;
    margin-bottom: 15px;
}

ol {
    margin-left:30px;
    margin-bottom: 15px;
}

a{
    transition:0.3s;
}

.nav-item a{
    color:#FFFFFF!important;
    min-height: auto!important;
}

.nav-item span{
    color:#FFFFFF!important;
}

header .nav {
    align-items: center;
    font-family: "Poppins", sans-serif;
}

.main.other-css .clear {clear:both !important; height:0px !important;}
.main.other-css .clear10 {clear:both !important; height:10px !important;}
.main.other-css .clear15 {clear:both !important; height:15px !important;}
.main.other-css .clear20 {clear:both !important; height:20px !important;}
.main.other-css .clear30 {clear:both !important; height:30px !important;}
.main.other-css .clear40 {clear:both !important; height:40px !important;}
.main.other-css .clear60 {clear:both !important; height:60px !important;}
.main.other-css .clear75 {clear:both !important; height:75px !important;}
.main.other-css .clear90 {clear:both !important; height:90px !important;}


#header .header-nav-top .nav>li.nav-item-left-border.nav-item-left-border-md-show:after {
    display:none;
}

#header .header-row.container-xl .nav.nav-pills a {
    color: #9ea1ab !important;
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
}

#header .header-nav.down-menu {
    min-height: 100px;
}

#header .header-logo img {
    top: 46px!important;
    width: 200px;
}

#header .header-nav.header-nav-links nav>ul>li>a, #header .header-nav.header-nav-links nav>ul>li:hover>a, #header .header-nav.header-nav-line nav>ul>li>a, #header .header-nav.header-nav-line nav>ul>li:hover>a {
    padding: 0 23px;
}

.header-block {
    background-image: url("/doc/slike/heading-ostale.png");
    background-size: cover;
    background-position: right 12% top 13%;
}

.header-block:before {
    content:"";
    /*background-image: url("/doc/slike/slider-opacity01.png");*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 1) 140%);
    position: absolute;
    height: 385px;
    width:100%;
    bottom: 0;
}

.page-header .breadcrumb>li {
    color: #FFFFFF;
}

.page-header .breadcrumb>li a{
    color: #FFFFFF;
}

.page-header.page-header-lg {
    padding: 180px 0 50px;
}

.sticky-header-active #header .header-logo img{
    top:47px!important;
}

.swiper {
    margin-bottom: 110px;
    overflow: visible!important;
}

.swiper-slide-content{
    max-width:1000px;
    min-height: 500px;
    margin:auto;
    position:relative;
}

.swiper-slide-content:after{
    content:"";
    position:absolute;
    background-image: url("/doc/slike/logo-pattern03.png");
    width:500px;
    height:500px;
    top:53px;
    bottom:0;
    background-size: contain;
    opacity: 0.9;
}

.swiper-slide-content:before{
    content:"";
    position:absolute;
    background-image: url("/doc/slike/log1.png");
    width:500px;
    height:500px;
    top:53px;
    bottom:0;
    z-index: 1;
    background-size: contain;
}

.swiper-slide:after{
    content:"";
    /*background-color: rgba(0, 0, 0, 0.7);*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 1) 134%);
    /*background-image: url("/doc/slike/op2.png");*/
    position: absolute;
    height: 483px;
    width:100%;
    bottom: 0;
}

.swiper-slide img, .swiper-slide video {
    object-fit: cover;
    object-position: center;
}

.swiper-slide{
    position:relative;
}

.tp-header p {
    font-size: 54px;
    line-height: 60px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    z-index: 1;
    position: relative;
    padding-top: 16px;
    letter-spacing: 0.3px;
}

.tp-headerbottom, .tp-headerbottom p {
    font-size: 23px;
    line-height: 30px;
    font-weight: 300 !important;
    color: #FFFFFF;
    z-index: 1;
    position: relative;
}


/* Osnovni izgled za sve featured-box elemente */
.icon-box-usluge .featured-box {
    width: 100%;
    max-width: 900px;
    height: auto;
    aspect-ratio: 900 / 396; /* Održava omjer slike */
    margin: 0 auto 30px auto; /* Centriraj boxove s razmakom */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    color: white;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius:12px;
    border-top:none !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

/* Hover zamračenje pozadine */
.icon-box-usluge .featured-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.icon-box-usluge .featured-box:hover::before {
    opacity: 1;
}

.icon-box-usluge .featured-box .box-content {
    position: relative;
    z-index: 1;
    border-top:none !important;
    border-radius: 12px;
    padding: 30px !important;
}
.icon-box-usluge .featured-box .box-content figure.image.image-style-block-align-left {display: table-row;}
.icon-box-usluge .featured-box h4 {font-size: 36px;
    line-height: 41px;
    max-width: 285px;
    color: #000000 !important;
    transition: 0.3s;
    font-weight: 600;}
.icon-box-usluge .featured-box p {
    font-weight: 400;
    font-size: 17px;
    max-width: 265px;
    line-height: 22px;
    transition: 0.3s;
}

.icon-box-usluge .box-content figure img {width: 80px;height: auto;display: block;}
.icon-box-usluge .featured-box:hover h4, .icon-box-usluge .featured-box:hover p {color: #ffffff !important}



/* Layout: od 1200px nadalje – boxovi jedan ispod drugog, full size */
@media (min-width: 1200px) {
    .icon-box-usluge .featured-box {
        width: 900px;
        height: 396px;
    }

    .icon-box-usluge .featured-boxes > .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.icon-box-usluge .featured-boxes > .row > div:nth-of-type(1) .featured-box {
    background-image: url('https://maneo.hr/doc/slike/predstečajni_postupak.png');}
.icon-box-usluge .featured-boxes > .row > div:nth-of-type(2) .featured-box {
    background-image: url('https://maneo.hr/doc/slike/financijski_izvjestaji.png');}
.icon-box-usluge .featured-boxes > .row > div:nth-of-type(3) .featured-box {
    background-image: url('https://maneo.hr/doc/slike/restrukturiranje_01.png');}



.kategorije-carousel{
    padding-bottom: 60px !important;
}

.kategorije-carousel .owl-carousel.owl-drag .owl-item{
    width: calc(100% / 2 - 30px) !important;
    /*min-height: 370px!important;*/
    margin-bottom: 30px;
}

.kategorije-carousel .owl-item h4 a{color:#000000 !important;}
.kategorije-carousel .owl-item a {color: #000000 !important;}
.kategorije-carousel .owl-item:hover a {color: #ffffff !important;}
/*.kategorije-carousel .owl-item:hover p{color:#ffffff!important;}*/


.kategorije-carousel .owl-item:hover h4 a{
    color:#ffffff!important;
}




.kategorije-carousel figure.image img {width: 70px !important;height: auto;}


.kategorije-carousel .owl-item img{
    transition:0.3s;
}

.kategorije-carousel .owl-item:hover img{
    filter: brightness(50%);
}

.kategorije-carousel .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
    min-height: unset;
    max-height: unset;
    object-fit: cover;
    border-radius:12px!important;
}

.kategorije-carousel .content {
    position: absolute;
    bottom: 30px;
    left: 50px;
}

.kategorije-carousel h4{
    font-size: 36px;
    line-height: 41px;
    max-width: 285px;
    color:#000000!important;
    transition:0.3s;
    font-weight:600;   
}

.kategorije-carousel h4 a{
    color:#000000!important;
    transition:0.3s;
    font-weight:600;
}

.kategorije-carousel p{
    font-weight: 400;
    font-size: 17px;
    max-width: 265px;
    line-height: 22px;
    transition:0.3s;

}

.kategorije-carousel .header-lists {
    display:none;
}

.col-lg-12.globalclass {
    padding:0;
}

.zasto-odabrati-sekcija{
    background-image: url("/doc/slike/img-blue.png");
    background-size: cover;
    background-position: center;
    min-height: 940px;
}

.gumb-white {
    background-color:#FFFFFF!important;
    margin: 0 20px 0 0!important;
    color: #0068b5!important;
    border: 0;
    font-size: 19px!important;
    padding: 10px 32px;
    font-weight: 600;
    text-transform: uppercase;
    transition:0.3s;
}

.gumb-white:hover {
    background-color:#0068b5!important;
    color:#FFFFFF!important;
}

.zasto-odabrati-sekcija .button-tag .col-sm-12 {
    padding: 20px 0 0 0;
}

section.section {
    padding: 55px 0;
}

.section-katalogpdf {
    border:none!important;
    padding-top:0!important;
}

.zasto-odabrati-sekcija .section.section {
    border-top:0;
}

.zasto-odabrati-sekcija2{
    min-height: unset!important;
    margin-bottom: -30px;
}

.plava-sekcija-parallax {
    width: 96%;
    margin: auto;
}

.plava-sekcija-parallax h4{
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 25px !important;
}

.plava-sekcija-parallax p {
    font-size: 19px;
    line-height: 25px;
    font-weight: 300;
}

.plava-sekcija-parallax section.section {
    padding: 95px 0 0;
}

.plava-sekcija-parallax .section-background:after {
    content:"";
    position:absolute;
    background-image: url("/doc/slike/logo-pattern-white.png");
    width: 320px;
    height: 320px;
    top: 59px;
    bottom: 0;
    right: 0;
    left: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.plava-sekcija-parallax .parallax-background {
    width: auto!important;
    height: auto!important;
    transform: unset!important;
}

.plavi-counter {
    padding:0;
}

.plavi-counter .counters .counter {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(96, 197, 249);
    border-radius: 6px;
    background-color: rgba(0, 104, 181, 0.5);
    padding: 30px 0;
}

.plavi-counter .col-lg-3 {
    flex: unset;
    max-width: unset;
    width: calc(100% / 5);
}

.plavi-counter label {
    max-width: 163px;
    margin: auto;
}

.plavi-counter label p{
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom:0;
}

.plavi-counter .counters strong {
    font-size: 44px;
    line-height: 50px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 4px;
}

.brosure-carousel h4 a {color: #000000;}
.brosure-carousel{
    margin-top: -195px;
    padding-bottom: 60px !important;
}

.brosure-carousel .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
    min-height: 350px;
    max-height: 350px;
    border-radius: 12px !important;
}

.brosure-carousel .header-lists {
    display:none;
}

.brosure-carousel .content {
    text-align: center;
    position:relative;
    padding-top: 50px;
    max-width: 270px;
    margin: auto;
}

.brosure-carousel .owl-item .content:before{
    content:"";
    position:absolute;
    width: 80px;
    height: 80px;
    top: -44px;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
    background-size: contain;
}

.brosure-carousel .owl-item:first-child .content:before {
    background-image: url("/doc/slike/brosure-icon.png");
}

.brosure-carousel .owl-item:nth-child(2n) .content:before {
    background-image: url("/doc/slike/map-icon.png");
}

.brosure-carousel .owl-item:last-child .content:before {
    background-image: url("/doc/slike/contact-icon.png");
}

.brosure-carousel p {
    line-height: 23px;
}

.brosure-carousel h4 {
    font-size: 22px;
    line-height: 28px;
}

.misija-sekcija{
    min-height: 755px;
    margin-top:-35px;
}

.naslov-glavni h2 {
    color: #000000;
    font-size: 50px;
    line-height: 55px;
    white-space: normal;
    font-weight: 600 !important;
    background-color:transparent!important;
}

.naslov-glavni p {
    font-size: 20px;
    line-height: 1.9;
    font-weight: 300;
}

.naslov-glavni li:before {
    content:"/";
    position:absolute;
    margin-left: -29px;
    /*background-image: url("/doc/slike/mark2.svg");*/
    width:25px;
    height:25px;
    background-size:contain;color: #0068b5;
    font-weight: bold;
}

.naslov-glavni li {
    list-style: none;
    margin-bottom: 10px;
    font-size:18px;
    animation: 1.5s fadeInUp;display: inline-block;
    margin-left: 35px;
}

.naslov-glavni ul {
    margin-top: 30px;
}

.animated-title li:before {
    content:"";
    position:absolute;
    left: -30px;
    top:-7px;
    background-image: url("/doc/slike/mark2.svg");
    width:35px;
    height:35px;
    background-size:contain;
}

.animated-title {
    animation: 1.5s fadeInUp;
}

.animated-title li {
    list-style: none;
    padding-left: 10px;
    /*animation: 1.5s fadeInUp;*/
    position:relative;
}

.usluge-img-animation {padding: 0 20px 20px 20px;}
.usluge-img-animation img {height: 200px !important; width:auto !important;}
.uslugeh4 h4 {color: #0068b5;}

.sirina-1000 .heading-text-below {max-width:1000px}
.sirina-1000 .heading-text-below {max-width:1000px}
.sirina-1000 .heading-text-below ul {display: inline-block;}

.kvalifikacije-box .heading-text-below {background:#f5f5f5; border-radius:25px;padding:25px}

.badge-dark {background-color: #004170 !important;}
.tag-style span.badge.badge-dark {background-color: #fff !important;border: 1px solid #bcbdc0;color: #838383 !important;}
.tag-style .badge.badge-dark.badge-sm.badge-pill:hover {background-color: #f5f5f5 !important;color: #000 !important;}

.gradient-gumbi {
    margin-bottom:40px;
}

.gradient-gumbi a{
    background: linear-gradient(90deg, #0068b5, transparent) #5ec4b6;
    border: 0!important;
    border-radius: 30px!important;
    padding: 15px 44px !important;
    text-transform: uppercase;
    font-size: 18px !important;
    color: #FFFFFF;
    font-weight: 500;
    margin:0 15px;
}

.gradient-gumbi a:hover {
    border-color: #0068b5 !important;
    background-color: #0068b5;
}

.gradient-gumbi .mb-4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gradient-gumbi h2 {
    margin-bottom: 45px !important;
}

.testimonials-carousel .header-lists {
    display:none;
}

.testimonials-carousel .owl-item{
    background-color: #f5f6f8;
    border-radius: 15px;
    padding: 50px;
}

.testimonials-carousel .content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.testimonials-carousel .content p {
    margin-bottom: 11px;
    line-height: 25px;
    font-weight: 400;
    font-size: 17px;
}

.testimonials-carousel .content h4 {
    font-size: 17px;
    line-height: 23px;
    font-style: italic;
    margin-bottom: 0;
}

.testimonials-carousel .content h4 a {
    color:#000000;
}

.testimonials-carousel .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"], .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    background-color: transparent;
    border-color: transparent;
}

.testimonials-carousel .--no-bg-arrows .owl-carousel .owl-nav button[class*=owl-]:before, .--no-bg-arrows .owl-carousel .owl-nav button[class*=owl-]:before {
    color: #0068b5;
    font-size: 30px;
    transition:0.3s;
}

.testimonials-carousel button:hover:before{
    color: #000000!important;
}

.testimonials-carousel .owl-carousel .owl-nav button.owl-next {
    right: -45px;
}

.testimonials-carousel .owl-carousel .owl-nav button.owl-prev {
    left: -45px;
}

.testimonials-index .article-load {
    background-color: #f5f6f8;
    border-radius: 15px;
    padding: 50px 50px 30px !important;
    margin: 0 15px 35px;
    flex: 0 0 47%;
    max-width: 47%;
}

.testimonials-index .mb-xl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.brendovi-carousel .header-lists {
    display:none;
}

.brendovi-carousel .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
    object-fit: contain;
}
.brendovi-carousel .carousel-default .owl-item img {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.brendovi-carousel .carousel-default .owl-item img:hover {filter: none;-webkit-filter: grayscale(0%);}

article.post-large h2 {
    margin-bottom: 15px;
}

article.post-large h1 {
    margin-bottom: 15px;
}

article.post-large h3 {
    margin-bottom: 15px;
}

article.post-large h4 {
    margin-bottom: 15px;
}

.olcircle {
    margin-left: 15px;
}

.olcircle li{
    margin-bottom:10px!important;
}

.about-animation .col-lg-9 {
    flex: 0 0 50%;
    max-width: 50%;
}

.about-animation {
    margin-bottom:40px;
}

.about-animation .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
}

.about-animation .row {
    align-items: center;
}

.about-animation h4 {
    color:#0068b5;
    font-size: 35px;
    line-height: 40px;
    font-weight: 500 !important;
    margin-bottom: 22px !important;
}

.about-animation p {
    font-size: 18px;
}

.about-animation li {
    font-size: 18px;
}

.about-animation-left .col-lg-9 {
    padding-right: 50px;
}

.about-animation-right .col-lg-9 {
    padding-left: 50px;
}

.global-article h4 {
    font-size: 19px !important;
    padding: 0 15px;
}

.global-article p{
    padding: 0 15px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

.global-article .grid-media {
    aspect-ratio: 16 / 12;border-radius: 12px !important;
}
.global-article .post-content {
    margin-bottom: 30px;}
.global-article article.post .post-meta>span {
    float: left !important;
    padding: 0 15px;
}
.global-article .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img {border-radius: 12px !important;}
.global-article span.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded {border-radius: 12px !important;}
.card-reference h4{
    text-align: center;
    font-size: 35px !important;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 30px !important;
}

.card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
    height: 210px;
}

.card-reference .portfolio-item .thumb-info img {
    height: 210px;
}

.sidebar-settings .sidebar h5 {
    background: linear-gradient(90deg, #0068b5, transparent) #5ec4b6;border-radius: 10px;
}

.sidebar .simple-post-list li.list-link a {
    padding: 10px 0;
}

.reference-lista h4{
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 20px;
    color: #0068b5;
}

.reference-lista p{
    color: #000000;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 300;
}

.referentna-lista ol.olcircle {flex-direction: column;
    flex-wrap: wrap;
    display: flex;
    height: 100vh;
    text-align: left;}


.referentna-lista ol li {
    line-height: 35px;
    border-bottom: 1px solid #e1dfdf;
    margin: 0 25px 0 0 !important;
    width: 400px;
    border-image: linear-gradient(to right, #0068b5, #5ec4b6);
    border-image-slice: 1;
}
.referentna-lista li {padding-left:30px}

.referentna-lista ol.olcircle li:before {
	background: #ebebeb;
    font-size: 13px;
    color: #0068b5;
    font-weight: bold;
	left: 11px !important;
	display: none !important;}


.carousel-animation-block {
    display: flex;
    align-items: center;
}

.animation-no-image {
    width: 50%;
}

.animation-no-image .col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
}

.about-carousel-block {
    width: 50%;
    background: transparent !important;
    padding: 0 !important;
}

.about-carousel-block .col {
    padding: 0;
}

.about-carousel-block .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
    min-height: 535px;
    max-height: 535px;
    object-fit: cover;
    border-radius: 0 !important;
}

.carousel-animation-block2 {
    margin-top: 45px;
    margin-bottom: 30px;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.about-carousel-block {
    opacity: 0;
    transform: translateX(100px);
    transition: opacity 2s ease-out, transform 2s ease-out;
}

.about-carousel-block.show {
    opacity: 1;
    transform: translateX(0);
}

.about-carousel-block .box .container-xl {
    max-width: 100%;
}

.about-carousel-block .header-lists {
    display: none;
}

.kontakt-ikone {
    margin-bottom: 50px;
    margin-top: 15px;
}

.kontakt-ikone .featured-box {
    border:0!important;
}

.kontakt-ikone .featured-box-primary .box-content-border-bottom {
    border: 0!important;
}

.kontakt-ikone .featured-box-full h4 p {
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
}

.kontakt-ikone .featured-box-full p {
    font-size: 19px;
}

.kontakt-ikone .featured-boxes-full .featured-box-full p {
    padding-top: 5px;
    opacity: 1;
}

.koraci-animate .process-step:hover:nth-child(2) .process-step-circle {background-color:#5eb2d3 !important}
.koraci-animate .process-step:hover:nth-child(3) .process-step-circle {background-color:#5ec4b6 !important}
.koraci-animate .process-step:hover:nth-child(4) .process-step-circle {background-color:#dfa926 !important}
.koraci-animate .process-step:hover:nth-child(5) .process-step-circle {background-color:#df7b26 !important}
.koraci-animate .process-step:nth-child(2) .process-step-circle {border-color: #5eb2d3 !important;}
.koraci-animate .process-step:nth-child(3) .process-step-circle {border-color: #5ec4b6 !important;}
.koraci-animate .process-step:nth-child(4) .process-step-circle {border-color: #dfa926 !important;}
.koraci-animate .process-step:nth-child(5) .process-step-circle {border-color: #df7b26 !important;}
.koraci-animate .process-step:nth-child(2) i.icons.text-primary {color: #5eb2d3 !important;}
.koraci-animate .process-step:nth-child(3) i.icons.text-primary {color: #5ec4b6 !important;}
.koraci-animate .process-step:nth-child(4) i.icons.text-primary {color: #dfa926 !important;}
.koraci-animate .process-step:nth-child(5) i.icons.text-primary {color: #df7b26 !important;}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animacija-fadeInUp .featured-box-full {
    opacity: 0; /* Initially hidden */
    transform: translateY(100px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.animacija-fadeInUp .featured-box-full.show {
    opacity: 1;
    transform: translateY(0%);
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: 0.8s;
}

.kontakt-ikone .featured-boxes-flat .featured-box .box-content:hover {
    background: #ecf6ff;
}

.kontakt-ikone .featured-boxes-full-scale>.featured-box-full-primary:nth-child(1) {
    background-color: #0068b5;
}

.kontakt-ikone .featured-boxes-full-scale>.featured-box-full-primary:nth-child(1):hover{
    background: rgba(0, 104, 181, .9);
}

.kontakt-ikone .featured-boxes-full-scale>.featured-box-full-primary:nth-child(2) {
    background-color: #5ec4b6;
}

.kontakt-ikone .featured-boxes-full-scale>.featured-box-full-primary:nth-child(2):hover{
    background: rgba(94, 196, 182, .9);
}

.kontakt-ikone .featured-boxes-full-scale>.featured-box-full-primary:nth-child(3) {
    background-color: #8dc63f;
}

.kontakt-ikone .featured-boxes-full-scale>.featured-box-full-primary:nth-child(3):hover{
    background: rgba(141, 198, 63, .9);
}

.kontakt-ikone .featured-boxes-full-scale>.featured-box-full-primary:nth-child(4) {
    background-color: #dfa926;
}

.kontakt-ikone .featured-boxes-full-scale>.featured-box-full-primary:nth-child(4):hover{
    background: rgba(223, 169, 68, .9);
}

/*.kontakt-ikone .featured-box-full:hover{
    filter: brightness(50%);
}*/

.kontakt-form-bg{
    background-color: #f5f6f8;
    padding-top: 10px;
    margin: 50px auto 70px;
}

.kontakt-flex {
    display:flex;
}

.kontakt-flex .fui-form-container .fui-btn {
    background: linear-gradient(90deg, #0068b5, transparent) #5ec4b6;
    border: 0!important;
    border-radius: 30px!important;
    padding: 14px 32px!important;
    text-transform: uppercase;
    font-size: 16px!important;,
    transition:0.3s;
}

.kontakt-flex .fui-form-container .fui-btn:hover {
    border-color: #0068b5 !important;
    background-color: #0068b5;
}

.kontakt-flex .custom-form {
    max-width: 1000px;
    margin: auto auto 100px;
}

.kontakt-flex .custom-form h2 {
    text-align: center;
    color:#0068b5;
    font-size: 50px;
    line-height: 55px;
    white-space: normal;
    font-weight: 600 !important;
}

.kontakt-flex .custom-form h3 {
    color: #555555;
    font-size: 15px;
    max-width: 600px;
    text-align: center;
    margin: auto;
}

.kontakt-flex .custom-form .fui-input {
    padding:15px;
    border-color:#93c9f1;
    font-size: 17px;
}

.kontakt-flex .custom-form .fui-alert p {
    margin-bottom:0;
    color:#FFFFFF;
}

.kontakt-flex .custom-form .fui-alert-error{
    background-color: #fe4556;
}

.kontakt-flex .custom-form input::placeholder {
    color: #555555!important;
}

.kontakt-flex .custom-form textarea::placeholder {
    color: #555555!important;
}

.kontakt-flex .custom-form .fui-btn-wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kontakt-adresa{
    padding-bottom: 50px;
    display: flex;
}

.kontakt-adresa table {
    width:100%;
}

.kontakt-adresa .table td, .table th {
    border: 0;
    text-align: center;
}

.kontakt-adresa .table {
    max-width: 1000px;
    margin: auto;
}

.kontakt-adresa .table p{
    font-size: 18px;
    color:#FFFFFF;
}

.kontakt-adresa .table td{
    background-color:#0068b5;
}

.kontakt-adresa .table td:nth-child(even) {
    background-color: #5ec4b6;
}

.kontakt-adresa table h2 {
    margin-bottom:0!important;
    color:#FFFFFF;
    margin-top: 19px;
}

.kontakt-ured{
    display: flex;
    align-items: center;
    width: calc(100% / 2);
    max-height: 413px;
    margin-right: 20px;
}

.kontakt-ured a {
    color: #FFFFFF;
}

.kontakt-ured a:hover {
    color: #ecf6ff;
}

.kontakt-ured a:before {
    content:"";
    position:absolute;
    margin-left: -45px;
    margin-top: -1px;
    background-image: url("/doc/slike/diamond.png");
    width:35px;
    height:35px;
    background-size:contain;
    transition:0.3s;
}

.kontakt-ured a:hover:before {
    width:38px;
    height:38px;
}

.kontakt-ured .table {
    height: 100%;
}

.kontakt-ured table {
    height: 100%;
}

.kontakt-ured .container-xl {
    height:100%;
}

.kontakt-ured .col-lg-12 {
    padding:0;
}

.kontakt-ured .row {
    height:100%;
}

.kontakt-ured .map-new {
   width:100%;
}

.kontakt-ured .map-new .gm-map {
    height: 413px;
}

.smanjenaslika .image-thumbnail-block img {
    width: 45%;
    border-radius: 25px !important;
}

.boxovi-promo .featured-box h2 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    color: #0068b5;
}
.boxovi-promo button.btn.btn-modern.btn-dark.mr-1 {
    background: linear-gradient(90deg, #0068b5, transparent) #5ec4b6;
    border: 0 !important;
    border-radius: 30px !important;
    padding: 14px 32px !important;
    text-transform: uppercase;
    font-size: 15px !important;
}
.boxovi-promo button.btn:hover.btn-modern.btn-dark.mr-1 {
    background: linear-gradient(90deg, #5ec4b6, transparent) #0068b5;
    border: 0 !important;
    border-radius: 30px !important;
    padding: 14px 32px !important;
    text-transform: uppercase;
    font-size: 15px !important;
}
.boxovi-promo .featured-box {border-radius:25px}
.featured-box .box-content {border-radius:25px}
.promoh2 h2 {color: #0068b5;
    font-weight: bolder !important;
    font-size: 2.5em !important;}
.faq-promo .toggle>.toggle-content>p {
    margin-bottom: 0;
    padding: 10px 25px;
}


.genlinks {
    padding-top: 60px;
    padding-bottom: 60px;
}
.genlinks ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.genlinks ul li.col-md-3, .genlinks ul li {
    list-style: none;
    padding-right: 15px;
    padding-left: 15px;
}
.genlinks ul li.col-md-3 a, .genlinks ul li a {
    padding: 5px 10px;
    background: #f5f5f5;
    display: block;
    margin-bottom: 10px;
}
.genlinks ul li.col-md-3 a:hover, .genlinks ul li a:hover {
    background: #f1f5fd;
}
@media (min-width: 768px) {
    .genlinks ul li {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
}


#footer {
    border-top: 0;
}

#footer a:not(.btn) {color: #000000;}
#footer a:not(.btn):hover {color: #0068b5;}

#footer:before {
    content:"";
    position:absolute;
    background-image: url("/doc/slike/footer-pattern01.png");
    left:0;
    width: 628px;
    height: 544px;
    background-size: contain;
    background-repeat: no-repeat;
}

#footer .py-5{
    width: 1330px;
    float: right;
    align-items: flex-start !important;
}

#footer .col-lg-4 img{
    margin-bottom: 18px;
}

#footer .col-lg-4 h5 {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 10px !important;
    font-family: "Poppins", sans-serif;
}

#footer .col-lg-3 h5 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px !important;
}