/*Org Formaturas 2015*/

/* Novo Layout */
#video{position:absolute; top:0; left:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-1000; background:url(../images/video_bg.jpg) 0 0 no-repeat;}
.video-bg{background:none}
.video-but{display:block; border:0; outline:none; width:36px; height:36px; position:absolute; bottom:16px; cursor:pointer; text-indent:-9999px; opacity:0.7; transition:all .2s ease; left:10px;}
.video-but:hover{opacity:1}
.unmute{background:url(../images/audio_button.png) 0 0 no-repeat; display:none} 
.mute{background:url(../images/mute_button.png) 0 0 no-repeat;}
.mbYTP_wrapper{min-height:66%!important; height:72%; position:absolute!important; opacity:1!important; width:100%;}
.mbYTP_2{z-index:-9; background:#000}
.mbYTP_wrapper:after{display:block;content:"";position:absolute;bottom:0;height:9%;background:#fff;left:0;width:100%}
/* Correcoes Bug */
body{
	max-width:100%; overflow-x:hidden;
}
a:hover{
	opacity:0.9;
}
.w-container .w-row{
	margin-left:0; margin-right:0
}
.w-container.diferencial{
	background: none;
}
.colunas-formaturas .w-col:nth-child(4n + 5){
	clear:both;
}
#email-form{
	max-width:700px; margin:0 auto
}
#email-form .w-input, #email-form .w-select{
	width:100%
}
#email-form #fd-celular, #email-form #fd-celular-2, #email-form #fd-curso{
	width:333px;
}
#email-form #fd-periodo, #email-form #fd-turno{
	width:159px;
}
#email-form #fd-periodo{
	margin-right:10px
}
#email-form #fd-turno{
	margin-left:0
}
#email-form #fd-mesconclusao{
	width:246px; margin-left:0
}
#email-form #fd-anoconclusao{
	width:247px
}
.marca{
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
.marca.short{
	top:15px; right:15px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
.section-depoimento, .w-row, .w-container, .w-section{
	max-width:100%; overflow:hidden;
}
.block-depoimento{
	width:auto; overflow:hidden; max-width:1100px; padding:0 30px
}
.depoimento.nome_cliente{
	margin-top: 20px; font-size: 18px;
}
.foto-depoimento{
	margin-left:10px;
}
.marca.short img{
	position:relative; width:120px; height:auto; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
.botao-submit{
	cursor:pointer
}
.botao-submit:hover{
	opacity:0.9
}
.data-formatura{
	display:block;
}
.formatura-lnk{
	display:block; text-decoration:none; outline:none
}
.modal{
	position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.8); z-index:9999; display:none;
}
.modal-cnt{
	padding:35px 10px 10px;
}
.modal .modal-close{
	position:absolute; top:2px; right:10px; text-indent:-9999px; text-decoration:none; background:url(../images/close.png); background-repeat:no-repeat; background-position:center center; width:40px; height:40px; background-size:26px 26px;
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; 
}
.modal .modal-close:hover{
	background-image:url(../images/close_hov.png)
}
.modal h2{
	margin:0 auto; max-width:900px; font-family:Proximanova,sans-serif; color:#fff; font-size:20px; line-height:1.1; font-weight:400
}
.modal span{
	margin:0 auto; max-width:900px; font-family:Proximanova,sans-serif; color:#fff; font-size:12px; font-weight:400; display:block
}
.modal p{
	margin:10px auto 0; max-width:1000px; font-family: Proximanova,sans-serif; color: #fff; font-size:14px; font-weight:300; display: block; 
}
.modal img{
	margin-bottom:20px
}
.modal img:last-child{
	margin-bottom:0
}
.modal-vimeo{
	margin:20px auto 0; width:100%; max-width:900px; height:500px; display:block;
}
#modal-formatura{
	position:relative;
}
.w-input.input, .w-select.input{
	border:1px solid #cccccc; display:inline-block; height:38px; padding:8px 12px;
}

/* Imagens Slide */
.owl-dots{
	display:none
}
.owl-controls{
	position:absolute; top:47%; width:100%
}
.owl-nav{
	position:relative;
}
.owl-prev, .owl-next{
	position:absolute; width:32px; height:32px; background-size:32px 32px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; top:0; opacity:0.4;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}
.owl-prev{
	background-image:url(../images/arrow-prev.png); left:5px; 
}
.owl-next{
	background-image:url(../images/arrow-next.png); right:5px;
}
.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next{
	opacity:1
}
#modal-carousel.owl-carousel .owl-item img, .no-owl-carousel .item img{
	max-height:600px; max-width:1000px; display:inline-block;
}
#modal-carousel.owl-carousel .owl-item .item, .no-owl-carousel .item{
	margin:0 auto; text-align:center;
}
#depoimento-carousel.owl-carousel .owl-prev{
	background-image:url(../images/arrow-prev-black.png); left:-30px; 
}
#depoimento-carousel.owl-carousel .owl-next{
	background-image:url(../images/arrow-next-black.png); right:-30px
}
#depoimento-carousel.owl-carousel .owl-controls{
	top:54%
}
.div-foto-formatura{
	position:relative
}
.div-foto-formatura:after{
	content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;
}
.div-foto-formatura.on:after{
	background:url(../images/loading.gif) center no-repeat rgba(0,0,0,0.5); background-size:50px;
}
.section-acessorestrito{
	padding-top:20px; padding-bottom:20px; background:#000000; font-size:0;
}
.block-acessorestrito{
	width:100%; max-width:1100px; padding:0 30px; text-align:center; margin:0 auto
}
.acesso-lnk{
	transition:all .3s ease-in-out; width:23%; margin:0 1%; border-bottom:solid 5px #e3b600; vertical-align:top; display:inline-block; height:50px; background:#ffcf06; font-family:Proximanova, sans-serif; color:#1c1c1c; font-size:15px; line-height:50px; font-weight:600; text-transform:uppercase; text-decoration:none; text-align:center
}
.footer{
	position:relative; padding-bottom:40px
}
.logo-cd{
    background:url(../images/logocd.png) 0 0 no-repeat; background-size:30px auto; text-indent:-9999px; width:30px; height:15px; display:block; position:absolute; right:10px; bottom:10px
}
.form-conversao{
	background-attachment:initial
}
.input, .w-input.input{
	max-width:100%
}

@media only screen and (max-width: 850px) and (min-width: 450px) {
	#slider #controls label {
		-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	}
	#slider #active {
		margin: 22% 0 0;
	}
}

@media only screen and (max-width: 450px) {
	#slider #active {
		margin: 23% 0 0;
	}
	#slider #controls label {
		-moz-transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);
	}
}

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

	.acesso-lnk{
		font-size:14px
	}

}

@media screen and (max-width:991px) {
	.block-depoimento{
		width:100%; padding:0 20px
	}
	.depoimento{
		width:auto
	}
	.modal-vimeo{
		height:530px
	}
}

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

	.acesso-lnk{
		font-size:17px
	}

}

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

	.acesso-lnk{
		width:100%; display:block; margin:20px 0 0; font-size:21px
	}
	.acesso-lnk:first-child{
		margin-top:0
	}

}

@media screen and (max-width:768px) {
	.hero-text{
		font-size:48px; margin-top:195px;
	}
	.w-col.w-col-5, .w-col.w-col-7{
		margin-top:20px
	}
	.hero-section{
		font-size:46px
	}
	.block-depoimento{ 
		padding: 0 40px;
	}
	.depoimento{
		width: 100%;margin-left: 220px;margin: 30px auto 0;text-align: center;padding: 0 20px;
	}
	.foto-depoimento{
		display:block; margin:0 auto; float:none;
	}
	#email-form #fd-celular, #email-form #fd-celular-2, #email-form #fd-curso, #email-form #fd-periodo, #email-form #fd-turno{
		width:100%; margin-left:0
	}
	.modal-vimeo{
		height:400px
	}
	.w-col:nth-child(2n + 3){
	  	clear:both;
	}
	.video-bg{ 
		background-image:url('../images/simula-video.jpg'); min-height:330px; background-size:cover; background-repeat:no-repeat;
	}
	.video-but{
		display:none
	}
	#email-form{
		max-width:500px
	}
	.hero-section.branco{
		padding:0 20px
	}
	.no-owl-carousel img{
		max-width:100%!important
	}
	
}

@media screen and (max-width:479px) {
	.marca img{
		width:150px
	}
	.hero-text{
		font-size:24px; line-height:30px; letter-spacing:2.5px; margin-top:166px; font-weight:600; text-rendering:optimizeLegibility!important; -webkit-font-smoothing:antialiased !important;
	} 
	.hero-text br{
		display:none 
	}
	.hero-section{
		font-size:42px
	}
	.modal-vimeo{
		height:240px
	}
	.acesso-lnk{
		font-size:18px
	}
	.video-but{
		display:none
	}
	.hero-section{ 
	    font-size:32px; line-height:1.2; padding:0 20px;
	}
	.depoimento{ 
		font-size:16px; line-height:1.3;
	}
	#email-form{
		max-width:320px
	}
	.endereco{
		padding:0 40px;
	}
	textarea.w-input{
		height:130px
	}
}


