/*SERVIÇO*/
.curso { width: 100%; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 40px 20px; }
.curso .sobre_curso { width: 100%; padding: 0px 0px 35px 0px; height: auto; color: #47545c; text-align: left; font-size: 16px; line-height: 26px; font-weight: 400; }

.video { width: 950px; background-color: rgba(71,84,92,1); height: 450px; position: relative; margin: 30px 75px 50px 75px; text-align: center; z-index: 10; }
.video img { width: 950px; height: 450px; opacity: 0.4; position: relative; z-index: 10; }
.video .play { width: 950px; height: 450px; z-index: 11; position: absolute; background-image: url(../imagens/ico-play.png); background-repeat: no-repeat; background-position: center center; background-size: auto 80px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.video:hover { -webkit-box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); -moz-box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); }
.video:hover img { opacity: 1; }
.video:hover .play { background-size: auto 100px; }

/*PLANOS*/
.subdivisao { width: 100%; height: auto; position: relative; padding: 20px 0px; border-top: 1px solid #eaeaea; }
.subdivisao .qual_sub { width: 100%; text-transform: uppercase; height: auto; position: relative; padding: 5px 0px; text-align: left; color: #000000; font-size: 24px; line-height: 26px;  font-family: 'Poppins'; font-weight: 700; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
ul.planos { display: inline-block; vertical-align: top; position: relative; height: auto; width: 100%; margin: 15px 0px 0px 0px; min-height: 360px; text-align: left; }
ul.planos li { position: relative; height: auto; min-height: 340px; background-color: #f4f6f8; width: 220px; display: inline-block; padding: 15px; vertical-align: top; margin: 20px 10px 30px 10px; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
ul.planos li.gratuito { background-color: #f4f6f8; }
ul.planos li.gratuito .icone { width: 100%; height: 340px; text-align: center; }
ul.planos li.gratuito .icone i { font-size: 40px; line-height: 340px; color: #15424a }
ul.planos li .recomendo { font-size: 14px; font-weight: 700; color: black; background: yellow; line-height: 40px; display: inline-block; padding: 0; width: 100%; margin: 0px 0px 0px 0; letter-spacing: 1px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }
ul.planos li .recomendo i { line-height: 40px; color: #15424a; padding-right: 7px; font-size: 12px; display: inline-block; vertical-align: top; }
ul.planos li .label { font-size: 18px; font-weight: 700; color: #15424a; line-height: 40px; display: inline-block; padding: 0px; margin: 0 0 15px 0; width: 100%; text-align: left; position: relative;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
ul.planos li .label .valor { font-size: 18px; font-weight: 700; color: #15424a; border: 1px solid rgba(42,16,143,0.05); line-height: 40px; float: right; padding: 0 15px; border-radius: 30px; }
ul.planos li .cta { font-size: 15px; white-space: nowrap; font-weight: 600; color: #ffffff; border: 3px solid #ffffff; background: #15424a; line-height: 40px; bottom: -40px; position: absolute; padding: 0 25px ; border-radius: 30px; margin: 20px 45px; letter-spacing: 1px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

ul.planos li .ctaorc { font-size: 15px; white-space: nowrap; font-weight: 600; color: #ffffff; border: 3px solid #ffffff; background: #15424a; line-height: 40px; bottom: -40px; position: absolute; padding: 0 25px ; border-radius: 30px; margin: 20px 0px; letter-spacing: 1px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

ul.planos li .descricao { width: 100%; height: auto; position: relative; display: inline-block; padding: 0px 0px 15px 0px; width: 100%;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
ul.planos li .descricao p { width: 100%; opacity: 0.2; height: auto; position: relative; font-size: 14px; text-align: left; display: inline-block; font-weight: 400; font-family: 'Poppins'; border-top: 1px solid #ffffff; padding: 4px 0px; line-height: 20px; }
ul.planos li .descricao p.tem { opacity: 1; }
ul.planos li .descricao p i { line-height: 20px; color: #15424a; padding-right: 5px; font-size: 14px; display: inline-block; vertical-align: top; }
ul.planos li .descricao p:hover { color: #ffffff; }
ul.planos li:hover .descricao { padding: 0px 0px 20px 0px;  }
ul.planos li:hover { background: #15424a; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 40px -20px, rgba(0, 0, 0, 0.3) 0px 20px 30px -30px; }
ul.planos li:hover .cta { margin: 20px 0px 20px 80px; background: #00aaff; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; }

ul.planos li:hover .ctaorc { margin: 20px 0px 20px 0px; background: #00aaff; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; }

ul.planos li:hover .descricao p { opacity: 0.3; color: #00aaff; border-top: 1px solid rgba(255,255,255,0.15) }
ul.planos li:hover .descricao p.tem { opacity: 1; }
ul.planos li:hover .descricao p i { color: #ffffff; }
ul.planos li:hover .icone i { color: #ffffff; }
ul.planos li:hover .label { color: #00aaff; }
ul.planos li:hover .label .valor { color: #00aaff; border: 1px solid rgba(255,255,255,0.1); }
ul.planos li.recomendado .descricao { padding: 0px 0px 20px 0px;  }

.cta_formulario { left: 50%; width: auto; height: auto; position: fixed; bottom: 5px; z-index: 1000; cursor: pointer; padding: 7px 20px; letter-spacing: 1px; font-family: 'Poppins'; font-size: 16px; background: #00aaff; color: #ffffff; font-weight: bold; text-align: center;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/*BLOCO INTRODUÇÕES*/
.intros_blocos { width: 100%; height: auto; position: relative; padding: 50px 0px; border-top: 1px solid #f4f6f8; }
.intros_blocos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.intros_blocos ul li { display: inline-block; width: 100%; height: auto; position: relative; margin: 30px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; }
.intros_blocos ul li .avatar { overflow: hidden; width: 475px; height: auto; position: relative; }
.intros_blocos ul li .avatar img { width: 100%; text-align: center; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.intros_blocos ul li .conteudo_intro { display: inline-block; vertical-align: top; width: -moz-calc(100% - 500px); width: -webkit-calc(100% - 500px); width: -o-calc(100% - 500px); width: calc(100% - 500px); padding: 20px 0px; height: auto; font-family: 'Poppins'; color: #545454; font-size: 12px; font-weight: 400; text-align: right;  }
.intros_blocos ul li .conteudo_intro .nome_intro { width: 100%; text-transform: uppercase; height: auto; position: relative; padding: 10px 0px 5px 0px; text-align: right; color: #000000; font-size: 24px; line-height: 26px;  font-family: 'Poppins'; font-weight: 700; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.intros_blocos ul li .conteudo_intro .linha { width: 85px; height: 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;background: #00aaff; display: inline-block; clear: both; margin: 4px 0px 0px 0px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.intros_blocos ul li .conteudo_intro .introducao_intro { width: 100%; font-size: 14px; font-family: 'Poppins';  color: #545454; text-align: right; padding: 0px; line-height: 22px; position: relative; z-index: 10; margin: 0px 0px 10px 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 400; }
.intros_blocos ul li.lado1 .avatar { float: left; margin: 0px 24px 0px 0px }
.intros_blocos ul li.lado2 .avatar { float: right; margin: 0px 0px 0px 24px }
.intros_blocos ul li.lado1 .conteudo_intro, .intros_blocos ul li.lado1 .conteudo_intro .nome_intro, .intros_blocos ul li.lado1 .conteudo_intro .introducao_intro { text-align: left; }
.intros_blocos ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }

@media screen and (max-width: 1100px) {
	.curso { width: 94%; margin: 40px 0px 80px 0px; padding: 0px 3%; text-align: center; }
	.curso .sobre_curso { text-align: center; }

	/*BLOCO INTRODUÇÕES*/
	.intros_blocos { width: 100%; height: auto; position: relative; padding: 50px 0px; border-top: 1px solid #f4f6f8; }
	.intros_blocos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
	.intros_blocos ul li { width: 94%;  padding: 0px 3%; text-align: center; }
	.intros_blocos ul li .avatar { width: 100%; }
	.intros_blocos ul li .conteudo_intro, .intros_blocos ul li .conteudo_intro .nome_intro, .intros_blocos ul li .conteudo_intro .introducao_intro { text-align: center; width: 100%; }
	.intros_blocos ul li.lado1 .avatar, .intros_blocos ul li.lado2 .avatar { float: none; margin: 0px; }
	.intros_blocos ul li.lado1 .conteudo_intro, .intros_blocos ul li.lado1 .conteudo_intro .nome_intro, .intros_blocos ul li.lado1 .conteudo_intro .introducao_intro { text-align: center; }

	.video { width: 340px; display: inline-block; vertical-align: top; height: 200px; position: relative; margin: 30px auto; }
	.video img { width: 340px; height: 200px; }
	.video .titulo-video { text-align: center; font-size:18px; letter-spacing: 2px; bottom: 10px; }
	.video .play { width: 340px; height: 200px;}
	.video:hover { margin: 30px 0px 20px 0px; }
}