/* GLOBAL */
html, body { height: 100%; }

body { font-family: 'hind', Arial, sans-serif; font-size: 16px; font-weight: 400; color: #404040; line-height: 24px; }
body.no-scroll { position: fixed; width: 100%; overflow: hidden; }

a { color: #105fa9; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:focus { color: #000; outline: none; text-decoration: none; }

strong { font-weight: 700; }

a, button, .owl-prev, .owl-next, .oglas > span, .search-btn, .search-box { transition: all 0.3s ease; }

button { border: 0; outline: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 24px; color: #105fa9; text-transform: uppercase; margin-bottom: 32px; }
h2 { font-size: 16px; color: #105fa9; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; }  

.textbox, textarea, .select-list { background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 3px 6px; font-size: 14px; line-height: 20px; border-radius: 4px; transition: all 0.3s ease; color: #333; }
.textbox:focus, textarea:focus, .select-list:focus { background: #fff; border-color: #678fc3; box-shadow: 0 0 10px rgba(0,60,140,0.3); outline: none; }
input[disabled] { background: #f1f1f1; }
textarea { min-height: 200px;}
.select-list select { width: 100%; margin: 2px 0 0 0; padding: 0; border: 0; }
.select-list select option { padding: 2px; }

.btn { display: inline-block; font: 16px/21px 'unicredit', Arial, sans-serif; /*font-weight: 700;*/ color: #fff; padding: 12px 55px;/* 6px 24px; */margin: 0;  border: 1px solid transparent; border-radius: 0; transition: all 0.3s ease; text-transform: uppercase; text-align: center; }
.btn span { float: left; font-size: 12px; margin-right: 8px; }
.btn.icon-only span { float: none; margin-right: 0; }
.btn:hover { color: #fff; }
.btn:focus { color: #fff; outline: none; }

.btn-white { background: #fff; color: #105fa9; }
.btn-white:hover { opacity: 0.5; color: #105fa9; }
.btn-white:focus { color: #105fa9; }

.btn-light-blue { background: #65b5ff; color: #fff; }
.btn-light-blue:hover { background: #fff; color: #fff; opacity: 0; }
.btn-light-blue:focus { color: #fff; }

.img_responsive, .img-responsive { width: auto !important; height: auto !important; max-width: 100% !important; }



/* SELECTPICKER OVERRIDE */

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width: 100%; outline: none; }
.bootstrap-select .btn { text-transform: none; padding: 8px 12px; transition: all 0.3s ease; border: 1px solid #ccc; background: #fff; font-family: 'hind', Arial, sans-serif; font-size: 16px; } 
.bootstrap-select .btn span { font-size: 14px; font-weight: 400; color: #333; margin-right: 12px; }
.bootstrap-select > .dropdown-toggle { padding-right: 24px; }
.bootstrap-select > .dropdown-toggle .filter-option { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bootstrap-select .dropdown-toggle:focus { outline: none !important; }
.bootstrap-select .btn-default:active:hover,
.bootstrap-select .btn-default.active:hover,
.bootstrap-select.open > .dropdown-toggle.btn-default:hover,
.bootstrap-select .btn-default:active:focus,
.bootstrap-select .btn-default.active:focus,
.bootstrap-select.open > .dropdown-toggle.btn-default:focus,
.bootstrap-select .btn-default:active.focus,
.bootstrap-select .btn-default.active.focus,
.bootstrap-select.open > .dropdown-toggle.btn-default.focus,
.bootstrap-select.open > .dropdown-toggle.btn-default { color: #333333; background-color: #fff; border-color: #678fc3; box-shadow: 0 0 10px rgba(0,60,140,0.3);}

.bootstrap-select.btn-group .dropdown-toggle .caret { top: 50%; right: 0; }

.bootstrap-select .dropdown-menu { font-size: 14px; border-radius: 0; border: 0; overflow-x: hidden; padding: 0; width: 100%; }
.bootstrap-select .dropdown-menu > li > a { padding: 8px 12px; white-space: normal; }
.bootstrap-select .dropdown-menu > li > a:hover { background: #dbdbdb; }
.bootstrap-select .dropdown-menu > li.selected a { background: #8b8b8b; color: #fff; }

.bootstrap-select .dropdown-menu .bs-searchbox { padding-top: 6px; padding-bottom: 6px; }
.bootstrap-select .dropdown-menu .bs-searchbox input { padding: 4px 8px; }
.bootstrap-select .dropdown-menu .form-control:focus { border-color: #678fc3; }



/* MAIN NAV */

.nav-wrapper { margin-top: 0px; text-align: center; }
.nav { position: relative; display: inline-block; font-weight: 700; }
.nav ul { margin: 0; padding: 0; list-style: none; }
.nav .nav-list { margin: 0 auto; }
.nav-list li { position: relative; }
.nav-list > li { float:left; *display:inline; zoom: 1; }
.nav-list > li a { z-index: 50; }
.nav-list > li > a { position: relative; display: block; color: #fff; padding: 10px 20px; border-bottom: 5px solid transparent;}
.nav-list > li > a:hover { opacity: 0.5; }
.nav-list > li > a.active { border-bottom-color: #000; opacity: 0.5; }
.nav-list > li:hover > ul { display:block; }

.nav-list > li ul { position: absolute; display: none; left: 0; width: 260px; background: #e4e8ea; font-size: 15px; font-weight: 400; text-align: left; box-shadow: 0 6px 12px rgba(0,0,0,0.3); transition: all 0.3s ease; z-index: 10; }
.nav-list > li ul a { display: block; color: #000; padding: 12px 24px; border-bottom: 1px solid #cbcbcb; }
.nav-list > li ul a:hover { color: #105fa9; text-decoration: none; background-color: #f5f7f8; }

.nav-mobile { display: none; cursor: pointer; position: absolute; left: 20px; top:-40px; height: 24px; width: 24px; opacity: 0.7; }
.nav-mobile::after { display: inline-block; content: "e"; font: 22px 'holding'; line-height: 24px; color: #fff; }
.nav-mobile:hover { opacity: 1; }

.nav-click { position: absolute; top: 0; right: 0; display: none; cursor: pointer; opacity: 0.7; height: 48px; width: 52px; z-index: 100; }
.nav-click i { display: block; height: 48px; width: 52px; text-align: center; transition: all 0.3s ease; }
.nav-click i::after { display: inline-block; content: "c"; font: 16px 'holding'; line-height: 48px; color: #404040; }
.nav-click:hover { background-color: #f5f7f8; opacity: 1; }
.nav-rotate { -webkit-transform:rotate(90deg);	-moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }

.nav-list > li > .nav-click { height: 57px; width: 52px; }
.nav-list > li > .nav-click i { height: 57px; width: 52px; }
.nav-list > li > .nav-click i::after { line-height: 56px; color: #fff; }
.nav-list > li > .nav-click:hover { background-color: #2c8cda; }

.nav-list > li ul li ul { box-shadow: none; background: #fff; }
.nav-list > li ul li ul a { padding-left: 48px; background: url(../img/bullseye.svg) no-repeat 24px 18px / 10px auto; }



/* HOME ROTATOR */

.home-rotator-wrapper { margin-top: -310px; }
/*.home-rotator .owl-item { padding-bottom: 50px; background: url(../img/rotator-item-shadow.png) no-repeat center bottom; background-size: 100% auto; }*/
.home-rotator .owl-item div { background-color: #000; }
/*.home-rotator .owl-item img { opacity: 0.4 !important; }*/
.home-rotator .owl-item.active.center img { opacity: 1 !important;}

.owl-nav { text-align: center; margin-top: 40px; }
.owl-prev, .owl-next { display: inline-block; width: 46px; height: 46px; border: 1px solid #cacaca; margin: 0 12px; }
.owl-prev:hover, .owl-next:hover { background: #ecf0f2; }
.owl-prev::after, .owl-next::after { display: block; width: 46px; height: 46px; font-family: 'holding'; font-size: 16px; color: #105fa9; text-align: center; line-height: 44px; }
.owl-prev::after { content: 'b'; }
.owl-next::after { content: 'c'; }


.home-img-wrapper { margin-top: -360px; padding-bottom: 30px; }
.home-img-wrapper .home-img { padding-bottom: 50px; background: url(../img/rotator-item-shadow.png) no-repeat center bottom; background-size: 100% auto; }
.home-img-wrapper .home-img img { max-width: 100%; }


/* SEARCH */

.search { display: none; position: relative; background: #004682; color: #fff; transition: all 0.3s ease; z-index: 10; padding: 32px 0; font-size: 20px; }
.search ul { display: table; width: 100%; max-width: 720px; margin: 0 auto; padding: 0; list-style: none; }
.search ul li { display: table-cell; }
.search .search-box { width: 100%; background: none; outline: 0; border: 0; border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 40px; }
.search .search-box:focus, .search .search-box:hover { border-color: rgba(255,255,255,0.4); }
.search .search-btn { width: 80px; text-align: right; }
.search .search-btn input { background: none; color: #fff; border: 0; opacity: 0.7; padding: 0; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.search .search-btn input:hover { opacity: 1; }



/* LEFT MENU */
.left-menu { margin: 0; padding: 0; list-style: none; }
.left-menu li { display: block; }
.left-menu li a { display: table; width: 100%; }
.left-menu li a span { position: relative; display: table-cell; vertical-align: middle; height: 72px; border-bottom: 1px solid #cacaca; padding: 16px 64px 16px 24px; }
.left-menu li a span i { position: absolute; top: 50%; right: 20px; font-size: 16px; margin-top: -8px; }
.left-menu li:first-child a span { border-top: 1px solid #cacaca; }
.left-menu > li > a.active span { color: #fff; background: #105fa9; border-top-color: #105fa9; border-bottom-color: #105fa9; }
.left-menu a { color: #404040; }
.left-menu a:hover { color: #105fa9; }
.left-menu li ul { border-bottom: 1px solid #cacaca; background: #f3f5f6; padding: 16px 24px; font-size: 14px; }
.left-menu li ul li { padding: 4px 0; }
.left-menu > li > ul > li > a.active { color: #105fa9; }



/* GOOGLE MAP */

.subsidiary-map { position: relative; }
#map-canvas { height: 600px; }
.map-selector { position: absolute; width: 360px; height: 100%; left: 50%; top: 0; margin-left: -585px; background: rgba(16,95,169,0.95); z-index: 1; }
.map-selector .selector { padding: 24px; }
.map-selector select { position: relative; width: 100%; border: 0; padding: 12px 20px; font-size: 18px; z-index: 10; }
.map-selector select option { padding: 8px 20px; }
.map-selector .info { color: #fff; margin-top: -48px; z-index: 1; }
.map-selector .info a { color: #fff; }
.map-selector .info a:hover { color: #fff; opacity: 0.5; }
.map-selector .info figure { display: block; width: 360px; }
.map-selector .info figure img { max-width: 100%; }
.map-selector .info > div { padding: 24px 32px; }
.map-selector .info button { margin-top: 24px; }
.map-selector .btn { margin-top: 24px; }



/* SECTIONS */

header { height: 460px; background: url(../img/bgnd2.jpg) no-repeat center top; background-size: cover; }
header .container { position: relative; text-align: center; }
header a { color: #fff; }
header a:hover { color: #fff; }
header.inner { height: 200px; }

.logo { display: inline-block; width: 210px; height: 58px; background: url(../img/holding.svg) no-repeat 0 0; margin-top:20px; }

.santa-hat { display: block; position: absolute; width: 68px; height: 68px; left: 50%; top: 13px; margin-left: -127px; background: url(../img/santa-hat.png) no-repeat; background-size: 68px auto;  }

.lang { position: absolute; right: 55px; top: 46px; margin: 0; padding: 0; list-style: none; }
.lang li { display: inline; margin-right: 16px; }
.lang span { color: #fff; }
.lang a  { opacity: 0.5; }
.lang a:hover { opacity: 1; }



.open-search { position: absolute; right: 15px; top: 46px; display: block; width: 24px; height: 24px; text-align: center; padding: 0; background: none; border: 0; opacity: 0.7; }
.open-search:hover { opacity: 1; }
.open-search span { font: 24px 'holding'; line-height: 24px; color: #fff; }

.breadcrumbs { background: #eee; padding: 8px 0; }
.breadcrumbs ul { margin: 0; padding: 0; list-style: none; font-size: 14px; }
.breadcrumbs ul li { display: inline; }
.breadcrumbs ul li::before { font-family: 'holding'; font-size: 7px; content: 'c'; margin: 0 12px 0 8px; vertical-align: middle; }
.breadcrumbs ul li:first-child::before { display: none; }
.breadcrumbs a { color: #404040; }
.breadcrumbs a:hover { color: #105fa9; }

.section-title { text-transform: uppercase; text-align: center; font-size: 20px; padding-bottom: 16px; background: url(../img/section-title-divider.svg) no-repeat center bottom; background-size: 88px auto; }
.section-title-logo { text-transform: uppercase; font-size: 20px; color: #105fa9; }
.section-title-logo span { display: inline-block; margin-right: 16px; vertical-align: middle; }

.content a { text-decoration: underline; }
.content a:hover { text-decoration: underline; }

.home-news { position: relative; padding: 0 0 64px 0; z-index: 1; }
.home-news .section-title { margin-bottom: 16px; }
.news-block { font-size: 14px; line-height: 20px; margin-top: 32px; border-left: 1px solid #cacaca; padding: 12px 32px;height: 350px;overflow: hidden; }
.news-block:first-child { border-left: 0; }
.news-block > a { display: block; }
.news-block > .title { font-size: 16px; font-weight: 700; }
.news-block > .date { color: #8b8b8b; margin: 16px 0; }
.news-block > .read-more { margin-top: 16px; text-align: right; font-size: 20px; }

.tags { margin: 0 0 0 -8px; padding: 0; list-style: none; font-size: 14px; }
.tags li { float: left; display: table; line-height: 20px; margin: 8px; }
.tags li a { display: table-cell; height: 48px; border: 1px solid #cacaca; color: #404040; padding: 0 18px; vertical-align: middle; }
.tags li a:hover { background: #fff; }

.for-clients { display: table; width: 100%; }
.for-clients > div { display: table-cell; width: 50%; vertical-align: top; }
.for-clients .left { background: #ecf0f2; }
.for-clients .right { background: url(../img/clients-contact.jpg) no-repeat left bottom; background-size: cover; }
.for-clients > div > div { width: 585px; padding: 50px 32px; }
.for-clients .left > div { float: right; }
.for-clients .tags { margin-top: 20px; }
.for-clients .tags-mobile { margin-top: 20px; }

.client-contacts .contact-block { display: table; width: 100%; margin: 40px 0 0 0; padding: 0; list-style: none; }
.client-contacts .contact-block li { display: table-cell; vertical-align: middle; padding: 12px 40px; }
.client-contacts .contact-block li.contact-nr { width: 150px; color: #105fa9; font-size: 20px; padding-left: 0; border-right: 1px solid #5b5b5b; line-height: 40px; padding-right: 0; }
.client-contacts .work-hours { background: #fff; padding: 24px 32px; margin-left: -32px; margin-top: 40px; }
.client-contacts .work-hours ul { margin: 0; padding: 0; list-style: none; }
.client-contacts .work-hours ul li { display: inline-block; }
.client-contacts .work-hours ul li:first-child { color: #105fa9; width: 360px; }

.javna-nabava { position: relative; padding: 48px 0 64px 0; }
.nabava-item  { margin-top: 48px; }
.nabava-item > div { display: table; width: 100%; height: 70px; padding: 0 16px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
.nabava-item a { display: table-cell; vertical-align: middle; color: #404040; }
.nabava-item a:hover { color: #105fa9; }
.nabava-item a span { position: relative; display: block; padding-right: 32px; }
.nabava-item a span i { position: absolute; right: 0; top: 50%; margin-top: -10px; font-size: 20px; line-height: 20px; }

.oglasi { padding: 64px 0 124px 0; background: #ecf0f2; }
.oglas { position: relative; display: block; height: 240px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 32px 0 0 0; color: #fff; }
.oglas:hover { color: #fff; }
.oglas > span { position: absolute; width: 100%; left: 0; bottom: 0; display: block; background: rgba(16,95,169,0.8); padding: 20px 24px; }
.oglas:hover > span { background: rgba(16,95,169,1); }

.usluga { display: table; width: 100%; height: 240px; color: #fff; background: #105fa9; margin-top: 32px; }
.usluga > span { display: table-cell; vertical-align: middle; padding: 0 40px; font-size: 18px; }
.usluga > span .title { display: block; text-transform: uppercase; font-size: 24px; margin-bottom: 24px; }
.usluga:hover { color: #b8cfe5; }

.middle { padding: 40px 0; }

.service { display: table; width: 100%; border-bottom: 1px solid #cacaca; }
.service:first-child { border-top: 1px solid #cacaca; }
.service > div { display: table-cell; vertical-align: middle; padding: 24px 48px; }
.service .heading { width: 360px; background: #f4f5f6; }
.service .heading ul { display: table; width: 100%; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.service .heading ul li { display: table-cell; padding: 0 12px; vertical-align: middle; }
.service .heading ul .icon { width: 72px; height: 60px; }
.service .heading ul .icon span { display: block; width: 60px; height: 60px; }
.service .heading ul .title { text-transform: uppercase; font-size: 20px; }
.service-list { margin: 0; padding: 0; list-style: none; }
.service-list li { padding: 6px 0 6px 24px; background: url(../img/bullseye.svg) no-repeat 0 10px / 10px auto; overflow: hidden; }
.service-list a { color: #404040;  }
.service-list a:hover { color: #105fa9; }
.komunalne { background: url(../img/kontejner.svg) no-repeat 0 0 / cover; }
.energetske { background: url(../img/pipe.svg) no-repeat 0 0 / cover; }
.prometne { background: url(../img/cesta.svg) no-repeat 0 0 / cover; }
.trzisne { background: url(../img/graf.svg) no-repeat 0 0 / cover; }
.zona { background: url(../img/zona.svg) no-repeat 0 0 / cover; }

.news_holder { display: table; width: 100%; padding: 32px 0; border-bottom: 1px solid #cacaca; font-size: 14px; }
.news_holder:first-child { padding-top: 0; }
.news_img, .news_txt2 { display: table-cell; vertical-align: top; }
.news_img { width: 240px; padding-right: 32px; }
.news_img img { max-width: 240px !important; }
.news_date { color: #8b8b8b; margin-bottom: 8px; }
.news_naslov { margin-bottom: 8px; font-size: 16px; font-weight: 700; }

.nav ul.pagination { margin-top: 32px; margin-bottom: 32px; }
.nav ul.pagination li a { width: 36px; height: 36px; text-align: center; padding: 0; line-height: 36px; }
.nav ul.pagination li a span { font-size: 12px; }

footer { background: #35424d; color: #fff; }
footer .projekti { margin-top: -76px; }
footer .projekti img { max-width: 100%; }
footer .content { margin: 40px 0; }
footer .content a { color: #fff; border: 0; }
footer .content a:hover { opacity: 0.5; color: #fff; }
footer .content a.fb { display: inline-block; width: 35px; height: 35px; background: url(../img/fb.svg) no-repeat 0 0; float: right; }

footer .content a.fb1 { display: inline-block; width: 42px; height: 42px; background: url(../img/face.svg) no-repeat 0 0; }
footer .content a.tw { display: inline-block; width: 42px; height: 42px; background: url(../img/twitter.svg) no-repeat 0 0; }
footer .content a.yt { display: inline-block; width: 42px; height: 42px; background: url(../img/youtube.svg) no-repeat 0 0; }
footer .content a.insta { display: inline-block; width: 42px; height: 42px; background: url(../img/insta.svg) no-repeat 0 0; }

.socials {
    text-align:right;
    display: inline-block;

}
.gdprzgh {display: inline-block; position: relative; top:-15px; left: -60px;}
.gdprzgh img {width: 110px;}
/* GALLERY */
.photo-grid-item { width: 33%; float: left; overflow: hidden;}
.photo-grid-item a { display: block; }
.photo-grid-item a:hover { border-bottom: 0; opacity: 0.75; }
.photo-grid-item img { max-width: 100%; }
.content .photo-grid-item a { border: 0; }
.newgal .kratki {margin-bottom: 30px;}
.newgal .glavna {position: relative;}
.newgal .broj {
    position: absolute;
    background-color: #105fa9;
    color: #fff;
    z-index: 10;
    left: 0;
    bottom: 0;
    display: block;
    font-size: 15px;
    padding: 7px 20px 5px 20px;
    font-weight: 600
}
.photo-grid-item2 {display: inline-block; margin-right: 10px; margin-bottom:10px;}

.photo-grid-item2 a { display: block; }
.photo-grid-item2 a:hover { border-bottom: 0; opacity: 0.75; }
.photo-grid-item2 img { max-width: 100%; }
.content .photo-grid-item2 a { border: 0; }
#lightcase-overlay {background: #105fa9 !important;}
#lightcase-title, #lightcase-caption, #lightcase-sequenceInfo {color: #fff !important;}
#lightcase-title {font-weight: bold !important;}
.lightcase-contentInner {border:20px solid #fff;}
#lightcase-content {background: #fff !important;}

/* ZOOMBOX OVERRIDE */
.zoombox_gallery { height: 50px; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: pre; }
.zoombox_gallery > div { position: relative !important; max-width: 100%; left: auto !important; margin: 0 auto; overflow-x: auto !important; }
#zoombox.simple .zoombox_next, #zoombox.simple .zoombox_prev, #zoombox.simple .zoombox_close { background: none; font: 16px 'holding'; color: #fff; width: 32px; opacity: 0.7; transition: all 0.3s ease; }
#zoombox.simple .zoombox_prev { left: 0; }
#zoombox.simple .zoombox_next { right: 0; }
#zoombox.simple .zoombox_next:hover, #zoombox.simple .zoombox_prev:hover, #zoombox.simple .zoombox_close:hover { opacity: 1; }
#zoombox.simple .zoombox_prev::before, #zoombox.simple .zoombox_next::before, #zoombox.simple .zoombox_close::before { display: block; width: 32px; height: 32px; background: rgba(0,0,0,0.8); text-align: center; line-height: 32px; }
#zoombox.simple .zoombox_prev::before { position: relative; content: 'b'; height: 32px; top: 50%; margin-top: -16px; }
#zoombox.simple .zoombox_next::before { position: relative; content: 'c'; height: 32px; top: 50%; margin-top: -16px; }
#zoombox.simple .zoombox_close { height: 32px; right: 0; top: 0; }
#zoombox.simple .zoombox_close::before { font-size: 12px; content: 'h'; }


/* FORM */
.formWrapper { padding: 20px 32px; }
.formWrapper.grey-bgnd { background: #f3f5f6; } 
.form-block { display: table; width: 100%; padding: 8px 0; }
.form-block > div { display: table-cell; vertical-align: top; line-height: 22px; }
.form-block .label { width: 160px; font-weight: bold; color: #333; font-size: 16px; text-align: left; padding: 0; border-radius: 0; white-space: normal; padding-top: 6px; }
.form-block input[type=text] { width: 100%; max-width: 260px; height: 32px; line-height: 24px; padding: 6px; }
.form-block select { width: 100% !important; max-width: 420px; height: 32px; line-height: 24px; padding: 6px; }
.form-block select option { padding: 4px; }
.form-block textarea { width: 100%; max-width: 660px; min-height: 160px; line-height: 24px; padding: 6px; resize: vertical; border-radius: 0; }
.form-block.single-row, .form-block.single-row > div { display: block; }
.form-block.single-row .label { width: 100%; margin-bottom: 8px; }
.form-block .star { font-size: 18px; font-weight: 700; color: #e00000; }


.tablica {
    font-size: 15px;
    margin-top: 20px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: none;
}

.tablica td {
    border: none;
    padding:10px;
}

.tablica-timeline td {
    padding:15px;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #eaeaea;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

/* SEARCH RESULTS */
.search_result { display: table; width: 100%; overflow: hidden; }
.search_result > div { padding: 20px 0 15px 0; border-top: 1px solid #ddd; }
.search_result:first-child > div { border-top: 0; padding-top: 0; }
.search_result .orderNr { display: table-cell; width: 30px; text-align: right; }
.search_result .pageListing { display: table-cell; padding-left: 16px; }
.search_result .pageListing > a { font-size: 18px; font-weight: 500; }


.fixme {
    width: 300px;
    height: 180px;
    padding: 25px;
    background: url(/img/logo_akcija.jpg) no-repeat bottom left #fff;
    overflow:hidden;
    font-family: 'hind_regularregular', Arial, Sans-serif;
    font-size: 14px;
    position:relative;
}

a.naslov_akcija {
    font-size: 18px;
    line-height: 22px;
    color: #393939;
    font-family: 'hindbold', Arial, Sans-serif;	
    font-weight:bold;
}

a.naslov_akcija:hover {
    color: #0f69b7;
}

.akcija_txt {
    font-size: 14px;
    line-height: 18px;
    color: #393939;
    margin-top: 15px;
    font-family: 'hindmedium', Arial, Sans-serif;	
    height: 75px;
    overflow: hidden;
    position: relative;	
}

a.more_link {
    text-transform:uppercase;
    color: #0f69b7;
    font-family: 'hindbold', Arial, Sans-serif;
    display: block;
    position: absolute;
    /*bottom: 5px;*/
    right: 30px;
    background: url(/img/arrow-blue.png) no-repeat center right;
    padding-right: 18px;
    font-weight: bold;
}


a.more_link2 {
    text-transform:uppercase;
    color: #0f69b7;
    font-family: 'hindbold', Arial, Sans-serif;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 30px;
    background: url(/img/arrow-blue.png) no-repeat center right;
    padding-right: 18px;
    font-weight: bold;
}


.fixme.slika {
    width:300px;
    height:250px;
    padding: 0;
    /*background: url(UserDocsImages/naslovna/akcija_slika.jpg) no-repeat top center #fff;*/
    overflow:hidden;
    font-family: 'hind_regularregular', Arial, Sans-serif;
    font-size: 14px;
    position: relative;
}

.fixme.slika a.naslov_akcija {
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
}

.fixme.slika a.naslov_akcija:hover {
    color: #eee;
}

.fixme.slika .akcija_txt {
    color: #fff;
    position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}

.fixme.slika a.more_link {
    color: #fff;
    background: url(/img/arrow-white.png) no-repeat center right;
}	

.overlay {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    padding: 0px;	
    width: 250px;
    height: 130px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}

.banner_holder_main {
    width:300px;
    height:360px;
    overflow:hidden;
    z-index:9999;
    position: fixed;
    bottom:0;
    right:0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);		
}


.fixme.slika .overlay {
    padding: 25px;
}


/* POSAO FORMA  */

.h2-forma {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px solid #dedede;
}

.h2-forma.martop {
    margin-top: 40px;
}

.h3-forma {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.h3-forma.martop {
    margin-top: 40px;
}

.label_login {
    font-weight: normal;
    font-size: 15px;
}

.posao input {
    border-radius: 0;
    box-shadow: none;
}

.kratki-opis {
    font-size: 15px;
}

.txtarea {
    width: 100%;
}

.btn-more-add {
    border: 1px solid #105fa9;
    color: #105fa9;
    display: block;
    text-align: center;
    height: 48px;
    width: 240px;
    padding: 12px;
    text-decoration: none;
    margin: 30px auto;
}

.btn-posalji {
    border: 1px solid #105fa9;
    background-color: #105fa9;
    color: #fff;
    display: block;
    text-align: center;
    height: 48px;
    width: 240px;
    padding: 12px;
    text-decoration: none;	
    margin: 30px auto;
}

.radno_iskustvo {
    display: none;
}

.radno_iskustvo.active {
    display: block;
}

#josIskustva.disable {
    color: #AAA;
    cursor: default;
    border: none;
}

.frmUpladErr {
    color:red;
}

label.error {
    color: red;
    font-weight: normal;
    display: block;
    height: 0;
    max-width: 100%;
    width: 100%;	
    font-size: 13px;
}

.form-control.error {
    border-color: red;
}

.fblike {position: absolute; left: 90px; top:122px;}


.zonaHomeWrap {position: relative; margin-bottom: 60px;}
.zonaHomeWrap .plaviHome {background-color: #0969BB; color: #fff; /* font-family: "Typonine Sans Regular"; */ font-size: 32px; position: absolute; left: 35px; top:35px;padding-top: 20px; padding-left: 40px; line-height: 42px; padding-bottom: 20px;}
.zonaHomeWrap .plaviHome span {margin-left: 10px;}
.zonaHomeWrap .plaviHome:hover {background-color: #0a7fb9;}
.zonaHomeWrap .phText {display: inline-block; margin-right: 70px;}
.zonaHomeWrap .phVise {position:relative; top:-20px; margin-right: 70px;}

.zonaHomeWrap.gdpr .plaviHome {background-color: #0969BB; color: #fff;/* font-family: "Typonine Sans Regular"; */ font-size: 28px; position:static; padding-top: 25px; padding-left: 40px; line-height: 42px; padding-bottom: 20px; width: 100%; display: block;}
.zonaHomeWrap.gdpr  .phVise {margin-right: 30px; position: static; margin-top: 2px;}
.zonaHomeWrap.gdpr .gdpr {margin-right: 20px;}
.zonaHomeWrap.gdpr .phText {margin-right: 0;}
.ext-banner-wrapper img {
    display: block;
    margin: 0 auto;
}

.podruznicaWrap {min-height: 240px;}
.podr {margin: 0; }
.podr > div {padding: 0; margin-right: 5px; width: 19.55%; }
.podr > div:last-of-type {margin-right: 0; }

.podr_naslov {margin-top: 10px; color: #105fa9; font-size: 14px; font-weight: bold; line-height:18px;}
.podr_link {margin-top: 0px; color: #7c7c7c; font-size: 14px;}
.podr_imgWrap {position: relative; overflow: hidden; }
.podr_imgWrap img {border-bottom:4px solid #105fa9;}
.podr_vise {background-color: #105fa9; color: #fff; font-size: 14px; padding: 5px 20px 0 20px; position: absolute; right: -45px; bottom: 4px;}
.podr-ico {font-size: 10px; position: relative; left: -10px; top:0px;}

.podr_imgWrap:hover .podr_vise {right: 0; color: #fff; z-index: 999; bottom: 0;}
.podr_imgWrap img {transition: all 0.2s ease-in;}
.podr_imgWrap:hover img {filter: saturate(1.5);border-bottom:4px solid #105fa9; transform: scale(1.05)}

.nav-mobile-podruznice {cursor: pointer;  height: 24px; width: 24px; opacity: 0.7; }
.nav-mobile-podruznice::after { display: inline-block; content: "e"; font: 22px 'holding'; line-height: 24px; color: #105fa9; }
.nav-mobile-podruznice:hover { opacity: 1; }
.brziwrap {float: right;}
.brziwrap > div {display: inline-block; margin-left: 10px;}
.brziwrap > span {position: relative; top:-5px;}
.videowrap, .videowrap iframe {transition: all 0.5s ease-out;}
.videowrap.sticky {position: fixed; width: 320px; left: 30px; bottom:30px; z-index: 999;}
.videowrap.sticky iframe {height: 180px !important;}
.videowrap .videoclose {display: none;}
.videowrap.sticky .videoclose {display: block; cursor: pointer;}




.cookie-banner {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: auto;    
    min-height: 70px;
    background: rgba(10, 99, 181,0.9);

}


.cookie-banner p a {
    color: #ffffff;
    text-decoration: underline;
}

.cb-container {
    display: table;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
.cb-container.center {
    padding-top: 10px;
}
.cb-col {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    color:#fff;
}

.cb-col + .cb-col {
    width: 35%;
    text-align: right;
}

.cb-col > a,
.cb-col > a:link,
.cb-col > a:visited,
.cb-col > a:active {
    color: #fff;
    font-weight: 700;

}

.cb-btn {
    position: absolute;
    right: 0;
    top:12px;
}



.cookie-banner {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: auto;
    padding: 0 20px;
    min-height: 54px;
    font-size: 14px;
    background: rgba(13,100,154,0.9);
}

.cookie-banner h2 {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    margin: 0 0 5px 0;

}

.cookie-banner p {
    font-size: 12px;
    color: #ffffff;
    margin: 0;
}

.cookie-banner a {
    color: #fff !important ;
    text-decoration: underline;
}

.cb-container {
    display: table;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
.cb-container.center {
    padding-top: 0;
    text-align: center;
}

.cb-col {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}

.cb-col + .cb-col {
    width: 35%;
    text-align: right;
}

.cb-col > a,
.cb-col > a:link,
.cb-col > a:visited,
.cb-col > a:active {
    color: #fff !important;
    font-weight: 700;
}

.cb-btn {
    border-radius: 4px;
    padding: 5px 0;
    background: #6c3;
    color: #0B64B4;
    font-size: 1em;
    border: 0;
    font-size: 12px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    position:static;
    background: rgba(255, 255, 255, 0.9);
    margin: 0 0 0 20px;
}

.cb-btn.btn-white:hover {
    opacity: 1;
    background: #07365d;
    color: #ffffff;
}

.christmas-hat {
	position: relative;
}

.christmas-hat:before {
	content: "";
	position: absolute;
	top: -15px;
	left: -13px;
	width: 45px;
	height: 45px;
	background: url(../img/santa-hat.png) no-repeat center;
	background-size: cover;
}
.bozicMob {display: none;}
/*fix za cestitku kada je owl ugasen*/
.home-img img {margin:0 auto;margin-top: 60px;}

#posaoNovaForma, #posaoNovaFormaJavniPoziv {
	display:none;
}

#posaoNovaForma input {height:40px;}
#posaoNovaForma .btn-posalji {height:48px !important;}
#gdpr_privola {height:13px !important;}

#posaoNovaFormaJavniPoziv input:not([type=radio]) {height:40px;}
#posaoNovaFormaJavniPoziv .btn-posalji {height:48px !important;}
#gdpr_privola_JavniPoziv {height:13px !important;}

.field-error { background: #ffd9d9 !important; }

/* customizable snowflake styling */
.snowflake {
	color: #fff;
	font-size: 1em;
	font-family: Arial, sans-serif;
	text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}