/*
 * Author: Julio Cesar Almeida
 * URL: http://umidias.com
 *
 * Project Name: Mercado Lider Sem Segredos
 * Version: 1.0
 * Date: 01-06-2018
 * URL: 
*/

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/* BLOCO01 */

/* #bloco01 {
background: url(../img/bg.jpg) no-repeat center top;
	
} */

.conteudo-block{
display: block;
}

#titulo h1 {
	color:#2D2D2D;
	margin-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 8px;
	font-size: 320%;
	font-weight: 900;
	text-shadow: 2px 2px 6px #ccc;
	text-align: center;
}

#titulo h2{
	font-weight: 400;
	text-align: center;
	/* margin-bottom: -3%; */
}


#titulo h3{
	text-align: justify;
	margin: inherit 5% inherit 5%;
	
}

#titulo hr{
	margin: 50px;
	
}

#foto{
	margin-top: 5%;
}

#foto img{
	text-align: center;
	margin: auto;
	
}

.seta-down{
	max-width: 25%;
	max-height: 25%;
	margin: auto;
}


.vermelho{
	background-color: #9C0010;
}

#noticia img{
	margin-top: 5%;
	margin-bottom: 5%;
}


#sobre h1{
	text-align: center;
}

#sobre h3{
	text-align: center;
	margin-left: 13%;
	margin-right: 13%;
}

#comentario{
	padding:  0 15px 15px 15px;
	
}

#comentario p{
	color: #434343;
	font-style: italic;
	font-size: 80%;
}

#faixa{
	margin-top: 5%;
	padding: 3% 0% 3% 0%;
	background-image: linear-gradient(#FFFFFF, rgb(237 164 37));
	text-align: center;
	color: white;
	text-shadow: black 0.1em 0.1em 0.2em;
}

#faixa .container .row{
	height:auto;
	margin: auto;
}

#faixa h1{
font-weight: bolder;
}

.captulacao{
	font-size: 120%;
	font-weight: 900;
}

#faixa .faixa-p{
	padding: 2% 20% 5% 20%;
	text-align: justify;
}

#depoimentos{
	background-color: #020018;	
	color: white;
}

#depoimentos h1{
	text-align: center;
}

.quadro-depoimento{
	padding: 10px;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 2px #020018;
	height: auto;
}



.quadro-depoimento p{
	color: #777777;
	font-style: italic;
	text-align: center;	
}

.quadro-depoimento h3{
	color:#333333;
	text-align: center;
}

.estrela{
	text-align: center;
	word-spacing: 15px;
	letter-spacing: 15px;
	margin-bottom: 7px;
}

#depoimentos-redes-sociais h1{
	text-align: center;
}

.quadro-depoimento-rs{
	padding: 15px;
	background-color: #EFEFEF;
	box-shadow: 2px 2px 2px #cccccc;
}

#conteudo-block{
	display: block;
	margin-top: 80px;
	margin-bottom: 80px;
	background-color: #FCFCFC;
	border-top: solid 2px #EFEFEF;
	padding: 25px;
}

#conteudo-block .proc:hover {
	border-bottom: solid 2px #2f2f2f;
	box-shadow: 0px 0px 1px #777777;
}

#bonus h1{
	text-align: center;
}

#bonus .container h2{
	margin-top: -3%;
	font-weight: 500;
}


.cinzaclaro{
	background-color: #EEEEEE;
	padding: 15px;
	margin-bottom: 3px;
}

.cinzaclaro2x{
	background-color: #F9F9F9;
	padding: 15px;
	margin-bottom: 3px;
}

.cinzaclaro2x:hover{
	background-color: #FFFFFF;
}

.cinzaclaro:hover{
	background-color: #FFFFFF;
	/*box-shadow: 1px 1px 1px #AAAAAA ;*/
}

.container .separador{
	height:50px;
}

.separador-10{
	height:10px;
}

.container .separador-25{
	height:25px;
}

.separador-25{
	height:25px;
}

.container .separador-50{
	height:50px;
}

.container .separador-100{
	height:100px;
}

.container .separador-300{
	height:300px;
}
.container .separador-200{
	height:50px;
	
}

.cinzadark{
	background-color: #333333;
	color: #EEEEEE;
	font-weight: bold;
	/* padding-top: 5%;
	padding-bottom: 5%; */
}

.cinzadark h1{
	color: #FFFFFF;
	font-size: 420%;
	letter-spacing: 25px;
	font-weight: 900;
}

#resumo{
	background-color: #000000;
	color: white;
}

#resumo .container .row h2{
	padding: inherit 3% 3% 3%;
	margin-bottom: 35px;
}


#professor{
	background-color:#eda425;
	color: #CCCCCC;
}

#img-professor{
	border-left: solid 1px #dddddd;
}

#professor h1{
	color: #FFFFFF;
}

#professor p{
	text-align:justify;
	font-size: large;
	color: #000000;
}

#oferta h1{
	margin-bottom: 3%;
	
}

#oferta h3{
	text-align: justify;	
}

#oferta h2 b{
	margin: auto;
	float: none;
}

#oferta i{
	margin-right:10%;
	color: #0C5900
}

#oferta b{
	font-size: 150%;
	float: right;
}

.jogar-direita{
	float: right;
}

#chamada{
	background-color: #FFC83E;
	color: #FFFFFF;
	padding: 150px;
	margin-top: 5%;
}

#chamada h1{
	font-style: italic;
	font-weight: 900;
	letter-spacing: 20px;
	font-size: 600%;
	text-shadow: 1px 2px 6px #333333;
	margin-top: -1%;
}

.btn-u{
	font-size: 36px;
	padding-left: 5%;
	padding-right: 5%;
}

.btn-u2{
	font-size: 24px;
	padding-left: 5%;
	padding-right: 5%;
	padding: 5px 50px 5px 50px;
}

.img-book{
	max-width:25%;
	border: double 2px #999999;
	margin: auto;
}



#opcao{
	background-color: #FFFCF4;
	padding-top: 50px;
	padding-bottom: 50px;
}

#opcao p{
	text-indent: 50px;
	text-align: justify;
	margin-left: 8%;
	margin-right: 8%;
}

#opcao hr{
	margin-left: 33%;
	margin-right: 33%;
	display: block;
    border-top: 2px solid #000000;
}



.btn-group-vertical > .btn-urnau:first-child:not(:last-child) {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}


.btn-urnau {
  display: inline-block;
  padding-bottom: 2%;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 15px;
  text-shadow: black 0.1em 0.1em 0.2em;
  color: white;
}


.btn-urnau:hover,
.btn-urnau:focus {
  color: #333;
  text-decoration: none;
}



.bg-plataformas{
	margin-top: 25px;
	background: url(../img/logos.png);
	background-repeat:repeat-x;
	background-size:contain;
	padding:10px;
	background-color:#FFFFFF;
}

.margin-menos-25{
	margin-bottom: -25px;
}

.margin-menos-50{
	margin-bottom: -25px;
}


.padding-15{
	padding: 15px;
}

.img-60{
	max-width: 60%;
	margin: auto;
	padding: auto;
	text-align: center;
}


/* BOOTSTRAP CODIGOS NOVOS*/ 

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.altura-igual {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.u-video{
	/*
	max-width: 900px;
	max-height: 506px;
	*/
	margin: auto;
	padding: auto;
}

.u-video2{
	margin:auto;
}

@media (min-width: 768px) {
  .row.altura-igual {
    display: flex;
    flex-wrap: wrap;
  }
}

.logo1{
	max-width: 20vw;
	height: auto;
	margin-top: 10px;
}
@media (max-width: 768px) {
	.cinzadark h1{
		color: #FFFFFF;
		font-size: 320%;
		letter-spacing: 12px;
		font-weight: 900;
	}
	#chamada{
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#chamada h1{
		font-style: italic;
		font-weight: 900;
		letter-spacing: 20px;
		font-size: 72px;
		margin-top: -1%;
		text-shadow: 1px 2px 6px #333333;
	}

	.teste{
		max-width: 1080px;
          width: 100%;
          max-height: 500px;  
          min-height: auto;      
          background-size:100%;
          background-repeat: no-repeat;
	}

	.logo1{
		max-width: 70vw;
		margin-top: 10px;
	}

	.row{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	.img-gilmar{
	  
		width: 100%;
	}

	.foto2{
		width: 250px;
		
	}

	.foto2mobile{
		text-align: center;
		margin-top: -25px;
	}

	.logo2{
		width: 300px;
		align-items: center;
	}

	.video1 {
		padding: 1vh;
		margin-top: 40px;
	}

	.teste6{
		margin-top: 25px;
	}

	.textobloco1 {
		font-size: 40px;
		margin-top: 20px;

	}

	.texto1 {
		font-size: 24px;
		margin-top: 15px;
	}

	.bl2{
		text-align: center;
	}

	.bl3{
		width: 250px;
    	margin-top: 20px;
		
	}

	.t1{
		margin-top: 50px;
		font-size: 33px;
	}

	.t2{
		font-size:40px
	}
	.p2{
		font-size: 19px !important;
    	margin-top: 20px;
	}

	.t3{
		font-size: 60px;
    	text-align: center;
		padding-top: 15px;
	}

	.t4{
		font-size: 40px;
    	text-align: center;
	}

	.t5{
		text-align: center;
    	font-size: 40px;
    	padding: 30px;
	}
	.t6{
		font-size: 40px;
    	padding: 30px;
    	color: white;
	}

	.logo2{
		width: 300px;
    	align-items: center;
    	padding-top: 2px;
	}

	.t7{
		/* font-size: 4rem; */
		font-size: 0.9rem;
		color: white;
		font-family: 'Roboto', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		text-weight: 700;
		margin-bottom: 0px;
	}
	
	.t8 {
		/* font-size: 5rem; */
		font-size: 1.2rem;
		font-family: 'Roboto', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		text-weight: 700;
		color: white;
	}

	.t9 {
		text-align: center;
		font-size: 35px;

	}

	.t10 {
		text-align: center;
		font-size: 20px;
		
	}
	
	.video2 {
		padding: 2vh;
		margin-top: -10px;

	}

	.valorcurso{
		text-align:left;
		margin-left: 58px;
	}
	
	.valorcurso2{
		font-size:50px; 
		text-align:left; 
		margin-left: 58px;
	}

	.logobonus {
		max-width: 345px;
		margin-top: 10px;

	}

	.titulobonus {
		margin-top: -28px;
		margin-left: 100px;
		font-size: 20px;

}

.imgcard {
	margin: top 15px !important;
}

.ice {
    margin: -78px 0px 0px 4px;
    margin-left: 0px;
}

.img-container img {
    transform: skew(0deg, -13deg);
    /* height: 250px; */
    margin: -20px 0px 0px 4px;
    background-color: #020018;
    margin-top: 20px;
    width: 159px;

}

}



.teste{
	background-image: url(../img/Background.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
    /* height: 100vh; */
    position: relative;
}

.third {
	border-color: #3498db;
	color: rgb(255, 255, 255);
	box-shadow: 0 0 40px 40px #eda425 inset, 0 0 0 0 #eda425;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	font-size: 25px!important;
  }
  .third:hover {
	box-shadow: 0 0 10px 0 #e1e443 inset, 0 0 10px 4px #ebcc1d;
  }

  .teste5{
	font-size: 15px;
    padding-top: 30px;
    background-color: #020018;
    color: white;
  }

  .question {
	border-bottom: 1px solid #ccc;
	padding: 10px 0
  }
  
  .question input,
  .question .answer { display: none }
  
  .question label {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%
  }
  
  .question input:checked ~ .answer {
	display: block
  }

  .icone{
	float: right;
	font-size: 20px;
	padding-top: 10px;
	padding-right: 20px;
  }

  .teste6{
	text-shadow: black 0.1em 0.1em 0.2em;
  }

  .btn:hover {
    color: rgb(255, 250, 250) !important;
    text-decoration: none;
}

.final{
	color: white;
    padding: 60px;
    background-color: #020018;
}

/* .teste9{
	background-image: url(../img/1545.png)
} */

.teste10{
		background: url('../img/play.png') no-repeat left top;
		/* height: 54px; */
		padding-left: 80px;
		padding-top: 3px;
		margin-top: 64px;
		}

.lestrash3{
	font-size: 21px;
    margin-top: 4px;
}

.suporte{
	text-align-last: center;
}