@charset "utf-8";

/* font load */
@font-face {
	font-family: BebasNeue;
	src: url("/public/fonts/BebasNeue-Regular.otf");
}
@font-face {
	font-family: OpenSans;
	src: url("/public/fonts/OpenSans-Regular.ttf");
}
/* ./font load */

/* initial */
body{
	font-family: OpenSans;
	font-size: 18px;
}

a{
	color:black;
}

a:hover{
	text-decoration: none;
	color:black;
}

img{
	max-width: 100%;
}

.align-left{
	text-align:left;
}

.align-center{
	text-align:center;
}

.align-right{
	text-align:right;
}

.valign-middle{
	margin-top:auto;
	margin-bottom:auto
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

::-webkit-scrollbar{
	width:10px;
	background:#fff;
	border-left:0px;
}

::-webkit-scrollbar-thumb{
	background:#02549d;
}

.equal-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.equal-height > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.blue{
	color:#02549d;
}
/* initial */

/* header */
header{
	width: 200px;
	background: white;
	position: absolute;
	text-align: center;
	top:50px;
	z-index: 9999999;
	left: 100px;
	border-radius: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}

header .logo{
	margin-bottom:20px;
}

header nav{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

header nav .activ{
	text-decoration: underline;
}

header nav li{
	padding-top: 10px;
	padding-bottom: 10px;
}


header nav li a{
	color:#02549d;
}

header .social i{
	font-size:35px;
	margin-right:10px;
	margin-top:20px;
}

header .social a{
	color:#02549d;	
}
/* ./header */


/* slider */
.slider{
	position: relative;
}

.body-pocetna .slider .image{
	display: block;
	margin: 0px auto;
	height: 100%;
}

.slider .image{
	height: 700px;
	width: 100%;
	object-fit: cover;
}

.slider .wrapper{
	position: absolute;
	bottom: 30px;
	right: 30px;
	padding: 15px;
	background: white;
	width: 400px;
	font-size:20px;
	color:#02549d;
}

.slider .wrapper .item{
	margin-bottom: 10px;
}

.slider .wrapper .item i{
	width: 30px;
	font-size:27px;
}
/* ./slider */

/* pocetna */
.pocetna{

}

.pocetna-uvod .slika{
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

.pocetna-uvod .slika img{
	max-height: 600px;
}

.pocetna-uvod .tekst{

}

.pocetna-uvod .tekst h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 80px;
	font-weight: bold;
	font-family: BebasNeue;
	letter-spacing: 5px;
}

.pocetna-uvod .tekst h2{
	text-align: center;
	text-transform: uppercase;
	font-size: 50px;
	font-weight: bold;
	font-family: BebasNeue;
	letter-spacing: 5px;
	margin-bottom: 25px;
}

.pocetna-uvod .tekst p{
	text-align: center;
}

.pocetna-uvod .tekst .dugme{
	padding:15px;
	background: #595959;
	color: white;
	width:150px;
	margin: 0px auto;
	text-align: center;
	margin-top:25px;
}

.pocetna-uvod .tekst .dugme a{
	color: white;
}

.pocetna-map{
	height: 400px;
}

.pocetna-map .map{
	width: 100%;
	height: 400px;
}

.pocetna-galerija{
	position: relative;
}

.pocetna-galerija .dugme{
	position: absolute;
	bottom: 120px;
	display: inline-block;
	background: white;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 60px;
	padding-left: 60px;
	margin-left:-80px;
	font-size: 20px;
}

.pocetna-galerija .dugme a{
	color: black;
}

.pocetna-galerija{

}

.pocetna-galerija img{
	padding-top:50px;
	padding-bottom:50px;
}

.pocetna-svet h2{
	text-align: center;
	text-transform:uppercase;
	font-size:70px;
	font-family: BebasNeue;
	letter-spacing: 5px;
	font-weight: bold;
	color: #02549d;
	margin-top:50px;
}

.pocetna-svet img{
	padding-top:50px;
	padding-bottom:50px;
}

.pocetna-usluge{
	position: relative;
}

.pocetna-usluge .dugme{
	position: absolute;
	bottom: 70px;
	display: inline-block;
	background: #02549d;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 60px;
	padding-left: 60px;
	margin-left:-80px;
	font-size: 20px;
}

.pocetna-usluge .dugme a{
	color: white;
}
/* ./pocetna */

/* default */
.default{
	padding-top:25px;
	padding-bottom:25px;
}

.default h1{
	text-align: center;
	font-weight: bold;
	margin-bottom: 25px;
	text-transform: uppercase;
}
/* ./default */

/* galerija */
.galerija{

}

.galerija .list .item{
	margin-top: 15px;
	margin-bottom: 15px;
}


.galerija .list .item img{
	height: 250px;
	width: 100%;
	object-fit: cover;
	
}
/* ./galerija */

/* usluge */
.usluge{

}

.usluge .image{
	float: right;
	max-height: 400px;
}
/* ./usluge */

/* kontakt */
.kontakt{
	padding-bottom: 0px;
	margin-bottom: -7px;
}

.kontakt .map{
	width: 100%;
	height: 500px;
}

.kontakt .info i{
	font-size: 25px;
	color:#02549d
}


.kontakt .info{
	padding-bottom: 25px;
	text-align: center;
}
/* ./kontakt */

/* footer */
footer{
	background: #02549d;
	padding-top: 25px;
}

.footer-galerija{
	background: white;
	padding-top: 15px;
}

.footer-galerija .item{
	margin-bottom: 15px;
}

footer .logo{
	text-align: center;
}

footer .logo img{
	height:150px;
}

footer .social{
	text-align: center;
}

footer .social i{
	font-size:35px;
	margin-right:10px;
	margin-top:20px;
}

footer .social a{
	color:white;	
}

footer nav{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	display: table;
	padding-top: 10px;
}

footer nav .activ{
	text-decoration: underline;
}

footer nav li{
	padding-top: 10px;
	padding-bottom: 10px;
	display: table-cell;
	width: 200px;
	text-align: center;
}

footer .info{
	color:white;
	font-size: 22px;
	color:#02549d;
}

footer .info .wrapper{
	background: white;
	margin-left:50px;
	padding: 20px;
	padding-bottom: 10px;
}

footer .info .item{
	margin-bottom: 10px;
}


footer .info .item i{
	width: 30px;
}

footer nav li a{
	color:white;
}

.copyright{
	background: #02549d;
	color: white;
	text-align: center;
	font-size: 14px;
	padding-top: 5px;	
	padding-bottom: 5px;
	border-top: 1px solid white;	
}
/* ./footer */