html,body{  
	height: 100%; 
	width: 100%; 
}

body.hidden
{
	overflow: hidden;
}
 
.pagewrap{
	padding-top: 40px;
	position: relative;
	height: 640px;
}

.pageblock{
	width: 100%;
}

 

.pageblock#fullscreen{
	height: 100%;
	background: none;
	color: white;
	position: relative;
}

 

.pageblock#fullscreen .slider{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.pageblock#fullscreen .slider .slide{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	float: left;
	position: absolute;
}

.pageblock#fullscreen .slider .slide:before{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background: rgb(0,0,0);
	left: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(2,2,14,.6) 11%, rgba(255,255,255,0) 50%);
}

.pageblock#fullscreen .slider .slide .slidecontent{
	position: absolute;
	top: 50%;
	width: 690px; 
	padding: 50px;
	background: rgba( 0,0,0, 0.7);
	left: 50%;
	margin-left: -345px;
	margin-top: -150px;
	text-align: center;
}

.pageblock#fullscreen .slider .slide .slidecontent.p-aluno{
	position: absolute;
	top: 50%;
	width: 540px; 
	padding: 50px;
	background: rgba( 0,0,0, 0.7);
	left: 50%;
	margin-left: -270px;
	margin-top: -150px;
	text-align: center;
}



.pageblock#fullscreen .slider .slide .slidecontent h1{  
	font-size: 20px; 
	font-weight: 200;
	line-height: 140%;
}

.pageblock#fullscreen .slider .slide .slidecontent .headersur{ 
	color: #ffffff; 
	font-size: 13px;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.pageblock#fullscreen .slider .slide .slidecontent .button{ 
	text-transform: uppercase; 
	color: white;
	font-size: 13px; 
	text-decoration: underline;
	font-weight: 100;
	display: inline-block; 
}

 

 
 

 
 

.pageblock#fullscreen #slideposition{
	position: absolute;
	bottom: 50px;
	/*left: 50%;*/
	width: 100%;
	text-align: center;
	z-index: 500;
}

.pageblock#fullscreen #slideposition ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pageblock#fullscreen #slideposition ul li.indicator{
	display: inline-block;
	height: 10px;
	width: 10px;
	background: #ffffff;
	margin: 0px 7px;
	padding: 0;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	overflow: hidden;
	cursor: pointer;
}

.pageblock#fullscreen #slideposition ul li.indicator.active{
	background: #b1c72f;
}



@media(max-width: 767px){
	.pagewrap{
		max-height: 450px; 
   		margin-top: 35px;
	}

	.pageblock#fullscreen .slider .slide .slidecontent{
		top: 35%!important;
	}
}

@media(max-width: 575px){ 
	.pageblock#fullscreen .slider .slide .slidecontent{
		max-width: 280px;
		margin-left: -140px!important;
		padding: 25px 18px 15px!important;
	}
}