* { box-sizing:border-box; -moz-box-sizing:border-box; }

html {height:100%;}
body {position:relative; height:100%; color: #FFFFFF;/* font-family: 'Bevan', cursive;*/  background:white; overflow:hidden; font-size: 10px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 24em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	
	}


	@media only screen and (max-width: 830px) {
		.news img {display:block; float:none;  padding:0px 0px 20px !important;}
	}




/*Header Banner */
.black {z-index:200; position:absolute; top:0px; left:0px; width:100%; height:100%; background:black; opacity:0; transition:0.7s;}
.wrapper {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%; opacity: 0.6;}
.wrapper .rslides {margin:0 auto !important;  }
.wrapper .rslides li {padding-top:0%; transition:0.3s; background-position:center; height:100%; width:100%;
		-webkit-filter: blur(8px);
		-moz-filter: blur(8px);
		-o-filter: blur(8px);
		-ms-filter: blur(8px);
		filter: blur(8px);
	}
.inner {position:absolute;width:100%;-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex:none; }
.inner  .rslides {max-width:920px; margin:0 auto; overflow:visible !important;}
.inner  .rslides li {position:relative; transition:0.3s; background-position:center; height:600px; width:100%; max-height:520px;
	border-radius:13px; box-shadow: 2px 2px 23px rgba(0,0,0, 0.63) !important; overflow:visible !important; transition:0.3s;}
	
	.overlay {width:100%;  color:white;font-size:37px;font-family: 'Arvo', serif; line-height: 42px; text-align:center;padding: 10px 4%;text-align: center;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.37);}
	.overlay span {display:block; opacity:0; text-shadow: 2px 1px 13px rgba(0, 0, 0, 0.95) , 2px 1px 13px rgba(0, 0, 0, 0.75); transition:0.3s;}
	
	/*ANIMATIONS ====== */
	.ov1, .ov7, .ov8 {position:absolute; height:100%;}
	.ov1 .block1, .ov7 .block1 , .ov8 .block1 {position:absolute; top:15%; left:0px; width:100%;}
	.ov1 .block2, .ov7 .block2 , .ov8 .block2 {position:absolute; bottom:15%; left:0px; width:100%;}
	
	.ov2, .ov3, .ov4, .ov5, .ov6 {position:absolute;left:0px; top:50%; margin-top:-100px; }
	.ov4 {margin-top:-120px;}
	
	.ov7 .sp1, .ov7 .sp3, .ov8 .sp1, .ov8 .sp3 {font-size:50px;}
	.ov7 .sp2, .ov7 .sp4, .ov8 .sp2, .ov8 .sp4 {font-size:28px;}
	
	.ov8 span {opacity:1;}
	
	@media (max-width:920px) {
		.inner {top:0px; left:0px; width:100%; height:100%;}
		.inner  .rslides li {padding-top:0%; transition:0.3s; background-position:center; height:100% !important;max-height:2000px; width:100%;}
		.inner  .rslides li {border-radius:0px;}
	}
	@media (max-height:520px) {
		.inner {top:0px; left:0px; width:100%; height:100%;}
		.inner  .rslides li {padding-top:0%; transition:0.3s; background-position:center; height:100% !important;max-height:2000px; width:100%;}
		.inner  .rslides li {border-radius:0px;}
	}
	@media (max-width:720px) {
		.overlay {font-size:27px;  line-height: 32px;}
		.ov7 .sp1, .ov7 .sp3, .ov8 .sp1, .ov8 .sp3 {font-size:30px;}
		.ov7 .sp2, .ov7 .sp4, .ov8 .sp2, .ov8 .sp4 {font-size:20px;}
	}
	@media (max-height:370px) {
		.overlay {font-size:27px;  line-height: 32px;}
		.ov7 .sp1, .ov7 .sp3, .ov8 .sp1, .ov8 .sp3 {font-size:30px;}
		.ov7 .sp2, .ov7 .sp4, .ov8 .sp2, .ov8 .sp4 {font-size:20px;}
	}
	
	
	
/*FOOTER*/

footer {position:absolute; z-index:400;font-size:16px; bottom:15px; left:0px; width:100%; text-align:center; text-shadow: 1px 1px 4px black;}

/* ResponsiveSlides */
ul.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;height: 100%;padding: 0;margin: 0;}
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }