/******************************************************
/// Osnovni stilovi
******************************************************/
html:before { content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.8); -moz-box-shadow: 0 0 15px rgba(0,0,0,.8); box-shadow: 0 0 15px rgba(0,0,0,.8); z-index: 9999999; }
body { padding-top: 145px; background: none; font-family: 'Poppins', sans-serif; font-weight: 400; color: #444; font-size:18px; line-height:30px; }
.margbot0 { margin-bottom:0 !important; }.margbot5 { margin-bottom:5px !important; }.margbot10 { margin-bottom:10px !important; }.margbot15 { margin-bottom:15px; }.margbot20 { margin-bottom:20px; }.margbot25 { margin-bottom:25px; }.margbot30 { margin-bottom:30px !important; }.margbot35 { margin-bottom:35px !important; }
.pad0 { padding:0 !important; }.padbot0 { padding-bottom:0 !important; }.padbot10 { padding-bottom:10px !important; }.padbot20 { padding-bottom:20px !important; }.padbot30 { padding-bottom:30px !important; }.padbot40 { padding-bottom:40px !important; }.padbot50 { padding-bottom:50px !important; }.padbot60 { padding-bottom:60px !important; }.padbot70 { padding-bottom:70px !important; }.padtop0 { padding-top:0 !important; }
.padtop10 { padding-top:10px !important;} .padtop20 { padding-top:20px !important;} .padtop30 { padding-top:30px !important;}
.marginright20 { margin-right:20px !important;}
.border0 { border:0 !important; }
.bold { font-weight:600; }
.bolder { font-weight:900;}
.mb50 { margin-bottom: 50px; }
.no-border { border-left:0; border-right:0; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Roboto', sans-serif; color: #272727; }
a { color: #0858a3; -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; }
a:hover, a:focus { text-decoration: none; color: #f2df0e; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #444; }
.gradiant { background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); }
.gradiant-horizontal { background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); }
.section-header { margin-top:30px;margin-bottom: 50px; }
.section-header .section-title { font-size: 44px; color: #272727; text-transform: uppercase; position: relative; padding-bottom: 20px; margin: 0 0 20px; }
.section-header .section-title:before { content: ""; position: absolute; width: 140px; bottom: 0; left: 50%; margin-left: -70px; height: 1px; background: #0858a3; }
.section-header .section-title:after { content: ""; position: absolute; width: 24px; height: 24px; bottom: -11px; left: 50%; margin-left: -12px; border: 5px solid #fff; border-radius: 20px; background: #0858a3; }
.btn { border-width: 0; border-bottom-width: 3px; border-radius: 3px; }
.btn.btn-primary { background: #0858a3; border-color: #f2df0e; }
.btn.btn-primary:hover, .btn.btn-primary:focus { background: #f2df0e; color:#0858a3; }
.btn.btn-primary i { padding-right:10px; }
.column-title { margin-top: 0; padding-bottom: 15px; border-bottom: 5px solid #444; margin-bottom: 15px; position: relative; }
.column-title:after { content: " "; position: absolute; bottom: -5px; left: 0; width: 40%; border-bottom: 5px solid #0858a3; }
ul.nostyle { list-style: none; padding: 0; margin-bottom: 20px; }
ul.nostyle i { color: #0858a3; padding-right:8px; }
address { line-height: 30px; }

/******************************************************
/// Header, izbornik
******************************************************/

@media only screen and (min-width: 768px) { 
	#main-menu.navbar-default { background: rgba(255,255,255,0.85); }
	#main-menu.navbar-default .navbar-nav > li > a { padding-bottom: 40px; padding: 48px 0 40px 0px; margin-left: 18px; color: #0858a3; font-weight:600; letter-spacing: 0px; font-size: 19px; text-transform:uppercase; }
	#main-menu.navbar-default .navbar-nav > li:hover > a { background: transparent; color:#aaa; padding-top: 42px; border-top: 6px solid #0858a3; }
	#main-menu.navbar-default .navbar-nav > li.active > a, #main-menu.navbar-default .navbar-nav > li.open > a{ background: transparent; padding-top: 42px; border-top: 6px solid #0858a3; }
	#main-menu.navbar-default .dropdown-menu { padding: 0 20px; min-width: 220px; background-color: rgba(26, 28, 40, 0.9); border: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; background-clip: inherit; }
	#main-menu.navbar-default .dropdown-menu > li { border-left: 3px solid transparent; margin-left: -20px; padding-left: 17px; -webit-transition: border-color 400ms; transition: border-color 400ms; }
	#main-menu.navbar-default .dropdown-menu > li > a { border-top: 1px solid #404455; padding: 15px 0; color: #444444; }
	#main-menu.navbar-default .dropdown-menu > li:first-child > a { border-top: 0; }
	#main-menu.navbar-default .dropdown-menu > li.active, #main-menu.navbar-default .dropdown-menu > li.open, #main-menu.navbar-default .dropdown-menu > li:hover { border-left-color: #0858a3; }
	#main-menu.navbar-default .dropdown-menu > li.active > a, #main-menu.navbar-default .dropdown-menu > li.open > a, #main-menu.navbar-default .dropdown-menu > li:hover > a { color: #0858a3; background-color: transparent; }
}
.navbar.navbar-default { border: 0; border-radius: 0; margin-bottom: 0; }
.navbar.navbar-default img { margin-top: 0px; }
.navbar.navbar-default .navbar-toggle { margin-top: 32px; }
.navbar.navbar-default .navbar-brand { height: auto; padding:33px 15px 21px; }

.nav>li>a { color: #0858a3; font-weight:600; letter-spacing: 0px; font-size: 22px; line-height:30px; text-transform:uppercase; }
.nav>li.icons, .nav>li.lang { display:inline-block; }

.navbar-toggle { border: none; background: transparent !important; }
.navbar-toggle:hover { background: transparent !important;  }
.navbar-toggle .icon-bar { width: 38px; padding:3px; }

#video-player { margin:0 auto; width:110px; height:88px; position:relative; margin-top:50px; overflow:visible; padding-bottom:20px; }
#video-player:hover { cursor:pointer; opacity:0.65;}

/******************************************************
/// O nama
******************************************************/
#o_nama, #usluge, #reference, #kontakt { margin-bottom:20px; padding: 100px 0 100px; background: rgba(255,255,255,0.88); -webkit-box-shadow: 8px -6px 49px -9px rgba(0,0,0,0.5); -moz-box-shadow: 8px -6px 49px -9px rgba(0,0,0,0.5); box-shadow: 8px -6px 49px -9px rgba(0,0,0,0.5); }
#reference { margin-bottom:0px; padding-bottom: 180px; }

h3.column-title { font-weight: 600; color: #aaa; } 

.opisni-dio.box { margin: 25px 0; }
.opisni-dio.box .pull-left { margin-right: 20px; }
.opisni-dio.box .pull-left > i {  height: 64px; line-height: 64px; text-align: center; width: 64px; border-radius: 100%; color:#fff; transition: background-color 400ms, background-color 400ms; position: relative; background-image: -moz-linear-gradient(90deg, #0858a3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #0858a3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #0858a3 0%, #2c8cb3 100%); color: #fff; box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8); -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);}
.opisni-dio.box .pull-left > i:after { content: ""; position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; right: -10px; border: 4px solid #fff; border-radius: 20px; background: #0858a3; }
.opisni-dio.box:hover .pull-left > i{ color: #f2df0e; }

.article_slider { margin:3px 0 10px 0 }


#usluge .media-heading { font-weight: 600; text-transform:uppercase; margin-top: 40px}
#usluge .opisni-dio.box { margin: 0px 0 25px 0; }
#usluge ul { margin-top:0; }
#usluge ul li { text-align:left; padding:0; color:#4686d; margin-bottom: 15px; }

.opisni-dio.box.usluga { margin: 15px 0; min-height: 395px; display:block; background:#fff; }

#reference .equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
#reference .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

#reference .sadrzaj p { text-align: center; padding: 15px 20px 10px 20px; font-size: 16px; line-height: 27px; }

/******************************************************
/// Kontakt i karta
******************************************************/
#kontakt  { -webkit-box-shadow: 8px -6px 49px -9px rgba(0,0,0,0.5); -moz-box-shadow: 8px -6px 49px -9px rgba(0,0,0,0.5); box-shadow: 8px -6px 49px -9px rgba(0,0,0,0.5); position:relative; top:-60px; border-top: 0px solid #0858a3; -moz-transform: rotate(-1.5deg);
-webkit-transform: rotate(-1.5deg);
-o-transform: rotate(-1.5deg);
-ms-transform: rotate(-1.5deg);
transform: rotate(-1.5deg); }
#kontakt .kontakt-form h3 { margin-top: 0; }
/******************************************************
/// Footer
******************************************************/
#footer { padding: 30px 0;  background: rgba(255,255,255,0.88); font-weight:600; }
#footer a { color: #0858a3; }
#footer a:hover { color:#aaa; }
#footer .copyright { float:left; padding-top:8px; font-size:15px; line-height:19px; }
#footer .dizajn { display: block; float:left; margin: 0 7.5px 0 15px; padding-top:0; font-size:13px; line-height:17px; text-align:center; }
#footer .back_top { padding:4px 0 0 0; text-align:center; line-height:20px; font-size:20px; color:#0858a3; float:right; }
#footer .back_top:hover { color:#aaa; }
#footer .back_top i { width:28px; height:28px; margin:-2px 10px 0 -18px; font-family:FontAwesome; line-height:22px; font-size:20px; color:#0858a3; border:2px solid #0858a3; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
#footer .back_top:hover i { border-color:#aaa; color:#aaa; }