/* Estilo CSS Org Formaturas Videos */

span.subtitulo{
  	margin-top: 10px;margin-bottom: 25px;font-family: Proximanova, sans-serif;font-size: 15px;line-height: 20px;font-weight: 400; display:block
}
.marca img{
  	height: 70px; width: auto;
}
.input{
	outline:none;
}
.botao-enviar{
	border:0; padding:0 12px; height:29px; outline:none;
}
.modal{
	background:rgba(0,0,0,0.8); position:fixed; top:0; bottom:0; left:0; right:0; font-family:Proximanova,sans-serif; z-index:10; display:none
}
.modal-cont{
	position:absolute; width:404px; padding:30px; background:#fff; left:50%; top:50%; margin-left:-202px; margin-top:-97px;
}
#modal-gerarsenha .modal-cont{
	margin-top: -175px;
}
.modal-sair{
	position:absolute; display:block; font-size:14px; text-decoration:none; color:#000; top:10px; right:15px
}
.modal-sair:hover{
	color:#6a6a6a
}
.modal h3{
	margin-top:0
}
.modal span{
	margin-top:10px; margin-bottom:15px; font-size:15px; line-height:20px; font-weight:400; display:block;
}
.modal-gerar{
	display:none
}
.modal-form form{
	padding-bottom:10px
}
.modal .modal-nosucess, .modal .modal-nofields, .modal .modal-senha{
	font-size:15px; line-height:20px; font-weight:400; color:#f42929; display:none
}
.modal .input{
	font-size:14px; line-height:1.428571429; color:#555555; background-color:#ffffff; border:1px solid #cccccc; padding:0 10px
}
.modal .input:focus {
  	border-color: rgba(82, 168, 236, 0.8);
}
.modal .botao-acessar{
	outline:none; border:0; height:30px; cursor:pointer; margin-top:0;
}
.modal .botao-acessar:hover{
  	background-color:#1c1c1c; opacity:0.9;
}
.link-formatura{
	text-decoration:none
}
.modal-formatura{
	padding:60px 40px;
}
.modal-formatura iframe{
	max-width:1068px; margin:0 auto; display:block
}
.modal-close{
	position: absolute; top:10px; right:10px; text-indent:-9999px; text-decoration:none; background:url(../images/close.png);background-repeat:no-repeat;
  background-position:center; width:50px; height:50px; background-size:40px; transition:all 0.3s ease-in-out; opacity:0.8
}
.modal-close:hover {
  	opacity:1
}
span.spantexto {
  	font-family:Proximanova,sans-serif; font-size:14px; line-height:20px; font-weight:400; margin-right:5px
}

.msg-aluno {
  font-family: Proximanova, sans-serif;
  margin-top: 20px;
  font-size: 16px;
  clear:both;
}

.logout{
	display: block;
    color: #000;
    background-color: #ffcf06;
    text-decoration: none;
    border-radius: 5px;
    padding: 15px 5px;
    margin: 60px 5px 20px;
    font-family: Proximanova, sans-serif;
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    height: 50px;
}
.logout:hover{
	opacity: 0.9;
}
.input, .w-input.input{
	max-width:100%
}


@media screen and (max-width:767px){

	.hero-diferencial, span.subtitulo{
		padding:0 10px;
	}
	.marca img{
		height:50px;
	}
	.modal-formatura iframe{
		height:386px;
	}

}

@media screen and (max-width:479px){

	.hero-diferencial{
		margin-top:65px
	}
	.marca{
		top:10px; right:10px;
	}
	.marca img{
		height:40px;
	}
	.modal-cont{
	  	width:304px; margin-left:-152px;
	}
	.modal-formatura{
		padding:40px 20px;
	}
	.modal-formatura iframe{
		height:242px;
	}
	.modal-close{
		top:0; right:0;width:40px; height:40px; background-size:30px;
	}

}