body{
	position: relative;
	z-index:0;
}

header, main ,footer{
	/*top:620px;*/
	position: relative;
}

main ,footer{
	z-index:20;
}

#slider{
	overflow:hidden;
}


#slider iframe{
	/* position:fixed;*/
	width:100%;
	height:640px;
}


@media (max-width: 991.98px) {
	header, main ,footer{
		/*top:500px;*/
	}

	#slider iframe {
		height:520px;
	}
}

@media (max-width: 767.98px) {
	header, main ,footer{
		/*top:425px;*/
	}

	#slider iframe {
		height:400px;
	}
	
}

@media (max-width: 575.98px) {
	
	header, main ,footer{
		/*top:380px;*/
	}

	
	#slider, #slider iframe {
		height:360px;
	}
}


#info{
	z-index:16;
	position: fixed;
	width:200px;
	height:200px;
	top:30px;
	margin-left:938px;
}

#info.mini{
	opacity:0.8;
	top:0;
	z-index:21;
}


#info2{
	z-index:17;
	position: fixed;
	width:200px;
	height:200px;
	top:220px;
	margin-left:938px;
}

#info3{
	z-index:18;
	position: fixed;
	width:200px;
	height:200px;
	top:410px;
	margin-left:938px;
}

@media (max-width: 1199.98px) { 
	#info, #info2, #info3{
		margin-left:780px;
	}
}

@media (max-width: 991.98px) {
	#info, #info2, #info3{
		margin-left:555px;
		width:160px;
		height:160px;
	}
	
	#info2 {
		top:180px;
	}

	#info3 {
		top:330px;
	}

	#info.mini{
		top:10px;
	}
	
	
}
@media (max-width: 767.98px) {
	#info .info{
		display:none !important;
	}
	
	#info2, #info3{
		position: relative;
		z-index:21;
		width:35%;
		top:500px;
		height:auto;
	}
	
	#info2{
		position: absolute;		
		margin-left:14%;
	}
	#info3{
		margin-left:51%;
	}
}

@media (max-width: 575.98px) {
	
	#info2 , #info3 {
		top:310px;
		
		width:42%;
		height:auto;
	}
	
	#info2 {
		margin-left:6%;
	}
	#info3 {
		margin-left:52%;
	}
}


#main .table-sm td, #main .table-sm th{
	padding-top:9px !important;
	padding-bottom:10px !important;
}