@font-face {
    font-family: 'VW Head';
    src: url('../fontes/VWHead.woff2') format('woff2'),
    url('../fontes/VWHead.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VW Head Bold';
    src: url('../fontes/VWHead-Bold.woff2') format('woff2'),
        url('../fontes/VWHead-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
body {
  background: #E6E7E9;
}

.back-home {
  background: url(../webinar/public/img/back-first.png) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #324e89;
}

#header{
 
  background-color: #324e89;
}
.logo-vw {
  width: 369px;
}
.esc-mobile {
  display: none;
}
.open-mobile{
display: none;
}
.open-mobile{
  display:inline;
}

.first-webinar {
  background: #324e89;

}
.middle-webinar{
  background-image: url('../img/back-first.png');
 position: relative;
    top: -35px;
    height: 85%;
    z-index: 2;
    background-repeat: no-repeat;
   
    background-position: center;
    background-position-y: 20px;
    background-color:#324e89;
    
}

.navbar-nav{
 margin-left: 30px;
}
.nav-link{
  font-size: 21px;
  font-family: "VW Head";
  color: rgb(255, 255, 255)!important;

  line-height: 2.5;
  
  top: 90px;
  z-index: 3;
}

.assista-ao-vivo {
  background: #FEFEFE;
  border-radius: 35px;
  padding: 10px 35px;
  font-family: "VW Head Bold";
  font-size: 30px;
  color: #4259A9;
  text-align: center;
}

.link-ao-vivo{
  color: #4259A9;
  text-decoration:none;
}

.HOME_____PARTICIPE_____WEBINAR_____FALE_CONOSCO {
  font-size: 21px;
  font-family: "VW Head";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  position: absolute;
  left: 609.937px;
  top: 90px;
  z-index: 3;
}

.enter-space {
  padding-left: 2rem;
}
.enter {
  font-family: "VW Head";
  background: #04ACF5;
  color: #FFF!important ;
  border-color: #04ACF5;
  border-radius: 10px;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding:0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  

  
  top: 90px;
}

.sep-form{
  padding: 1% 0%;
}

.enter-login {
  width:50%;
  float:left;
}

.control-col{
  top: 65px;
  position: absolute;
  left: 30px;
}
.botao_Inscricoes {

  left: 45px;
  
  width: 299px;
  height: 51px;
  z-index: 16;
}

.edicao-especial {
  font-size: 46px;
  font-family: "VW Head";
  color: rgb(52, 163, 240);
  font-weight: bold;
  line-height: 1.2;
  margin-top: 10px;
  letter-spacing: -1px;
  margin-bottom: 0px;
}
.treinamento {
  font-size: 46px;
  font-family: "VW Head Bold";
  color: rgb(254, 254, 254);
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: -2px;
  margin-bottom: 0px;
}



.tema {
  font-size: 33px;
  font-family: "VW Head";
  color: rgb(254, 254, 254);
 
  line-height: 1.2;
  letter-spacing: -1px;

}



.data {
  font-size: 52px;
  font-family: "VW Head";
  color: rgb(254, 254, 254);
  font-weight: bold;
  line-height: 1.2;
  margin: 1.8rem 0rem;
  letter-spacing: -0.5px;
 
}



.description {

  font-size: 29px;
  font-family: "VW Head";
  color: rgb(254, 254, 254);
  line-height: 1.2;
  margin-bottom: 2px;
  letter-spacing: -0.5px;
}




.botao-cadastra-se {

  margin-top: 47px;
  display: table;
}



.vw-logo-middle {
  position: absolute;
  top: 160px;
  width: 300px;
  height: 300px;
  z-index: 15;
  left: 155px;
}




.c-login {
  padding: 70px;
  background: #A7C4D2;
  margin-top: 30px;
  text-align: center;
}


.c-cadastro {
  padding: 30px;
  background:#C9E3E4 ;
  margin-top: 30px;
  text-align: center;
}
.sep-cadastro{
  margin-top: 86px;
}

.login-bottom {
  background: #314D8B;
  font-size: 29px;
  font-family: "VW Head Bold";
  color: rgb(254, 254, 254);
  line-height: 1.2;
  margin-bottom: 2px;
  letter-spacing: -0.5px;
  border: none;
  padding: 7px;
  border-radius: 5px;
  margin: 0 auto;
}
.login-bottom:hover{
  background:#04ACF5;
  color: #FFF;
  text-decoration: none;
}

.login-text {
  font-size: 29px;
  font-family: "VW Head Bold";
  color:#304E7F;
  line-height: 1.2;
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  text-align: center;
}

.input-login {
  font-size: 25px;
  font-family: "VW Head";
  color:#777;
  line-height: 1.2;
  letter-spacing: -0.5px;
  text-align: left;
  border:none;
  padding:5px;
  margin-bottom: 30px;
}

.fa-user-circle {
  font-size: 50px;
  color: rgb(254, 254, 254);
  margin-left:20px;
}

.name-login{
  color:#FFF;
  font-family: "VW Head Bold";
  margin-top:1rem;
}

.logout{
  color:#FFF;
  font-family: "VW Head Bold";
  margin-top:0.2rem;
  display: table;
}


.bem-nome{
  font-family: "VW Head Bold";
  color: #1A9BDF;
  margin-top: 0.2rem;
  display: table;
}

.cadastro label{

  color:#6F7074;
  font-family: "VW Head";
  font-size: 20px;
  text-transform: uppercase;
}

.bottom-cadastro{
  background: #314D8B;
  font-size: 29px;
  font-family: "VW Head Bold";
  color: rgb(254, 254, 254);
  line-height: 1.2;
  margin-bottom: 2px;
  letter-spacing: -0.5px;
  border: none;
  padding: 7px;
  border-radius: 5px;
  margin: 0 auto;
  cursor: pointer;
}


.etapa{
  text-align: center;
  margin:30px 0px;
}
.cadastro-etapa {
  font-size: 29px;
  font-family: "VW Head Bold";
  color: #314D8B;
}

.cadastro-final{
  padding: 30px;
  background: #314E8A;
  margin-top: 30px;
  text-align: center; 
  
}

.cadastro-check-ok{
  font-size: 70px;
  font-family: "VW Head Bold";
  color: #04ACF5;
}

.cadastro-sucesso{
  font-size: 50px;
  color: rgb(254, 254, 254);
  font-family: "VW Head Bold";
  line-height: 2.5rem;
}

.modal-space {
  padding-top:3rem;
}

.fa-play-circle{
  font-size: 28px;
  font-family: "VW Head Bold";
  color:#FFF;
}

.cadastro-error{
  font-size: 50px;
  font-family: "VW Head Bold";
  color:red;
}

.webinar-text{
  font-size: 28px;
  font-family: "VW Head Bold";
  color:#FFF;
}


.webinar-second{
  font-size: 15px;
  font-family: "VW Head";
  color: #FFF;
}

.webinar-aguarde{
  margin-top: 3rem;
  text-align: center;
  
   
}
.webinar-ag-text{
  font-size: 50px;
  font-family: "VW Head Bold";
  color: #314D8B;
  margin: 0px;
}

.treinamento-topo{
  margin-top: 50px;
  margin-left:10%;
}
.treinamento-topo img {
  width: 100%;
}




@media (min-width: 576px)  { 
  .assista-ao-vivo {
    font-size: 22px;
}


.data{
  line-height: 0;
  font-size: 37px;
}
.botao-cadastra-se{
  margin-top:0px;
}
.edicao-especial{
  font-size: 30px;
}
.description {
  font-size: 22px;
}
}

@media (max-width: 576px)  { 
  .esc-class {
    display: none;
  }

  .control-botao {
    text-align: center;
  }
  .assista-ao-vivo {
    margin-top: 30px;
    background: #FEFEFE;
    border-radius: 35px;
    padding: 10px 10px;
    font-family: "VW Head Bold";
    font-size: 22px;
    color: #4259A9;
    text-align: center;
  }
  .middle-webinar {
    top:0px;
    background-image:none;
  }
  .control-col{
    left: 0px;
    top:15px;
  }
  .botao_Inscricoes{
    text-align:center;
  }

  .edicao-especial{
  font-size: 25px;
  display: none;
  }
  .c-login{
    padding: 10px;
    margin-top: 0px;
  }
  .c-cadastro{
    padding: 10px;
    margin-top: 10px;
  }
  
  .treinamento{
    margin-top:20px;
  }
  .tema {
   font-size: 29px;
    margin-top:10px;
  }
  .data{
    font-size:20px;
    margin: 1rem 0rem;

  }

  .description{
    font-size:20px;
  }

  .treinamento-topo {
    margin-top:10px;
  }
  .botao-cadastra-se {margin-bottom: 25px; margin-top:10px;}
  .sep-cadastro {margin-bottom: 30px; margin-top:0px;}
.esc-mobile{
  display: flex;
}
.open-mobile{
  display: none;
}
.treinamento-topo{
  margin-top: 50px;
  margin-left:0%;
}
.treinamento-topo img {
  max-width: 70%;
}

.cadastro-sucesso{
  font-size:40px;
}
.modal-space {
  padding-top: 1rem;;
}
.modal-space-line {
  padding-top: 1rem;;
}

.webinar-text {
  font-size:40px;
}
.webinar-second {
  font-size:20px;
}


}

@media (min-width: 576px) and (max-width: 767.98px) { 
  .logo-vw { width: 100%}
  .middle-webinar {height: 85%;}   
  .botao-cadastra-se {margin-bottom: 25px;}
}
  
  @media (min-width: 768px) and (max-width: 991.98px) { 
 
  
  }
  
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .logo-vw { width: 100%}
    .middle-webinar {top: 0px;}
    .vw-logo-middle{
      top: 120px;
      left: 150px;
      max-width: 60%;
      height: auto;
    }
    .control-col {top:30px;}
    .tema {font-size: 30px;}
    .botao-cadastra-se {margin-top:5px;}
    .edicao-especial {font-size: 30px;}
    .description {font-size:21px;}
    .data{font-size: 40px; margin: 1rem 0rem;}
    .middle-webinar {height: 83%;}
    .fa-user-circle{font-size: 25px;}
    .name-login {margin:0px;}
  }
  
  
  @media (min-width: 1200px) { 

  
  }