@import url(https://fonts.googleapis.com/css?family=Hind); /*--- Body Font ---*/
@import url(https://fonts.googleapis.com/css?family=Nobile); /*- Heading Font */
*{
	margin : 0;
	border:0;
	padding:0;
}
body{
	background-color: #fff;
	font-family: 'Hind',sans-serif;
	font-size: 18px;
	position: relative;
}
h1{
	font-family: 'Nobile',sans-serif;
	text-align: center;
	font-size: 175%;
	color: #4A4444;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 3% 0;
}
h3{
	font-family: 'Nobile',sans-serif;
	text-align: center;
	color: #4A4444;
	text-transform: uppercase;
	letter-spacing: 1%;
}
p{
	padding: 2%;
	color: #4A4444;
	text-align: justify;
}
img{
	max-width: 100%;
	height: auto;
}
.fb{
	height: 40px;
	width: 40px;
	float: right;
	display: inline;
	padding-right: 20px;
}
.kp{
	display: inline;
	height: 40px;
	width: 60;
	float: right;
}
#banner-wrapper{
	max-width: 1280px;
	margin: 0 auto;	
}

/*--Start Image Slider Style--*/

.slider{
	width: 100%;
}
.slider1 img{
	width: 100%;
	min-width: 100%;
	margin: 0 auto;
}
.slider .bx-wrapper .bx-controls-direction a{
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 40%;
	height: 71px;
	width: 40px;
	z-index: -1;
	transition: all 0.7s;
}
.slider .bx-wrapper:hover .bx-controls-direction a{
	z-index: 5;
}
.slider .bx-wrapper  .bx-prev {
	background: #000 url(img/left-arrow-white.png)  8px 13px;
	background-repeat: no-repeat;
	left: 0px;
	opacity: 0.3;
}
.slider .bx-wrapper .bx-prev:hover {
	opacity: 0.6;
}
.slider .bx-wrapper  .bx-next {
	background: #000 url(img/right-arrow-white.png)  10px 12px;
	background-repeat: no-repeat;
	right: : 0px;
	opacity: 0.3;
}
.slider .bx-wrapper .bx-next:hover {
	opacity: 0.6;
}
/*--End Image Slider Style--*/
.one-half{
	width: 44%;
	float: left;
	margin: 2% 0 3% 4%;
	text-align: center;
}
.one-third{
	width: 28%;
	float: left;
	margin: 2% 0 3% 4%;
	text-align: center;
}
.left-col{
	width: 90%;
	text-align: center;
	margin: 4% 0 4% 4%;
}
.clearfix{
	clear: both;
}
/*--Start Parallax Section*/
.parallax-1{
	background-image: url("img/slika1.jpg");
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax-inner{
	padding-top: 90px;
	padding-bottom: 330px; 
}
.parallax-2{
	background-image: url("https://www.w3newbie.com/wp-content/uploads/black-pattern.jpg");
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax-inner h3, .parallax-inner p{
	color: #F1F1F1;
}
.parallax-inner p{
	color: 	black;
}
/*--End Prallax Section--*/
footer{
	background-color: #262E37;
	opacity: 0.9;
	width: 100%;
	margin-top:5%;
	overflow: auto; 
}
footer p{
	color: #fff;
}
/*--MEDIA QUERIES--*/
@media screen and (max-width: 768px){
	.slider .bx-wrapper .bx-controls{
		display: none;
	}
	/*.parallax-inner{
		display: none;
	}*/
	.one-third{
		width: 100%;
		margin: 4% 0;
	}
	.one-half{
		width: 100%;
		margin: 4% 0;
	}
	h1{
		font-size: 125%;
	}
	.left-col{
		width: 90%;
		margin-bottom: 3%;
	}
	img{
		width: 100%;
	}
	.fb{
		max-width: 30px;
		height: 30px;
		float: right;
		margin: 0;
		padding-right: 10;
	}
	.kp{
	display: inline;
	height: 30px;
	width: 60px;
	float: right;
	}
	h3{
		padding-top: 3%;
	}
}