@import url('https://fonts.googleapis.com/css2?family=Ysabeau+SC:wght@800&display=swap');
/*MODAL*/
.modal-dialog{
background: #fff!important;
max-width: 400px!important;
width: 100%!important;
border-radius: 3px!important;
margin-top: 70px;
border: 2px solid red;
}
.modal-content{
background: #fff !important;
max-width: 400px!important;
width: 100%!important;
}
.fechar{
font-size: 24px;
border: 1px solid #000;
color: #000;
padding: 1px 6px 1px 6px;
}
.fechar:hover{
border: 1px solid red;
color: red;
padding: 1px 6px 1px 6px;	
background: none;
}
.modal-body{
width: 100%;
max-width: 400px!important;
padding: 10px 0 20px 0;
text-align: center;
}
.modal-footer a{
	border: 2px solid #fff;
}
.modal-footer a:hover{
	border: 2px solid #fff;
}
.botao-link2{
background:#c62930;	
color:#fff;
padding: 10px 15px 10px 15px;
border-radius: 30px;
border: 2px solid #c62930;
margin:20px 0 20px 0;
font-weight: bold;
}
.botao-link2:hover{
background:#fff;	
color:#ea6b1a;
padding: 10px 15px 10px 15px;
border-radius: 30px;
border: 2px solid #ea6b1a;
margin:20px 0 20px 0;
font-weight: bold;
}
/*///MODAL*/
.logotipo{
	max-width: 150px;
	margin: 10px;
	width: 100%;
}
.bggrade{
	background: #c62930!important;
	padding: 30px;
	color: white;
}
.bggrade h3{
	background: #ea6b1a!important;
	padding: 7px 15px 7px 15px;
	color: #fff;
	text-shadow: 0px 1px 2px #666;
	border: 1px solid #fff;
	border-radius: 5px;
}
.bgcolor{
	background: #ccc!important;
}
.bgcolor-black{
	max-width: 100%;
      height: 300px;
      background-image: url('../images/bg-div.jpg');/* Caminho da imagem */
      background-size: cover;       /* Faz a imagem cobrir toda a div */
      background-position: center;  /* Centraliza a imagem */
      background-repeat: no-repeat; /* Evita repetição da imagem */
}
.bgcolor-black h3{
position: absolute!important;
margin-top: 120px!important;
left: 35%!important;
right: 50%!important;
width: 400px!important;
}
.color-orange{
color: #ea6b1a!important;
line-height: 1.5em;
}
.bg-orange{
	background: #ea6b1a!important;
}
.bgcolor-orange{
	background: #ea6b1a!important;
}
.bgcolor-red{
	max-width: 100%;
      height: auto;
      background-image: url('../images/bg-div.jpg');/* Caminho da imagem */
      background-size: cover;       /* Faz a imagem cobrir toda a div */
      background-position: center;  /* Centraliza a imagem */
      background-repeat: no-repeat; /* Evita repetição da imagem */
}
.border{
border: 1px dotted #fff;
}
.color-black{
	color:#000!important;
}
.color-white{
	color:#fff!important;
}
.color-red{
	color: #c62930!important;
}
.text-center{
text-align: center!important;
}
.margin-top-10{
margin-top:10px!important;
}
.margin-top-15{
margin-top:15px!important;
}
.margin-top-20{
margin-top:8px!important;
}
.margin-top--20{
margin-top:-20px!important;
}
.margin-top-30{
margin-top:30px!important;
}
.margin-top-31{
margin-top:31px!important;
}
.margin-top-50{
margin-top:50px!important;
}
.margintop60{
margin-top:60px!important;
}
.margintop80{
margin-top:80px!important;
}
.margin-top--80{
margin-top:-80px!important;
}
.margin-top-100{
margin-top:100px!important;
}
.margin-top-102{
margin-top:102px!important;
}
.margin-top--100{
margin-top:-100px!important;
}
.margin-bottom-20{
margin-bottom:16px!important;	
}
.margin-bottom-30{
margin-bottom:30px!important;	
}
.margin-bottom-50{
margin-bottom:50px!important;	
}
.marginbottom70{
	margin-bottom:70px!important;	
}
.margin-bottom-100{
margin-bottom:100px!important;	
}
.titulo-slide h1{
	font-size: 3.8em!important;
	text-shadow:2px 2px 3px #000;
	font-weight: bold;
	margin:2.6em 0 0 0;
}
.titulo-slide p{
	font-size: 2em!important;
	text-shadow:2px 2px 3px #000;
	font-weight: bold;
	margin:2.6em 0 0 0;
}
.slogan-curso{
	font-size: 2.2em!important;
	font-weight: bold;
	text-align: center;
	padding: 12px;
	margin-bottom: 50px;
	color: #ea6b1a;
	line-height: 1.2em;
	border: 4px solid #ea6b1a;
}
.fontsize8{
font-size:.8em!important;	
}
.font-size-16{
font-size: 1.2em!important;	
}
.font-size-18{
font-size: 1.6em!important;	
font-weight: bold!important;
line-height: 1.5em;
}
.fontsize24{
font-size: 2.4em!important;	
font-weight: bold!important;
line-height: 1.1em;
}
.fontsize35{
font-size: 4.5em!important;	
font-weight: bold!important;
line-height: 1.1em;
}
.text-left{
	float:left!important;
}
.text-right{
	float:right!important;
}
.margin-left-20{
	margin-left: 20px!important;
}
.line-height30{
line-height: 30px!important;	
}
.botao-link{
background:#fff;	
color:#ea6b1a;
padding: 10px 15px 10px 15px;
border-radius: 30px;
border: 2px solid #ea6b1a;
margin:20px 10px 0 0;
font-weight: bold;
text-align: center;
}
.botao-link:hover{
background:#c62930;	
color:#fff;
padding: 10px 15px 10px 15px;
border-radius: 30px;
border: 2px solid #c62930;
margin-top:20px;
}
.link-botao1 li{
list-style-type: none!important;
display: inline-block!important;
padding:7px;
}
.link-botao1 li a{
background:#fff!important;
border: 2px solid #ea6b1a;
border-radius: 30px!important;
padding: 7px 20px 7px 20px!important;
list-style-type: none!important;
display: inline-block!important;
font-weight: bold;
}
.link-botao1 li a:hover{
background:#c62930!important;
color:#fff;
border-radius: 30px!important;
border: 2px solid #c62930;
padding: 7px 20px 7px 20px!important;
list-style-type: none!important;
display: inline-block!important;
}
.current{
color:#ff0000!important;		
}
.img-fundo{
background: url(../images/calendario.jpg) no-repeat 0px 0px!important;
height:184px!important;
text-align: center;
color:white;
padding:15px;
}
.div-video1-home{
width:100%;
height:640px;
}
.div-video-home{
width:100%;
height:640px;
}
.img-galeria{
	float: right;
	display: inline-block;
	margin: 0 0 20px 20px;
}
.bg-gray{
background: #e9e9e9;
}
.conteudo-loja img{
margin: 10px;
margin: auto;
text-align: center;
}
.conteudo-loja h2{
    font-size: 1.3em;
    margin-top: 10px;
    color: #262c38;
    letter-spacing: 1px;
    text-align: center;
}
.conteudo-loja p{
    font-size: .8em;
    color: #262c38;
    letter-spacing: 1px;
    text-align: center;
}
.lista-cartoes{
	list-style-type: none;
	margin: 7px 7px 0 0;
}
.lista-cartoes li{
	list-style-type: none;
	display: inline-block;	
}
.lista-cartoes img{
	list-style-type: none;
	margin: 15px 7px 0 0;
}
.border-right{
	border-right:1px solid #ccc;
}
.border-left{
	border-left:1px solid #ccc;
}
.border-yes{
	border: 1px solid #e6e3e3;
}
.border-bottom{
	border-bottom: 1px solid #ccc;
}
.padding20{
	padding: 20px;
}
.preço-curso{
	background: #000;
	color: white;
	padding: 20px 20px 50px 20px;
	text-align: center;
}
.preço-curso h3{
font-size: 2.4em;
line-height: 1.3em;
font-weight: bold;
}
.preço-curso h4{
font-size: 2em;
}
.preço-curso a{
  background: #c62930;
  color: #fff;
  font-size: 1.2em;
  padding: 17px;
  letter-spacing: 1px;
   font-weight: bold;
   border-radius: 30px;
}
.preço-curso a:hover{
  background: none;
  color: #f9b42b;
 border: 2px solid #f9b42b;
 font-weight: bold;
}
.fontsize20{
	font-size: 24px;
}
.border-white{
	border: 1px solid #fff;
	padding: 5px 10px 5px 15px;
}
.banner-home{
	background: #ea6b1a;
	padding: 17px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	font-family: 'Ysabeau SC', sans-serif!important;
	font-size: 3.4em;
	line-height: 1.1em;
}
.link-fade {
	margin-top: 50px;
}
.link-fade h3{
	color: #000!important;
	font-weight: bold;
	border: 1px solid #000;
	border-radius: 20px;
	line-height: 1.4em!important;
}
.link-fade a{
text-decoration: none!important;
color: #000!important;
line-height: 1em!important;
}
.link-fade a:visited{
	text-decoration: none!important;
	color: #000!important;
	line-height: 1em!important;
}
small{
	color: #666!important;
}
@media(max-width: 1024px){
	.logotipo{
		max-width: 150px!important;
		width: 100%!important;
	}
}
@media(max-width: 992px){
	.banner-home{
		font-size: 1.8em!important;
	}
}
@media(max-width: 992px){
	.middle-w3l{
		display: none!important;
	}
}
@media(max-width: 800px){
	.logotipo{
		max-width: 140px!important;
		width: 100%!important;
	}
}
@media(max-width: 800px){
	.fontsize35{
	font-size: 2.2em!important;	
	font-weight: bold!important;
	line-height: 1.1em;
	}
}
@media(max-width: 800px){
.agile_short_dropdown li a{
    border: none!important;
}
@media(max-width: 772px){
	.w3_agileits_header{
	font-size: 1.3em!important;
	}
}
@media(max-width: 772px){
	.link-fade h3{
	font-size: 1.6em!important;	
	line-height: 1.1em;
	}
}
@media(max-width: 772px){
	.fontsize24{
	font-size: 1.6em!important;	
	line-height: 1.1em;
	}
}
@media(max-width: 772px){
	.slogan-curso{
		font-size: 1.6em!important;
	}
}
@media(max-width: 772px){
	.preço-curso h3{
		font-size: 1.8em!important;
	}
}
@media(max-width: 640px){
	.slick-slide img {
		width: 15%;
	}
}
@media(max-width: 640px){
	.margintop50-mob{
	margin-top: 30px!important;
	}
	.w3layouts_header_right2{
	margin: -15px 50px 0 0!important;
	}
}
@media(max-width: 480px){
	.listas-home{
	list-style-type: square;
	}
	.listas-home li{
	    color:#fff;
	    line-height:1.6em;
	    font-weight: bold;
	    font-size: 1em;
	}
	.div-video1-home{
	margin: -10px 0 0 0px!important;
	width:100%!important;
	height:435px;
	}
	.div-video-home{
	margin: -10px 0 0 0px!important;
	width:100%!important;
	height:435px;
	}
}
@media(max-width: 480px){
.margin-top-31{
margin-top:5px!important;
}
}
@media(max-width: 480px){
.margin-top-mob-50{
margin-top: 30px!important;
}
}
@media(max-width: 480px){
.botao-link{
margin-top: 15px!important;
display:block!important;
}
}
@media(max-width: 480px){
.margin-top-100{
margin-top: -10px!important;
}
.margin-top--100{
margin-top: 1px!important;
}
.margin-top--50-mob{
margin-top: -50px!important;
}
}
@media(max-width: 480px){
.lista-vantagens{
margin-left: 20px!important;
}
}
@media(max-width: 480px){
.margin-top-150{
	margin-top:-50px!important;
}
.margin-top-150{
font-size: 1.2em!important;
}	
}
@media(max-width: 480px){
.color-black{
	color:#fff!important;
}
}