@font-face {
    font-family: 'open_bold';
    src: url('font/OpenSans-Bold.eot');
    src: url('font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/OpenSans-Bold.woff2') format('woff2'),
        url('font/OpenSans-Bold.woff') format('woff'),
        url('font/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_regular';
    src: url('font/OpenSans.eot');
    src: url('font/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('font/OpenSans.woff2') format('woff2'),
        url('font/OpenSans.woff') format('woff'),
        url('font/OpenSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_semi';
    src: url('font/OpenSans-Semibold.eot');
    src: url('font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('font/OpenSans-Semibold.woff2') format('woff2'),
        url('font/OpenSans-Semibold.woff') format('woff'),
        url('font/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

 * {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

body {
  margin: 0px;
  font-family: open_semi;
  font-size: 1em;
  color: #666666;
}
.bt_inscrever{position: absolute; bottom: 10px; left: 10px; position: fixed;}
html {
    scroll-behavior: smooth;  
}
img,
picture,
embed {
   max-width: 99%;
} 
p.first-letter {
    text-transform: uppercase;
}



.full{width: 100%; overflow: auto; padding: 10px; }
.full_professores{width: 100%; overflow: auto; background: #8d0100; }
.centraliza{ 
	width:100%;
	max-width: 1240px;
  margin:0 auto;
  padding:20px;
  overflow: hidden;
}
.tour_plataforma{width: 100%; max-width: 1240px;
  margin:0 auto; overflow: hidden; padding: 20px; }

.centro{text-align: center;}


      .edonflix{
      	margin:0 auto;
        max-width: 250px;
        border-radius:25px 25px 25px 25px;
        background: #8d0100; 
        height: auto;
        padding:10px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1.9em;
      }

.clear {
  clear: both;
  flex-basis: 100%
}

       .edonflix_texto{
        width: 100%;
        font-family: open_regular;
        height: 50px;
        padding:10px;
        color: #fff;
        font-size:1.5em;
      }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-container2 { position: relative; padding-bottom: 30%; height: 0; overflow: hidden; max-width: 100%; padding: 10px } 
.embed-container2 iframe, 
.embed-container2 object, 
.embed-container2 embed { position: absolute; top: 0; left: 0; width: 100%; height: 0; }

/* IFRAME  */

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}


/* FIM IFRAME */


.floatl{float: left}
.floatr{float: right;}
.w25{width: 24.99%; }
.w50{width: 49.99%; }
.w75{width: 74.99%; }

.p5{padding: 5px}
.p10{padding: 10px}
.p15{padding: 15px}

.bg_vermelho{background:  #8d0100;}
.bg_cinza{background:  #e7e7e7;}
.bg_banda{background-image: url('images/banda.png'); background-size: cover; background-repeat: no-repeat; min-height: 350px}
.bg_teoria{background-image: url('images/bg_teoria.png'); background-size: cover; background-repeat: no-repeat; }

.home_logotipo{float: left; width: 30%;  overflow: hidden;padding: 5px; }
.logotipo{max-width: 120px}
.home_menu{float: left; width: 70%;  overflow: hidden; text-align: right; padding-bottom: 15px; padding-top: 15px; margin-top: 10px}
.home_video{ min-width:640px; min-height:360px; width: 100%; height: 100%; border-radius: 15px; -moz-border-radius: 15px; /* Firefox */  
    -webkit-border-radius: 15px; /* Safari, Chrome */}
.home_video_box{float: left; width: 60%}
.home_video_texto{float: left; width: 39.99%; font-family: open_semi; font-size: 1.4em;text-align: center;color: #fff; padding: 20px}
.home_clear{display: none}
.home_titulo_edonflix{font-size: 1.7em}

.titulos_vermelhos{padding: 5px; font-family: open_regular; font-size: 1.5em; font-weight: 800; color: #8d0100;  text-align: center;}
.titulos_box_vermelhos{width: 100%; padding: 5px; font-family: open_regular; font-size: 1.5em; font-weight: 800; color: #2c3e4c;  text-align: center; 
height:40px;
overflow: hidden;
background-image:url('images/titulo_bg.png');
background-repeat:no-repeat;
background-position-y:  bottom 1px;
margin-bottom: 15px;
}

.professores{text-align: center; width: 24.99%; float: left; padding: 20px}
.titulo_professores{width: 100%;  padding: 20px; font-family: open_regular; font-size: 1.5em; font-weight: 800; color: #fff;  text-align: center; background: #7c0302}
.professores_traco{display: inline-block; width: 6px; background: #eedb4b; height: 70px;}
.professores_titulo{display: inline-block; width: 300px; height: 70px; line-height: 30px; overflow: hidden;}
.professores_titulo2{font-size: 1.6em}

.topo{background-image: url('images/bg_teoria.png');  background-repeat: no-repeat;}

.section_cursos{background: #eeeeee}
.cursos_box{float: left; width: 24.6%; padding: 5px; border: 1px solid #8d0100; text-align: center; margin: 2px; background: #fff}
.cursos_titulos{ font-family: open_regular; font-size: 1.4em; font-weight: 800; background: #8d0100; padding: 10px; color: #FFF}
.cursos_img{padding: 15px; max-width: 60%; margin: 0 auto; }
.cursos_textos{  font-family: open_regular; font-size: 1em; color: #8d0100}

.video_inicio{float: left; max-width: 50%; width: 100%; text-align: center}
.img_banda{float: left; max-width: 50%; width: 100%; }

.videos_aulas{float: left; width: 33.3%; padding: 5px; border-radius: 15px; -moz-border-radius: 15px; /* Firefox */  
    -webkit-border-radius: 15px; /* Safari, Chrome */
    text-align: center;
  }
.videos_aulas2{float: left; width: 49.98%; padding: 5px; padding-bottom: 56.2%; border-radius: 15px; -moz-border-radius: 15px; /* Firefox */  
    -webkit-border-radius: 15px; /* Safari, Chrome */
    text-align: center;
  }


.h_quatro{border: 1px solid #333}
.icones_home{float: left; text-align: center; padding: 8px; width: 14.2%; overflow: hidden; color: #fff; font-weight: 800}


.oque_edonflix{float: left; width: 24.99%; padding: 10px}
.oque_edonflix_txt{width: 100%; padding-top: 20px; font-size: 0.9em}

.container_rodape{background: #f6f4f4; padding-top: 25px;padding-bottom: 20px}


.rodape_logo{width: 10%; padding-top: 15px; float: left; overflow: hidden;}
.rodape_texto{width: 30%; padding-top: 15px; float: left; overflow: hidden;font-family: 'open_semi';font-size: 1em; color: #171717}
.rodape_direitos{width: 60%; padding-top: 15px; float: left; overflow: hidden; text-align: center;font-family: 'open_semi'; font-size: 1em; color: #171717}
.rodape_midias{padding: 20px}

.rodape_copyright{width: 100%;  padding: 20px; text-align: center; font-family: 'open_semi'; font-size: 0.9em; overflow: hidden;}
.rodape_midias_icon{max-width: 60px; padding: 5px}

.box_botao{text-align: center; padding: 40px}
.box_botao_topo{}
a.botao:link {
        border-radius:25px 25px 25px 25px;
        background: #8d0100; 
        padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1.2em;
        text-decoration: none;
    }
a.botao:visited {
	    border-radius:25px 25px 25px 25px;
        background: #8d0100; 
        padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1.2em;
        text-decoration: none;
	}
a.botao:hover {
		 border-radius:25px 25px 25px 25px;
        background: #8d0100; 
        padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1.2em;
        text-decoration: none;
    }


a.menu_link:link {
        
        padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1.2em;
        text-decoration: none;
    }
a.menu_link:visited {
     padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1.2em;
        text-decoration: none;
  }
a.menu_link:hover {
    padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1.2em;
        text-decoration: none;
    }


/*CAROUSEL*/

.carousel_box{width:100%; min-height:150px; text-align:justify; background:#f2f2fd;}
.carousel_img{float:left; width:20%;  background:#f2f2fd;  }
#carousel_txt{float:left; width:80%;  background:#f2f2fd; display:table;}
.carousel_box2{width:100%; min-height:150px; text-align:justify; background:#fff;}
.carousel_img2{float:left; width:15%;  background:#fff;  }
#carousel_txt2{float:left; width:85%;  background:#fff; display:table;}
.outside {width:100%; text-align:center; margin-top:10px; margin-bottom:10px;}


#txt_privacidade {line-height:200%; font-size:0.9em;  display:table; color:#333;}
.btns{padding:10px; }
#carousel_1_prev {padding:10px;}
#carousel_1_next {padding:10px;}
#carousel_2_prev {padding:10px;}
#carousel_2_next {padding:10px;}



/* ACORDEON */
.accordions{
      width:80%;
      margin:0 auto;
      

}

.accordion-item input{display:none;}

.accordion-item label{
      display:block;
      border:0px solid #8d0100;
      
      cursor:pointer;
      padding:5px 13px;
      font-family: open_semi;
      font-size: 1.3em;
      color: #2c3e4c;
}

.accordion-content{
      height: 0px;
      overflow: hidden;,
      font-family: open_semi;
      font-size: 1em;
      color: #2c3e4c;
      padding: 2px;
      -webkit-transition: height 0.3s ease-in-out;
      -moz-transition: height 0.3s ease-in-out;
      -o-transition: height 0.3s ease-in-out;
      -ms-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out;
  }
[id^=accordion]:checked ~ .accordion-content {
      height: auto ;
}
/* FIM ACORDEON */


.caixa_titulos{display: block;}

.titulo_grg_vermelho{font-size:35px; font-weight:bold; color:#a51110; padding-top:6px}
.titulo_grg_branco{font-size:35px; font-weight:bold; color:#333333; padding-top:6px}
.titulos_internos {color:#a51110; font-size:20px; font-weight:700;  }
.titulo_icones{float:left; padding-right:20px}
.titulos_internos_cinza {color:#333333; font-size:23px; font-weight:600; }
.titulos_internos_brancos {color:#333333; font-size:23px; font-weight:600;  }
.titulos_internos_amarelo {color:#feeb13; font-size:23px; font-weight:600; }
.abaixo_titulos{clear:both; line-height:170%}
.left2 { float: left }
.right2 { float: right }
.dados-contato{float:left; margin-top:20px; clear:both}
.dados-contato p{width:365px; font-size:16px; color:#333333}
.dados-contato span{color:#333333; font-weight:bold}
ul.contato-lista li{float:left; clear:both; margin-top:10px; width:250px;list-style: none}
ul.contato-lista li img{float:left;list-style: none}
ul.contato-lista li article{color:#333333; font-weight:500; font-size:18px; float:left; margin-left:5px; margin-top:5px;list-style: none}
p.funcionamento{width:700px; clear:both; color:#333333; margin-top:30px; float:left}




/* Telefones em paisagem a tablet em retrato */
@media (max-width: 767px) {

.home_logotipo{float: none; width: 100%; overflow: hidden;padding: 5px; text-align:center;}
.logotipo{max-width: 240px}
.home_menu{float: none; width: 100%;  overflow: hidden; text-align: center; padding-bottom: 15px; padding-top: 15px; margin-top: 10px;}
.home_video{ min-width:100%; min-height:100%; width: 100%; height: 100%}
.home_video_box{float: none; width: 100%; text-align: center;}
.home_video_texto{float: none; width: 100%; font-family: open_bold; font-size: 1.1em;text-align: center;color: #fff; padding: 10px}
.home_clear{display: block;}
.home_titulo_edonflix{font-size: 2.3em}
.box_botao{text-align: center; padding: 5px; margin-bottom: 20px; margin-top: 20px; padding: 1px}

.video_inicio{float: none; max-width: 100%; width: 100%; text-align: center}
.img_banda{float: none; max-width: 100%; width: 100%;}


       .edonflix_texto{
        width: 100%;
        font-family: open_regular;
        height: 50px;
        padding:10px;
        color: #fff;
        font-size:1.1em;
      }


.cursos_titulos{ font-family: open_regular; font-size: 1em; font-weight: 800; background: #8d0100; padding: 10px; color: #FFF}


.icones_home{float: left; text-align: center; padding: 8px; width: 33.3%; overflow: hidden; color: #fff; font-weight: 800}

.titulos_box_vermelhos{width: 100%; padding: 5px; font-family: open_regular; font-size: 0.9em; font-weight: 800; color: #2c3e4c;  text-align: center; 
height:45px;
overflow: hidden;
background-image:url('images/titulo_bg_mobi.png');
background-repeat:no-repeat;
background-position-y:  bottom 1px !important;
margin-bottom:10px;

}

a.menu_link:link {
        
        padding:10px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1em;
        text-decoration: none;
    }
a.menu_link:visited {
     padding:10px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1em;
        text-decoration: none;
  }
a.menu_link:hover {
    padding:10px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1em;
        text-decoration: none;
    }



.oque_edonflix{float: none; width: 100%; padding: 10px; text-align: center}
.oque_edonflix_txt{float: none; width: 100%; text-align: justify;}

.cursos_box{float: left; width: 49.3%; padding: 5px; 
  border: 1px solid #8d0100; text-align: center; 
  margin: 1px; background: #fff; min-height: 220px}


.professores{text-align: center; width: 33.33%; float: left; padding: 20px}

.professores_traco{display: inline-block; width: 6px; background: #eedb4b; height: 65px;}
.professores_titulo{display: inline-block; width: 280px; height: 70px; line-height: 30px; overflow: hidden; font-size: 1em}
.professores_titulo2{font-size: 1.3em}


.tour_plataforma{width: 100%; max-width: 1240px;
  margin:0 auto; overflow: hidden; padding:0px; }



.rodape_logo{width: 20%; padding: 15px; float: left; overflow: hidden;}
.rodape_texto{width: 80%; padding: 15px; float: left; overflow: hidden; font-family: 'open_regular'; font-size: 1em; color: #ddd}
.rodape_direitos{width: 100%; padding-top: 15px; float: none; overflow: hidden; text-align: center;font-family: 'open_regular'; font-size: 1em; color: #ddd}
.rodape_midias{padding-top: 20px}

p.funcionamento{width:100%; clear:both; color:#333333; margin-top:0px; padding-top: 20px; float:none; text-align: center;}

.bt_inscrever{display: none}


.left2 { float: none; width: 100%; padding: 20px }
.right2 { float: none; width: 100%;  padding: 20px}


/* DUVIDAS FREQUENTES

.faq-lista{width:100%; margin-top:30px;}
.faq-left{width:100%; float:none; }
.faq-right{width:100%; float:none;}
.faq-left div, 
.faq-right div{margin-top:10px;}
.ac-container{width:100%;	margin: 00px auto 00px auto; text-align: left;}
.ac-container label{width:100%; height:40px; padding: 10px 5px;	position: relative;	z-index: 20; display: block; cursor: pointer; 
  background:url(images/mais.png) no-repeat left #fff; background-position:1px; 
  border-top:5px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.ac-container label h5{color: #646472; line-height:130%; position:relative; left:40px; width:250px; font-weight:500; font-size:14px; border: 1px solid #000}
.ac-container label:hover{border-top:5px solid #A51110; border-left:1px solid #A51110; border-right:1px solid #A51110;}
.ac-container input:checked + label, 
.ac-container input:checked + label:hover{	border-top:5px solid #A51110; border-left:1px solid #A51110; border-right:1px solid #A51110; }
.ac-container label:hover:after, 
.ac-container input:checked + label:hover:after{content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 25px;	background: transparent url(../imagens/arrow_down.png) no-repeat center center;	}
.ac-container input:checked + label:hover:after{background-image: url(../imagens/arrow_up.png);}
.ac-container input{display: none;}
.ac-container article{background: #fff;	margin-top: -1px; overflow: hidden;	height: 0px; position: relative; z-index: 10; 
  width:100%; 
  border-left: 1px solid #A51110; 
  border-right: 1px solid #A51110; 
  border-bottom: 1px solid #A51110;

  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;   
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;	
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;	
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out,  box-shadow 0.6s linear; 
   }
.ac-container article p{font-style: italic;	line-height: 19px;	font-size: 14px;	padding: 10px 20px; color:#999; text-align:justify }

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);}
.ac-container input:checked ~ article.ac-150{	height: 150px;}
.ac-container input:checked ~ article.ac-200{	height: 200px;}
.ac-container input:checked ~ article.ac-250{	height: 250px;}
.ac-container input:checked ~ article.ac-300{	height: 250px;}
.ac-container input:checked ~ article.ac-320{	height: 250px;}
.ac-container input:checked ~ article.ac-350{	height: 250px;}
.ac-container input:checked ~ article.ac-380{	height: 250px;}
.ac-container input:checked ~ article.ac-400{	height: 250px;}
.ac-container input:checked ~ article.ac-420{	height: 250px;}

*/

a.botao:link {
        border-radius:25px 25px 25px 25px;
        background: #8d0100; 
        padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1em;
        text-decoration: none;
    }
a.botao:visited {
      border-radius:25px 25px 25px 25px;
        background: #8d0100; 
        padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1em;
        text-decoration: none;
  }
a.botao:hover {
     border-radius:25px 25px 25px 25px;
        background: #8d0100; 
        padding:15px 40px 15px 40px;
        color: #fff;
        font-weight: 800;
        font-family: open_bold;
        font-size:1em;
        text-decoration: none;
    }

.videos_aulas{float: left; width: 49.9%; padding: 5px; border-radius: 15px; -moz-border-radius: 15px; /* Firefox */  
    -webkit-border-radius: 15px; /* Safari, Chrome */
    text-align: center; min-height: 170px;
  }

/*CAROUSEL*/

.carousel_box{width:100%; min-height:150px; text-align:justify; background:#f2f2fd;}
.carousel_img{float:left; width:20%;  background:#f2f2fd;  }
#carousel_txt{float:left; width:80%;  background:#f2f2fd; display:table;}
.carousel_box2{width:100%; min-height:150px; text-align:justify; background:#fff;}
.carousel_img2{float:left; width:15%;  background:#fff;  }
#carousel_txt2{float:left; width:85%;  background:#fff; display:table;}
.outside {width:100%; text-align:center; margin-top:10px; margin-bottom:10px;}
#txt_depoimentos{font-size: 0.9em}

#txt_privacidade {line-height:200%; font-size:0.9em;  display:table; color:#333;}
.btns{padding:10px; }
#carousel_1_prev {padding:10px;}
#carousel_1_next {padding:10px;}
#carousel_2_prev {padding:10px;}
#carousel_2_next {padding:10px;}




}