@font-face {
    font-family: TTHovesDemibold;
    src: url('fonts/TT_Hoves/TT\ Hoves\ DemiBold.otf');
    font-display: swap;
  }
  @font-face {
    font-family: TTHovesMedium;
    src: url('fonts/TT_Hoves/TT\ Hoves\ Medium.otf');
    font-display: swap;
  }
  @font-face {
    font-family: TTHovesBold;
    src: url('fonts/TT_Hoves/TT\ Hoves\ Bold.otf');
    font-display: swap;
  }
  
  html{
  scroll-behavior: smooth;  
  }
  body{
  position: relative;
  overflow-x: hidden !important;
  scroll-behavior: smooth;  
  background: rgb(0,0,0);  
  width: 100%;
  height: 100%;
  
  }

  #preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#ffffff;
    z-index:3000;
}
#preloader .inner {
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);  
}

.inner > img{
  height: 10vh;
}
  
  *, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  
  a {
  border: none;
  outline: none;
  text-decoration: none !important;
  }
  
  .clearfix:before,
  .clearfix:after {
   content: " ";
   display: table;
  }
  
  .clearfix:after {
   clear: both;
  }
  
  .clearfix {
   *zoom: 1;
  }
  
  
  .fancybox-content{
  max-width: 563px !important;
  border-radius: 15px !important;
  
  }
  .fancybox-iframe{
  border-radius: 15px !important;
  }
  
  .margin-default{
  padding-right: 13vh;
  padding-left: 13vh;
  }
  
  li{
  list-style: none;
  }
  
  section{
    width: 100%;
    height: 100vh;      
  }


  .menu-fixo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: all .5s;
  }
  
  
  
  .fp-auto-height.fp-section,
  .fp-auto-height .fp-slide,
  .fp-auto-height .fp-tableCell{
      height: auto !important;
  }
  
  .fp-responsive .fp-auto-height-responsive.fp-section,
  .fp-responsive .fp-auto-height-responsive .fp-slide,
  .fp-responsive .fp-auto-height-responsive .fp-tableCell {
      height: auto !important;
  }
  
  
  .wrapper{
  display: table-column;
  vertical-align: middle;
  }
  
  
  
  .call{
  margin-top: 16vh;   
  z-index: 1000 !important;    
  }
  
  .title-section{
  font-family: TTHovesDemibold;
  font-size: 10vh;
  color: #ffffff;  
  text-transform: uppercase;
  }
  
  .title-section small{
  font-size: 2vh;
  }
  
  .height-default{
  width: 100vw;
  height: 100vh;
  }
  
  .sub-call{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #ffffff;   
  position: absolute;
  bottom: 10vh; 
  }
  
  .sub-call a{
  font-family: TTHovesDemibold;
  color: #0069ff;
  }
  
  .separator{
  width: 100%;
  height: .3vh;
  background-color: white;
  margin-bottom: 15px;
  }
  
  .notebook{  
  margin-top: -8vh;
  height: 100vh;  
  z-index: 10 !important;
  }
  
  .maquiagem{
  height: 100vh;  
  z-index: 10 !important;
  }
  
  .interrogacao{
  height: 70vh;  
  margin-top: 15vh;
  z-index: 10 !important;
  }

  .medium{
    height: 50vh;  
    margin-top: 30vh;
    z-index: 10 !important;
  }
  
  .playinatel{
  margin-top: 10vh;
  height: 80vh;  
  z-index: 10 !important;
  }
  
  .engrenagem{
  margin-top: 15vh;
  margin-left: -20vh;
  height: 60vh;  
  z-index: 10 !important;
  }
  
  .z-index-superior{
  z-index: 1000 !important;
  }
  
  .z-index-inferior{
    z-index: 800 !important;
    }

  .name-general{
  font-family: TTHovesDemibold;
  font-size: 14vh;
  line-height: 15vh;
  color: #ffffff;
  text-transform: uppercase;
  
  }
  
  
  
  .work{
  background-color: #86B3C8;
  }
  
  .blog{
  background-color: #000000;
  }
  
  .inatel{
  background-image: url('../../images/bg_inatel.png');
  background-position: center;
  background-repeat: no-repeat;
  }
  
  .about{
  background-color: #0069ff;
  }
  
  .scroll img{
  width: 11vh;
  }
  
  .padding-bottom-scroll{
  padding-bottom: 3.6vh !important;
  }
  
  .top-down{
    margin-top: 4.2vh !important;
  }
  
  .top-down-2{
    margin-top: 6vh !important;
  }
  
  .top-down-3{
    margin-top: 8vh !important;
  }
  
  
  @media screen and (max-width: 768px) {
    .inner > img{
      height: 11vh !important;
    }
    .tagon{
        background-image: url('../../images/bghome.png');
        background-position: top;
        background-size: cover;
       
    }
    .work{
        background-image: url('../../images/bgmy.png');
        background-position: top;
        background-size: cover;
       
    }
    .about{
        background-image: url('../../images/bgtagon.png');
        background-position: top;
        background-size: cover;
    }
    .blog{
        background-image: url('../../images/bgmedium.png');
        background-position: top;
        background-size: cover;
    }
    .margin-default{padding-left: 4%; padding-right: 4%;}  
    .overlay{ padding-left: 4% !important; padding-right: 4% !important;}
    .overlay-content{margin-top: 3vh !important;}
    .chamada-menu{margin-top:2vh !important; font-size: 2.7vh !important; width: 100% !important;}    
    .cta{font-size: 3vh !important;}
    .list-menu a {font-size: 6vh !important; line-height: 8vh !important;}    
    .closebtn{margin-top: -1vh !important; z-index: 9999;}
    .closebtn img{
      width: 5vw !important;
    }
    .logomenu{
      height: 3vh !important;
      display: flex;
      align-items: center;
      justify-content: center; 
      margin-left: -2.9vh !important;
      margin-top: 2vh !important;
  }

    .logomenu img{
        width: 39vw !important;
    }   

    .logomenu-rodape img{
      display: none;
    }
    #footer{
        padding-top: 5vh !important;
    }
    .label{
        font-family: TTHovesMedium;
        text-transform: initial;
        font-size: 2.4vh !important;
        color: #606060;    
      }
    .item-label{
        font-size: 2.7vh !important;
    }
    .top-reverse{
        margin-top: 0vh !important;
    }

    .copyrights-footer{
        bottom: -3vh !important;
    }
  
    
    
  .masthead-brand img{
    width: 39vw !important; 
  }
  .nav-link img{
    margin-top: 8px !important;
  }
  .bars{
    width: 6vw !important;
  }
  
  .height-default{
    width: 100%;
    height: 70vh;
  }
  
  .masthead {    
    margin-top: 1.5vh !important;
    
    
  }
  
  .name-general{
      font-size: 8vh !important;
      line-height: 8vh;         
  }
  
  .call{
    margin-top: 13vh;   
    z-index: 1000 !important;  
    margin-top: 14vh;      
  }
  
  .sub-call{
    font-size: 2.7vh;
    bottom: initial;    
    margin-top: 51px !important;
    display: none;
  }

  .sub-call a{
      color: #ffffff !important;
  }
  
  .title-section{  
    font-size: 6vh !important;
    color: #ffffff;  
    text-transform: uppercase;  
  }
  
  .title-section small{
    font-size: 2.1vh;
  }
  
  
  .notebook{  
    height: 40vh;  
    margin-top: -20vh;
  }
  
  .maquiagem{  
    height: 40vh;  
    margin-top: -20vh;
  }
  
  .interrogacao{
    height: 40vh;  
    margin-top: -20vh;
  }
  
  .playinatel{
    right: 50vw !important;
    height: 50vh;
    margin-top: -30vh;
  }
  
  .engrenagem{
    height: 35vh;
    margin-left: -22vw;
    margin-top: -7vh !important;
  }
  
  .scroll{
    display: none !important;
  }

  .brandformace{
      font-size: 3.3vh !important;      
  }
  
  }
  
  
  
  
  .bts-shares{
    text-decoration: none !important;
    color: #FFE400 !important;
    
  }
  
  .chamada{
    font-family: KommonBlack;
    font-size: 60px;
    text-transform: uppercase;
    color: #ffe400;
    margin-top: 70px;    
    line-height: 60px;
  }
  
  .chamada small{
    font-size: 30px !important;
  }
  
  .ch-data{
    font-family: KommonBlack;
    font-size: 30px;
    text-transform: uppercase;
    color: #ffe400;
    margin-top: -30px;
  }
  
  
  
  .small{
    text-transform: initial !important;
    font-size: 14px;
    margin-top: 9px !important;    
  }
  .share{
    font-family: KommonUltraBold;
    font-size: 18px;
    color: #ffe400;
    text-transform: uppercase;
    margin-top: 20px;    
  }
  .share i{
    letter-spacing: 5px;
  }
  input:focus{
    border-color: #226000 !important;
  }
  .btn-primary{
    background-color: #184301;
    border: 10px;
    border-color: transparent;
    color: #ffe400;
    text-transform: uppercase;
    width: 180px;
    height: 80px;
    font-family: KommonBlack;
    margin-top: 30px;
    padding: 0px;
  }
  .btn-primary:hover{
    background-color: #286e03;
  }
  
  .style-form{
    max-width: 466px;
    min-height: auto;
    background-color: #fff;
    border-radius: 15px;
    padding: 40px;
    margin-top: 30px !important;
    
  }
  

  
  .legal{
    margin-top: 10px;
    color: #FFE400;
    font-size: 11px !important;    
  }
  
  
  .h1-banner{
      position: relative;
      font-size: 202px;
      text-transform: uppercase;
      color: #ebd440;
      font-family: BebasNueBold;
      line-height: 160px;
      margin-top: 10% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      width: 4em; 
  }
  .subtitle-home{
      font-family: BebasNueBold;
      font-size: 24px;
      color: #fff;
      width: 400px;
  }
  
  #navbarNav{
      font-size: 30PX;
  }
  
  /* The Overlay (background) */
  .overlay {
    padding-left: 13vh;
    padding-right: 13vh;
    overflow: hidden !important;
    height: 0vh;
    width: 100vw;
    position: fixed; 
    z-index: 2000; 
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 1); 
    overflow-x: hidden;
    transition: 0.5s; 
  }
  
  .overlay-content {
    position: relative;
    margin-top: 10vh; 
    width: 100%;    
    
    text-transform: uppercase;
    font-family: TTHovesDemibold;    
    color: #ffffff;
    
  }

  .logomenu{
    margin-top: 5.7vh;
  }
  
  .logomenu img{
    width: 20vh;
  }

  .logomenu-rodape img{
    width: 20vh !important;
  }
  
  .brandformace{
    font-family: TTHovesMedium;        
    font-size: 2.7vh;
    margin-top: 1.8vh;
    color: #ffffff;
    text-transform: uppercase;
  }  

  .socials{
    word-spacing: 18px;
    margin-bottom: 2.6em !important;
  }
  
  .socials a{
    color: #ffffff !important;
  }
  
  .socials a:hover{
    color: #0069ff !important;
  }

  .item-label a{
    color: #ffffff;
  }
  
  .list-menu{
    margin-top: 1.3vh;
  }
  
  .list-menu a {        
    font-size: 12vh;
    color: #ffffff;
    display: block;
    transition: 0.3s; 
    line-height: 15vh ;  
  }
  
  .chamada-menu{
    width: 20vw;
    margin-top: 3vh;
    font-family: TTHovesMedium !important;
    font-size: 2.4vh;
    text-transform: initial;
    color: #ffffff;
  }
  .cta{
    font-family: TTHovesDemiBold !important;
    font-size: 3vh;
    text-transform: initial;
  }
  
  .label{
    font-family: TTHovesMedium;
    text-transform: initial;
    font-size: 2.1vh;
    color: #606060;    
  }
  
  .item-label{
    font-family: TTHovesMedium !important;
    text-transform: initial;
    font-size: 2.4vh;
    color: #ffffff;
    margin-bottom: 3vh;
  }
  
  .copyrights{
    bottom: -5vh;
  }
  
  .copyrights-footer{
    bottom: -10vh;
    margin-bottom: 4vh;
  }
  
  
  .overlay a:hover, .overlay a:focus {
    color: #0069ff;
    text-decoration: underline !important;
  }
  
  .closebtn {
    position: absolute;
    margin-top: 3px;
    right: 10vw;
    font-size: 60px;  
  }
  
  .closebtn img{
    width: 2.4vh;
  }
  
  
  .masthead {    
    margin-top: 2.1rem;
    padding-right: 10%;
    padding-left: 10%;
  }
  
  
  
  .masthead-brand img{
    width: 20vh;
  }
  
  .nav-link img{
    margin-top: .6vh;
    width: 2.7vh;
  }
  
  .masthead {    
    margin-top: 2.1rem;
    padding-right: 10%;
    padding-left: 10%;
  }
  
  .masthead-brand {
    margin: auto;    
    margin-bottom: 0;  
  }
  
  
  
  .nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: #ffffff;
    background-color: transparent;
    border-bottom: .25rem solid transparent;
    font-family: TTHovesDemibold;
    font-size: 24px;    
  }
  
  .nav-masthead .nav-link:hover,
  .nav-masthead .nav-link:focus {
    
    color: #fff;
  }
  
  .nav-masthead .nav-link + .nav-link {
    margin-left: 1rem;
  }
  
  .nav-masthead .active {
    color: #fff;
    
  }
  
  .contato{
    height: auto !important;
    margin-bottom: 10vh;
  }
  
  .work-internal{
    height: auto !important;
   
  }
  
  .head-work{
    height: 80vh !important;
    margin-bottom: 10vh;
    background-color: #0069ff !important;
  }
  
  .zoom {
    overflow: hidden;
  }
  
  .zoom img {
      max-width: 100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
  }
  
  .zoom:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  .cards-work{
    margin-top: -25vh !important;
    padding-bottom: 15vh;
  }
  
  .border-none{
    border: none !important;
    border-radius: 0px !important;
  }
  
  .card{
    border-radius: 0px !important;
  }
  .card-img{
    border-radius: 0px !important;
  }
  
  .card-title{
    font-family: TTHovesDemiBold;
    text-transform: uppercase;
    font-size: 4vh;  
  }
  
  .no-padding{
    padding: 0px !important;
    margin: 0px !important;
  }
  
  .clients{
    background-color: #ffffff !important;
    padding-top: 3vh;
    padding-bottom: 18vh;
    height: auto !important;
  }
  
  .clients h1{
    font-family: TTHovesDemiBold;
    font-size: 7vh;
    text-transform: uppercase;  
  }
  
  
  .clients-card {
    height: 30vh;
    display: flex;
    align-items: center;
    justify-content: center;  
    border-radius: 0px !important;  
  }
  div.clients-card img {
    width: 10vw;
    margin: 0; 
  }
  
  .clients p{
    font-family: TTHovesMedium;
    font-size: 2.4vh;
    color: #606060;
    margin-top: 5vh;
    margin-bottom: 10vh;
  }
  
  
  .name-general-work{
    font-family: TTHovesDemibold;
    font-size: 12vh;
    line-height: 13vh;
    color: #ffffff;
    text-transform: uppercase;
  }
  
  
  
  /*work cases tagon*/
  .head-work-tagon{
    min-height: 100vh !important;
    
    background-color: #0069ff !important;
  }
  
  .engrenagem-interna{
    height: 70vh !important;
  }
  
  .sub-name{
    font-family: TTHovesMedium;
    font-size: 2.4vh;
    color: #ffffff;    
  }
  
  .main-work{
    margin-top: 15vh;
    margin-bottom: 5vh;
  }
  
  .infos{
    padding-top: 15vh;
    padding-bottom: 15vh;
  }
  
  .subtitle-case{
    font-family: TTHovesDemiBold;
    font-size: 3.6vh;
    color: white;
    text-transform: uppercase;
  }
  
  .descritivo-case{
    font-family: TTHovesMedium;
    font-size: 2.4vh;
    color: white;
  }
  
  .brand{
    background-color: #ffffff;
  }
  
  .brand-logo {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;  
  }
  .brand-logo img {
    margin: 0; 
    width: 27vw;
  }
  
  .numeros{
    padding-top: 10vh;
    
  }
  
  .services{
    font-family: TTHovesDemiBold;
    font-size: 2vh;  
    color: #0069ff;
    text-transform: uppercase;
  }
  
  
  .numeros h1{
    font-family: TTHovesBold;
    font-size: 20.6vh;
    color: white;
    line-height: 15vh;
  }
  .numeros h4{
    font-family: TTHovesDemiBold;
    font-size: 5.4vh;
    color: white;
    line-height: 5.4vh;
    text-transform: uppercase;
  }
  
  .numeros p{
    font-family: TTHovesMedium;
    font-size: 2.4vh;
    color: white;
    margin-top: 6vh;  
  }
  
  .desc-case{
    margin-top: initial !important;
    font-size: 2.4vh !important;
  }
  .bloco-secundario{
    margin-top: 15vh;
    margin-bottom: 15vh;  
  }
  
  .bloco-secundario h1{
    font-family: TThovesDemiBold;
    font-size: 7vh !important;
    line-height: 9vh;
    text-transform: uppercase;
    margin-bottom: 3vh;
  }
  
  .celulares{
    width: 33vw;
    margin-left: 0vh;
    margin-top: -10vh;  
  }
  
  .bg-blue{
    background-color: #0069ff;    
    height: 100vh;
  }
  .bg-white{
    background-color: #F5F5F5;
    padding: none !important;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: none !important;
  }
  .bg-white img{
    height: 45vh;
  }
  
  .bg-black{
    background-color: black;
    /*height: 50vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  
  
  .brand-blue{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;  
  }
  .brand-blue img {
    width: 50%;
    margin: 0; 
  }
  
  .cartoes{
    margin-top: 25vh;
  }
  
  #carouselProduto{
    margin-top: -80vh;
  }
  
  .setas{
    height: 5vh !important;
  }
  
  .carousel-control-prev {
    left: -5vh !important;
  }
  
  .carousel-control-next {
    right: -5vh !important;
  }
  
  .final{
    margin-top:-40vh;
    background-color: white;
    min-height: 70vh !important;
  }
  
  .logo-final{
    margin-top: 60vh;
    margin-bottom: 10vh;
    height: 9vh;
  }
  
  .next-project{
    font-family: TTHovesDemiBold;
    font-size: 4.8vh;
    margin-bottom: 18vh;
    color: #0069ff;
  }
  
  /*fim*/
  
  
  /*case make you*/
  
  .brand-my{
    background-color: #FFFFFF;
    padding-top: 10vh;
  }
  
  .name-general-my{
    font-family: TTHovesDemibold;
    font-size: 8vh;
    line-height: 8vh;
    color: #ffffff;
    text-transform: uppercase;  
  }
  
  .head-work-tagon{
    min-height: 100vh !important;
    
    background-color: #0069ff !important;
  }
  
  .mockup{
    height: 90vh !important;
  }
  
  .title-section-services{
    font-family: TTHovesDemibold;
    font-size: 8vh;
    line-height: 8vh;
    color: #000000;
    text-transform: uppercase;  
  }
  
  .descritivo-case-my{
    font-family: TTHovesMedium;
    font-size: 1.8vh;
    color: #606060;
  }
  
  .numeros-centralizados{
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center; 
  }
  
  .numeros-my h1{
    font-family: TTHovesDemibold;
    color: #de5150;
    font-size: 17vh;
    line-height: 17vh;
  }
  
  .numeros-my small{
    height: 100%;
    font-family: TTHovesDemibold;
    font-size: 6.5vh !important;
    line-height: 6vh;
    text-transform: uppercase;
    color: #000000 !important;
    display: flex;
    align-items: center;  
  
  }
  
  .infos-my{
    margin-top: 20vh;
    padding-bottom: 15vh;
  }
  
  .infos-my h4{
    font-family: TTHovesDemiBold;
    font-size: 2vh;
    color: #de5150;
    text-transform: uppercase;
  }
  
  .infos-my p{
    font-family: TTHovesMedium;
    font-size: 2.4vh;
    color: #000000;
    margin-top: 5vh;
  }
  
  .printblog{
    margin-top: -8vh;
    height: 80vh;  
    z-index: 10 !important;
  }
  
  .desempenho{
    background-color: #ff504f;
  }
  
  .subtitle-case-my{
    font-family: TTHovesDemiBold;
    font-size: 2vh;
    line-height: 2vh;  
    color: white !important;
    text-transform: uppercase;
    display: block;
  }
  
  .report-my{
    margin-top: 3vh;
  }
  
  .report-my h1{
    font-family: TTHovesBold;
    font-size: 17vh;
    line-height: 17vh;
    color: #ffffff;
    margin-top: 4vh;
  }
  
  .report-my p{
    font-family: TTHovesDemiBold;
    font-size: 5vh;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 6vh;
    
  }
  
  .report-my h4{
      font-family: TTHovesDemiBold;
      font-size: 2vh;    
      line-height: 2vh;
      color: #ffffff;
      text-transform: uppercase;
  }
  
  .total-porcent{  
    background-color: #ff7776;   
    height: 6vh;
    display: flex;
    align-items: center;
    justify-content: center;       
  }
  
  .total-porcent p{  
    font-family: TTHovesDemiBold;
    color: #ffffff !important;      
    font-size: 3vh;
    line-height: 3vh;
    margin-top: 1.4vh;
  }
  
  .report-2019{
    width: 70%;
    height: 2vh;
    background-color: #ffffff;  
    margin-bottom: 2vh;
    padding-right: 1vh;  
  }
  
  .report-2019 p{
    font-family: TTHovesDemiBold;
    font-size: 2vh;
    line-height: 2vh;
    color: #000000;
  }
  
  .report-2018{
    width: 10%;
    height: 2vh;
    background-color: #ffbaba;
    padding-right: 1vh;
  }
  
  .report-2018 p{
    font-family: TTHovesDemiBold;
    font-size: 2vh;
    line-height: 2vh;
    color: #000000;
  }
  
  
  
  
  
  /*fim makeyou*/
  
  
  
  
  .main-contato{
    margin-top: 15vh;
  }
  
  
  .title-contato strong{
    font-family: TTHovesDemiBold;
    font-size: 2.4vh;
    color: #ffffff;
    text-transform: uppercase;
    opacity: .39;
  }
  
  .title-contato small{
    font-family: TTHovesDemiBold;
    font-size: 3.6vh;
    color: #ffffff;
    text-transform: uppercase;
  }
  
  .title-cases strong{
    font-family: TTHovesDemiBold;
    font-size: 2vh;
    color: #ffffff;
    text-transform: uppercase;
    opacity: .39;
  }
  
  .title-cases small{
    font-family: TTHovesDemiBold;
    font-size: 2.4vh;
    color: #ffffff;
    text-transform: uppercase;
  }
  
  .chamada-contato{
    font-family: TTHovesDemiBold;
    font-size: 14.5vh;
    line-height: 14vh;
    color: #ffffff;
    text-transform: uppercase;
  }
  
  .label-contato{
    font-family: TTHovesDemiBold !important;
    text-transform: uppercase;
    font-size: 2vh;
    color: #606060;    
  }
  
  .item-label-contato{
    font-family: TTHovesMedium !important;
    text-transform: initial;
    font-size: 3.2vh !important;
    color: #ffffff;
    margin-bottom: 3vh;
  }
  
  .form-control{
    width: 100%;
    border: none;
    padding-left: 0px !important;
    font-family: TTHovesDemibold !important;
    border-top: none transparent !important;
    border-left: none transparent !important;
    border-left: none transparent !important;
    border-bottom: 1px solid #343434;
    border-radius: 0%;
    box-shadow: none !important;
    margin-bottom: 30px;    
    background: transparent !important;
  }
  
  .form-control:focus{
    border-top: none transparent !important;
    border-left: none transparent !important;
    border-left: none transparent !important;
    border-bottom: 1px solid #343434;
    box-shadow: none !important;
  }
  
  .form-control:active{
    border-top: none transparent !important;
    border-left: none transparent !important;
    border-left: none transparent !important;
    border-bottom: 1px solid #343434;
    box-shadow: none !important;
  }
  .form-group label{
    font-family: TTHovesDemibold !important;
    color: #fff;
  }
  
  .js .anime {
    opacity: 0;
    transform: translate3D(0px, 200px, 0px);
  }
  
  .js .anime-init {
    opacity: 1;
    transform: translate3D(0px, 0px, 0px);
    transition: 1s all ease;
  }
  
  #footer{
    padding-top: 10vh;
    padding-bottom: 10vh;
  }
  
  .word-spacing{
    word-spacing: 2vh;
  }

  .chamada-rodape{
    width: 20vw;
    margin-top: 3vh;
    font-family: TTHovesMedium !important;
    font-size: 2.4vh;
    text-transform: initial;
    color: #ffffff;
  }
  
  .pointer{
    margin-top: 500px;
  }
  
  @media (min-width: 48em) {
    .masthead-brand {
      float: left;
    }
    .nav-masthead {
      float: right;
    }
  }