@font-face {
  font-family: "flaticon-set-communication";
  src: url("https://dnd-gospic.hr/fonts/flaticon/flaticon-set-communication.eot");
  src: url("https://dnd-gospic.hr/fonts/flaticon/flaticon-set-communication.eot?#iefix") format("embedded-opentype"),
       url("https://dnd-gospic.hr/fonts/flaticon/flaticon-set-communication.woff") format("woff"),
       url("https://dnd-gospic.hr/fonts/flaticon/flaticon-set-communication.ttf") format("truetype"),
       url("https://dnd-gospic.hr/fonts/flaticon/flaticon-set-communication.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="flaticon-contact-"]:before, [class*=" flaticon-contact-"]:before,
[class^="flaticon-contact-"]:after, [class*=" flaticon-contact-"]:after {   
  font-family: flaticon-set-communication;
  font-style: normal;
}

.flaticon-contact-001-send-mail:before { content: "\f100"; }
.flaticon-contact-002-message:before { content: "\f101"; }
.flaticon-contact-003-mail-4:before { content: "\f102"; }
.flaticon-contact-004-mail-3:before { content: "\f103"; }
.flaticon-contact-005-telephone-2:before { content: "\f104"; }
.flaticon-contact-006-home-message:before { content: "\f105"; }
.flaticon-contact-007-mail-2:before { content: "\f106"; }
.flaticon-contact-008-mobile-phone:before { content: "\f107"; }
.flaticon-contact-009-phone-3:before { content: "\f108"; }
.flaticon-contact-010-mail-1:before { content: "\f109"; }
.flaticon-contact-011-web:before { content: "\f10a"; }
.flaticon-contact-012-mouse:before { content: "\f10b"; }
.flaticon-contact-013-sending-call:before { content: "\f10c"; }
.flaticon-contact-014-online-question:before { content: "\f10d"; }
.flaticon-contact-015-mail:before { content: "\f10e"; }
.flaticon-contact-016-send-1:before { content: "\f10f"; }
.flaticon-contact-017-telephone-1:before { content: "\f110"; }
.flaticon-contact-018-telephone:before { content: "\f111"; }
.flaticon-contact-019-video-chat:before { content: "\f112"; }
.flaticon-contact-020-template:before { content: "\f113"; }
.flaticon-contact-021-mailbox:before { content: "\f114"; }
.flaticon-contact-022-send:before { content: "\f115"; }
.flaticon-contact-023-contact:before { content: "\f116"; }
.flaticon-contact-024-globe:before { content: "\f117"; }
.flaticon-contact-025-world:before { content: "\f118"; }
.flaticon-contact-026-email-5:before { content: "\f119"; }
.flaticon-contact-027-email-4:before { content: "\f11a"; }
.flaticon-contact-028-phone-2:before { content: "\f11b"; }
.flaticon-contact-029-write-letter:before { content: "\f11c"; }
.flaticon-contact-030-email-3:before { content: "\f11d"; }
.flaticon-contact-031-time-call-1:before { content: "\f11e"; }
.flaticon-contact-032-time-call:before { content: "\f11f"; }
.flaticon-contact-033-telephone-book:before { content: "\f120"; }
.flaticon-contact-034-schedule:before { content: "\f121"; }
.flaticon-contact-035-website:before { content: "\f122"; }
.flaticon-contact-036-calendar:before { content: "\f123"; }
.flaticon-contact-037-address:before { content: "\f124"; }
.flaticon-contact-038-email-2:before { content: "\f125"; }
.flaticon-contact-039-home:before { content: "\f126"; }
.flaticon-contact-040-profile:before { content: "\f127"; }
.flaticon-contact-041-text:before { content: "\f128"; }
.flaticon-contact-042-phone-1:before { content: "\f129"; }
.flaticon-contact-043-email-1:before { content: "\f12a"; }
.flaticon-contact-044-call-1:before { content: "\f12b"; }
.flaticon-contact-045-call:before { content: "\f12c"; }
.flaticon-contact-046-chat-1:before { content: "\f12d"; }
.flaticon-contact-047-location:before { content: "\f12e"; }
.flaticon-contact-048-email:before { content: "\f12f"; }
.flaticon-contact-049-chat:before { content: "\f130"; }
.flaticon-contact-050-phone:before { content: "\f131"; }

.download-box {background: #fff;padding: 15px;}
.download-box h4 {color: #000;}
.download-box a:link, .download-box a:visited, .download-box a:active{color:#0056a6 }
.download-box a:hover {color: #000 ;text-decoration: none;}
.download-box a[href $='.doc']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_word.png) top left no-repeat}
.download-box a[href $='.rdf']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_word.png) top left no-repeat}
.download-box a[href $='.docx']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_word.png) top left no-repeat}
.download-box a[href $='.pdf']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_acrobat.png) top left no-repeat}
.download-box a[href $='.ppt']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_powerpoint.png) top left no-repeat}
.download-box a[href $='.swf']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_powerpoint.png) top left no-repeat}
.download-box a[href $='.zip']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_zip.png) top left no-repeat}
.download-box a[href $='.rar']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_compressed.png) top left no-repeat}
.download-box a[href $='.xls']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_excel.png) top left no-repeat}
.download-box a[href $='.xlsx']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_excel.png) top left no-repeat}
.download-box a[href $='.csv']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_excel.png) top left no-repeat}
.download-box a[href $='.txt']{padding:0 0 3px 20px;background:url(https://dnd-gospic.hr/slike/file-icons/page_white_text.png) top left no-repeat}


/* UNIVERSAL */
body{ font-family: 'Baloo 2', cursive;  font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;line-height: 1.56;letter-spacing: normal; color: #292628;}
  
p {  color: #292628;}  

.hrfull {margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #eee;
    border-top-color: rgb(238, 238, 238);}

.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;}

.relative {position:relative !important;}
.inline {display:inline !important;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}

.whitetext {color:#fff !important;}
.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.glavna-tekst {}
.glavna-tekst img {max-width:100%; height:auto; display:inline-block;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.error_message_product p {font-size:0.8em; color:#d2322d;}
.success_message_product p {font-size:2em; font-weight:700; color:#67d187;}

h2.entry-title-index {font-weight:500;}
.glavna-tekst {}
.page-header .breadcrumb {color:#ddd;}

/* fix za blurry owl images */
.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}
/* Cookie skripta */
.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
.video-container{padding-top:25px;padding-bottom:50.5%;margin-bottom:10px;position:relative;overflow:hidden;height:0}
.video-container.vimeo{padding-top:0;padding-bottom:56.4%}
.video-container embed,.video-container iframe,.video-container object,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}
p.uslugeboxtext{height:80px;padding:0 10px;overflow:hidden}
.blockimg-right{padding-right:0!important;float:right;margin-top:7px}
.blockimg-left{padding-left:0!important;margin-top:7px}
#cart-menu{display:inline}
.product-nav-prev.disabled a{color:#ddd!important}
.product-nav-next.disabled a{color:#ddd!important}
.owl-proizvodi .owl-item,.owl-proizvodi2 .owl-item{opacity:.5}
.owl-proizvodi .owl-item.superactive,.owl-proizvodi2 .owl-item.superactive{opacity:1}
.input-quantity{width:50px}
.store_product_out_of_stock{display:none}
.store_product_in_stock{display:block}
.btn-plusminus{width:34px;height:34px}
.qty-dec-btn,.qty-inc-btn{padding:0;outline:0}
.btn-remove{border:0;background:#fff}
h3.product-sku,h3.product-mod{font-size:12px;font-weight:400;margin-bottom:0;text-transform:none}
h2.product-name{line-height:20px;color:#000;font-weight:700;font-size:16px;margin:0 0 3px}
.product-price-td{min-width:100px}
.product-subtotal-td{min-width:100px}
input.pm-input + label + div{display:none}
input.pm-input:checked + label + div{display:block}
input.sm-input + label + div{display:none}
input.sm-input:checked + label + div{display:block}
.pm-table{width:100%}
.pm-label{font-weight:700;cursor:pointer;margin-left:5px;margin-bottom:0}
.pm-desc-checked{min-height:20px;padding:10px;margin-top:10px;margin-bottom:10px;background-color:#f5f5f5;border:1px solid #eaeaea;border-radius:0}
.sm-table{width:100%}
.sm-label{font-weight:700;cursor:pointer;margin-left:5px;margin-bottom:0}
.sm-desc-checked{min-height:20px;padding:10px;margin-top:10px;margin-bottom:10px;background-color:#f5f5f5;border:1px solid #eaeaea;border-radius:0}
.modal-content.popupproduct{border:none!important;box-shadow:none!important;background:transparent}
.panel-box .panel-box-content{background:none}
#forgpass-trigger{cursor:pointer}
#footer .footer-copyright nav{float:none}
.product-actions a.posaljiupit,.product-actions a.brzipregled{font-size:17px;height:38px;width:40px;line-height:38px;background-color:transparent;visibility:hidden;opacity:0}
.hide-addtolinks .product-actions a.posaljiupit,.hide-addtolinks .product-actions a.brzipregled{display:none}
.product-actions a.posaljiupit{right:-37px;color:#ed4949;border:1px solid #ed4949}
.product-actions a.posaljiupit:hover{color:#fff;background-color:#ed4949}
.product:hover .product-actions a.posaljiupit{visibility:visible;opacity:1;right:0}
.product-actions a.brzipregled{left:-37px;color:#52b9b5;border:1px solid #52b9b5}
.product-actions a.brzipregled:hover{color:#fff;background-color:#52b9b5}
.product:hover .product-actions a.brzipregled{visibility:visible;opacity:1;left:0}
.product-actions .add_to_cart{color:#333;background-color:#fff;font-size:14px;padding:0 10px 0 8px;height:38px;line-height:38px;border:1px solid #ccc}
.product-actions .add_to_cart i{font-size:15px;margin-right:2px}
.product:hover .product-actions .add_to_cart{background-color:#3b3b3b;border-color:#3b3b3b;color:#fff}
.product-actions addtocart.outofstock{padding:0 10px;cursor:default}
.product:hover .product-actions .add_to_cart.outofstock{color:#333!important;background-color:#fff!important;border-color:#ccc!important}
.product.product-list .product-actions .add_to_cart{background-color:#3b3b3b;border-color:#3b3b3b;color:#fff}
.zoomContainer.fancy{z-index:10000}
@media (max-width: 767px) {
.product-img-box2{margin-bottom:25px}
}
.product-img-box2 img{display:block;width:100%;height:auto}
.product-img-box2 .product-img-wrapper2{margin-bottom:2px}
.product-img-box2 .owl-carousel{margin-bottom:0}
.product-img-box-wrapper2{position:relative;margin-bottom:10px}
.product-img-box-wrapper2 .product-img-zoom2{position:absolute;right:11px;bottom:7px;z-index:50}
.totals-table tbody tr td:nth-child(2){min-width:140px}
.shop-podnaslov{font-size:20px;font-weight:400;text-transform:none}
.cart-table tbody tr td.product-image-td a img{width:80px}
.cart-table-wrap{padding:20px}
.totals-table tbody tr td{font-size:14px}
.totals-table tbody tr:last-child td:last-child,.totals-table tbody tr:last-child td:first-child{font-size:17px}
.call-to-action-success{background-color:#dff0d8;border:1px solid #d6e9c6}
.prikazujemo{width:100%;display:inline-block}
.eebloqs p,.eebloqs h3,.eebloqs ul,.eebloqs ol{margin-bottom:20px!important}


.sakrijxs {display: none}

@media (min-width: 992px) {


#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    border-bottom: 1px solid #f4f4f4;
    color: #000;
    font-size: 1em;
    font-weight: 400;
    padding: 8px 20px 8px 8px;
    position: relative;
    text-transform: none;
}

#header .header-nav-main nav > ul > li > a {
    display: inline-block;
    border-radius: 0px;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 23px 8px 21px;
    text-transform: uppercase;
    
    transition: .4s;
}



ul.nav-pills > li.active > a {
    background-color: transparent !important;
    color: #0056a6 !important;
    font-weight: 700 !important;
}





#header .header-logo {
    float: none;
}

#header .header-nav-main {
    float: right;
    min-height: 45px;
}

#header .header-body {
    background: #FFF;
    border-top: 0px solid #EDEDED;
    border-bottom: 0px solid transparent;
    padding: 0px 0;
    -webkit-transition: min-height 0.3s ease;
    -moz-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    width: 100%;
    z-index: 1001;
    min-height: 96px;
}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    background: transparent;
    color: #d6c5b9;
}

html #header .header-nav-main nav > ul > li.active > a.dropdown-toggle:after, html #header .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after {
    border-color: #d6c5b9 transparent transparent transparent;
}

#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
    border-color: #423b42 transparent transparent transparent;
}

.nav-pills>li+li {
    margin-left: 0px;
}

html #header.header-transparent .header-body:before {
    border-bottom: 0px solid #f1f1f1;
    background: transparent !important;
}


html #header.header-transparent .header-body {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

html.sticky-header-active #header.header-transparent .header-body {
    background: #fff;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    /* box-shadow: 0 0 1px rgb(0 0 0 / 30%); */
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border: 0;
}

html.sticky-header-active #header.header-transparent .header-nav-main nav > ul > li > a {
    color: #0056a6;
    font-weight: 700 !important;
}

  html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a { color: #0056a6;
    font-weight: 700 !important; }

  html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a.dropdown-toggle::after {
    border-color: #0056a6 transparent transparent transparent;
  }

	/*Inaktivan stcky crta*/
	html #header.header-transparent .header-nav-main nav > ul > li > a:hover::before {width: 100%;}
	html #header.header-transparent .header-nav-main nav > ul > li > a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';position:absolute;height:2px;background:#0056a6;bottom:0;left:0;width:0}
	html #header.header-transparent .header-nav-main nav > ul > li.active > a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';position:absolute;height:2px;background:#0056a6 ;bottom:0;left:0;width:100%}
	/*Aktivan stcky crta*/
	html.sticky-header-active #header.header-transparent .header-nav-main nav > ul > li > a:hover::before {width: 100%;}
	html.sticky-header-active #header.header-transparent .header-nav-main nav > ul > li > a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';position:absolute;height:2px;background:#0056a6;bottom:0;left:0;width:0}
	html.sticky-header-active #header.header-transparent .header-nav-main nav > ul > li.active > a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';position:absolute;height:2px;background:#0056a6;bottom:0;left:0;width:100%}


html.sticky-header-active #header .header-logo img {position: relative; top: 5px}



.header-nav-main nav > ul > li.doniraj-li {margin-left: 40px;}
.header-nav-main nav > ul > li.doniraj-li a {background-color: #0056a6; color: #fff !important;   border-radius: 4px !important;padding: 10px !important;
  margin-top: 10px;}
.header-nav-main nav > ul > li.doniraj-li a:hover {background-color: #a60056 !important; color: #fff !important}

html.sticky-header-active .header-nav-main nav > ul > li.doniraj-li a {color: #fff !important;}


html #header.header-transparent .header-nav-main nav > ul > li.doniraj-li > a::before, html #header.header-transparent .header-nav-main nav > ul > li.li.doniraj-li.active > a::before {background:transparent !important ;}

.header-nav-main nav > ul > li.pridruzi-se-li {margin-left: 20px;}
.header-nav-main nav > ul > li.pridruzi-se-li a {background-color: #0056a6; color: #fff !important;   border-radius: 4px !important;padding: 10px !important;
  margin-top: 10px;}
.header-nav-main nav > ul > li.pridruzi-se-li a:hover {background-color: #a60056 !important; color: #fff !important}

html.sticky-header-active .header-nav-main nav > ul > li.pridruzi-se-li a {color: #fff !important;}


html #header.header-transparent .header-nav-main nav > ul > li.pridruzi-se-li > a::before, html #header.header-transparent .header-nav-main nav > ul > li.li.pridruzi-se-li.active > a::before {background:transparent !important ;}





}








.header-home {
  height: 120vh;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  justify-content: center;
  border-bottom: 0px solid #CCC;
  margin-bottom: 30px;
  background: url(https://dnd-gospic.hr/slike/pozadina-pocetna.svg) top left no-repeat;
    background-size: cover;
  margin-top: 0px;

}


.header-home-content-owl-item {padding: 40px 0}
.header-home-content-owl-item h1 {  text-align: left; font-size: 42px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.33;  letter-spacing: normal;  color: #0056a6;}
.header-home-content-owl-item .btn-plavi {float: left; margin-top: 30px}




.news-section {padding: 0 0 80px 0}
.news-section .btn-plavi {float: none !important;  margin: 0 auto;  display: block;  width: 55%;}
.news-section h2 {font-size: 42px;font-weight: bold;font-stretch: normal;  font-style: normal;  line-height: 1.33;  letter-spacing: normal;  color: #0056a6;}
.oblak-gore-img {position: relative; left: -25px}
.news-section-item h3 {font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.39;letter-spacing: normal;text-align: center;color: #0056a6;margin: 0 0 15px 0;}
.news-section-item span {font-size: 12px; font-weight: normal;  font-stretch: normal; font-style: normal;  line-height: normal;  letter-spacing: normal;  color: #a60056; margin: 20px 0; text-align: center; display: block;}
.news-section-item span i { color: #a60056;font-weight: bold; margin-right: 10px}
.news-section-item p {font-size: 16px;font-weight: normal;font-stretch: normal; font-style: normal;  line-height: 1.56;  letter-spacing: normal;  text-align: center; color: #292628;}

.about-boxes {position: relative; padding: 80px 0; background: #fff url(https://dnd-gospic.hr/slike/raketa.png) no-repeat -100px top}
.about-boxes h2 {font-size: 42px;font-weight: bold;font-stretch: normal;  font-style: normal;  line-height: 1.33;  letter-spacing: normal;  color: #a60056;}  

.o-nama-img {position: absolute;  top: -50px;  left: 25%;  z-index: 1;  height: 660px;  width: auto;}
.raketa-img {position: relative; left: 13%;  top: 0%;}
.about-boxes .btn-plavi {  float: left ;}
.oblak-img {float: right}

.radionice-img {position: relative; right: 13%;  top: 11%;}
.volonteri-img {position: relative; left: 13%;  top: 0%;}
.two-boxes-left {text-align:left}
.two-boxes-left h2 {font-size: 42px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: normal;color: #0056a6;text-align: left}
.two-boxes-right {text-align:right}
.two-boxes-right h2 {font-size: 42px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: normal;color: #0056a6;text-align: right}
.btn-plavi {  font-weight: bold;  padding: 12px 43px 11px;text-transform: uppercase;font-stretch: normal; font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #d7ecff;border-radius: 12px;background-color: #0056a6;margin: 0; float: right}
.btn-plavi:hover {color: #fff; text-decoration: underline}
.leptir-img {margin-top: 30px}
.two-boxes-left-sub {  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.88;letter-spacing: normal; color: #0056a6;display: block; margin: 15px 0}

.radionice-item {  border-radius: 12px;  background-color: #d7ecff; padding: 20px 15px 0 15px; margin-bottom: 30px; cursor: pointer}
.radionice-item h3{  font-size: 16px; font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.56;  letter-spacing: normal;  color: #292628;margin: 0 0 10px 0;}
.radionice-item p{font-size: 12px; font-weight: normal;  font-stretch: normal; font-style: normal;  line-height: normal;  letter-spacing: normal;  color: #a60056; margin: 0}
.radionice-item p span i { color: #a60056;font-weight: bold; margin-right: 10px}
.radionice-item p span:nth-child(2) {position: relative; left: 30px}
.plavi-krug {  padding: 12px;  border-radius: 100%;  background-color: #0056a6;  color: #fff;  position: relative;  left: 90%;  top: -38px;}
.plavi-krug i {color: #fff;top: 4px;  left: 0px;position: relative;  font-size: 25px;}
.plavi-krug:hover {background-color: #fff;}
.plavi-krug:hover i  {color: #0056a6;}

.footer-top-sec {padding-top: 80px}
.footer-top-sec-owl {}
.footer-top-sec-owl-item {  border-radius: 12px;  border: solid 1px #f0f0f0;  background-color: #fff; padding: 30px;}
.footer-top-sec-owl-item img {height: 100px; width: auto !important; margin: 0 auto}
.footer-top-sec-owl-item p {  font-size: 16px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.44;  letter-spacing: normal;  text-align: center;  color: #292628; margin: 30px 0}

#footer{background-size:cover;background-color:#fff;background-position:top center;background-image:url(https://dnd-gospic.hr//slike/nasa-djeca-gospic.png);background-repeat:repeat-y;border:0!important;font-size:.9em;margin-top:50px;padding:200px 0 0!important;position:relative;clear:both}
.footer-logo{margin:0 auto}
.img-text{font-size:20px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}
.row-flex{display:flex;align-items:center}
.img-text{display:flex;align-items:center}
.img-text img{margin-right:15px}
.img-text-right{text-align:right;float:right}
.footerhr{background-color:#033e76;margin:45px 0;background-image:none}
.footer-bg-red{position:absolute;bottom:0;right:0}
#footer{color:#fff;text-align:left}
#footer p{color:#fff}
#footer ul.nav-list > li a{border:0!important;line-height:16px;padding-bottom:8px;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#fff}
#footer ul.nav-list > li a:hover{color:#fff;background:transparent;text-decoration:underline}
#footer ul.nav-list li a::before{font-family:FontAwesome;content:"\f054";position:relative;border:0!important;color:#fff;padding-right:20px;font-size:12px}
#footer ul.nav-list li{text-align:left}
.volontiraj-footer{text-align:right;padding:40px 0 0}
#footer h4{font-size:24px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}
.btn-volontiraj{padding:12px 43px 11px;border-radius:12px;background-color:#0056a6;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#d7ecff}
#footer .footer-copyright p{color:rgba(255,255,255,0.5);margin:0;padding:0;text-align:left}
.whitetext{color:rgba(255,255,255,0.5)!important}
#footer .social-icons{text-align:left;margin:15px 0}
#footer .social-icons li{box-shadow:none;text-align:left;padding:0 15px}
#footer .social-icons li a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;background:none;border-radius:100%;display:block;height:auto;line-height:1.2;width:auto;text-align:left;color:#fff!important;text-decoration:none;font-size:30px;text-align:center}
#footer .social-icons li a:hover{color:#a60056!important}
.footer-bigerp{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.94;letter-spacing:normal}
.footer-bigerp span{font-weight:400}

.page-header{background-color:#fff;border-bottom:0 solid #fff;border-top:0 solid #fff;margin:0 0 60px;padding:160px 0 0;position:relative;text-align:left;min-height:390px;background-image:url(https://dnd-gospic.hr/slike/header-ostale.svg);background-position-x:left;background-position-y:bottom;background-repeat:no-repeat;background-size:cover}
.page-header h1{border-bottom:0 solid transparent;display:inline-block;letter-spacing:normal;position:relative;color:#0056a6 ;font-size:28px;padding:0;line-height:1.3;font-weight:600;text-transform:uppercase;margin:0}

.page-header .breadcrumb > li + li:before{color:inherit;opacity:1;font-family:FontAwesome;content:"\f105";padding:0 7px}
.page-header .breadcrumb > li{display:inline-block;font-size:.9em;text-transform:none;text-shadow:none}
.page-header .breadcrumb{padding: 0;margin:0;list-style:none;background-color:transparent;border-radius:0;float:none;color:#0056a6 ;top:0}
.page-header .breadcrumb,.page-header .breadcrumb a{color:#0056a6; font-weight: 700; }

/*Kontakt*/
.contact-detail { padding: 40px 0 0 0; }
#contact-form { float: left; width: 100%; }
#contact-form .form-control { margin-bottom: 10px; font-size: 14px; color: #293c4d; border-radius: 0; border: 1px solid #ddd; background-color: #fff; }
#contact-form input.form-control { height: 44px; }
#contact-form label { float: left; width: 100%; margin-bottom: 5px; color: #1a1919; text-transform: uppercase; font-size: 14px; line-height: 18px; }
.icon-box{position:relative;z-index:0;transition:all .5s ease;background-color:#d7ecff!important;padding:15px;margin-bottom:30px;overflow:hidden}
.icon-box a {color: #1d2127}
.icon-box.iconbox-theme-colored1 .icon{color:#fff}
.icon-box.icon-left .icon{float:left;margin-right:20px}
.icon-box .icon.icon-circled{border-radius:50%;background-color:#0056a6}
.icon-box .icon{display:inline-block;height:70px;margin-bottom:0;transition:all .3s ease;width:70px;text-align:center;font-weight:400}
.icon-box .icon i{display:inline-block;font-size:40px;line-height:70px}
h4.icon-box-title{font-size:1.2em;font-weight:500}
.icon-box.iconbox-title-mt-0-desktop .icon-box-title{margin-top:0}
.icon-box.iconbox-hover-move-up-animation:hover{margin-top:-15px}
.icon-box.iconbox-border-radius{border-radius:10px}
.icon-box.icon-position-icon-top.hanging-icon-top .icon-wrapper .icon{margin-top:-70px}
.icon-box.animate-icon-on-hover:hover.animate-icon-rotate .icon-wrapper .icon{transform:rotate(360deg)}
.pozicijakarte {position: relative; z-index: 0; top: 0}


.blockquote-holder:not(:last-child){margin-bottom:30px}
blockquote{color:#fff;font-size:14px;line-height:17px;padding:25px;border-left:none;margin-bottom:0!important}
blockquote p{margin-bottom:0!important}
blockquote .author{font-size:18px;font-weight:700;margin-top:10px;line-height:24px}
blockquote .author-status{font-size:16px;color:#d2d2d2;line-height:24px;font-weight:400}
.blockquote-holder.style-2 blockquote .author-status{color:#666}
.blockquote-holder{position:relative;overflow:hidden}
.blockquote-holder:after{content:' “ ';position:absolute;font-size:414px;line-height:250px;top:20px;left:-10px;font-weight:900;color:#fff;opacity:.1}
.blockquote-holder{background:#14468c}
.blockquote-holder.style-2{background:transparent;border:1px solid #931b1e}
.blockquote-holder.style-2 blockquote{padding:25px;color:#333}
.blockquote-holder.style-2:after{color:#931b1e}
.btn-call-p{width:100%;padding:15px;margin-bottom:10px;font-size:1.1em;font-weight:500}
article.blog-post .blog-post-image-wrapper img{max-width:95%}
article.blog-post .blog-post-image-wrapper .blog-post-date{position:absolute;top:65%;right:10px;font-size:3em;text-align:center;line-height:1;padding:25px 15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
article.blog-post .blog-post-image-wrapper .blog-post-date .month-year{display:block;font-size:.4em}
.sidebar h4{font-size:1.3em;font-weight: 700;}
.sidebar{background-color:#fff;box-shadow:0 20px 50px 0 rgba(33,37,43,0.1);padding:20px}
.sidebar__post-image{position:relative}
.sidebar__post-image > img{width:100%}
.sidebar__post-date{position:absolute;top:0;right:0;background-color:#a60056;width:60px;height:60px;color:#fff;line-height:1em;font-size:13px;text-transform:uppercase;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.sidebar__post-date span{display:block;font-size:20px;line-height:1em;margin-bottom:5px}
.sidebar__post-content{margin-top:-40px;margin-left:20px;background-color:#fff;padding-top:20px;padding-left:30px;position:relative;z-index:10}
.sidebar__post-cata{color:#1f1f1f;text-transform:uppercase;font-size:13px;-webkit-transition:all .4s ease;transition:all .4s ease;line-height:1em}
.sidebar__post-cata:hover{color:#a60056}
.sidebar__post-title{margin:0;color:#666;font-size:16px;line-height:26px;margin-top:10px;margin-bottom:15px}
.sidebar__post-title a{color:inherit;-webkit-transition:all .4s ease;transition:all .4s ease}
.sidebar__post-title a:hover{color:#a60056}
.sidebar__post-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#666;font-size:12px;text-transform:uppercase;-webkit-transition:all .4s ease;transition:all .4s ease;line-height:1em}
.sidebar__post-link:hover{color:#a60056}
.sidebar__post-link span{margin-left:5px;font-size:15px}
.sidebar__post-carousel .owl-dots{position:absolute;top:-66px;right:0}
.sidebar__post-carousel .owl-dots .owl-dot{border:none;outline:none}
.sidebar__post-carousel .owl-dots .owl-dot span{border-style:solid;border-width:1px;border-color:#791619;border-radius:50%;width:12px;height:12px;background-color:transparent}
.sidebar__post-carousel .owl-dots .owl-dot:hover span,.sidebar__post-carousel .owl-dots .owl-dot.active span{background-color:#791619;border-color:#791619}


/*Prikaz 2*/
.prikaz-stil-2-razmak {padding:40px 0}
.prikaz-stil-2{position:relative;margin-bottom:30px}
.prikaz-stil-2 .inner-box{position:relative;padding:15px}
.prikaz-stil-2 .inner-box:before{position:absolute;content:'';left:0;top:0;right:0;bottom:0;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.10)}
.prikaz-stil-2 .inner-box .image{position:relative;overflow:hidden;background-color:#344e41}
.prikaz-stil-2 .inner-box .image img{position:relative;width:100%;display:block;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease}
.prikaz-stil-2 .inner-box:hover .image img{opacity:.5}
.prikaz-stil-2 .inner-box .lower-content{position:relative;padding-top:22px;}
.prikaz-stil-2 .inner-box .lower-content .post-meta{position:relative;padding:0;margin-bottom:20px}
.prikaz-stil-2 .inner-box .lower-content .post-meta li{position:relative;color:#565656;font-size:14px;margin-right:10px;font-weight:600;padding-left:0;display:inline-block}
.prikaz-stil-2 .inner-box .lower-content .post-meta li i{color:#588157;margin-right:6px}
.prikaz-stil-2 .inner-box .lower-content .post-meta li:last-child{margin-right:0}
.prikaz-stil-2 .inner-box .lower-content h2{position:relative;line-height:26px;font-weight:600;margin-top:10px;font-size:22px}
.prikaz-stil-2 .inner-box .lower-content h2 a{position:relative;color:#0056a6;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}
.prikaz-stil-2 .inner-box .lower-content h2 a:hover{color:#a60056}
.prikaz-stil-2 .inner-box .lower-content .text{position:relative;color:#292628;margin-top:10px;line-height: 22px;min-height: 130px; overflow: hidden}
.prikaz-stil-2 .inner-box .lower-content .lower-box{margin-top:20px}
.prikaz-stil-2.style-two .inner-box .lower-content h4 a:hover,.prikaz-stil-2.style-two .inner-box .lower-content .post-meta li i{color:#344e41}


#freeform_kategorija_prijave option {
    text-overflow: ellipsis;
}


/* Style the dropdown arrow */
.volontiraj-prijava select::-ms-expand {
  display: none;
}

.volontiraj-prijava select::after {
  content: '\25BC';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}






.volontiraj-prijava .form-control {
  margin: 0px;
  position: relative;
  border-radius: 0px;
  display: block;
  grid-template-columns: 150px auto 55px;
  height: 36px;
  padding-left: 15px;
  overflow: hidden;
  border: 1px solid #ddd;
  font-size: 1em;
  color: #000;
  background: #f6f6f6;
  box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
}

.volontiraj-prijava textarea.form-control {
  height: auto;
   overflow-y: scroll;

}






.form-control-ul {
  color: #000;
  font-size: 1em;
  background: #f6f6f6;
    padding: 10px !important;
}

.volontiraj-prijava .form-control:focus {
box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.21) inset;
-webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.21) inset;
-moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.21) inset;
  border-color: #000;
}
