body {color: #000; font-size: 20px; line-height: 1.6em; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;}
p {color: #000; font-size: 20px; line-height: 1.6em;  margin: 0 0 0.8em 0; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;}

ul, ol {margin-left:2em; margin-bottom:1em;}
ul li, ol li {line-height: 1.4em; padding:0 5px;}
ul li p, ol li p {margin:0; padding:0;}
ul.glightbox-gallary {margin-left:0; margin-bottom:0;}
ul.nav {margin-left:0; margin-bottom:0;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    letter-spacing: 0px;
    line-height:1.2em;
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;}


h3 {margin-bottom:20px;}

b, strong {font-weight: 600;}
.font-weight-extra-bold {font-weight: 600 !important;}

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

.header__wrapper-social > .desktopAndMobileClass:first-child {margin-right: auto;}
.header__wrapper-social > .desktopAndMobileClass:not(:first-child),
.header__wrapper-social > .d-none.d-lg-flex {margin-left: 0;margin-right: 0;}
.header__wrapper-social > .desktopAndMobileClass:last-child,
.header__wrapper-social > .d-none.d-lg-flex:last-child {margin-left: 5px;}
a.nav-link#dropdownLanguage {background: transparent !important;color: #000000;border: 1px solid #a59acc;font-size: 17px;padding: 0 5px;border-radius: 8px;}
a.nav-link#dropdownLanguage i {font-size:14px}


/* baza – svi glavni linkovi OSIM prvog */
.header-nav-main #mainNav > li.desktopAndMobileClass:not(:first-child) > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-left: 28px !important;
}
#header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li>a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li:hover>a:before {left:0}
/* zajednički ::after za ikone – opet OSIM prvog */
.header-nav-main #mainNav > li.desktopAndMobileClass:not(:first-child) > a::after {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #a59acc !important;
    display: inline-block !important;
    opacity: 1 !important;
    content: "" !important;
}
.dropdown-toggle::after {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

/* O nama – fa-building */
.header-nav-main #mainNav > li.desktopAndMobileClass:nth-child(2) > a::after {
    content: "\f1ad" !important;
}

/* Tečajevi stranih jezika – npr. fa-comments */
.header-nav-main #mainNav > li.desktopAndMobileClass:nth-child(3) > a::after {
    content: "\f086" !important;
}

/* Usluge prevođenja – fa-highlighter */
.header-nav-main #mainNav > li.desktopAndMobileClass:nth-child(4) > a::after {
    content: "\f591" !important;
}

/* Reference – fa-rectangle-list */
.header-nav-main #mainNav > li.desktopAndMobileClass:nth-child(5) > a::after {
    content: "\f022" !important;
}

/* Kontakt – fa-address-book */
.header-nav-main #mainNav > li.desktopAndMobileClass:nth-child(6) > a::after {
    content: "\f2b9" !important;
}





figure {height: auto;}
figure.image {margin: 10px auto 20px auto !important; width: auto; max-width: 100%; height: auto;}
.img-responsive {width: auto; max-width: 100%; height: auto;}

.relative {position:relative;}

section.section {border: 0 !important;}
section.section.section-height-3 {padding: 30px 0 !important;}

.header__wrapper-social {justify-content: space-between;align-items: center;}
.social-icons li a {border: .02em solid #000000;background: transparent !important;color:#000000 !important}
.social-icons li:hover a {color: #8778bb !important;}
#header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span {font-size: .8em;    padding: 0 10px;}
#header .header-nav.down-menu {min-height: 125px;}

.swiper-slide-content {left: 8%;align-items: flex-start;top: -70%;}
.tp-header p {font-family: "Manrope", sans-serif;font-size: 60px;font-weight: 900;line-height: 60px;margin: 0 0 0.6em 0;}
.tp-headerbottom p {font-size: 27px;line-height: 41px;text-align: left;font-weight: 500;    margin: 0 0 1.4em 0;}
.btn-gumb-more {font-family: "Manrope", sans-serif;font-size:20px !important;padding:16px 33px;border:none;text-transform:uppercase;
    background: #222446;
    background: -webkit-linear-gradient(90deg,rgba(34, 36, 70, 1) 0%, rgba(51, 40, 91, 1) 100%);
    background: -moz-linear-gradient(90deg,rgba(34, 36, 70, 1) 0%, rgba(51, 40, 91, 1) 100%);
    background: linear-gradient(90deg,rgba(34, 36, 70, 1) 0%, rgba(51, 40, 91, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222446",endColorstr="#33285b",GradientType=1);}
.btn-gumb-more:hover, .btn-gumb-more:active {font-family: "Manrope", sans-serif;font-size:20px !important;padding:16px 33px;
    background: #222446;
    background: -webkit-linear-gradient(270deg,rgba(34, 36, 70, 1) 0%, rgba(51, 40, 91, 1) 100%);
    background: -moz-linear-gradient(270deg,rgba(34, 36, 70, 11) 0%, rgba(51, 40, 91, 1) 100%);
    background: linear-gradient(270deg,rgba(34, 36, 70, 1) 0%, rgba(51, 40, 91, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222446",endColorstr="#33285b",GradientType=0);}

.section-onama {background: #ffffff;
    padding: 65px 0 !important;
    background-image: url(/doc/slike/mreza.png) !important;
    background-position: top right !important;
    background-repeat: no-repeat !important;
    background-size: auto;margin:0 !important}
.section-tecajevi {background: #ededf4;
    padding: 65px 0 !important;
    background-image: url(/doc/slike/mreza-purple.png) !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: auto;margin:0 !important}
.section-prijevod {background: #ffffff;padding: 65px 0 !important;margin:0 !important}

.index-heading h2.font-weight-normal {position: relative;display: inline-block;color: #33285b;font-weight:800 !important; font-size:18px !important;background:transparent}
.index-heading  h2.font-weight-normal::after {content: "";position: absolute;left: 0;bottom: -12px;width: 30px;height: 4px;background-color: #a79dcd}
.index-heading h1 {font-size: 50px;font-weight: 800;color: #000000;background:transparent !important;}
.index-heading .heading-text-below p {font-size:20px;font-weight:500}
.index-heading-center h2.font-weight-normal {position: relative;display: inline-block;color: #33285b;font-weight:800 !important; font-size:18px;background:transparent}
.index-heading-center  h2.font-weight-normal::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -12px;width: 30px;height: 4px;background-color: #a79dcd}
.index-heading-center h1 {font-size: 50px;font-weight: 800;color: #000000;background:transparent !important;}
.index-heading-center .heading-text-below p {font-size:20px;font-weight:500}

/* krug */
html .feature-box-primary .feature-box-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
    border-radius: 100%;
    color: #fff;
    background-color: transparent; /* ili #a59acc ako želiš boju kruga */
    width: 5.7em;   /* kako si već testirala */
    height: 5.7em;}
/* i.fas postaje samo “holder” */
.ikone-onama .feature-box .feature-box-icon i.fas {
    font-size: 0;          /* sakrije FA ikonu */
    position: relative;
    display: block;
    width: 100%;
    height: 100%;}
/* zajednički pseudo-element – na njemu se crta slika */
.ikone-onama .feature-box .feature-box-icon i.fas::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
.ikone-onama .feature-box .feature-box-icon i.fas.fa-user::before {background-image: url("/doc/slike/strucnjaci.png");}
.ikone-onama .feature-box .feature-box-icon i.fas.fa-users::before {background-image: url("/doc/slike/tecajevi.png");}
.ikone-onama .feature-box .feature-box-icon i.fas.fa-clock::before {background-image: url("/doc/slike/brzi-prijevod.png");}
.ikone-onama .feature-box .feature-box-icon i.fas.fa-handshake::before {background-image: url("/doc/slike/poslovni-uspjeh.png");}
a.feature-box.feature-box-primary {text-align: left;}
.ikone-onama h4 p  {font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 0;}
.ikone-onama h2  {font-size: 20px;text-transform: uppercase;font-weight: 800;margin-bottom: .5rem !important;}
.ikone-onama p {font-size: 18px;line-height: 1.4em}
.ikone-onama p.mb-4 {margin-bottom: 0rem !important;}
.ikone-onama a.feature-box.feature-box-primary {padding: 15px 0 0 0;}
.ikone-onama .feature-box:hover, html .ikone-onama .featured-boxes-full .featured-box-full-primary:hover {background: #ededf4;}

/* i.fas postaje samo “holder” */
.ikone-onama2 .feature-box .feature-box-icon i.fas {
    font-size: 0;          /* sakrije FA ikonu */
    position: relative;
    display: block;
    width: 100%;
    height: 100%;}
/* zajednički pseudo-element – na njemu se crta slika */
.ikone-onama2 .feature-box .feature-box-icon i.fas::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
.ikone-onama2 .feature-box .feature-box-icon i.fas.fa-user::before {background-image: url("/doc/slike/strucnjaci.png");}
.ikone-onama2 .feature-box .feature-box-icon i.fas.fa-users::before {background-image: url("/doc/slike/tecajevi.png");}
.ikone-onama2 .feature-box .feature-box-icon i.fas.fa-clock::before {background-image: url("/doc/slike/brzi-prijevod.png");}
.ikone-onama2 .feature-box .feature-box-icon i.fas.fa-handshake::before {background-image: url("/doc/slike/poslovni-uspjeh.png");}

.ikone-onama2 h4 p  {font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 0;}
.ikone-onama2 h2  {font-size: 20px;text-transform: uppercase;font-weight: 800;margin-bottom: .5rem !important;}
.ikone-onama2 p {font-size: 18px;line-height: 1.4em}
.ikone-onama2 p.mb-4 {margin-bottom: 0rem !important;}
.ikone-onama2 a.feature-box.feature-box-primary {padding: 15px 0 0 0;}
.ikone-onama2 .feature-box:hover, html .ikone-onama2 .featured-boxes-full .featured-box-full-primary:hover {background: #ededf4;}


/* holder za ikonu u bloku prijevoda */
.ikone-prijevod .icon-featured {height:85px}
.icon-featured {
    font-size: 0;          /* sakrije FA ikonu */
    position: relative;
    display: block;
    width: 100%;background-color:transparent !important;margin:0}
/* pseudo-element – ovdje ide slika */
.ikone-prijevod .featured-box-effect-1 .icon-featured:after {display:none}
.ikone-prijevod .icon-featured::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;    width: 85px;height: 85px;}
/* konkretna slika za fa-book-open */
.ikone-prijevod .icon-featured.fa-book-open::before {background-image: url("/doc/slike/pisano-prevodenje.png");}
.ikone-prijevod .icon-featured.fa-microphone::before {background-image: url("/doc/slike/usmeno-prevodenje.png");}
.ikone-prijevod .icon-featured.fa-headphones::before {background-image: url("/doc/slike/prevodenje.png");}
.ikone-prijevod .icon-featured.fa-clipboard-list::before {background-image: url("/doc/slike/lektura.png");}
.ikone-prijevod .icon-featured.fa-file-certificate::before {background-image: url("/doc/slike/ovjereni-prijevod.png");}
.ikone-prijevod  .featured-box .box-content {padding: 1rem 1.8rem;}
.featured-box .box-content:not(.box-content-border-0) {top: 0;border-top-width: 0;}
.ikone-prijevod .featured-box {
    -webkit-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    -moz-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    border: none;text-align:left;border-radius:5px;min-height:250px}
.ikone-prijevod .featured-box:hover{background: #ededf4;box-shadow: none;}
.ikone-prijevod h4 p  {font-size: 20px;font-weight: 700;margin-bottom: 0;color:#33285b}
.ikone-prijevod p {font-size: 18px;line-height: 1.4em}
.ikone-prijevod p.mb-4 {margin-bottom: 0rem !important;}
/* roditelj kao referenca */
.ikone-prijevod .featured-box {position: relative;}

/* razvučeni link preko cijelog boxa */
.ikone-prijevod .featured-box p.mb-0.mt-3 a {
    position: absolute;
    inset: 0;                 /* top:0; right:0; bottom:0; left:0; */
    z-index: 5;
    text-indent: -9999px;     /* sakrij tekst točke */
    background: transparent;  /* da ne prekriva dizajn */
}
.ikone-prijevod .featured-box p.mb-0.mt-3 {color: #ffffff !important;height: 0;}
.ikone-prijevod .featured-box p.mb-0.mt-3 a {color: transparent !important;}

.index-tecajevi span.mb-xl.bigtar {background: #ffffff;display: block;border-radius: 5px;}
.index-tecajevi.section-prijevod2 span.mb-xl.bigtar {background: #ededf4!important}
.index-tecajevi img.img-responsive.grid-media {border-radius: 5px 5px 0 0;}
.index-tecajevi h4 {font-size: 20px;font-weight: 700;color: #33285b;margin: 30px 20px 10px 20px;height: 45px;overflow: hidden;text-align:left}
.tablica-podaci .remote-field {display: flex;align-items: center;justify-content: space-between;}
.tablica-podaci .remote-field-header {display: inline-flex;align-items: center;gap: .5rem;font-weight:300}
/* tekst desno: “70 školskih sati” */
.tablica-podaci .remote-field {font-size: 14px;margin: 0 20px;font-weight: 500;border-bottom: 1px solid #eaeaea;padding: 5px 0;}
.tablica-podaci .remote-field-header {margin-right: auto;}
.tablica-podaci .remote-field-header i {color:#a59acc}
.index-tecajevi span.bigtar .btn-gumb-more {display: inline-block !important;width: auto !important;}
.index-tecajevi span.bigtar {display: block;text-align: center;          /* sve unutra centrirano po širini */}
span.bigtar .btn-gumb-more {margin-top: 1rem;            /* malo odmakni od tablice */margin-bottom: -1.8rem;      /* vizualno ga “izvuci” dolje iz kartice */}
img.img-responsive.grid-media {border-radius: 5px 5px 0 0;}
/* centriraj red unutar tog bloka */
.index-tecajevi .row {justify-content: center; }




.row.right-sidebar .col-lg-9 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.row.right-sidebar .col-lg-3.media-order {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}

.sidebar-display-fix {max-width: 33%;width: 100%;}
.entry-tecajevi .row.right-sidebar .col-lg-9 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.entry-tecajevi .sidebar-display-fix {max-width: 33%;}
.col-lg-3.media-order.entry-tecajevi {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}

.entry-tecajevi-post .row.right-sidebar .col-lg-9 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.entry-tecajevi-post .sidebar-display-fix {max-width: 33%;}
.col-lg-3.media-order.entry-tecajevi-post {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}

.referentna-lista .container-xl .col-lg-9 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.referentna-lista .sidebar-display-fix {max-width: 33%;}
.referentna-lista .col-lg-3.media-order {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}


.entry-tecajevi article.post.post-large.blog-single-post.border-0.m-0.p-0.mb-4 {display: flex;flex-wrap: wrap;align-items: flex-start;}
.entry-tecajevi .image-thumbnail-block.thumb-default {flex: 0 0 35%;max-width: 35%;}
.entry-tecajevi .post-content.pc-title.ml-0 {flex: 1 0 65%;max-width: 65%;}
.entry-tecajevi .post-content.iframe-in-redactor-check.pc-text.ml-0 {margin-top: 20px;}
.entry-tecajevi .image-thumbnail-block.thumb-default img {border-radius:5px !important}
.TestClass.tablica-podaci {
    display: flex;
    align-items: center;
    justify-content: space-between;   /* label lijevo, vrijednost desno */
    margin: 0 0 0 20px;
    font-weight: 500;
    border-bottom: 1px solid #eaeaea;
    padding: 5px 0;}
.TestClass.tablica-podaci > p.tablica-podaci {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 300;                 /* kao tvoj .remote-field-header */
    margin-right: auto;               /* gurne value skroz desno */
    margin-bottom: 0;}
.TestClass.tablica-podaci > p[id^="additional_content_"] {margin-bottom: 0;font-weight:500}
.TestClass.tablica-podaci > p.tablica-podaci i {color: #a59acc;}
.entry-tecajevi  .inside-blog{margin-top:30px}
ul.ulcheck li::marker {color: #a59acc;}

.entry-prijevod p {text-align: left;font-size: 18px;line-height: 1.4em;}
.entry-prijevod h4 {font-size: 20px;font-weight: 700;color: #33285b;text-align: left;}
.entry-prijevod.section-prijevod2 span.mb-xl.bigtar {background: #ededf4 !important;padding: 20px;display: block;border-radius: 5px;}
.entry-prijevod img.img-responsive.grid-media {width: 100px;height: 100px;aspect-ratio: 16 / 9;margin-bottom: 10px;}
/* centriraj red unutar tog bloka */
.entry-prijevodcenter .row {
    justify-content: center;        /* Bootstrap row je već flex */
}




.entry-tecajevi-post article.post.post-large.blog-single-post.border-0.m-0.p-0.mb-4 {display: inline-block;flex-wrap: wrap;align-items: flex-start;}
.entry-tecajevi-post .image-thumbnail-block.thumb-default {}
.entry-tecajevi-post .post-content.pc-title.ml-0 {}
.entry-tecajevi-post .image-thumbnail-block.thumb-default img {border-radius:5px !important;    max-width: 150px;}
.entry-tecajevi-post  .inside-blog{margin-top:30px}

.custom-form {margin-bottom: 0;padding-bottom: 30px;}
.container-xl.kontakt-slika {
    border-radius: 5px;
    webkit-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    -moz-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    background: #ededf4;}
.kontakt-slika.container-xl {border-radius:5px}

.form-entry-block {background: #ededf4;padding: 20px;margin-top: 50px !important;border-radius: 5px;}

/* npr. ispod 768px – ikona iznad teksta */
@media (max-width: 1430px) {
    .featured-boxes-sidebar .feature-box {flex-direction: column;align-items: center;text-align: center;}
    .featured-boxes-sidebar .feature-box-icon {margin-bottom: 8px;}
}


@media (min-width: 992px) { /* npr. samo za desktop */
    .ikone-onama {
        position: relative;
        z-index: 2;
        transform: translateY(-70%);background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;-webkit-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
        -moz-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
        box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
        border-radius:5px}
    .ikone-onama2 {
        padding-top: 0;
        padding-bottom: 0;-webkit-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
        -moz-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
        box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
        border-radius:5px}
}

section.page-header {background-image: url(/doc/slike/profiglota-pageheader.jpg) !important;padding: 70px 0;color: #000000;background-repeat: no-repeat;background-size: cover;}
.page-header.page-header-classic .page-header-title-border, .page-header.page-header-classic:after {display:none}
.page-header h1 {font-size:50px;font-weight:800}
.page-header .breadcrumb {font-weight:400}
.page-header .breadcrumb>li {font-size: .7em;color:#000000}
.page-header .breadcrumb>li a, .page-header .breadcrumb>li a:focus {color:#000000}

/*
.referentna-lista ol.olcircle {flex-direction: column;flex-wrap: wrap;display: flex;height: 54vh;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, #222446, #33285b);border-image-slice: 1;}
.referentna-lista li {padding-left:30px}
.referentna-lista ol.olcircle li:before {font-size: 13px;color: #0068b5;font-weight: bold;left: 11px !important;display: none !important;}
*/
.referentna-lista li {padding-left:30px}
.referentna-lista ol.olcircle li:before {font-size: 13px;color: #0068b5;font-weight: bold;left: 11px !important;display: none !important;}
.referentna-lista ol.olcircle {
    column-count: 1;          /* ili 3, ovisno koliko želiš stupaca */
    column-gap: 40px;
    margin: 0;
    padding: 0;}
.referentna-lista ol li {
    break-inside: avoid;
    line-height: 35px;
    border-bottom: 1px solid #ededf4;
    margin: 0 0 0 0 !important;
    width: auto;              /* flex širina više nije potrebna */
    border-image: linear-gradient(to right, #222446, #ededf4);
    border-image-slice: 1;
    list-style: none}
.referentna-lista li {padding-left: 30px;}



.col-lg-6.top-box{position: relative;z-index: 2;transform: translateY(-20%);}

.container-xl.py-2.index-heading {padding: 0;}
.map-new .gm-map {
    height: 275px;
    border-radius: 5px;
    margin-top: 65px;
    -webkit-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    -moz-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
    border-radius: 5px;}


.sidebar section.section {padding: 30px 15px;background-image: url(/doc/slike/section-bg.png);background-size: cover;background-position: top right;-webkit-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);
-moz-box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);box-shadow: 0px 0px 24px 8px rgba(66, 68, 90, 0.15);border-radius: 5px;}
.sidebar section.section p {font-size:30px;text-align:left;font-weight:800;font-family: "Manrope", sans-serif;line-height:38px}
section .parallax-background {transform: none !important;background-image: none !important;}
.sidebar section.section .col-sm-6.col-lg-3.mb-4.mb-lg-0 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.sidebar section.section .counter label p  {font-size: 20px;text-transform: uppercase;font-weight: 700;}
.sidebar section.section .counters .counter {text-align:left;    background-color: transparent !important;}
.counters strong {color: #33285b;position: relative;font-size: 40px;font-weight: 800;}
.counters strong::after {content: "+";color: #a59acc;margin-left: 2px;}
section .section-def .parallax-background {background-image:url("/doc/slike/tecaj-banner.jpg") !important;transform:translate3d(0px, -103.125px, 0px) !important}

section.section.section-pozadina {background-image: url(/doc/slike/mreza.png) !important;background-position: top right !important;background-repeat: no-repeat !important;background-size: auto;margin: 0 !important;}
aside.sidebar {position: relative;z-index: 2;transform: translateY(-33%);}
section.section.section-prijevod2 {background: #ededf4 !important;}

.sidebar-transform aside.sidebar {transform: translateY(-19%);}


.owl-brandovi .header-lists  {display:none}
.owl-brandovi img.img-fluid.rounded {object-fit: contain;min-height: auto;}
.mt-4 {margin-top: 0 !important}
.fui-i *, .fui-i :after, .fui-i :before {border-radius: 5px !important;border-color: #dee0e6 !important;}
.fui-required {color: #8327d1 !important;}
.fui-btn,.fui-submit,.fui-submit:active, .fui-submit:focus, .fui-submit:hover {font-weight:400 !important;border-radius: 50px !important;font-family: "Manrope", sans-serif;font-size:20px !important;padding:16px 33px!important;border:none;text-transform:uppercase;
    background: #222446;
    background: -webkit-linear-gradient(90deg,rgba(34, 36, 70, 1) 0%, rgba(51, 40, 91, 1) 100%);
    background: -moz-linear-gradient(90deg,rgba(34, 36, 70, 1) 0%, rgba(51, 40, 91, 1) 100%);
    background: linear-gradient(90deg,rgba(34, 36, 70, 1) 0%, rgba(51, 40, 91, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222446",endColorstr="#33285b",GradientType=1);}
h2.fui-heading.fui-heading-h2 {
    font-size: 28px;
    font-weight: 800;
    color: #000000;}
button.fui-btn.fui-prev {color:#ffffff}
.btn-primary {border-radius:50px}
.btn-default,.btn-default:hover, .btn-default:active, .btn-default:focus {border-radius: 50px;}

#mc_embed_signup form {padding: 0 0 10px 0 !important;}
#mc_embed_signup .mc-field-group {padding-bottom: 0 !important;min-height: 46px !important;display: flex !important;width: 70% !important;}
#mc_embed_signup .mc-field-group label {display: none !important;}
#mc_embed_signup .mc-field-group input {color: #000;}
#mc_embed_signup .button {background-color: #777 !important;}
#mc_embed_signup .button:hover {background-color: #999 !important;}
#mc_embed_signup div#mce-responses {overflow: visible !important;width: 100% !important;text-align: right !important;}
#mc_embed_signup div.response {margin: 0 0 1em 0 !important;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {color: #ff5252 !important;background: transparent !important;padding: 5px 0 !important;}
#mc_embed_signup input#mce-EMAIL {line-height: 34px !important;padding: 0 10px !important;max-width: 70% !important;height: 34px !important;}
#mc_embed_signup input#mc-embedded-subscribe, 
#mc_embed_signup input#mc-embedded-subscribe:focus {line-height: 34px !important;max-width: 30% !important;border-radius: 0 !important;height: 34px !important;padding: 0 20px !important;}


.kontaktformadesno .customlistul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

.kontaktformadesno .customlistul li {
    position: relative;
    padding-left: 28px;
    line-height: 1.6;
}

.kontaktformadesno .customlistul li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 6 Pro";
    font-weight: 400; /* regular */
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* 1. li – telefon */
.kontaktformadesno .customlistul li:nth-child(1)::before {
    content: "\f0e0"; /* fa-phone */
}

/* 2. li – mail */
.kontaktformadesno .customlistul li:nth-child(2)::before {
    content: "\f095"; /* fa-envelope */
}
/* 2. li – mail */
.kontaktformadesno .customlistul li:nth-child(3)::before {
    content: "\f3ce"; /* fa-envelope */
}


#footer {background: #2c2b5a;background-image: url(/doc/slike/footer-mreza-purple.png) !important;background-position: bottom right !important;background-repeat: no-repeat !important;background-size: contain !important;border-top: none;}
#footer h5 {font-size: 20px;font-weight: 600;position: relative;display: inline-block;}
#footer h5::after {content: "";position: absolute;left: 0;bottom: -12px;width: 30px;height: 4px;background-color: #a79dcd}
#footer p.mb-1 {font-size: 14px;font-weight: 300;color: #ffffff;}
#footer p.mb-1 a {color: #ffffff;}
#footer .footer-copyright p {color:#ffffff;font-size:12px}
#footer .footer-copyright p a {color:#ffffff}
#footer .footer-copyright.footer-copyright-style-2 {border-top:none;text-align:end}
#footer .button-tag p {position: relative;padding-left: 1.2rem;margin-bottom: .3rem;margin:0 0 1em 0 !important}
#footer .button-tag p::before {content: "";position: absolute;left: 0;top: 0.55em;width: 6px;height: 6px;background-color: #a49ac9;}
#footer .footer-logo img {width:270px}
.footer-podaci p {font-size: 25px;font-weight: 800;color: #ffffff;line-height: 30px;margin:0 0 8px 0}
#footer .button-tag a.btn-footer {color:#c79ff7;margin: 0;padding: 10px 0;}
.footer-podaci .container-xl.button-tag {padding: 0;}
#footer .row.py-5.align-items-baseline {align-items: center !important;}
#footer .footer-copyright h5 {display: none;}
#footer .social-icons li a {border: .02em solid #b4abd5;background: transparent !important;color: #b4abd5 !important;}

/* RESPONSIVE */
@media (min-width: 576px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 768px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 992px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1200px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1440px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (max-width: 1440px) {.main .container-xl {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}


@media (min-width: 1440px) {
}


@media (min-width: 1200px) {
    #header .header-nav-main nav > ul > li > a {font-size: 18px !important; font-weight: 500 !important;color:#000000 !important}
}


@media (min-width: 1024px) {

}

@media (min-width: 991px) {
.kontaktformadesno .post-content {width:100% !important}
}

@media (min-width: 992px) {
    #header .header-logo img {top: 38px !important;}
    /*#header .header-nav-top .nav > li > a.nav-link {border-right: 1px solid #000; border-radius: 0; text-transform: uppercase;}
    #header .header-nav {padding-left:280px; justify-content: space-between;}
    #header .header-nav-top .nav > li > span {font-size:20px; font-weight:500;}
    #header .header-row.container-xl.header-bg-bottom-color .header-nav {justify-content: flex-start; padding-left:0; max-width: 1600px !important; margin: -1px auto 0 auto !important;}
    #header .header-nav-main nav > ul > li > a {font-size: 18px; color: #fff; padding: 14px 20px; letter-spacing: 0; font-weight: 600;}
    #header .header-nav-main nav > ul > li > a:hover {background-color: #6c6c6c;}
    #header .header-nav-main nav > ul:not(:hover) > li > a.active {background-color: #6c6c6c;}
    #header .header-nav-features {min-height: 92px !important;}
    #header .header-nav.down-menu {min-height: 51px;}*/
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color: #000; font-size: 1em; letter-spacing:0;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a::after {opacity: 1; right: 5px;}
    #header .header-nav-main nav>ul>li {padding: 0 1.5em 0 0;}
    #header .header-nav-main nav>ul>li>a.dropdown-toggle .fa-chevron-down {font-size: 13px;}

    .blog-posts.single-post h2 {font-size:36px; margin-bottom:20px;}
    .main .page-header {margin-bottom:0;}

    ul#mainNav {margin-left: -10px;}

}

@media (min-width: 1632px) {
    ul#mainNav {margin-left: -25px;}
}


@media (min-width: 769px) {
    .swiper {aspect-ratio: 192/60 !important;}
}


@media (min-width: 480px) {

}


@media (max-width: 1600px) {
    #header .header-logo img {top: 53px !important;width: 275px;}
}

@media (max-width: 1480px) {
    #header .header-nav-main nav>ul>li {padding: 0 0.5em 0 0;}
    #header .header-nav-main nav > ul > li > a {font-size: 15px !important;}
}

@media (max-width: 1440px) {
.sidebar-transform aside.sidebar {transform: translateY(-16%);}
.entry-tecajevi .inside-blog {margin-top: 0px;}
}

@media (max-width: 1439px) {
    .container-xl {max-width: 100% !important;}
    img.logo-link-img {width: 80%;}
   /* #header .header-logo img {top: 60px !important;}*/
}

@media (max-width: 1370px) {
    #header .header-nav-main nav>ul>li {padding: 0 .5em 0 0;}
}

@media (max-width: 1300px) {
#footer .footer-logo img {width: 235px;}
img.logo-link-img {width: 80%;}
}

@media (min-width: 1290px) {
    .section-onama {height: 450px;}
}

@media (max-width: 1290px) {
    .swiper-slide-content {left: 1%;}
    .tp-header p,.index-heading h1, .index-heading-center h1{font-size: 50px;line-height: 50px;}
    .tp-headerbottom p {font-size: 24px;line-height: 35px;}
    .ikone-onama {transform: translateY(-28%);}
    .featured-boxes-sidebar .feature-box {align-items: flex-start;}
    .ikone-onama p {font-size: 16px;}
    .ikone-onama h4 p, .ikone-onama h2 {font-size: 18px;}

}


@media (max-width: 1230px) {
    #header .header-nav-main nav > ul > li > a {font-size: 13px !important;}
    #header .header-nav-main nav>ul>li {padding: 0;}

}

@media (max-width: 1199px) {
    #footer .footer-logo img {width: 235px;}
    /*#header .header-nav-main nav>ul>li {padding: 0 .5em 0 0;}*/
    .referentna-lista ol.olcircle {column-count: 1;}
}

@media (max-width: 1100px) {
#header .header-logo img {top: 66px !important;width: 165px;}
}

@media (max-width: 1070px) {
    /*#header .header-nav.header-nav-line nav>ul>li>a {padding: 0 .4rem;}*/
}

@media (max-width: 1023px){
    #header .header-column .header-row {background: #ffffff;}
}

@media (max-width: 992px){
    .post.post-large.blog-single-post {flex-direction: column;}
    .post.post-large.blog-single-post .image-thumbnail-block.thumb-default,
    .post.post-large.blog-single-post .post-content.pc-title {max-width: 100%;flex: 0 0 100%;}
    .main .page-header {margin-bottom:0;}
    section.page-header {padding:30px 0 }
    .page-header h1 {font-size: 38px}
    section.section.section-pozadina {padding:30px 0 }
    aside.sidebar {transform: none;}
    /*.referentna-lista ol.olcircle {column-width: auto;column-count: 1;}*/
    .ikone-onama {transform: none;}
    .tp-header p, .index-heading h1, .index-heading-center h1 {font-size: 35px;line-height: 35px;}
}

@media (max-width: 991px){
    #header .header-logo img {top: 44px !important; width:200px; height:auto;}
    #header .header-nav-top .nav > li > a.nav-link {border-right: 0; border-radius: 0; font-size:18px; padding-left:10px !important; padding-right:10px !important;}
    #header .header-nav-top .nav > li > span {font-size:20px; font-weight:500; padding-left:0 !important; padding-right:0 !important; margin-left: -15px;}
    #header .header-row.container-xl.header-bg-bottom-color .header-nav {justify-content: space-between; padding-left:15px !important; padding-right:20px !important; width: 100%;}
    #header .header-nav-main {background: #ededf4; z-index: 999;}
    #header .header-nav-main nav > ul li {border-bottom: 1px solid #333;}
    #header .header-nav-main nav > ul > li > a {color: #000000 !important; font-weight:500; font-size: 15px !important;}
    #header .header-nav-main nav > ul li a {font-size: 15px !important;}
    .heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {white-space: normal;}
    .header-nav-main #mainNav > li.desktopAndMobileClass:nth-child(1) > a::after {content: "\f0c9" !important}
    .header-nav-main #mainNav > li.desktopAndMobileClass > a.active::after {color: #ffffff !important;}
    .header-nav-main #mainNav > li.desktopAndMobileClass > a {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        padding-left: 28px !important;}
    .header-nav-main #mainNav > li.desktopAndMobileClass > a::after {
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-family: "Font Awesome 6 Pro" !important;
        font-weight: 300 !important;
        font-size: 16px !important;
        line-height: 1 !important;
        color: #a59acc !important;
        display: inline-block !important;
        opacity: 1 !important;
        content: "" !important;}

    .TestClass.tablica-podaci > p[id^="additional_content_"], .TestClass.tablica-podaci > p.tablica-podaci {font-size: 14px;text-align: right;line-height: 25px}

    .dropdown-item {color: #000000;}
    .dropdown-item:hover {color: #16181b; background-color: transparent;}
    .dropdown-item:focus {color: #16181b; background-color: transparent;}
    .open {background: transparent;}
    .index-tecajevi.section-prijevod2 span.mb-xl.bigtar {margin-bottom: 40px;}

    #header .header-nav-features .header-nav-features-cart {z-index: 1;}
    .grid-container-247330.article-load.col-xl-3.pb-2.grid-types-center-entry {margin-bottom: 40px;}
    .col-lg-6.top-box {transform:none}
    #footer .footer-copyright p {text-align: center;}
    #footer h5{ margin-top: 20px;}
    .entry-prijevod.section-prijevod2 span.mb-xl.bigtar {margin-bottom: 40px;}
    .btn-gumb-more {font-size: 17px !important;padding: 12px 25px;}
    .btn-gumb-more:hover, .btn-gumb-more:active {font-family: "Manrope", sans-serif;font-size:17px !important;padding:12px 25px;}
    .sidebar-transform aside.sidebar {transform: none;}

    .row.right-sidebar .col-lg-9 {-ms-flex: 0 0 100%;flex: 100%;max-width: 100%;}
    .row.right-sidebar .col-lg-3.media-order {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .sidebar-display-fix {max-width: 100%;width: 100%;}
    .entry-tecajevi .row.right-sidebar .col-lg-9 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:  100%;}
    .entry-tecajevi .sidebar-display-fix {max-width: 100%;}
    .col-lg-3.media-order.entry-tecajevi {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .entry-tecajevi-post .row.right-sidebar .col-lg-9 {-ms-flex: 0 0 100%;flex: 0 0 1007%;max-width: 100%;}
    .entry-tecajevi-post .sidebar-display-fix {max-width: 100%;}
    .col-lg-3.media-order.entry-tecajevi-post {-ms-flex: 0 0 100%;flex: 0 0 33.333333%;max-width: 100%;}

    .entry-prijevod h4 {text-align: center;}
    .entry-prijevod img.img-responsive.grid-media { margin: 0 auto 10px auto;display: block;}

    .referentna-lista .container-xl .col-lg-9 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .referentna-lista .sidebar-display-fix {max-width: 100%;}
    .referentna-lista .col-lg-3.media-order {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    #header .header-nav.down-menu {min-height: 79px;}
}

@media (max-width: 400px) {
    .tablica-podaci .remote-field {font-size: 13px;text-align: right;line-height: 25px}
    .TestClass.tablica-podaci > p[id^="additional_content_"], .TestClass.tablica-podaci > p.tablica-podaci {font-size: 13px;text-align: right;line-height: 25px}
}
@media (max-width: 768px) {
    .swiper {height: auto !important; aspect-ratio: 1/1 !important; margin-bottom:0 !important; margin-top:0 !important;}
    #header .header-logo img {top: 47px !important; width:130px !important; height:auto;}
    #header .header-nav-features-search-reveal-container .fas  {font-weight: 300;font-size: 18px;}
    #header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-show-icon {margin: 10px 0 0 28px !important;}
    #header .header-nav-top .nav > li > a.nav-link {font-size:14px}
    button.fui-btn.fui-submit.fui-next {white-space: normal;}
}


@media (max-width: 640px) {
    .glightbox-gallary {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
    .videogalerija .glightbox-gallary {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
}

@media (max-width: 575px) {
    .swiper-slide-content {top: -80%;}
    #mc_embed_signup .mc-field-group {width: 100% !important;}
    .tp-header p, .index-heading h1, .index-heading-center h1 {font-size: 35px;line-height: 35px;}
    .tp-headerbottom p {font-size: 18px;line-height: 28px;}
    .btn-gumb-more {font-size: 14px !important;padding: 12px 20px;}
    .btn-gumb-more:hover, .btn-gumb-more:active {font-size:14px !important;padding:12px 20px;}
    #header .header-nav-top .nav > li > a.nav-link {font-size: 10px;padding-left: 0px !important;padding-right: 0px !important;}
    #header .header-nav-top .flag {top: 0}
    .flag-img  {width: 14px;height: 10px;;}
    a.nav-link#dropdownLanguage {font-size:11px}
    a.nav-link#dropdownLanguage i {font-size: 11px;}
    .header__wrapper-social {padding-right: 8px !important;padding-left: 8px !important;}
#header .header-nav-main {z-index: 0;}
.swiper {height: 500px !important}}