@charset "UTF-8";
/*  Copyright 2021 Videor o.d. www.videor.ba All rights reserved. */

/*

text-siva:
#3D505B

tamno siva:
#617F91

siva linija
#D9DADB

sivi elementi
#B9C2C7

siva pozadina
#f5f5f5

tamno plava
#003F66

svijetlo plava
#007BB3

svijetlija plava
#6DCFF6

plava linija
#035B87

*/

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; word-wrap: break-word; height: 100%; }
body { height: 100%; margin: 0; padding: 0; background-color: #003F66; font-family: 'Barlow', sans-serif; }
a { text-decoration: none; }
a:hover { transition: .5s ease; }

.nd23-clearing { clear: both; }
.nd23-mobile-off { display: block; }
.nd23-mobile-on { display: none; }
.nd23-tablet-off { display: block; }
.nd23-aname-offset { top: -50px; position: relative; visibility: hidden; }
#ontop { color: #007BB3; font-size: 27px; transition: bottom 1s; bottom: -100px; right: 30px; display: block; position: fixed; z-index: 10000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); text-decoration: none!important; }
#ontop:hover { color: #617F91; transition: .5s ease; }	

@media only screen and (max-width: 1024px) {
.nd23-tablet-off { display: none; }
}
	
@media only screen and (max-width: 768px) {
.nd23-mobile-off { display: none; }
.nd23-mobile-on { display: block; }
}


.swiper-container { display: block; width: 100%; height: 100%; position: relative; margin-bottom: 30px; }
.swiper-slide { text-align: left; }
.vd21-image-front-container { position: absolute; width: 100%; height: 100%; z-index: 20; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important;}
.nd23-image-tv { position: relative; width: 100%; padding-bottom: 56.25%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }
.nd23-image-square { position: relative; width: 100%; padding-bottom: 100%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }

h1 { font-weight: 500; font-size: 37px; line-height: 37px; color: #003F66; margin-bottom: 5px; margin-top: 0px; }
.nd23-h1-bijeli { color: #ffffff!important; }
h2 { font-weight: 600; font-size: 24px; line-height: 24px; color: #007BB3; margin-bottom: 5px; margin-top: 0px; }
.nd23-h2-svijetloplavi { color: #6DCFF6!important; }

.nd23-article { }

.nd23-article-intro { text-align: left; color: #617F91; font-size: 18px; line-height: 23px; font-weight: 500; margin-top: 15px; margin-right: 0; margin-left: 0; margin-bottom: 0; }
.nd23-article-author-name { display: block; width: 75%; text-align: left; color: #617F91; font-size: 14px; line-height: 18px; font-weight: 600; margin-top: 30px; margin-right: 0; margin-left: 0; margin-bottom: 5px; padding-top: 10px; border-top: 1px solid #D9DADB;}
.nd23-article-author-bio { display: block; width: 75%; text-align: left; color: #617F91; font-size: 13px; line-height: 17px; font-weight: 400; margin-top: 0px; margin-right: 0; margin-left: 0; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #D9DADB;}
.nd23-article-magazine { display: block; width: 50%; margin-top: 30px; }

.nd23-article-invert { text-align: left; color: #ffffff; font-size: 15px; line-height: 20px; font-weight: 400; margin: 0; padding: 0;}

.nd23-article p { text-align: left; color: #3D505B; font-size: 15px; line-height: 20px; font-weight: 400; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 15px; }
.nd23-article p:last-child { margin-bottom: 0px!important; }
.nd23-article p strong { font-weight: 600; }

.nd23-article a { font-weight: 600; color: #003F66; text-decoration: none; }
.nd23-article a:hover { color: #007BB3; transition: .5s ease; }

.nd23-article img { display: block; width: 100%; margin-bottom: 30px; padding-top: 15px; }
.nd23-article .nd23-article-img-pola { display: block; width: 50%; margin-left: auto; margin-right: auto; margin-bottom: 30px; }

.nd23-article h1 { font-weight: 700; font-size: 29px; line-height: 29px; color: #003F66; margin-top: 0px; margin-bottom: 15px; display: block; text-align: left; }
.nd23-article h2 { font-weight: 700; font-size: 26px; line-height: 26px; color: #003F66; margin-top: 0px; margin-bottom: 15px; display: block; text-align: left; }
.nd23-article h3 { font-weight: 700; font-size: 23px; line-height: 23px; color: #003F66; margin-top: 0px; margin-bottom: 15px; display: block; text-align: left; }
.nd23-article h4 { font-weight: 700; font-size: 21px; line-height: 21px; color: #003F66; margin-top: 0px; margin-bottom: 15px; display: block; text-align: left; }
.nd23-article h5 { font-weight: 700; font-size: 18px; line-height: 18px; color: #003F66; margin-top: 0px; margin-bottom: 15px; display: block; text-align: left; }

.nd23-article h6 { font-weight: 400; font-size: 11px; line-height: 14px; color: #3D505B; margin-top: -20px; margin-bottom: 30px; display: block; width: 90%; margin-left: auto; margin-right: auto; text-align: center; }

.nd23-article blockquote p { display: block; font-style: italic; font-size: 18px; line-height: 23px; color: #003F66; margin-top: 15px!important; margin-right: 0; margin-left: 0px; margin-bottom: 30px; padding-left: 15px; border-left: 1px solid #B9C2C7; }

.nd23-article ol { padding: 0; margin-top: 0; margin-left: 0px; margin-bottom: 15px; list-style: none; counter-reset: my-awesome-counter; color: #3D505B; font-size: 15px; line-height: 20px; font-weight: 400; }
.nd23-article ol li { margin-left: 50px; padding-bottom: 15px; counter-increment: my-awesome-counter; text-indent: -1.8em; }
.nd23-article ol li::before { color: #007BB3; font-weight: 600; content: counter(my-awesome-counter) "."; margin-right: 15px }
.nd23-article ol li:last-child { padding-bottom: 0px; }

.nd23-article ul { list-style: none; padding: 0; margin-top: 0; margin-right: 0; margin-left: 20px; margin-bottom: 15px; color: #3D505B; font-size: 15px; line-height: 20px; font-weight: 400; }
.nd23-article ul li::before { content: "• "; font-weight: 900; color: #007BB3!important; padding-right: 5px; padding-left: 10px;}
.nd23-article ul li { padding-left: 15px; text-indent: -1.6em; padding-bottom: 15px; }
.nd23-article ul li:last-child { padding-bottom: 0px; }

.nd23-article-invert p { color: #ffffff!important; }
.nd23-article-invert a { color: #6DCFF6!important; }
.nd23-article-invert a:hover { color: #ffffff!important; }
.nd23-article-invert h1 { color: #6DCFF6!important; }
.nd23-article-invert h2 { color: #6DCFF6!important; }
.nd23-article-invert h3 { color: #6DCFF6!important; }
.nd23-article-invert h4 { color: #6DCFF6!important; }
.nd23-article-invert h5 { color: #6DCFF6!important; }
.nd23-article-invert h6 { color: #ffffff!important; }
.nd23-article-invert blockquote p { color: #ffffff!important; border-left: 1px solid #6DCFF6!important; }
.nd23-article-invert ol { color: #ffffff!important; }
.nd23-article-invert ol li::before { color: #6DCFF6!important; }
.nd23-article-invert ul { color: #ffffff!important; }
.nd23-article-invert ul li::before { color: #6DCFF6!important; }

.nd23-button-1 { display: inline-block; font-size: 11px; font-weight: 700; color: #ffffff; padding-left: 7px; padding-right: 7px; padding-top: 3px; padding-bottom: 4px; margin-right: 5px; margin-top: 10px; border-radius: 3px; text-decoration: none; }
.nd23-button-1:hover { background-color: #98A2A8; }

.nd23-button-2 { display: inline-block; font-weight: 500; text-decoration: none; cursor: pointer; color: #B9C2C7; padding-left: 3px; }
.nd23-button-2:hover { color: #007BB3; }

.nd23-button-3 { display: inline-block; font-size: 14px; font-weight: 700; color: #ffffff; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 5px; margin-right: 5px; margin-top: 10px; border-radius: 3px; text-decoration: none; }
.nd23-button-3:hover { background-color: #98A2A8; }

.nd23-button-4 { display: none; font-size: 14px; font-weight: 700; color: #ffffff; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 5px; margin-right: 5px; margin-top: 10px; border-radius: 3px; text-decoration: none; }
.nd23-button-4:hover { background-color: #98A2A8; }

.nd23-button-blue { background-color: #007BB3; }
.nd23-button-orange { background-color: #E29300; }
.nd23-button-green { background-color: #3BA253; }
.nd23-button-red { background-color: #BE0000; }
.nd23-button-gray { background-color: #617F91; } 

.nd23-event-date-1 { display: block; position: absolute; right: 0; top: 0; width: 45px; text-align: center; color: #ffffff; box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.2); }
.nd23-event-date-1-day { display: block; text-align: center; background-color: #007BB3; margin: 0; padding-top: 3px; padding-bottom: 3px; font-size: 24px; line-height: 24px; font-weight: 500; }
.nd23-event-date-1-month { display: block; text-align: center; background-color: #003F66; margin: 0; padding-top: 3px; padding-bottom: 4px; font-size: 12px; line-height: 12px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }

.nd23-event-date-2 { display: block; position: absolute; left: 0; bottom: 0; width: 40px; text-align: center; color: #ffffff;  box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.2); }
.nd23-event-date-2-day { display: block; text-align: center; background-color: #007BB3; margin: 0; padding-top: 3px; padding-bottom: 3px; font-size: 20px; line-height: 20px; font-weight: 500; }
.nd23-event-date-2-month { display: block; text-align: center; background-color: #003F66; margin: 0; padding-top: 3px; padding-bottom: 4px; font-size: 10px; line-height: 10px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }

.nd23-flag-1 { display: block; position: absolute; left: 15px; bottom: 0; width: 40px; box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.2); }
.nd23-flag-2 { display: block; position: absolute; left: 10px; bottom: 0; width: 30px; box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.2);  }


.nd23-subscribe { display: block; position: fixed; width: 23px; right: 0; top: 150px; z-index: 1000; cursor: pointer; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); }

.nd23-block-prvi { position: relative; display: block; width: 100%; padding-top: 0px; padding-bottom: 0px; }
.nd23-block-header { position: relative; display: block; width: 100%; padding-top: 30px; padding-bottom: 30px; }
.nd23-block-footer { position: relative; display: block; width: 100%; padding-top: 0px; padding-bottom: 0px; }

.nd23-distancer-submeni-1 { display: block; height: 15px; }
.nd23-distancer-submeni-2 { display: block; height: 20px; }

.nd23-distancer-section-0 { display: block; height: 45px; }
.nd23-distancer-section-1 { display: block; height: 30px; }
.nd23-distancer-section-2 { display: block; height: 15px; }
.nd23-distancer-section-3 { display: block; height: 10px; }
.nd23-distancer-0 { display: block; height: 10px; }
.nd23-distancer-1 { display: block; height: 15px; }
.nd23-distancer-2 { display: block; height: 20px; }
.nd23-distancer-3 { display: none; height: 10px; }
.nd23-distancer-4 { display: block; height: 20px; }
.nd23-distancer-6 { display: block; height: 30px; }

@media only screen and (max-width: 1024px) {
.nd23-block-header { padding-top: 20px; padding-bottom: 40px; }
.nd23-distancer-submeni-1 { height: 10px; }
.nd23-distancer-submeni-2 { height: 15px; }
    
    
.nd23-distancer-section-1 { height: 15px; }
.nd23-distancer-section-2 { height: 10px; }
.nd23-distancer-section-3 { height: 5px; }
.nd23-distancer-1 { height: 10px; }
.nd23-distancer-2 { height: 15px; }
.nd23-distancer-4 { height: 10px; }
}

@media only screen and (max-width: 768px) {
.nd23-block-header { padding-top: 20px; padding-bottom: 20px; }
.nd23-distancer-submeni-1 { height: 7px; }
.nd23-distancer-submeni-2 { height: 10px; }
    
.nd23-distancer-1 { height: 5px; }
.nd23-distancer-2 { height: 10px; }
.nd23-distancer-3 { display: block; }
.nd23-distancer-4 { height: 10px; }
}




.nd23-block-bijeli { background-color: #ffffff; }
.nd23-block-sivi { background-color: #f5f5f5; }
.nd23-block-plavi { background-color: #003F66; }

.nd23-block0 { position: relative; display: block; width: 100%; padding-top: 30px; padding-bottom: 0px; }
.nd23-block00 { position: relative; display: block; width: 100%; padding-top: 0px; padding-bottom: 30px; }
.nd23-block1 { position: relative; display: block; width: 100%; padding-top: 35px; padding-bottom: 20px; }
.nd23-block2 { position: relative; display: block; width: 100%; padding-top: 35px; padding-bottom: 20px; }

.nd23-okvir1 { display: block; margin: 0; padding: 15px; } 
.nd23-okvir2 { display: block; margin: 0; padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 0px; }

.nd23-section-linija-bijela { background-image: url("https://newdirection.online/nd-files/nd23-line1.svg"); }
.nd23-section-linija-siva { background-image: url("https://newdirection.online/nd-files/nd23-line1.svg"); }
.nd23-section-linija-plava { background-image: url("https://newdirection.online/nd-files/nd23-line2.svg"); }

.nd23-section-naslov-bijeli { background-color: #ffffff; color: #617F91; }
.nd23-section-naslov-sivi { background-color: #f5f5f5; color: #617F91; }
.nd23-section-naslov-plavi { background-color: #003F66; color: #6DCFF6; }

.nd23-section-linija { position: relative; width: 100%; padding: 0; margin: 0; background-position: center center; background-repeat: repeat-x; background-size: 1px; display: flex; justify-content: center; align-items: center; }
.nd23-section-naslov { display: block; font-weight: 700; font-size: 10px; padding-left: 15px; padding-right: 15px; margin: 0; letter-spacing: 2px;  text-transform: uppercase; }
.nd23-section-naslov:hover { color: #007BB3; text-decoration: none; }
.nd23-section-naslov-1 { display: block; font-weight: 700; font-size: 10px; padding-left: 15px; padding-right: 15px; margin: 0; letter-spacing: 2px;  text-transform: uppercase; }

.nd23-headline-link { font-weight: 500; display: block; margin-bottom: 5px; text-decoration: none;  }
.nd23-headline-link:hover { text-decoration: none; color: #617F91; }

.nd23-headline-link-mali-plavi { font-size: 20px; line-height: 20px; color: #003F66; }
.nd23-headline-link-veliki-plavi { font-size: 30px; line-height: 30px; color: #003F66; }
.nd23-headline-link-mali-bijeli { font-size: 20px; line-height: 20px; color: #fff; }
.nd23-headline-link-veliki-bijeli { font-size: 30px; line-height: 30px; color: #fff; }

.nd23-nadnaslov-veliki-tamni { font-size: 20px; line-height: 20px; color: #007BB3; }
.nd23-nadnaslov-mali-tamni { font-size: 14px; line-height: 14px; color: #007BB3; }
.nd23-nadnaslov-veliki-svijetli { font-size: 20px; line-height: 20px; color: #6DCFF6; }
.nd23-nadnaslov-veliki-plavkasti { font-size: 20px; line-height: 20px; color: #617F91; }
.nd23-nadnaslov-mali-svijetli { font-size: 14px; line-height: 14px; color: #6DCFF6; }
.nd23-nadnaslov-mali-plavkasti { font-size: 14px; line-height: 14px; color: #617F91; }
.nd23-nadnaslov-veliki-sivi { font-size: 20px; line-height: 20px; color: #617F91; }
.nd23-nadnaslov-mali-sivi { font-size: 14px; line-height: 14px; color: #617F91; }

.nd23-nadnaslov { display: block; margin-bottom: 2px; margin-top: 0px; text-decoration: none; font-weight: 600; }

.nd23-front-1-intro { display: block; margin-top: 10px; margin-bottom: 0; font-weight: 400; font-size: 14px; line-height: 18px; color:#3D505B; }
.nd23-front-2-intro { display: block; margin-top: 10px; margin-bottom: 0; font-weight: 400; font-size: 14px; line-height: 18px; color: #ffffff!important; }
.nd23-front-1-image { margin-bottom: 10px; position: relative; width: 100%; padding-bottom: 56.25%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }
.nd23-front-1-image-big { margin-bottom: 0px; position: relative; width: 100%; padding-bottom: 56.25%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }
.nd23-front-1-image-a4 { margin-bottom: 10px; position: relative; width: 100%; padding-bottom: 140%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }
.nd23-front-1-image-a4-big { margin-bottom: 0px; position: relative; width: 100%; padding-bottom: 140%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }
.nd23-front-1-image-overlay { background-color: #617F91; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; position: absolute; cursor: pointer; }
.nd23-front-1-image-overlay:hover { opacity: 0.3; filter: alpha(opacity=30); transition: .5s ease; }

.nd23-embed-container { position: relative; padding-bottom: 56.25%; height: 0; margin: 0; overflow: hidden; max-width: 100%; } 
.nd23-embed-container iframe, .nd23-embed-container object, .nd23-embed-container embed { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }

.nd23-about-glava-container { display: block; width: 100%; max-width: 110px; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.nd23-about-glava { position: relative; width: 100%; padding-bottom: 100%; border-radius: 50%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }
.nd23-about-name { font-size: 18px; line-height: 18px; color: #003F66; margin: 0; padding: 0; text-align: center; }
.nd23-about-title { font-size: 14px; line-height: 14px; color: #B9C2C7; margin-top: 5px; margin-bottom: 0; padding: 0; text-align: center; }
.nd23-about-function { font-size: 14px; line-height: 14px; color: #007BB3; margin-top: 5px; margin-bottom: 0; padding: 0; text-align: center; }
.nd23-about-text { display: block; margin-top: 15px; margin-bottom: 0; font-weight: 400; font-size: 12px; line-height: 15px; color: #3D505B;}
#nd23-about-more-1 { display: none; } #nd23-about-more-2 { display: none; } #nd23-about-more-3 { display: none; }

.nd23-event-location{ display: block; width: 75%; margin-top: 30px; margin-bottom: 15px; padding: 0; color: #617F91; font-size: 15px; line-height: 20px; }  
.nd23-event-broadcast { display: block; width: 100%; padding-top:30px; padding-bottom: 0px; } 
.nd23-event-map { display: block; margin-top: 0px; margin-bottom: 10px; }  
.nd23-event-map iframe { display: block; width: 75%; height: 200px; }  
.nd23-event-agenda { margin-top: 0px; margin-bottom: 0; color: #3D505B; font-size: 15px; line-height: 20px; font-weight: 400; }   
.nd23-event-agenda-block { margin-top: 0; margin-bottom: 0; padding-top: 15px; padding-bottom: 10px; } 
.nd23-event-agenda-block:last-child { border-bottom: 0px; } 
.nd23-event-agenda-time { font-weight: 700; font-size: 12px; line-height: 12px; letter-spacing: 0.5px; color: #ffffff; display: inline-block; background-color: #007BB3; padding-top: 3px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; margin-top: 0; margin-bottom: 10px; border-radius: 3px; }  
.nd23-event-agenda-slot { font-weight: 600; font-size: 14px; line-height: 14px; color: #617F91; margin-top: 0; margin-bottom: 5px; }
.nd23-event-agenda-title { font-weight: 500; font-size: 20px; line-height: 20px; color: #007BB3; margin-top: 0; margin-bottom: 10px; } 
.nd23-event-agenda-text { margin-top: 0; margin-bottom: 0px; } 
.nd23-event-agenda-text p { font-size: 14px; line-height: 17px; margin-top: 0; margin-bottom: 10px; color: #3D505B; }
.nd23-event-agenda-text p strong { font-weight: 600!important; }
.nd23-event-agenda-text ul { list-style: none; padding: 0; margin-top: 0; margin-right: 0; margin-left: 15px; margin-bottom: 15px; font-size: 14px; line-height: 17px; }
.nd23-event-agenda-text ul strong { font-weight: 600!important; }
.nd23-event-agenda-text ul li::before { content: "• "; font-weight: 900; color: #007BB3!important; padding-right: 5px; padding-left: 10px;}
.nd23-event-agenda-text ul li { padding-left: 0px; text-indent: -1.6em; padding-bottom: 10px; }
.nd23-event-agenda-text ul li:last-child { padding-bottom: 0px; } 
.nd23-event-tab { overflow: hidden; margin-bottom: 15px; }
.nd23-event-tab .nd23-event-tablinks { display: inline-block; font-weight: 600; font-size: 15px; line-height: 15px; color: #003F66; cursor: pointer; padding-right: 0px; padding-left: 0; padding-bottom: 10px; padding-top: 10px; margin-right: 15px; transition: 0.5s; border-bottom: 2px solid #ffffff; }
.nd23-event-tab .nd23-event-tablinks:hover { border-bottom: 2px solid #D9DADB; }
.nd23-event-tab .nd23-event-tablinks.active { color: #007BB3; border-bottom: 2px solid #D9DADB; }
.nd23-event-tabcontent { display: none; }
.nd23-event-org-img-box { display: block; position: relative; width: 100%; height: 75px; margin-bottom: 15px; }
.nd23-event-org-img { display: block; position: absolute; bottom: 0; left: 0; max-width: 135px; max-height: 75px; }

@media only screen and (max-width: 1024px) {
h1 { font-size: 32px; line-height: 32px; }
h2 { font-size: 20px; line-height: 20px; }
.nd23-article-intro { font-size: 16px; line-height: 21px; margin-top: 15px; }
.nd23-article-author-name { font-size: 13px; line-height: 13px; margin-top: 20px; margin-bottom: 5px; padding-top: 10px; }
.nd23-article-author-bio { font-size: 11px; line-height: 15px; padding-bottom: 10px; }
.nd23-article-magazine { width: 50%; margin-top: 20px; }
.nd23-subscribe { width: 20px; top: 25px; }
.nd23-button-1 { font-size: 9px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; margin-right: 5px; margin-top: 5px; }
.nd23-button-3 { font-size: 12px; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; margin-right: 5px; margin-top: 5px; }    
.nd23-button-4 { font-size: 12px; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; margin-right: 5px; margin-top: 5px; }    
.nd23-event-date-1 { left: 0; bottom: 0; top: auto; right: auto; width: 40px; box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.2); }
.nd23-event-date-1-day { padding-top: 3px; padding-bottom: 3px; font-size: 20px; line-height: 20px; }
.nd23-event-date-1-month { padding-top: 3px; padding-bottom: 4px; font-size: 9px; line-height: 9px; }
.nd23-event-date-2 { left: 0; bottom: 0; top: auto; right: auto; width: 30px; box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.2); }
.nd23-event-date-2-day { padding-top: 3px; padding-bottom: 3px; font-size: 15px; line-height: 15px; }
.nd23-event-date-2-month { padding-top: 3px; padding-bottom: 4px; font-size: 8px; line-height: 8px; }
.nd23-flag-1 { left: 10px; width: 30px; }
.nd23-flag-2 { left: 10px; width: 20px; }
.nd23-block0 { padding-top: 20px; padding-bottom: 30px; }
.nd23-block00 { padding-bottom: 20px; }
.nd23-block1 { padding-top: 25px; padding-bottom: 10px; }
.nd23-block2 { padding-top: 10px; padding-bottom: 20px; }
.nd23-okvir1 { padding: 10px; } 
.nd23-okvir2 { padding-left: 10px; padding-right: 10px; }
.nd23-section-linija { }
.nd23-section-naslov { padding-left: 10px; padding-right: 10px; font-size: 8px; }
.nd23-section-naslov-1 { padding-left: 10px; padding-right: 10px; font-size: 8px; }
.nd23-nadnaslov-veliki-tamni { font-size: 18px; line-height: 18px; }
.nd23-nadnaslov-mali-tamni { font-size: 12px; line-height: 12px; }
.nd23-nadnaslov-veliki-svijetli { font-size: 18px; line-height: 18px; }
.nd23-nadnaslov-veliki-plavkasti { font-size: 18px; line-height: 18px; }
.nd23-nadnaslov-mali-svijetli { font-size: 12px; line-height: 12px; }    
.nd23-nadnaslov-mali-plavkasti { font-size: 12px; line-height: 12px; }    
.nd23-nadnaslov-veliki-sivi { font-size: 18px; line-height: 18px; }
.nd23-nadnaslov-mali-sivi { font-size: 12px; line-height: 12px; }    
.nd23-headline-link-mali-plavi { font-size: 15px; line-height: 15px; }
.nd23-headline-link-veliki-plavi { font-size: 25px; line-height: 25px; }
.nd23-headline-link-mali-bijeli { font-size: 15px; line-height: 15px; }
.nd23-headline-link-veliki-bijeli { font-size: 25px; line-height: 25px; }
.nd23-front-1-intro { font-size: 12px; line-height: 16px; }
.nd23-front-2-intro { font-size: 12px; line-height: 16px; }
.nd23-about-glava-container { max-width: 85px; margin-bottom: 10px; }
.nd23-about-name { font-size: 17px; line-height: 17px; }
.nd23-about-title { font-size: 12px; line-height: 12px; }
.nd23-about-function { font-size: 12px; line-height: 12px; }
}
	
@media only screen and (max-width: 768px) {
h1 { font-size: 27px; line-height: 27px; }
h2 { font-size: 17px; line-height: 17px; }
.nd23-article-intro { font-size: 14px; line-height: 18px; margin-top: 10px; }
.nd23-article-author-name { width: 100%; font-size: 12px; line-height: 12px; margin-top: 10px; margin-bottom: 5px; padding-top: 10px; }
.nd23-article-author-bio { width: 100%; font-size: 11px; line-height: 15px; padding-bottom: 0px; border-bottom: 0px; }
.nd23-article-magazine { display: none; }
.nd23-subscribe { display: none; }
.nd23-button-1 { font-size: 8px; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; margin-right: 5px; margin-top: 5px; border-radius: 2px; }
.nd23-button-4 { display: inline-block; }
.nd23-block0 { padding-top: 15px; padding-bottom: 10px; }
.nd23-block1 { padding-top: 20px; padding-bottom: 10px; }
.nd23-block2 { padding-top: 0px; padding-bottom: 15px; }
.nd23-section-linija { }
.nd23-section-naslov { padding-left: 5px; padding-right: 5px; font-size: 6px; }
.nd23-section-naslov-1 { padding-left: 5px; padding-right: 5px; font-size: 6px; }
.nd23-front-1-image { margin-bottom: 5px; }
.nd23-front-1-image-big { margin-bottom: -10px; }
.nd23-front-1-image-a4 { margin-bottom: 5px; }
.nd23-nadnaslov-veliki-tamni { font-size: 16px; line-height: 16px; }
.nd23-nadnaslov-mali-tamni { font-size: 10px; line-height: 10px; }
.nd23-nadnaslov-veliki-svijetli { font-size: 16px; line-height: 16px; }
.nd23-nadnaslov-veliki-plavkasti { font-size: 16px; line-height: 16px; }
.nd23-nadnaslov-mali-svijetli { font-size: 10px; line-height: 10px; }  
.nd23-nadnaslov-mali-plavkasti { font-size: 10px; line-height: 10px; }  
.nd23-nadnaslov-veliki-sivi { font-size: 16px; line-height: 16px; }
.nd23-nadnaslov-mali-sivi { font-size: 10px; line-height: 10px; }  
.nd23-headline-link-mali-plavi { font-size: 12px; line-height: 12px; margin-bottom: 2px; }
.nd23-headline-link-veliki-plavi { font-size: 22px; line-height: 22px; }
.nd23-headline-link-mali-bijeli { font-size: 12px; line-height: 12px; margin-bottom: 2px; }
.nd23-headline-link-veliki-bijeli { font-size: 22px; line-height: 22px; }    
.nd23-front-1-intro { display: none; }
.nd23-front-2-intro { display: none; }
.nd23-about-glava-container { max-width: 75px; }
.nd23-about-name { font-size: 14px; line-height: 14px; }
.nd23-about-title { font-size: 10px; line-height: 10px; }
.nd23-about-function { font-size: 10px; line-height: 10px; }
.nd23-event-map iframe { display: none; } 
.nd23-event-location { width: 100%; margin-top: 15px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 20px; border-bottom: 1px solid #D9DADB; } 
.nd23-event-agenda-block { padding-top: 5px; padding-bottom: 5px; } 
.nd23-event-agenda-time { padding-bottom: 3px; }  
}










.nd23-celije { max-width: 1440px; margin-left: auto; margin-right: auto; text-align: left; padding-left: 90px; padding-right: 90px; }
[class*="nd23-celija-"] { vertical-align: top; display: inline-block; position: relative; text-align: left; padding: 0; margin: 0; }
.nd23-celija-cijela { width: 100%; }
.nd23-celija-pola { width: 50%; }
.nd23-celija-pola-1 { width: 50%; }
.nd23-celija-trecina { width: 33.33%; }
.nd23-celija-trecina-1 { width: 33.33%; }
.nd23-celija-trecina-2 { width: 33.33%; }
.nd23-celija-cetvrtina { width: 25%; }
.nd23-celija-petina { width: 20%; }
.nd23-celija-sestina { width: 16.66%; }
.nd23-celija-sedmina { width: 14.28%; }
.nd23-celija-osmina { width: 12.5%; }
.nd23-celija-dvijetrecine { width: 66.67%; }
.nd23-celija-tricetvrtine { width: 75%; }
.nd23-celija-cetiripetine { width: 80%; }
.nd23-celija-petsestina { width: 83.34%; }
.nd23-celija-sestsedmina { width: 85.72%; }
.nd23-celija-sedamosmina { width: 87.5%; }
@media only screen and (max-width: 1220px) {
.nd23-celije { width: 100%; padding-left: 30px; padding-right: 30px;}
}
@media only screen and (max-width: 1024px) {
.nd23-celije { padding-left: 15px; padding-right: 15px; }
.nd23-celija-cijela { width: 100%; }
.nd23-celija-pola { width: 50%; }
.nd23-celija-trecina { width: 33.33%; }
.nd23-celija-cetvrtina { width: 25%; }
.nd23-celija-petina { width: 25%; }
.nd23-celija-sestina { width: 16.66%;  }
.nd23-celija-sedmina { width: 16.66%; }
.nd23-celija-osmina { width: 25%; }
.nd23-celija-dvijetrecine { width: 66.67%; }
.nd23-celija-tricetvrtine { width: 75%; }
.nd23-celija-cetiripetine { width: 100%; }
.nd23-celija-petsestina { width: 100%; }
.nd23-celija-sestsedmina { width: 100%; }
.nd23-celija-sedamosmina { width: 100%; }
}	
@media only screen and (max-width: 768px) {
.nd23-celije { padding-left: 10px; padding-right: 10px; }
.nd23-celija-cijela { width: 100%; }
.nd23-celija-pola { width: 100%; }
.nd23-celija-trecina { width: 100%; }
.nd23-celija-trecina-2 { width: 50%; }
.nd23-celija-cetvrtina { width: 50%; }
.nd23-celija-petina { width: 33.33%; }
.nd23-celija-sestina { width: 33.33%; }
.nd23-celija-sedmina { width: 20%; }
.nd23-celija-osmina { width: 33.33%; }
.nd23-celija-dvijetrecine { width: 100%; }
.nd23-celija-tricetvrtine { width: 100%; }
.nd23-celija-cetiripetine { width: 100%; }
.nd23-celija-petsestina { width: 100%; }
.nd23-celija-sestsedmina { width: 100%; }
.nd23-celija-sedamosmina { width: 100%; }
}




/*  DESKTOP NAVIGATION 1 */
.nd23-logo-main { position: relative; display: block; width: 100%; }
.nd23-desktop-menu-1-container-menu { display: block; position: relative; width: 100%; height: 80px; }
.nd23-desktop-menu-1-container-menu-inside { display: block; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); z-index: 50; }
.nd23-desktop-menu-1-navigation { text-align: right; }
.nd23-desktop-menu-1-main { position: relative; display: inline-block; vertical-align: middle; margin-top: 15px; margin-right: 5px; margin-left: 5px; margin-bottom: 5px; padding: 0; }
.nd23-desktop-menu-1-main-1 { position: relative; display: inline-block; vertical-align: middle; margin-top: 16px; margin-right: 2px; margin-left: 2px; margin-bottom: 5px; padding: 0; }
.nd23-desktop-menu-1-img { width: 20px; display: inline-block; vertical-align: middle; }
.nd23-desktop-menu-1-item { font-weight: 500; font-size: 18px; color: #003F66; padding-left: 5px; padding-right: 5px; padding-top: 20px; padding-bottom: 20px; text-decoration: none!important; }	
.nd23-desktop-menu-1-item:hover { color: #007BB3; transition: .5s ease; }	
.nd23-desktop-menu-1-dropdown { text-align: left; display: none; position: absolute; left: 5px; top: 35px; background-color: #007BB3; min-width: 160px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); z-index: 1; transition: .5s ease; }
.nd23-desktop-menu-1-dropdown a { font-weight: 500; font-size: 14px; line-height: 14px; color: #ffffff; padding-top: 6px; padding-bottom: 6px; padding-left: 9px; padding-right: 9px; text-decoration: none!important; display: block; border-bottom: 0.5px solid #009EE6; }
.nd23-desktop-menu-1-dropdown a:hover { background-color: #005E88; color: #fff; transition: .5s ease; }
.nd23-desktop-menu-1-main:hover .nd23-desktop-menu-1-dropdown { display: block; }
.nd23-desktop-menu-1-divider { font-weight: 700!important; font-size: 18px; color: #007BB3; }

@media only screen and (max-width: 1024px) {
.nd23-desktop-menu-1-navigation { text-align: center; }
.nd23-desktop-menu-1-container-menu { height: 0px; margin-bottom: 15px; }
.nd23-desktop-menu-1-container-menu-inside { position: relative; display: block; transform: none; }
.nd23-desktop-menu-1-item { font-size: 15px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; }
.nd23-desktop-menu-1-img { width: 17px; }
}

/*  DESKTOP NAVIGATION 2 */
.nd23-desktop-menu-2 { display: block; padding: 0; margin: 0; }
.nd23-desktop-menu-2 p { display: block; padding: 0; margin: 0; }
.nd23-desktop-menu-2 ul { display: block; font-weight: 500; font-size: 13px; line-height: 16px; color: #617F91; list-style: none; padding: 0; margin: 0; text-align: center; }
.nd23-desktop-menu-2 ul li .nd23-desktop-menu-2-active { font-weight: 600; color: #007BB3; }
.nd23-desktop-menu-2 ul li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
.nd23-desktop-menu-2 ul li a { display: block; font-weight: 500; color: #617F91; text-decoration: none; padding: 0!important; margin: 0!important; }
.nd23-desktop-menu-2 ul li a:hover { color: #007BB3; text-decoration: none; transition: .5s ease; }
.nd23-desktop-menu-2 ul li img { display: block; width: 20px; }
.nd23-desktop-menu-2 .nd23-desktop-menu-2-razmak { display: inline-block; margin: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 0; font-weight: 600; color: #B9C2C7; }
.nd23-desktop-menu-2 .nd23-desktop-menu-2-razmak:last-child { display: none; }
.nd23-desktop-menu-2 .nd23-desktop-menu-2-razmak-1 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; }

@media only screen and (max-width: 1024px) { 
.nd23-desktop-menu-2 .nd23-desktop-menu-2-razmak { padding-left: 5px; padding-right: 5px; }
.nd23-desktop-menu-2 ul { font-size: 12px; line-height: 12px; }
}	
@media only screen and (max-width: 768px) {  
.nd23-desktop-menu-2 ul { font-size: 10px; line-height: 13px; }
}

/*  DESKTOP NAVIGATION 3 */
.nd23-desktop-menu-3-container-menu { display: block; position: relative; width: 100%; height: 80px; }
.nd23-desktop-menu-3-container-menu-inside { display: block; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); z-index: 50; }
.nd23-desktop-menu-3-navigation { text-align: right; }
.nd23-desktop-menu-3-main { position: relative; display: inline-block; vertical-align: middle; margin-top: 15px; margin-right: 5px; margin-left: 5px; margin-bottom: 5px; padding: 0; }
.nd23-desktop-menu-3-main-1 { position: relative; display: inline-block; vertical-align: middle; margin-top: 16px; margin-right: 2px; margin-left: 2px; margin-bottom: 5px; padding: 0; }
.nd23-desktop-menu-3-img { width: 20px; display: inline-block; vertical-align: middle; }
.nd23-desktop-menu-3-item { font-weight: 500; font-size: 18px; color: #ffffff; padding-left: 5px; padding-right: 5px; padding-top: 20px; padding-bottom: 20px; text-decoration: none!important; }	
.nd23-desktop-menu-3-item:hover { color: #6DCFF6; transition: .5s ease; }	
.nd23-desktop-menu-3-dropdown { text-align: left; display: none; position: absolute; left: 5px; top: 35px; background-color: #007BB3; min-width: 160px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); z-index: 1; transition: .5s ease; }
.nd23-desktop-menu-3-dropdown a { font-weight: 500; font-size: 14px; line-height: 14px; color: #ffffff; padding-top: 6px; padding-bottom: 6px; padding-left: 9px; padding-right: 9px; text-decoration: none!important; display: block; border-bottom: 0.5px solid #009EE6; }
.nd23-desktop-menu-3-dropdown a:hover { background-color: #005E88; color: #fff; transition: .5s ease; }
.nd23-desktop-menu-3-main:hover .nd23-desktop-menu-3-dropdown { display: block; }
.nd23-desktop-menu-3-divider { font-weight: 700!important; font-size: 18px; color: #6DCFF6; }

@media only screen and (max-width: 1024px) {
.nd23-desktop-menu-3-navigation { text-align: center; }
.nd23-desktop-menu-3-container-menu { height: 0px; margin-bottom: 15px; }
.nd23-desktop-menu-3-container-menu-inside { position: relative; display: block; transform: none; }
.nd23-desktop-menu-3-item { font-size: 15px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; }
.nd23-desktop-menu-3-img { width: 17px; }
}

/*  DESKTOP NAVIGATION 4 */
.nd23-desktop-menu-4 { display: block; padding: 0; margin: 0; }
.nd23-desktop-menu-4 p { display: block; padding: 0; margin: 0; }
.nd23-desktop-menu-4 ul { display: block; font-weight: 500; font-size: 13px; line-height: 16px; color: #B9C2C7; list-style: none; padding: 0; margin: 0; text-align: center; }
.nd23-desktop-menu-4 ul li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
.nd23-desktop-menu-4 ul li a { display: block; font-weight: 500; color: #B9C2C7; text-decoration: none; padding: 0!important; margin: 0!important; }
.nd23-desktop-menu-4 ul li a:hover { color: #6DCFF6; text-decoration: none; transition: .5s ease; }
.nd23-desktop-menu-4 ul li img { display: block; width: 20px; }
.nd23-desktop-menu-4 .nd23-desktop-menu-4-razmak { display: inline-block; margin: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 0; font-weight: 600; color: #6DCFF6; }
.nd23-desktop-menu-4 .nd23-desktop-menu-4-razmak-1 { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; }

@media only screen and (max-width: 1024px) { 
.nd23-desktop-menu-4 .nd23-desktop-menu-4-razmak { padding-left: 5px; padding-right: 5px; }
.nd23-desktop-menu-4 ul { font-size: 12px; line-height: 12px; }
}	
@media only screen and (max-width: 768px) {  
.nd23-desktop-menu-4 ul { font-size: 10px; line-height: 13px; }
}

/*  MOBILE NAVIGATION 1 */
.nd23-logo-mobile { position: relative; display: block; width: 66.66%; }
.nd23-mobile-1-dropdown { position: relative; display: inline-block; text-align: left; }
.nd23-mobile-1-dropdown-content { display: none; position: absolute; top: 55px; right: 0; min-width: 210px; overflow: auto; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); z-index: 10000; background-color: #005E88; transition: .5s ease; }
.nd23-mobile-1-dropdown-sub { background-color: #007BB3; }
.nd23-mobile-1-dropdown-sub:hover { background-color: #003F66!important; transition: .5s ease; }
.nd23-mobile-1-dropdown-content a { display: block; font-weight: 500; font-size: 13px; line-height: 13px; color: #ffffff; padding-top: 6px; padding-bottom: 6px; padding-left: 9px; padding-right: 9px; text-decoration: none!important; border-bottom: 0.5px solid #009EE6; }
.nd23-mobile-1-dropdown a:hover {background-color: #007BB3; color: #fff; transition: .5s ease;}
.nd23-mobile-1-button-show { display: block; }
.nd23-mobile-1-button-container { display: inline-block; cursor: pointer; margin-top: 10px; }
.nd23-mobile-1-button-bar1, .nd23-mobile-1-button-bar2, .nd23-mobile-1-button-bar3 { width: 35px; height: 3px; background-color: #007BB3; margin: 6px 0; transition: 0.5s; }
.nd23-mobile-1-button-change .nd23-mobile-1-button-bar1 { transform: translate(0, 9px) rotate(-45deg); }
.nd23-mobile-1-button-change .nd23-mobile-1-button-bar2 { opacity: 0; }
.nd23-mobile-1-button-change .nd23-mobile-1-button-bar3 { transform: translate(0, -9px) rotate(45deg); } 

/*  MOBILE NAVIGATION 2 */
.nd23-logo-mobile { position: relative; display: block; width: 66.66%; }
.nd23-mobile-2-dropdown { position: relative; display: inline-block; text-align: left; }
.nd23-mobile-2-dropdown-content { display: none; position: absolute; top: 55px; right: 0; min-width: 210px; overflow: auto; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); z-index: 10000; background-color: #005E88; transition: .5s ease; }
.nd23-mobile-2-dropdown-sub { background-color: #007BB3; }
.nd23-mobile-2-dropdown-sub:hover { background-color: #003F66!important; transition: .5s ease; }
.nd23-mobile-2-dropdown-content a { display: block; font-weight: 500; font-size: 13px; line-height: 13px; color: #ffffff; padding-top: 6px; padding-bottom: 6px; padding-left: 9px; padding-right: 9px; text-decoration: none!important; border-bottom: 0.5px solid #009EE6; }
.nd23-mobile-2-dropdown a:hover {background-color: #007BB3; color: #fff; transition: .5s ease;}
.nd23-mobile-2-button-show { display: block; }
.nd23-mobile-2-button-container { display: inline-block; cursor: pointer; margin-top: 10px; }
.nd23-mobile-2-button-bar1, .nd23-mobile-2-button-bar2, .nd23-mobile-2-button-bar3 { width: 35px; height: 3px; background-color: #6DCFF6; margin: 6px 0; transition: 0.5s; }
.nd23-mobile-2-button-change .nd23-mobile-2-button-bar1 { transform: translate(0, 9px) rotate(-45deg); }
.nd23-mobile-2-button-change .nd23-mobile-2-button-bar2 { opacity: 0; }
.nd23-mobile-2-button-change .nd23-mobile-2-button-bar3 { transform: translate(0, -9px) rotate(45deg); } 

/*  FOOTER */
.nd23-footer-logo { display: block; width: 40px; margin-left: auto; margin-right: auto; margin-bottom: 15px; margin-top: 0px; padding: 0;}
.nd23-footer-social { display: block; margin-top: 15px!important; }
.nd23-footer-text { font-weight: 400!important; font-size: 10px!important; line-height: 12px!important; color: #B9C2C7; text-align: center; display: block; width: 66.66%; margin-left: auto; margin-right: auto; margin-bottom: 15px; }

@media only screen and (max-width: 1220px) { .nd23-footer-text { width: 96%; } }
@media only screen and (max-width: 768px) { .nd23-footer-logo { width: 30px; } .nd23-footer-text { font-size: 9px!important; line-height: 10px!important; } }