/* UNIVERSAL */
#footer .container .row > div {    margin-bottom: 0;}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear35 {clear:both; height:35px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}


.noradi {border-radius:0 !important}

.padding-r0 {padding-right:0}
.padding-l0 {padding-left:0}
.no-padding {padding:0}
.no-margin {margin:0}
.bgwhite {background:#ffffff}
.ma-b35 {margin-bottom: 35px;}

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

hr.full-w {background:#ffffff;}
hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;}
.breadcrumb {color:#777;}
a.nara {color:#fa5705}
a.nara:hover, a.nara:focus {color:#fa5705 !important;text-decoration:none}
a.plava {color:#003e8e}
a.plava:hover, a.plava:focus {color:#003e8e !important;text-decoration:none}
a.bijeli {color:#ffffff}
a.bijeli:hover, a.bijeli:focus {color:#ffffff !important;text-decoration:none}
a.sivi {color:#555555}
a.sivi:hover, a.sivi:focus {color:#555555 !important;text-decoration:none}


.glavna-tekst img {display:block; max-width:100%; height:auto;}
.glavna-tekst p {font-size: 19px;font-weight: 100;line-height: 27px;}
.glavna-tekst ul, .glavna-tekst ol {font-size:19px; line-height:27px; font-weight:100}
.glavna-tekst li {margin-bottom: 0;    list-style-type: none;}
.glavna-tekst li:last-child {margin-bottom:20px}
.glavna-tekst li:before {content: "";border-color: transparent #003e8e;border-style: solid;border-width: 0.35em 0 0.35em 0.45em;display: block;height: 0;width: 0;left: -1em;top: 1em;position: relative;}
.glavna-tekst strong {font-weight: 500;}


.crtica1 {color: #003e8e;letter-spacing: -11px;}
.crtica2 {color:#6eb7db;margin-right: 15px;letter-spacing: 0px;}
.index-vijesti {height: 147px;overflow:hidden;margin:10px 15px 0 15px;}
.index-vijesti-tekst {font-weight: 100;font-size: 17px;line-height:27px} 
.vijesti-vise {font-size: 39px;padding: 12px;line-height: 22px;}

.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;}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;color: #003e8e;}
h2.entry-novosti{font-weight:500;line-height: 39px;margin: 0 0 15px 0;}

/* 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; }



/* SPECIFIC */

body {color:#484848;background: #f5f5f5}
p {color:#484848;}
html.side-header .main .container, html.side-header #footer .container {
    padding: 0 15px;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

#footer {margin-top:0;padding: 0 25px;border: none;background: #003e8e;}
#footer ul.simple-post-list li {padding:5px 0; border:none;}
#footer .contact i {float:right; margin:7px 0 10px 8px;}
#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}
#footer .footer-copyright    {margin-top: 0;background: #003e8e;border-top: 4px solid #003e8e;}
#footer .footer-copyright p {color: #5d8ac5;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer a {color: #5d8ac5;}
#footer .footer-copyright nav ul li {border-left: 1px solid #5d8ac5;}
.social-icons li {box-shadow:none}
.social-icons li a {background: #5d8ac5;color: #003e8e !important;}


.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}
ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}
.slider-gumb {padding:15px; font-size:18px; font-weight:600;}


/*CUSTOM*/
@media (min-width: 991px) {
html.side-header #header .header-logo {padding:0}
html.side-header body > .body {margin: 0 0 0 419px;}
html.side-header #header {width: 419px;}
html.side-header #header .header-container {padding-left: 0;padding-right: 0;}
html.side-header #header .nav-pills > li {margin:0}
}

@media (min-width: 992px){
#header .header-nav-main nav > ul > li > a {padding: 15px 13px;    font-weight: 300;    font-size: 18px; color:#000000}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {background-color:#f5f5f5; color:#000000}
}

.border1 {border-left: 50px solid #003e8e;}
.border2 {border-left: 50px solid #195199;}
.border3 {border-left: 50px solid #3365a5;}
.border4 {border-left: 50px solid #4c78b0;}
.border5 {border-left: 50px solid #668bbb;}
.border6 {border-left: 50px solid #7f9ec6;}
.border7 {border-left: 50px solid #99b2d2;}

.kontakt-izbornik {margin-top: 70px;border-left: 50px solid #b2c5dd;color: #003e8e;font-size: 16px;font-weight: 600;padding: 0 0 0 13px;}
.kontakt-izbornik-tekst {padding:0 0 0 63px;font-size:14px;line-height:27px}

.jezici-izbornik {text-align: center;margin-bottom: 30px;}
.text-color-plavi {color:#b2c5dd}
.social-icons-izbornik li a {background: #003e8e;color: #fff!important;height: 25px;line-height: 25px;width: 25px;}
.social-icons-izbornik li {margin: -1px 6px 5px 0;}
.search-form-izbornik {/*margin-top: 64px;*/ position: absolute;bottom: 0;width: 100%;}
.btn-search-izbornik {width: 50px;font-size: 21px;height: 50px;}
.search-izbornik {height: 50px;border: 1px solid #99b2d2;background: #99b2d2;font-size: 14px;font-style: italic;font-weight: 100;}
.search-izbornik::-moz-placeholder{color:#003e8e !important;opacity:1}
.search-izbornik:-ms-input-placeholder{color:#003e8e !important} 
.search-izbornik::-webkit-input-placeholder{color:#003e8e !important}

ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus {background-color:#f5f5f5}
ul.nav-pills > li.active > a {background-color: #f5f5f5;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color:#000000}


.rotsadrzaj1 {position: absolute;bottom: 0;left: 0;z-index: 200;width: 100%;background: url(https://vd-mont.hr/slike/rotator-span.png) bottom center no-repeat;height: 100%;}
.rotsadrzaj2 {position: absolute;bottom: 7%;z-index: 300;left: 10%;width: 41%;}
.rotsadrzaj2 h1 {font-size: 36px; color:#fff;}
.rotsadrzaj2 span {font-size: 21px; color:#fff;line-height: 27px;font-weight: 100;}


.onama-pozadina {background: url(https://vd-mont.hr/slike/o-nama-pozadina.png) top right no-repeat;padding: 55px 70px 75px 0px;margin-top: 80px;background-size: contain;margin-bottom: 130px;}
.onama-okolo {background-color: rgba(255,255,255,0.8);padding: 75px  65px 55px  65px;}
.onama-okolo h2 {font-size: 37px;color: #555555;margin-bottom: 30px;line-height: 27px;}
.onama-okolo p {color: #555555;font-size: 20px;line-height: 27px;font-weight: 100;}
.onama-vise {position: absolute;bottom: 7%;background: #fa5705;font-size: 44px;color: #ffffff;padding: 27px;text-align: center;left: 44%;}

.thumb-info {    border: 1px solid #fff;}
.thumb-info-projekt {background:#f5f5f5;border: 1px solid #f5f5f5; }
.thumb-info-projekt h2.h-djelatnosti {font-size: 20px }

.thumb-info .thumb-info-action-icon i {color:#003e8e;    font-size: 25px;bottom: -122px;    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);    top: initial;}
.thumb-info:hover .thumb-info-action-icon {    right: -100px;top: -100px;}
.thumb-info .thumb-info-action-icon {background-color: #ffffff;}
.thumb-info .thumb-info-action-icon {border-radius: 0;    height: 175px;    width: 175px;    -ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);right: -200px;top: -200px;}
.thumb-info .thumb-info-wrapper:after {background:rgba(0,62,142,0.54);}
.thumb-info:hover .thumb-info-title {text-shadow: none;}

.pozadina-siva {background:#e4e4e4;}
.pozadina-djelatnosti {background:#e4e4e4;    padding: 32px 0;}
.pozadina-djelatnosti h3 {font-size: 37px;line-height: 46px;text-transform: none;color: #555555;margin-bottom: 15px;}
.pozadina-djelatnosti p {font-size: 20px;font-style: italic;font-weight: 100;margin: 0 0 10px 0;}
.thumb-info-inner h4 {font-size: 20px;color: #ffffff;}

.thumb-info:hover img {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}

.border-oko-slike {border:5px solid #ffffff}

.pozadina-projekt-novost {padding: 130px 0;}
.projekt-pozadina  {background: url(https://vd-mont.hr/slike/projekt-pozadina.png) top left no-repeat;padding: 75px 0 0 75px;background-size: initial;}
.pozadina-bijela {background: rgba(255,255,255,0.8)}
.pozadina-ljubicasta {background:#dde2ed; padding-right:0}
.oko-projekti {padding: 50px 30px}
.oko-projekti h3 {font-size:37px;color:#003e8e;text-transform: none}
.oko-projekti p {font-size:20px; font-weight:100; color:#555555; line-height:27px}
.oko-projekti ul, .oko-projekti ol {    font-size: 20px;font-weight: 100;color: #555555;line-height: 27px;    margin-bottom: 20px;}
ul.nav-list-projekt li a {border-bottom: none;padding: 8px 0 8px 18px;display: block;color: #666;font-size: 0.9em;text-decoration: none;line-height: 20px;text-transform: uppercase;}
ul.nav-list-projekt li a:before {    border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #003e8e;margin: 5px 0 0 -15px;}


.oko-novosti-naslov {padding: 50px 15px 0 30px}
.oko-novosti-naslov h3 {font-size:37px;color:#555555;text-transform: none}
.oko-novosti-naslov-gl {color:#003e8e; font-size:21px; height:50px; overflow:hidden;padding: 0 15px 0 30px;    line-height: 25px;}
.oko-novosti p {font-size:20px; font-weight:100; color:#555555; line-height:27px}
.novosti-vise {background: #c2cfeb;font-size: 44px;color: #ffffff;padding: 17px;text-align: center;float: right;    margin-top: 15px;}
.tekst-novosti {font-size:20px; font-weight:100; color:#555555; line-height:27px;height:165px; overflow:hidden;padding: 0 15px 0 30px;}

.pozadina-reference {border-top: 17px solid #e6e6e6;background: #ffffff;}
.counters strong {display: block;font-weight: 600;font-size: 38px;line-height: 50px;padding: 25px 0;color: #fa5705;margin: 0 auto;}
.counters label {font-size: 16px;line-height: 22px;text-transform: uppercase;}
.podigni {position: relative;top: -105px;}    
.pozadina-reference h3 {font-size:37px;color:#555555;text-transform: none;margin-bottom: 25px;margin-top: 50px;}
.pozadina-reference p {font-size: 20px;font-style: italic;font-weight: 100;margin: 0 0 10px 0;}



.page-header {background: url('https://vd-mont.hr/slike/pozadina-section.png') top center no-repeat;background-size: cover;     border-top: none;padding: 35px 0;border-bottom: 1px solid #fff;}
.page-header h1 {border-bottom:none}
.page-header .breadcrumb {color: #fff;}
.page-header .breadcrumb a {color: #fff;}

.dokumenti-oko {background: #f5f5f5;padding: 11px 0}
ul.gl-dokumenti  {list-style: none;margin-bottom:0;padding: 0 20px 0 20px;}
ul.gl-dokumenti li {list-style-type: none;border-bottom: 1px solid #ffffff;padding: 10px 0;}
ul.gl-dokumenti li:last-child {border-bottom: none}

.dokumenti-dj-oko {background: #cde3ff ;padding: 11px 0}
ul.dj-dokumenti  {list-style: none;margin-bottom:0;padding: 0 20px 0 20px;}
ul.dj-dokumenti li {list-style-type: none;border-bottom: 1px solid #f5f5f5;padding: 10px 0;}
ul.dj-dokumenti li:last-child {border-bottom: none}

html.webkit .thumb-info .thumb-info-wrapper {margin: 0;}
h2.h-djelatnosti {font-size: 22px;font-weight: 300;text-transform: uppercase;margin: 9px 10px;line-height: 27px;height: 55px;overflow: hidden;}
.google-map {margin:0}

/* Video Container */
.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%;}
    
    
    
/*tablica*/
table {max-width: 100%;border-collapse: collapse;border-spacing: 0;background-color: transparent;}

.tablica table > thead > tr > th, 
.tablica table > tbody > tr > th, 
.tablica table > tfoot > tr > th, 
.tablica table > thead > tr > td, 
.tablica table > tbody > tr > td, 
.tablica table > tfoot > tr > td {border-top: 1px solid #dddddd;line-height: 1.42857;padding: 8px;vertical-align: top;}

.tablica table {width: 100%;margin-bottom: 18px;color:#555555;border:1px solid #F0F0F0;}
.tablica table p {margin:0;}

.tablica table th,
.tablica table td {padding: 5px 7px;line-height: 16px;text-align: left;vertical-align: top;border-top: 1px solid #F0F0F0;}
.tablica table td {vertical-align:middle; font-size: 13px;}
.tablica table th {font-weight: 400;font-size: 1.2em;color: #fff ;  background:#ca5b58 !important;}
.tablica table thead th {vertical-align: bottom;border-bottom: 1px solid #dddddd;color: #000;border-top: 1px solid #dddddd !important;border-right: 1px solid #f0f0f0 !important;background: #F0F0F0 !important;font-family:open sansfont-weight: 600;font-size: 16px;}

.tablica table colgroup + thead tr:first-child th,
.tablica table colgroup + thead tr:first-child td,
.tablica table thead:first-child tr:first-child th,
.tablica table thead:first-child tr:first-child td {  border-top: 0;}

.tablica table tbody + tbody {  border-top: 2px solid #F0F0F0;}

.tablica table td {border-right:1px solid #F0F0F0;    font-size: 17px;font-weight: 100;line-height: 27px !important;}
.tablica table tbody tr:hover td,
.tablica table tbody tr:hover th {  background-color: ransparent;}

.tablica table a {color: #003e8e;    font-weight: 400;}

.tablica table ul {color: #000000; margin: 0 0 0 25px}
.tablica table ul, .tablica table ol {font-size:16px}
.tablica strong {font-weight: 400;}

.tablica-kontakt table td {border-right: 0;border-left: 0;border-bottom: 0}
.tablica-kontakt table  {border: 0;}
.tablica-kontakt table > thead > tr > th, .tablica-kontakt table > tbody > tr > th, .tablica-kontakt table > tfoot > tr > th, .tablica-kontakt table > thead > tr > td, 
.tablica-kontakt table > tbody > tr > td, .tablica-kontakt table > tfoot > tr > td {border-top: 0;}

ul.nav-list2 li a:before {display:none}
ul.nav-list2 li a:after    {content: "";display: inline-block;width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 4px solid #003e8e;margin: 7px 0 0 8px;position: absolute;}
.sidebar {text-align:right;}
.sidebar h4 {text-transform:uppercase;font-size:17px}
aside ul.nav-list2 > li > a {padding: 8px 18px 8px 0px;border-bottom: 1px solid #fff;}
.thumb-info-smaller {border-top:1px solid #fff;border-left:none;border-right:none;border-bottom:none }
.thumb-info2 .thumb-info-inner {min-height: 44px;text-align:left}


    
.nav-pills-reference li.active > a {background: #003e8e !important;color: #fff !important;text-transform: uppercase;}
.nav-pills-reference li > a {background: #fff;color: #003e8e;text-transform: uppercase;}
.nav-pills-reference li > a:hover {background: #003e8e !important;color: #fff !important}

.pozadina-index-onama {background: url(https://vd-mont.hr/slike/onama-index.png) top left no-repeat;padding: 25px 25px 0 35px;background-size: inherit;}
.pozadina-index-projekti {background: url(https://vd-mont.hr/slike/projekt-pozadina.png) top left no-repeat;padding: 25px 25px 0 35px;background-size: inherit;}
.pozadina-index {background: rgba(255,255,255,0.8);padding: 25px;}
.pozadina-index h4 {color: #484848;text-transform: uppercase;font-weight: 700;font-size: 1.2em;}
.pozadina-index-ostale h4 {color: #484848;text-transform: uppercase;font-weight: 700;font-size: 1.2em;}

ul#arhiva {padding:0 0 0 20px; list-style-type:none;}
ul#arhiva li {padding:0 0 0 0;list-style-type:none; border-bottom: 1px solid #f5f5f5;}
ul#arhiva li ul {padding:0 0 0 10px;list-style-type:none;}
ul#arhiva li ul li a:after   {display:none}
ul#arhiva li ul li {text-transform: uppercase;font-style: italic;border-bottom: none;}
    
.toggle-simple {margin:0}
.toggle-simple .toggle {margin:0}
.toggle-simple p {font-size:14px;line-height: 21px;}
.toggle.toggle-simple .toggle > label:before {content: "\f0da";    font-size: 18px;    left: 9px;}
.toggle.toggle-simple .toggle.active > label:before {content: "\f0d7";left: 7px;}
.no-padding-right {padding-right:0}
.toggle.toggle-simple .toggle > label {    font-size: 1.3em;font-weight: 100;color: #1d2127;text-transform: uppercase;}