@charset "UTF-8";
0,200;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,400;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,900;1,100;1,300;1,400;1,900&display=swap");
@font-face {
  font-family: "Futura";
  src: url(fonts/futura-light-bt.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
/* CORES DO SITE #3bbbb3 ffd12a*/
/* FONTS SITE*/
/* TAMANHO DAS FONTES UTILIZADAS*/
/*EXPESSURA DAS FONTES UTILIZADAS*/
/*LAYOUT MARGINS*/
/* ARREDONDAMENTOS*/
/*   QUANTIDADE DE CLASSES GERADAS (pt- pb- pr- pl-....) */
/* TIPOS DE MEDIAS QUERIES*/
/* REFERENCIAS PARA Z-INDEX*/
/***********************************************************
     Adicionando Estilo ao Placeholde em todos os formatos diferentes
     Modelo:
     input{
				@include input-placeholder {
					color: $grey;
				}
		}
 **********************************************************/
/*****************************************
      Definindo a formatão da FONTE
      nome da fonte
      tamanho
      cor
      expessura
      tamanho da linha
**********************************************/
/*******************************************************
    Quando utilizar Pseudo Elementos    ::after   ::before
    Modelo:
    div::after {
		@include pseudo;
		top: -1rem; left: -1rem;
		width: 1rem; height: 1rem;
	}

**************************************************************/
/******************************************

       PARA CENTRALIZAR UM ELEMENTO

 ************************/
/*****************************************
   FACILITADOR PARA A CRIAÇÃO DE Z-INDEX
   MODELOS:
   .site-header {
      z-index: z('site-header');
    }
******************************************/
/********************************************
  DEFININDO COMPORTAMENTOS DIFERENTES CONFORME
  TAMANHO DAS TELAS, DIRETO NA PRÓPRIA CLASSE
  modelo

  .site-header {
    padding: 2rem;
    font-size: 1.8rem;
    @include mq('tablet-wide') {
        padding-top: 4rem;
        font-size: 2.4rem;
    }
  }
 **************************************/
/* FRAMEWORK KHANGOO*/
footer .whats a {
  max-width: 247px; }
  @media only screen and (max-width: 768px) {
    footer .whats a {
      max-width: 100%; } }

footer.contact .footer-top .container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start; }

section.optin .header_top, section.optin .header_top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px; }
  section.optin .header_top img, section.optin .header_top a img {
    width: 20px; }
section.optin .headline {
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  section.optin .headline h1 {
    max-width: 900px; }
section.optin .optin_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  section.optin .optin_content .person {
    padding-right: 30px;
    margin-bottom: -4px; }
    @media only screen and (max-width: 768px) {
      section.optin .optin_content .person {
        display: none; } }
    section.optin .optin_content .person img {
      width: 300px;
      -o-object-fit: cover;
      object-fit: cover;
      filter: brightness(110%);
      -webkit-filter: brightness(110%);
      -moz-filter: brightness(110%);
      -o-filter: brightness(110%);
      -ms-filter: brightness(110%);
      filter: contrast(110%);
      -webkit-filter: contrast(110%);
      -moz-filter: contrast(110%);
      -o-filter: contrast(110%);
      -ms-filter: contrast(110%); }
  section.optin .optin_content .content_form {
    max-width: 300px; }
    section.optin .optin_content .content_form.success {
      max-width: 600px; }
    section.optin .optin_content .content_form .info img {
      width: 60px; }
    section.optin .optin_content .content_form .register_group_buttom button {
      width: 100%; }

.procedure-test .info {
  padding: 10px 5px 70px 5px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .procedure-test .info .button {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

section.offer {
  padding: 80px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  section.offer .flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  section.offer header {
    -ms-flex-preferred-size: calc(100% - 310px - 20px);
    flex-basis: calc(100% - 310px - 20px); }
    @media only screen and (max-width: 768px) {
      section.offer header {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center; } }
  section.offer .button {
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

/**Product*/
section.product-001 header .sub-headline {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  text-align: center; }

section.package {
  padding: 70px 10px; }
  section.package .flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 900px;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      section.package .flex-center {
        text-align: center; } }
  section.package .content {
    padding: 30px 0px; }
    section.package .content ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 auto; }
    section.package .content ul li {
      max-width: 200px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 10px 5px;
      margin: 0 auto; }
    section.package .content .item-image {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.package .content .item-image img {
        width: 60px;
        height: 60px;
        -o-object-fit: contain;
        object-fit: contain; }
  section.package .folder-courses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    section.package .folder-courses article {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
      background: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      @media only screen and (max-width: 768px) {
        section.package .folder-courses article {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
      section.package .folder-courses article figure {
        max-width: 250px;
        background: black;
        padding: 5px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; }
      section.package .folder-courses article .info-course {
        padding: 10px; }
        section.package .folder-courses article .info-course .description {
          max-width: 600px; }
          section.package .folder-courses article .info-course .description p {
            text-align: justify; }

section.qualification {
  padding: 70px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 0;
  text-shadow: 0.1em 0.1em 0.2em black; }
  section.qualification .flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 900px;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      section.qualification .flex-center {
        text-align: center; } }
  section.qualification .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0px;
    padding-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-shadow: 0.1em 0.1em 0.2em black; }
    section.qualification .content .person {
      padding: 10px;
      padding-bottom: 0; }
      section.qualification .content .person img {
        width: 350px;
        margin-bottom: -3px;
        filter: brightness(110%);
        -webkit-filter: brightness(110%);
        -moz-filter: brightness(110%);
        -o-filter: brightness(110%);
        -ms-filter: brightness(110%);
        filter: contrast(110%);
        -webkit-filter: contrast(110%);
        -moz-filter: contrast(110%);
        -o-filter: contrast(110%);
        -ms-filter: contrast(110%); }
    section.qualification .content .info {
      -ms-flex-preferred-size: calc(100% - 350px - 20px);
      flex-basis: calc(100% - 350px - 20px);
      padding-bottom: 30px; }
      @media only screen and (max-width: 768px) {
        section.qualification .content .info {
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          text-align: center; } }

section.interface {
  padding: 70px 10px; }
  section.interface .flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 900px; }
  section.interface .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    section.interface .content .person {
      padding: 10px;
      -ms-flex-preferred-size: 300px;
      flex-basis: 300px; }
      section.interface .content .person img {
        width: 100%;
        max-width: 300px; }
    section.interface .content .info {
      -ms-flex-preferred-size: calc(100% - 300px - 20px);
      flex-basis: calc(100% - 300px - 20px); }
      @media only screen and (max-width: 768px) {
        section.interface .content .info {
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%; } }

section.recursos-video {
  padding: 70px 10px; }

section.controller {
  padding: 70px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  section.controller .flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 900px; }
  section.controller .content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 30px 0px; }
    section.controller .content ul {
      max-width: 900px;
      width: 100%;
      margin: 0 auto; }
    section.controller .content ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 10px 5px;
      margin: 0 auto;
      width: 100%; }
    section.controller .content .item-image {
      -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
      text-align: left; }
      section.controller .content .item-image img {
        width: 50px;
        height: 50px;
        -o-object-fit: contain;
        object-fit: contain; }
    section.controller .content .item-info {
      -ms-flex-preferred-size: calc(100% - 100px - 20px);
      flex-basis: calc(100% - 100px - 20px); }

section.testimony {
  padding: 70px 10px; }
  section.testimony .flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 900px; }
  section.testimony header {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
  section.testimony .content {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 30px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    section.testimony .content .image {
      border: 3px solid #ececec;
      background-color: #055f55; }

section.desconto {
  padding: 70px 10px; }
  section.desconto .flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 900px; }
  section.desconto .content {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 30px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  section.desconto .card_price {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 20px;
    text-align: center;
    max-width: 300px;
    margin: 0 auto; }
    section.desconto .card_price .price {
      font-size: 3.5em; }
    section.desconto .card_price .info {
      max-width: 80%; }
      section.desconto .card_price .info p {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        padding: 5px 0; }
  section.desconto .footer icon {
    font-size: 3em; }
  section.desconto .footer .timer span {
    padding: 10px;
    color: white;
    background: green;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 5px; }

section.etapas {
  padding: 70px 20px; }
  section.etapas ul {
    max-width: 600px; }
  section.etapas ul li {
    border-left: 1px solid black;
    height: 60px; }
    section.etapas ul li .flex-center {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: left;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start; }
      section.etapas ul li .flex-center p {
        line-height: normal; }
    section.etapas ul li icon {
      font-size: 2em;
      margin-left: -16px; }

section.garantia {
  padding: 70px 10px; }
  section.garantia .flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 900px; }
  section.garantia .garantia_image img {
    width: 150px; }

section.pay article {
  max-width: 900px; }
section.pay .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  section.pay .content .image {
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px; }
    @media only screen and (max-width: 768px) {
      section.pay .content .image {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
    section.pay .content .image img {
      width: 100%; }
  section.pay .content .info {
    -ms-flex-preferred-size: calc(100% - 300px - 20px);
    flex-basis: calc(100% - 300px - 20px); }
    @media only screen and (max-width: 768px) {
      section.pay .content .info {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }

.scratch {
  text-decoration: line-through; }

/**************
 FORGET (RECUPERAÇÃO DE SENHA)
************* */
section.forget {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 560px) {
    section.forget {
      padding-top: 95px; } }
  section.forget article {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 10px;
    max-width: 500px;
    margin: 0 auto; }
  section.forget header:first-child {
    margin-bottom: 20px; }
    section.forget header:first-child h1 {
      text-align: left;
      font-family: "Roboto", sans-serif;
      font-size: 1.8em;
      color: #FFFFFF;
      font-weight: 700;
      line-height: 30px; }
    section.forget header:first-child p {
      text-align: left;
      font-family: "Roboto", sans-serif;
      font-size: 1em;
      color: #FFFFFF;
      font-weight: 300; }

section.courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  section.courses .courses_content {
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 10px 100px 10px; }

.folder-courses article {
  max-width: 250px;
  height: auto;
  background: #070707;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
.folder-courses figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.list-courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.bg-optin {
  background-image: url(https://automacaonaveia.cemf.com.br/shared/images/casa-automacao-fundo-color.png);
  background-repeat: no-repeat;
  background-position: left;
  background-attachment: inherit;
  background-size: 660px; }
  @media only screen and (max-width: 768px) {
    .bg-optin {
      background-size: 560px; } }

.bg-arduino {
  background-image: url(https://automacaonaveia.cemf.com.br/shared/images/arduino.png);
  background-repeat: no-repeat;
  background-position: -252px;
  background-attachment: inherit;
  background-size: 460px; }

.bg-qualification {
  background-image: url(https://automacaonaveia.cemf.com.br/shared/images/qualification.png);
  background-repeat: no-repeat;
  background-position: -130px top;
  background-attachment: inherit;
  background-size: 260px; }
/*# sourceMappingURL=styles-avweb-1616014389.min.css.map */