body {color: #000; font-size: 16px; line-height: 1.6em; font-family: 'Nunito', sans-serif;}
p {color: #000; font-size: 16px; line-height: 1.6em;  margin: 0 0 1em 0; font-family: 'Nunito', sans-serif;}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}

#header.other-css .header-body {background: fff;}
#header.other-css .header-body .container-xl {width:100%; max-width: unset;}
#header.other-css .header-column .header-row {background: #00073A !important;}
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {color:#fff}
#header .header-nav-main nav > ul > li > a {color:#fff;font-weight:400;font-size:20px}
#header .header-nav-main nav > ul > li > a:hover {color:#fff !important}
#header .header-nav-main nav>ul:not(:hover)>li>a.active {background:#000}
#header .header-nav.header-nav-line nav>ul:not(:hover) li>a.active {color:#fff;font-size:24px}
#header .header-nav.header-nav-line nav>ul:hover li>a.active {color:#fff;font-size:24px}
#header .header-nav.header-nav-line nav>ul:not(:hover) li>a.active:before {background:#fff}
#header .header-nav.header-nav-line nav>ul:hover li>a:before {background:#00B5B9}
#header .header-nav.header-nav-line nav>ul:hover li>a.active:before {background:#00B5B9}
#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 {height:1px}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {margin-top:-4px !important}
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {border-bottom-color:#32BBCC}
#header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img {color:#fff}
#header .header-nav-features .header-nav-features-search-reveal-container {margin-left:-100px}
.breadcrumb a {color:#777}
.breadcrumb a:hover {color:#444}

.ponuda-button {border-color:#fff !important}

.slider-container {background:#00073A !important}
.slider-group-info {text-shadow: 0 0 50px #000;}
.call-to-action-btn a {background:#000 !important;}
.btn-slider {background-color:#00073a !important}
.pocetna-box .col {padding:0 50px;}
.pocetna-box h4 {font-size:2em !important;}
.pocetna-box a {color:#fff !important}
.toggle > .toggle-content ul {margin-left:30px}
.toggle > .toggle-content ol {margin-left:30px}
.toggle.toggle-lg .toggle > label, .toggle.toggle-lg .toggle > .toggle-title {margin-bottom:20px}
.cjenik-toggle .toggle.toggle-lg .toggle > label, .toggle.toggle-lg .toggle > .toggle-title {font-weight:800}
.fui-submit {background:#00073A !important;border:0 !important}
.fui-row {margin-bottom:0}
.post-content ul {margin-left:30px}
.post-content ol {margin-left:30px}
.section-onama {margin-top:0 !important}
.section-onama a:link {color:#fff !important}
.section-onama a:hover {color:#FFD11A !important}
section.section {border-top:0 !important;padding-left:50px !important;padding-right:50px !important}

#footer {border:none}
#footer h5 {font-size:2em;font-weight:200}
#footer a {color:#ccc !important}
#footer p {font-size:1em !important;color:#ccc}
#footer ul li a {color:#00073A !important}

.--bg-arrows .owl-carousel .owl-nav button[class*=owl-] {background-color:#00B5B9 !important;border-color:#00B5B9 !important}
.--bg-arrows .owl-carousel .owl-nav button[class*=owl-]:hover {background-color:#00B5B9 !important;border-color:#00B5B9 !important}
.--no-bg-arrows .owl-carousel .owl-nav button[class*=owl-] {color:#000 !important;}

.page-header {background-size:cover;background-color:#00073A}
.page-header.page-header-classic .page-header-title-border {height:0;}
section.page-header .page-header-title-border {background-color:#00073A !important;}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) {background-color: #32BBCC !important;}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) {background-color: #77D2DE !important;}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) {background-color: #2999A6 !important;}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {background-color: #32BBCC !important;}

.categories-homepage {padding:30px 0 0 0 !important;background:linear-gradient(to top left, #00073A 0, #00073A 49.9%, #fff 50%) no-repeat !important}
.categories-homepage .header-lists {display:none}
.categories-homepage .owl-item img{
    height:400px !important;
    object-fit: cover;
    border-radius: 0px !important;
}
.categories-homepage .content p {
    text-align:center !important;
    font-size:30px !important;
    font-weight:600;
    line-height:23px !important;
    color:#fff;
    padding:20px !important;
    margin:0 !important;
}
.categories-homepage .content a{
    color:black;
}

.usluge-homepage {padding:0 10% .nas-tim .thumb-info.thumb-info-no-borders, .nas-tim .thumb-info.thumb-info-no-borders img, .nas-tim .thumb-info.thumb-info-no-borders .nas-tim .thumb-info-wrapper0px 10% !important;background:linear-gradient(0deg, #07125f,#00073A) !important}
.usluge-homepage .header-lists h2 {width:100% !important;text-align:center !important;color:#fff;position:relative;top:50px;font-weight:200}
.usluge-homepage .owl-item img {
    top:-20px !important;
    width:100% !important;
    height:100% !important;
    object-fit: cover;
    border-radius: 0px !important;
    opacity:85%;
}
.usluge-homepage .owl-item img:hover {opacity:100%}
.usluge-homepage .content p {
    text-align:center !important;
    font-size:18px !important;
    font-weight:600;
    line-height:23px !important;
    color:#fff;
    padding:20px !important;
    margin:0 !important;
}
.usluge-homepage .content a{
    color:black;
}

.osmijeh-heading {background:#07125f;max-width:100% !important;padding-top:50px !important}
.osmijeh-heading h2 {background:transparent !important}
.osmijeh-homepage {padding:30px 5% 0 5% !important;background:linear-gradient(to bottom left, #07125f 0, #07125f 49.9%, #fff 50%) no-repeat !important}
.osmijeh-homepage .header-lists {display:none}
.osmijeh-homepage .owl-item img{
    height:450px !important;
    object-fit: cover;
    border-radius: 0px !important;
}
.osmijeh-homepage .content p {
    text-align:center !important;
    font-size:20px !important;
    font-weight:400;
    line-height:23px !important;
    color:#555;
    padding:20px !important;
    margin:0 !important;
}
.osmijeh-homepage .content a{
    color:black;
}

.akcije-heading {margin-top:40px}

.blog-homepage {margin-left:14%}
.blog-homepage .owl-item img{
    height:400px !important;
    object-fit: cover;
    border-radius: 0px !important;
}
.blog-homepage .content {background:#f1f1f1;border-bottom:5px solid #ededed;padding:20px;border-radius:0 0 20px 20px;text-align:center}
.blog-homepage h4 a {color:#00073A !important;font-weight:800;height:50px;display:block;}
.blog-homepage span a {background:#00073A;color:#fff;padding:5px 10px;border-radius:30px;font-size:0.8em}
.blog-homepage p {margin:20px;font-size:0.8em}
.blog-homepage .thumb-info-inner {display:none}


.brojac-homepage counters {margin-top:-50px !important}
.brojac-homepage .counters {margin-top:-30px !important;margin-bottom:50px !important}

.pricing-table .plan .plan-header {background:linear-gradient(45deg, #90B2EF,#5f88d0);border-radius:20px 20px 0 0}
html .bg-color-primary, html .bg-primary, html .bg-color-hover-primary:hover, html .bg-hover-primary:hover {background:linear-gradient(45deg, #00073A,#081676) !important}
.pricing-table .plan .plan-price {background:#f1f1f1;border-top:5px solid #ededed}
.pricing-table.pricing-table-no-gap .plan {margin:20px -15px 0 -16px !important}
.pricing-table .btn-modern {text-transform:lowercase}


.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {background:#90B2EF !important}
.social-icons li a {color:#fff !important}


.sidebar-settings .sidebar h5 {background:linear-gradient(45deg, #00073A,#081676) !important;;border-radius:20px 20px 0 0;font-weight:200 !important}

.ikonice-bg {background:#00073A}

.featured-box-primary .box-content {background:#00073A;border:0}
.featured-boxes-modern-style-1 .featured-box .box-content h2 {color:#8DB3EF !important;font-size:1.4em !important;font-weight:200 !important}
.featured-box {background:transparent;border:0}
html .featured-box-primary .icon-featured {background-color:#90B2EF}
html .progress-bar-primary {background-color:#90B2EF}
.page-header.page-header-lg h1 {z-index:10;}

.nas-tim .thumb-info.thumb-info-no-borders, .nas-tim .thumb-info.thumb-info-no-borders img, .nas-tim .thumb-info.thumb-info-no-borders .nas-tim .thumb-info-wrapper {border-radius:0 !important;height:400px !important;object-fit: cover;}
.nas-tim .carousel-default .owl-item img, .nas-tim .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {border-radius:0 !important;height:400px !important;object-fit: cover;}
.nas-tim-big-1img .thumb-info.thumb-info-no-borders, .nas-tim-big-1img .thumb-info.thumb-info-no-borders img, .nas-tim-big-1img .thumb-info.thumb-info-no-borders .nas-tim-big-1img .thumb-info-wrapper {border-radius:0 !important;height:700px !important;object-fit: cover;}
.usluge-box .thumb-info.thumb-info-no-borders, .usluge-box .thumb-info.thumb-info-no-borders img, .usluge-box .thumb-info.thumb-info-no-borders .usluge-box .thumb-info-wrapper {border-radius:0 !important;height:300px;object-fit: cover;}
.thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img, .thumb-info.thumb-info-no-borders .thumb-info-wrapper {border-radius:0 !important}
.thumb-info-wrapper {border-radius:0 !important}
.nas-tim .rounded {border-radius:0 !important}

.thumb-info .thumb-info-wrapper::after {background:transparent}

.customers-box {text-align:center}
.customers-box .owl-item img {width:200px;height:auto !important;margin:0 auto;border-radius:50% !important;padding:2px;border:5px solid #90B2EF;margin-bottom:30px}
.customers-box .owl-nav {margin-top:80px !important}

.banner-slider {margin-bottom:60px}
.banner-slider .owl-item img {width:100%;height:auto !important}

.ulcheck {margin-left:30px}
.pull-left {float:left !important}
.pull-right {float:right !important}

.container-xl table {width:100%}
.container-xl table tr:hover {background:rgba(0,0,0,.06)}

.carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {min-height:unset;max-height:unset}
.gallery-carousel .header-lists {margin:0;padding:0;}
.gallery-carousel .pb-4, .py-4 {padding:10px 0 0 0 !important}
.gallery-carousel .pt-4, .py-4 {padding:10px 0 0 0 !important}
.gallery-carousel img {border-radius:0 !important}

/*.gallery-carousel .owl-item a {cursor:auto !important;pointer-events: none;}*/

.iskustvo-div {background:#00073A;color:#fff;padding-bottom:50px}
.iskustvo-div span {color:#fff}
.iskustvo-div h4 {color:#fff}
.iskustvo-div p {color:#fff}

ul.simple-post-list.card-sidebar li a {padding:10px;color:#333;font-weight:800;display:block}
ul.simple-post-list .post-info {color:#333;font-weight:800}
ul.simple-post-list .post-info a {color:#333;font-weight:800}
ul.simple-post-list .left .post-image {display:none}
ul.simple-post-list li {border-bottom: 1px dotted #999}
.sidebar img {width:100%}

article.post h2 a {color:#7CB3F3}
.post-content p {color:#555}
.recent-posts .date .month, article.post .post-date .month {background-color:#7CB3F3}
.recent-posts .date .day, article.post .post-date .day {color:#7CB3F3}
article.blog-single-post .post-meta a {color:#7CB3F3}

ul.ulcheck li::marker {color:#7CB3F3}
ol.olcircle li::before {background:#7CB3F3}
.portfolio-item .thumb-info-wrapper {height:300px !important}
.portfolio-item .img-fluid {height:300px !important}
.portfolio-item .thumb-info-type {background:#90B2EF;color:#fff;padding:5px 10px;border-radius:30px}
.different-style .pricing-table .plan .plan-price {width:100%;display:block;clear:both;float:left;text-align:center}
.different-style .btn {width:80%;margin-top:10px}
.pricing-table .plan .plan-price .price {margin:0 0 0 25%}

.glightbox-gallary img {width:100%;height:auto !important;max-height:unset;transform:none}
.glightbox-inner {margin-top:-20px}
p.info-box {margin:1.5em 0}
p.note--info {border-left-color:#7CB3F3}
#thumbGalleryThumbs.owl-carousel .owl-item img, #thumbGalleryThumbs.owl-carousel .owl-item iframe, #thumbGalleryThumbs.owl-carousel .owl-item video, #thumbGalleryThumbs.owl-carousel .owl-item .embed-responsive {min-height:180px;max-height:180px}



/*RESPONSIVE*/

@media (max-width: 2400px) {
    .slider-container {margin-top:-65px !important;margin-bottom:-150px !important}
    .section-onama {margin-top:-220px !important}
    .osmijeh-homepage .owl-item img {height:250px !important}
    .blog-homepage .owl-item img {height:350px !important;}
    .blog-homepage h4 {font-size:1em !important}
    .py-4 {padding:10px 20px !important}

}


@media (max-width: 991px) {
    #header .header-nav-main {background:#00073A}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {background:#8FB2EF !important;color:#00073A !important}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {background:#8FB2EF !important;color:#00073A !important}
    #header .header-row.container-xl .nav.nav-pills a {color:#ddd}
    #header .header-btn-collapse-nav {background:#8FB2EF !important}
    #header .header-nav-main nav > ul li {border-bottom:1px solid #8FB2EF;min-height:34px}
    #header .header-nav-main nav > ul li a {margin:0}
    #header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img {color:#00073A}
    .osmijeh-homepage .owl-item img {height:350px !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 !important;width:100%}
    .heading-wrapper {padding:0 !important}
    .open {background:#07125F}
    .dropdown-item:focus, .dropdown-item:hover {background:#8FB2EF;color:#00073A !important}
    .simple-search .input-group-append .btn {background:#fff !important}
    .nas-tim-big {display:none !important}

}

@media (min-width: 991px) {
    .nas-tim-small {display:none !important}
    }

@media (max-width: 768px) { /* Adjust the max-width as needed for your mobile breakpoint */
    a.scroll-to-top.hidden-mobile {
        display: inline-block !important; /* or 'block', depending on your layout */
    }
}


@media (max-width: 479px) {
    .rotator-homepage {margin-top:-20px !important}
    .section-onama {margin-top:100px !important;padding:10px !important}
    .section-onama h4 {color:#8FB2EF !important;font-size:1em}
    .section-onama h1 {color:#fff !important;font-size:1.1em;font-weight:800;margin:-20px 0 0 0}
    .section-onama p {font-size:0.8em;line-height:20px;}
    .section-onama .container-xl {padding:0}
    .categories-homepage .owl-item img {width:100%;height:auto !important;}
    .osmijeh-homepage .owl-item img {width:100%;height:auto !important;}
    .nas-tim .owl-item p {line-height:1.2em}
    .btn-slider {top:-30px}
    .text-huge {font-size:1em}
    .text-big {font-size:1.2em}
    .social-icons li a {width:26px;height:26px;line-height:30px;}
    #header .header-btn-collapse-nav {margin:10px -60px 20px 0;}
    #header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-show-icon {color:#fff;position:relative;top:-5px}
    #header .header-logo img {top:20px}
    .heading.heading-middle-border-center h2 {font-size:2em;display:block;width:100%;float:left}
    .usluge-homepage .owl-carousel {margin-top:-50px}
    .usluge-homepage .header-lists h2 {font-size:1.5em;font-weight:600;margin-top:-80px}
    .pricing-table-overflow {width:91%;margin:20px}
    figure.image > img {max-width:80% !important;margin:-50px 0 50px 0 !important}
    .heading figure.image > img {margin:0 !important}
    .blog-homepage {margin:0}
    .blog-homepage .header-lists {display:none}
    #header .header-nav-main {background:#00073A}
    #header .header-nav-main nav > ul:not(:hover) > li > a.active {background:#00073A}
    .open {background:transparent}
    #header.search-show .header-nav-features .header-nav-features-search-reveal-big-search {background:#00073A;opacity:90%}
    .custom-form {margin-top:100px}
    .ikonice-bg .col-lg-3 {width:50%;float:left;margin:0;padding:0}
    .featured-boxes-modern-style-1 .featured-box .box-content h2 {font-size:1.2em !important}
    .featured-boxes-modern-style-1 .featured-box .box-content {margin:0 !Important;padding:0 !important}
    .nas-tim {padding:0 !important}
    .nas-tim .thumb-info.thumb-info-no-borders, .nas-tim .thumb-info.thumb-info-no-borders img, .nas-tim .thumb-info.thumb-info-no-borders .nas-tim .thumb-info-wrapper {height:250px !important;object-fit: cover;}
    .nas-tim .header-lists {display:none}
    .pricing-table .price-unit {font-weight:800;margin:-25px 0 0 5px !important}
    .pt-4 {padding:0rem 2.5rem !important;text-align:center}
    .custom-form {padding:0rem 2.5rem !important}
    .single-post figure.image > img {max-width:100% !important;margin:-50px 0 50px 0 !important}
    #footer .col-lg-4 {margin-bottom:30px}
    .table td, .table th {font-size:0.8em;line-height:1.5em;}
    .table td, .table th {padding:.5em}
    .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 {font-size:2em}
    .nasi-radovi .py-4 {padding:0 !important}
    .post-content h3 {line-height:1.1em;margin:0 0 15px 0}
    .page-header.page-header-lg {padding:30px 0}
    .blog-posts img {padding:0 0 20px 0}
    .post-content figure.image > img {margin:0 !important}
    .pricing-table .plan .plan-price .price {margin:0 0 0 10%}
    .pricing-table .price-unit {margin:0 !important;font-size:1em !important}
    #thumbGalleryThumbs.owl-carousel .owl-item img, #thumbGalleryThumbs.owl-carousel .owl-item iframe, #thumbGalleryThumbs.owl-carousel .owl-item video, #thumbGalleryThumbs.owl-carousel .owl-item .embed-responsive {min-height:100px;max-height:100px}

}

@media (max-width: 575.98px) {
    .forma-upit .container-xl > .row {
        flex-direction: column;
    }
    .forma-upit .container-xl > .row > .col {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}