@charset "utf-8";
html, body{font-family:'Open Sans',sans-serif; font-weight:400; color:#2c2c2c; font-size:15px; line-height:30px; background:#fff; position:relative;}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
h1::after{}
.h1{font-size:25px; line-height:30px; margin:0 0 30px 0; padding:0; color:#0066b3; text-align:center; font-weight:700;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:0 0 25px 0; padding:0;}
h2::after{}
.h2{}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 15px 0;}
p:last-child{margin:0;}
textarea{resize:none;}
ul{list-style-position:inside;}
.toggleMenu{display:none; background:#000; color:#fff; font-size:14px; padding:10px; position:fixed; top:10px; left:10px; cursor:pointer; z-index:5;}
.toggleMenu.invert {background:#fff; color:#333;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.delimiter{position:relative; width:500px; height:1px; background:#0066b3; margin:30px auto 50px auto;}
.delimiter::after{position:absolute; color:#0066b3; content:url(../img/delimiter-icon.png); width:40px; height:40px; background:#fff; left:50%; top:2px; margin:-20px 0 0 -20px; text-align:center; font-size:22px; line-height:40px;}
.delimiter::before{position:absolute; bottom:-3px; left:10px; right:30px; height:1px; content:""; background:#0066b3;}
.centerText{text-align:center;}

header{}
header .topLine{background: #383838; padding: 10px 0; color: #fff; overflow: hidden;}
header .topLine .headerSocialHolder{float: left;}
header .topLine .headerSocialHolder a{display: block; float: left; margin: 0 20px 0 0; font-size: 13px; line-height: 13px;}
header .topLine .headerInfoHolder{float: right;}
header .topLine .headerInfoHolder .item{float: left; margin: 0 0 0 25px; font-size: 13px; line-height: 13px;}
header .topLine .headerInfoHolder .item i{margin: 0 10px 0 0;}
header .topLine .headerInfoHolder .item span{}
header .mainHeader{padding: 20px 0;}
header .mainHeader .headerLogo{float: left; width: 190px;}
header .mainHeader .headerMenu{margin:5px 0; padding: 0; list-style: none; float: right;}
header .mainHeader .headerMenu li{float: left; display: block; margin: 0 0 0 40px; position:relative;}
header .mainHeader .headerMenu li:first-child{margin:0;}
header .mainHeader .headerMenu li a{display: block; font-size: 15px; line-height:50px; font-weight: 600;}
header .mainHeader .headerMenu>li:hover .subMenu{display:block;}
header .mainHeader .headerMenu .subMenu{margin:0; padding:20px; position:absolute; left:0; display:none; list-style:none; background:rgba(0,0,0,0.7); z-index:4; min-width:250px;}
header .mainHeader .headerMenu .subMenu>li{margin:0 0 10px 0; white-space:nowrap; border-bottom:1px solid #ccc; padding:0 0 10px 0; width:100%;}
header .mainHeader .headerMenu .subMenu>li:last-child{margin:0;}
header .mainHeader .headerMenu .subMenu>li>a{font-size:15px; line-height:18px; display:block; font-weight:300; color:#fff;}

.mainBannerHolder{position:relative;}
.pageBannerHolder{position:relative;}

main{margin:0;}
.pageBanner{margin:0 0 40px 0;}

.breadcrumbHolder{margin:0 0 30px 0; color:#0066b3; font-size:13px; line-height:17px;}
.breadcrumbHolder a{color:#777;}
.breadcrumbHolder a.last{font-weight:700; color:#0066b3;}
.breadcrumbHolder span{color:#777; margin:0 15px;}

.homeText{text-align:center; margin: 0 0 40px 0;}
.homeText .readMore{background: #0066b3; color: #fff; font-size: 13px; line-height: 15px; padding: 6px 15px; border-radius: 4px;}

.homeBoxHolder{background:url(../img/home-box-bg.jpg) no-repeat 50% 50% / cover; position:relative; color:#fff; padding:70px 0; margin:0 0 70px 0; font-size:15px;}
.homeBoxHolder *{z-index:2;}
.homeBoxHolder:after{content:""; background:url(../img/dot-pattern.png) repeat 0 0; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;}
.homeBoxHolder .mainTitle{font-size:30px; position:relative; padding:0; margin:0 0 30px 0; font-weight:700;}
.homeBoxHolder ul{margin:0; padding:0;}

.homeIsoHolder{}
.homeIsoHolder .mainTitle{font-weight:700; color:#0066b3; font-size:20px; line-height:25px; margin:0 0 35px 0;}
.homeIsoHolder .homeVestHolder{border-bottom: 1px dashed #ccc; padding: 0 0 15px 0; margin: 0 0 15px 0;}
.homeIsoHolder .homeVestHolder .date{display: block; font-size:11px; line-height:13px; margin: 0 0 2px 0; color: #999; font-style: italic;}
.homeIsoHolder .homeVestHolder .title{color:#000; font-size:15px; line-height:19px;}

.subCategoryHolder{width: 24%; display: block; float: left; margin: 0 1% 20px 0; background: #e2e2e2; padding: 10px 15px;}

/* Vesti */
.vestHolder{margin:0 0 20px 0;}
.vestHolder .thumb{display: block; margin: 0 0 10px 0;}
.vestHolder .date{display: block; font-size: 12px; line-height: 12px; margin: 0 0 5px 0; color: #999; font-style: italic;}
.vestHolder .title{display: block; color: #0066b3; font-size: 17px; line-height: 18px; font-weight: 600;}
.vestThumb{float: left; width: 35%; margin: 0 20px 20px 0;}
.vestDate{display: block; font-size: 12px; line-height: 12px; margin: 0 0 5px 0; color: #999; font-style: italic;}

.contactLeft{line-height:19px; font-size:14px;}
.contactLeft .title{font-size:20px;}
.downloadHolder{color: #e67e22; margin: 40px 0 0 0;}
.downloadHolder .item{display: block; margin: 0 0 10px 0;}
.downloadHolder .item .fa{color: #fff; background: #c00; padding: 6px; margin: 0 10px 0 0;}
#kontaktForma input,#kontaktForma select,#kontaktForma textarea{color:#333;font-size:14px;line-height:20px;margin:0 0 10px;outline:0;padding:10px 15px;resize:none;width:100%;background:transparent; text-align:right; font-weight:400; border:1px solid #ccc;}
#kontaktForma button{border:0;font-size:14px;line-height:16px;padding:15px 30px;cursor:pointer; float:right; font-weight:400; background:#0066b3; color:#fff; margin:0 0 20px 0;}
#mail_fail,#mail_success{display:none;padding:15px 0;margin:0 0 20px 0;float:right;font-size:12px;line-height:12px;border-radius:4px; width:100%; text-align:center;}
#mail_success, #mail_successUpit{color:#044406;background-color:#B7FBB9}
#mail_fail, #mail_failUpit{color:#D8000C;background-color:#FFBABA}
#map_canvas{width:100%; height:400px; padding:10px; background:#333; text-align:center; margin:70px 0 0 0;}
#map_canvas p.mapTitle{width:300px; font-size:20px; line-height:20px; margin:10px 0;}
#map_canvas p{margin:0 0 10px 0;}

#upitForma{width:80%;}
#upitForma input,#upitForma select,#upitForma textarea{color:#333;font-size:12px;line-height:18px;margin:0 0 10px;outline:0;resize:none;width:100%;background:transparent; font-weight:400; border:1px solid #959595; border-radius:10px; padding:8px 15px;}
#upitForma button{border:0;font-size:10px;line-height:18px;padding:5px 20px;cursor:pointer; float:left; font-weight:400; background:#0066b3; color:#fff; margin:0 0 10px 0; border-radius:4px;}
#mail_failUpit,#mail_successUpit{display:none;padding:15px 0;margin:0 0 20px 0;float:right;font-size:12px;line-height:12px;border-radius:4px; width:100%; text-align:center;}

.table{border-collapse:collapse !important;}
.table{width:100%; max-width:100%; margin-bottom:50px; font-size:inherit; background:#fff; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;}
.table > thead > tr{background:#7bc4a2; color:#fff;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{padding:0 10px; line-height:48px; vertical-align:middle; font-weight:400; text-align:center; border-right:2px solid #e6e6e6;}
.table tr > td:last-child{border:none;}
.table > tbody > tr > td{font-size: 15px; line-height: 20px; padding: 15px 0;}
.table > thead > tr > th{border-top:none; vertical-align:middle; font-size:18px; line-height:22px; padding:30px 20px;}
.table > thead > tr > th .small{font-size: 10.5px; color: #4c7562; font-weight: 400; line-height: 12px; margin: 0 0 10px 0;}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#f6f6f6;}

footer{margin:100px 0 0 0;}
footer .footerInfo{padding:50px 0; background:#f2f2f2;}
footer .footerInfo .mainTitle{font-weight: 700; color: #0066b3; font-size: 15px; line-height: 18px; margin: 0 0 25px 0;}
footer .footerInfo .footerContactInfoHolder{line-height:20px;}
footer .footerInfo .footerContactInfoHolder .item{padding:0 0 0 30px; position:relative;}
footer .footerInfo .footerContactInfoHolder .item.email:after{position:absolute; top:0; left:0; content:"\f0e0"; font-family:FontAwesome;}
footer .footerInfo .footerContactInfoHolder .item.tel:after{position:absolute; top:0; left:0; content:"\f095"; font-family:FontAwesome;}
footer .footerInfo .footerContactInfoHolder .item.address:after{position:absolute; top:0; left:0; content:"\f041"; font-family:FontAwesome;}
footer .footerInfo .footerMenuHolder{}
footer .footerInfo .footerMenuHolder .footerMenu{margin:0; padding:0 0 0 15px;}
footer .footerInfo .footerSocialHolder{line-height:20px;}
footer .footerInfo .footerSocialHolder .item{margin:0 0 10px 0;}
footer .footerInfo .footerSocialHolder .item .fa{margin:0 10px 0 0; width:20px;}
footer .footerInfo .footerNewsletterHolder{}
footer .footerInfo .footerNewsletterHolder .newsletterForm{border: 1px solid #959595; border-radius: 10px; padding: 8px 15px;}
footer .footerInfo .footerNewsletterHolder .newsletterForm>input{width: 80%; border: none; background:transparent;}
footer .footerInfo .footerNewsletterHolder .newsletterForm>button{float: right; color: #0066b3; border: none; background: none; margin: 0; padding: 0; font-size: 30px;}

#map{height:350px; text-align:center;}

.potpisHolder{background:#383838; padding:10px 0; color:#fff; overflow:hidden; font-size:13px; line-height:17px;}
.potpisHolder .dd{float:left; margin:0;}
.potpisHolder .rights{float:right; margin:0;}

#backToTop {bottom:20px; right:20px; cursor:pointer; display:none; height:50px; position:fixed; width:50px; border-radius:50%; font-size:30px; line-height:50px; text-align:center; z-index:100; color:#fff; background:#0066b3; -webkit-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.5); box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.5);}