<style>
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url(img/bg-img-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;	
}
#wrap{
	min-height: 100%;
}
#main{
	overflow:auto;
	padding-bottom:150px;
}
.footer{
	position:relative;
	margin-top:-150px;
	height:150px;
	clear:both;
	padding-top:20px;
}
.putar{
	width: 100px;
	height: 100px;
	border: 4px solid #f3f3f3;
	border-top: 5px solid #3498db;
	border-radius: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	animation: putar 2s linear infinite;
}
@keyframes putar {
	0% {transform: rotate(0deg);} 
	100% {transform: rotate(360deg);}
}
#overlay{
	height: 100%;
	width: 100%;
	background: #010101;
	position: fixed;
	left: 0;
	top: 0;
}
.parallax {
    background-image: url(img/bg-img-2.png);
	height: 100%; 
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.bok{
	width:300px;
	height:auto;
	border:1px solid;
	margin-top:20px;
	padding:20px 10px 20px 10px;
}
.bok1{
	max-width:950px;
	height:auto;
	border:1px solid;
	margin-top:20px;
	padding:20px 10px 20px 10px;
}
.ibok{
	width:100%;
	height:20px;
}
@media screen and (max-width: 524px) {
	.bok{
		width:65%;
		border:1px solid #fffff;
		/*padding:10px;
		margin:10px;*/
	}
	.bok1{
		width:90%;
		border:1px solid #fffff;
		/*padding:10px;
		margin:10px;*/
	}
}
</style>