@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900');
@import url('font-awesome.css');  
@import url('animate.css');

/******************************************************
/// Osnovni stilovi
******************************************************/
body { font-family:'Open Sans', Arial, sans-serif; font-weight:300; line-height:1.6em; color:#fff; font-size: 1.5em; background: #000; }
a:active { outline:0; }
.clear { clear:both; }
h1,h2{ font-weight: 600; line-height:1.1em; color: #000; font-family: 'Montserrat', sans-serif; margin-bottom: 20px; text-transform: uppercase; }
h3, h4, h5, h6 { line-height:1.1em; color: #000; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight: 600; }
.aligncenter{ text-align:center; }
.aligncenter span{ margin-left:0; }
.btn:hover, .btn:focus { color: #000; text-decoration: none; background: #d67400; border-color: #d67400; }
blockquote { font-size:26px; font-weight:400; font-family:'Georgia', serif; font-style:italic; padding-left:0; color:#a2a2a2; line-height:1.6em; border:none; }
.mtop80 { margin-top:80px; }

/******************************************************
/// Na vrh, na sekciju
******************************************************/
.scrollup { position: fixed; bottom: 20px; right: 20px; display: none; padding:3px 3px; text-align:center; color:#000; font-size:50px; line-height:30px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;-webkit-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.45); -moz-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.45); box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.45); z-index:999; }
	.scrollup:hover,.scrollup:focus { color:#d67400; text-decoration:none; }

.scrolldown { color: #d67400; position:absolute; z-index:9999999999999999999999; left:0; right:0; bottom:0; text-align:center; cursor:pointer; }
	.scrolldown i { font-size:40px; background: #000; padding:4px 8px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
	.scrolldown:hover, .scrolldown:focus { color: #d67400; text-decoration:none;}


/******************************************************
/// Site wrapper
******************************************************/
#wrapper { width:80%; margin:0px auto; padding:0; }
.row,.row-fluid { margin-bottom:30px; }
.row .row,.row-fluid .row-fluid { margin-bottom:30px; }

.main-container-bottom { max-width: 100%; position: relative; z-index: 1; margin: 0px auto 0 auto; }
.bottom-poruka { margin:0; padding:50px 0 10px 0; display: table; width: 100%; height: auto; background: url(../img/bg-wide.jpg) no-repeat bottom center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
p.super-lead { font-size: 50px; font-weight: 900; line-height: 36px; color: #000; text-transform:uppercase; }

/******************************************************
/// Top header
******************************************************/
.topbar { background-color: transparent; padding: 25px 0; font-size: 11px !important; }
.topbar .container .row { margin: 0; padding:0; }
.topbar .container .row .col-md-12 {  padding:0; }

.topbar ul { margin:0; padding:0; list-style:none; font-size: 14px; color: #f1f6ff; }
.topbar ul li i { margin:0 10px; color: #fff; display:inline-block; }
.topbar ul:last-child li { text-align:right; } 


/******************************************************
/// Izbornik
******************************************************/
.navbar-default .navbar-toggle { border-color: #000; margin-top: 10px; }
.navbar-default { border: none; }
header .navbar-collapse  ul.navbar-nav { float: right; margin-right: 0; }
header .navbar-default { background: #000; width: 100%; position:relative; z-index:1; width:100; height:160px; }
header .navbar-default:before {
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    width:78%;
    height:60%;
    content:"";
    background-color:#1a1a1a;
}
header .nav li a:hover, header .nav li a:focus, header .nav li.active a, header .nav li.active a:hover, header .nav li a.dropdown-toggle:hover, header .nav li a.dropdown-toggle:focus, header .nav li.active ul.dropdown-menu li a:hover, header .nav li.active ul.dropdown-menu li.active a{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
header .navbar { min-height: 160px; padding: 6px 0; margin-bottom: 0; }
header .navbar-nav > li  { padding: 0px 10px; }
header .navbar-nav > li > a { margin-left: 0px; line-height:52px; font-weight: 700; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.dropdown-menu li a:hover { color: #fff !important; background: #000 !important; }
header .nav .caret { border-bottom-color: #29448e; border-top-color: #29448e; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #fff; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:  #fff; }	 
.dropdown-menu { box-shadow: none; border-radius: 0; border: none; }
.dropdown-menu li:last-child  { padding-bottom: 0 !important; margin-bottom: 0; }
header .nav li .dropdown-menu  { padding: 0; }
header .nav li .dropdown-menu li a { line-height: 28px; padding: 13px 12px; }

header .navigation { float:right; }
header ul.nav li { border:none; margin:0; }
header ul.nav li a { font-size: 17px; font-family: 'Montserrat', sans-serif; border:none; font-weight: 600; background: #1a1a1a !important; text-transform:uppercase;  }
header ul.nav li ul li a { font-size:12px; border:none; font-weight:300; text-transform:uppercase; }

.navbar .nav > li > a { color: #d67400; text-shadow: none;}
.navbar .nav a:hover { background:none; color: #fff; padding-top:9px; }
.navbar .nav > .active > a,.navbar .nav > .active > a:hover { background:none; font-weight:700; }
.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus { background:none; outline:0; font-weight:700; }
.navbar .nav li .dropdown-menu { z-index:2000; }

header ul.nav li ul { margin-top:1px; }
header ul.nav li ul li ul { margin:1px 0 0 1px; }
.dropdown-menu .dropdown i { position:absolute; right:0; margin-top:3px; padding-left:20px; }

.navbar .nav > li > .dropdown-menu:before { display: inline-block; border-right: none; border-bottom: none; border-left: none; border-bottom-color: none; content:none; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #fff; background: none; border-radius: 0; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #fff; background-color: transparent; }

ul.nav li.dropdown a { z-index:1000; display:block; }
select.selectmenu { display:none; }

.navbar-brand {
    float: left;
	margin-top:-45px; 
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 20px;
}
/******************************************************
/// Slider
******************************************************/
#banner { width: 100%; background:#000; position:relative; margin:0; padding:0; height:550px; }
#main-slider:before { content: ''; width: 100%; height: 100%; z-index: 1; position: absolute; }

.flexslider { display: block; position: absolute; top:0; height: 100%!important; overflow: hidden!important; width: 100%!important; }
.flex-viewport { position: fixed; width: 100%; height: 100%; }
.flexslider .slides, .flexslider .slides > li { height: 100%; }
.flexslider .slides > li { background-size: cover; background-repeat: no-repeat; background-position: center; }
.flexslider .slides > li:before {
    content: '';
    position: absolute;
    top: 0; left: 0px;
    border-top: 100px solid black;
    border-right:250px solid transparent;
    width: 0; }

.flex-caption { zoom: 1; bottom: 198px; background-color: transparent; color: #fff; margin: 0; padding: 2px 25px 0px 30px; left: 0; margin: 0 auto; text-align:center; display: inline-block; bottom: 24%; width: 80%; right: 0 !important; border-radius: 15px 15px 0 0;}
.flex-caption h3 { color: #fff; letter-spacing: 0px; margin-bottom: 8px; text-transform: uppercase; font-size: 90px; font-weight: 700; font-family: 'Montserrat', sans-serif; }
.flex-caption p { margin: 12px 0 18px; font-size:32px; font-weight: 400; line-height: 22px; color: #fff; text-transform: capitalize; }
.flex-direction-nav a { display: block; width: 80px; height: 85px; margin: -20px 0 0; position: absolute; z-index: 10; overflow: hidden; opacity: 0; font-size:60px; line-height:80px; cursor: pointer; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #1a1a1a; background-color: #d67400; background-image:none; border-radius: 0%; text-align: center; }
.flex-direction-nav a:hover, .flex-direction-nav a:focus { text-decoration:none; }
.flex-direction-nav .flex-next { right: -100px; text-align: center; }
.flex-direction-nav .flex-prev { left: -100px; text-align: center; }
.flexslider:hover .flex-next { opacity: 0.65; right: 0px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.flexslider:hover .flex-prev { opacity: 0.65; left: 0px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.loading { min-height: 300px; background: url('../images/icons/preloader.gif') no-repeat center center; }
/******************************************************
/// Intro text
******************************************************/
#intro { background: #000; padding: 35px 0 0 0; }
	#intro h3 { color: #ffffff; font-size: 44px; font-weight: 600; text-transform: uppercase; }
	#intro i { font-size:140px; color:#fff; }
	#intro span { color: #ffffff; font-size: 28px; font-weight: 600; padding-top:10px; text-transform: uppercase; }
	#intro p { color: rgba(255, 255, 255, 0.61); font-size: 15px; }


/******************************************************
/// Sadrzaji
******************************************************/
#content { position:relative; background:#1a1a1a; padding:100px 0 90px 0; }

#naslov-stranice { position: relative;margin: 0;padding: 0; }
	.naslov { color: #fff; margin: 30px 0 3px; display: inline-block; }
	#naslov-stranice h2.naslov { color: rgba(255, 255, 255, 1); padding: 5px 0; display:block; text-transform: capitalize; text-align: left; font-size:40px; }
	#naslov-stranice h2.naslov:before { content: ""; position: absolute; margin-top:7px; margin-left: 5px; left:-228px; background: #d67400; height:30px; width: 200px; border-right:45px solid #fff; }


/******************************************************
/// Usluge
******************************************************/
.usluge-wrapper { }
.usluge { cursor:pointer; margin-bottom: 0px; padding:20px 15px 20px 15px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
	.usluge i.ikona { float: left; color: #fff; font-size: 45px; line-height: 50px; min-width: 50px; margin-top: 5px; text-align: center; width: 82px;height: 82px; padding-top: 10px; -moz-box-shadow: inset 0 0 0px #000000; -webkit-box-shadow: inset 0 0 0px #000000; box-shadow: inset 0 0 0px #000000; background-color: #eee; border:5px inset #eee; border-radius: 50%;}
	.usluge .sadrzaj-usluge { border-top: 10px solid #000; padding:10px 25px 20px 25px; overflow: hidden;background:#d67400; }
		.usluge .sadrzaj-usluge h3 { color: #fff; font-size: 25px; text-transform:uppercase; line-height: 28px; margin:20px 0 8px 0; font-family: 'Montserrat', sans-serif; font-weight: 600; }
		.usluge .sadrzaj-usluge p { font-size: 14px; color:#fff; }
.usluge:hover, .usluge:focus { opacity:0.7; }


/******************************************************
/// O nama
******************************************************/
.about {}
.block-heading-two h3 span { display:block; font-size:13px; }


/******************************************************
/// Galerija (Isotope + MagnificPopup)
******************************************************/
#galerija { position:relative; background:#1a1a1a; padding:100px 0 0px 0; }

/* MagnificPopup animate */
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
	.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
	.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
	.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }


/******************************************************
/// Prefooter i footer
******************************************************/
.bg-wide { display: table; width: 100%; height: auto; background: url(../img/bg-wide.jpg) no-repeat bottom center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.bg-wide .heading-title h2 { color: #000; font-size: 64px; font-weight: 900; text-transform: uppercase; }

#pre-footer { padding: 70px 0 70px 0; }
	#pre-footer p { color: rgba(255, 255, 255, 1); font-size: 15px; }
	#pre-footer i { font-size:120px; color:#fff; }
.heading-title h2 { color: #d67400; font-size: 64px; font-weight: 900; text-transform: uppercase; }
.counter { width:23.5%; padding: 20px 0; border-radius: 5px; margin-right:1%; background-color: #000; }
	.counter:last-child { margin-right:0%; }
	.counter:hover { opacity: 0.90; cursor: pointer; }
	.count-title { font-size: 65px; font-weight: 900; margin-top: 10px; margin-bottom: 0; text-align: center; color:#fff; }
	.count-text { font-size: 15px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; }
	.counter i { margin: 0 auto; float: none; display: table; color: #d67400; }
.slike img { transition: all 0.5s ease-in-out; opacity: 1; }
	.slike img:hover { opacity: 0.65; }

footer { padding:40px 0 0 0; color:#f8f8f8; background: #1a1a1a; }
footer a { color:#fff; }
footer a:hover { color: #d67400; text-decoration:none;}
.footer-share { margin:10px 0; padding: 0; font-weight:normal; }
		.footer-share .icofont { color:#000; font-size: 45px; }
		.footer-share a:hover .icofont { color:#d67400; }
		.footer-share span { display:block; color:#767676; line-height: 27px; margin: 0 0 0 0; text-align:center; font-size: 13px;}
		.footer-share a i:after { width: 0; content: ''; height: 0; }
.ikone { margin: 0 8px; display: inline-block; width: 90px; height: 90px; border-radius: 100px; background-color: #fff; border: 6px solid #d67400; color: #000; text-align: center; line-height:100px; }
.ikone:hover { color: #d67400; }
	.copyright { text-align:center; font-size:12px; line-height:21px; color: #a2a2a2; margin:0 auto; }
	.design { text-align:center; text-transform: uppercase; color: #a2a2a2; font-size:13px; padding-bottom: 10px; }
	.design .fa { -webkit-animation-name: 'pulse_animation'; -webkit-animation-duration: 2000ms; -webkit-transform-origin:90% 90%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
	@-webkit-keyframes pulse_animation { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1); } 40% { -webkit-transform: scale(1.08); } 50% { -webkit-transform: scale(1); } 60% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1.05); } 80% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } }+
	.copyright a, .design a  { font-size:12px; color: #fff; text-decoration:none; font-weight:normal; }
	.copyright a:hover, .design a:hover { color: #d67400; }
.copyright small { text-transform:uppercase; font-size:10px; }

/******************************************************
/// Kontakt, mapa, forma
******************************************************/
.tvrtka { font-size:15px; text-align:right; padding:10px; margin:20px 0 0 0; border:1px solid #ccc; }
		.tvrtka h2 { font-size:25px; color:#fff; }
		.tvrtka h2 span { font-size:15px; display:block; }
.kontakt { background: #fff; width: 100%; height: 100%; margin-top:0px; position: relative; border-bottom:0px solid #d67400; }
.kontakt::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background-color: #eee; display: inline-block; }
.kontakt .sadrzaj { padding: 100px 0 80px 0; }
	.kontakt .sadrzaj h3 { font-size: 28px; font-weight: 500; letter-spacing: 1px; word-spacing: 2px; margin-bottom: 12px; margin-top: 0; }
	.kontakt .sadrzaj span { font-weight: 700; }
	.kontakt .sadrzaj p { font-size: 16px; margin-bottom: 0; color: #555; }
	.kontakt .sadrzaj .col-md-2 { text-align: right; }
	.kontakt .sadrzaj a { border: 5px solid #d67400; padding: 18px; text-transform: uppercase; font-size: 31px; font-weight: 300; text-align: center; text-decoration: none; letter-spacing: 1px; line-height: 40px; display: inline-block; color:#d67400; }
	.kontakt .sadrzaj a:hover { background-color: #ddd; color: #d67400; transition: all 1s ease-in-out; }
	.kontakt img.img-responsive { padding:0px 0 0px 0; }

.kontakt-detalji, .kontakt-detalji .detalji { position: relative; }
.kontakt-detalji { width: 100%; display: inline-block; margin-top: -58px; margin-bottom: 5px; background-color: #fff; -webkit-box-shadow: 0px 0px 162px -22px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 162px -22px rgba(0,0,0,0.55); box-shadow: 0px 0px 162px -22px rgba(0,0,0,0.55); }
	.kontakt-detalji .detalji { padding: 30px 15px 30px 97px; }
	.kontakt-detalji .detalji, .kontakt-detalji .detalji a { color: #000; }
	.kontakt-detalji .detalji h4 { font-family: 'Montserrat', sans-serif;  font-size: 13px; line-height:20px; margin: 0; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
	.kontakt-detalji .detalji p { font-size: 13px; margin-bottom: 0; line-height: 20px; }
	.kontakt-detalji .detalji.adresa i { background-color: #d67400; width: 56px; height: 61px; position: absolute; left: 0; top:58px; line-height: 60px; background-color: #d67400; text-align: center; }
	.kontakt-detalji .detalji.telefon { background-color: #fff; }
	.kontakt-detalji .detalji.telefon { padding: 30px 0px 30px 0px; text-align:center; }
	.kontakt-detalji .detalji.telefon i { width: 56px; height: 61px; position: absolute; left: 165px; top:-60px; line-height: 60px; background-color: #fff; text-align: center; }
	.kontakt-detalji .detalji.email { background-color: #fff; }
	.kontakt-detalji .detalji.email i { background-color: #d67400; width: 56px; height: 61px; position: absolute; right: 0; top:58px; line-height: 60px; background-color: #d67400; text-align: center; }

.map { position: relative; }
	.map-canvas { border: medium none; height: 45px; width: 100%; display: inline-block; margin: 0px 0 ; }

form { font-family: 'Montserrat', sans-serif; }
	.btn { display: inline-block; transition: all 0.5s ease-in-out; padding: 8px 14px; background:#eee; color:#777; min-width:300px; margin-bottom: 0; font-size: 19px; font-weight: 400;  text-align: center; border: 1px solid #ccc; border-radius: 0px; }