@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%;
  min-height: 100vh;      
}





.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;
}

.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;
}

.name-general{
font-family: TTHovesDemibold;
font-size: 14vh;
line-height: 15vh;
color: #ffffff;
text-transform: uppercase;

}



.work{
background-color: #86B3C8;
}

.blog{
background-color: #f46e0f;
}

.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/bgblog.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;
      margin-bottom: 5vh !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;
  }

  #footer img{
    margin-bottom: 15px !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: 9vh;         
}

.call{
  margin-top: 13vh;   
  z-index: 1000 !important;  
  margin-top: 14vh;      
}

.sub-call{
  font-size: 2.7vh;
  bottom: initial;    
  margin-top: 51px !important;
}

.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: 50vh;  
  margin-top: -15vh;
  margin-bottom: 9vh;
}

.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;      
}

.name-general-work{
  font-size: 6vh !important;
  line-height: 7vh !important;
  margin-top: 2vh !important;
}
.main-work{
  margin-top: 13vh !important;
}
.title-cases small{  
  font-size: 2.1vh !important;
  line-height: 2vh;
}
.cards-work{
  margin-top: -20vh !important;
}

.head-work{
  height: 60vh !important;
}
.card-title{
  font-size: 4.3vh !important;
}
.clients h1{
  font-size: 6vh !important;
  margin-bottom: -3vh !important;
}
.clients p{
  font-size: 2.7vh !important;
}

.sub-name{
  font-size: 2.7vh !important;
}
.engrenagem-interna{
  margin-top: 5vh !important;
  
  height: auto !important;
}
.infos{
  padding-top: 8vh !important;
}
.descritivo-case{
  margin-top: 2vh;
  font-size: 2.7vh !important;
  line-height: 4vh !important;
}
.brand-logo img {
  width: 27vh !important;
}
.numeros{
  margin-top: -5vh !important;
}
.services{
  margin-bottom: 5vh !important;
}
.numeros p{
  font-size: 2.7vh !important;
}
.celulares{  
  width: 43vh !important;
  margin-top: 6vh !important;
}
.bloco-secundario h1{
  font-size: 5vh !important;
  line-height: 6vh !important;
}

.bottom-cartoes{
  margin-bottom: 3vh !important;
}

.head-work-minimal{
  height: 70vh !important;
  background-color: #0069FF !important;
}

#carouselProduto{
  margin-top: 0vh !important;  
}

.head-work-minimal{
  height: 10vh !important;
  background-color: #0069FF !important;
}

.setas{
  height: 4vh !important;
}

.carousel-control-prev {
  left: 0vh !important;
}

.carousel-control-next {
  right: 0vh !important;
}

.galeria{
  height: auto !important;
}
.final{
  min-height: 45vh !important;
}
.final-my{
  margin-top:0vh !important;
}
.logo-final{
  margin-top: 10vh !important;
  margin-bottom: 7vh !important;
}
.next-project{  
  font-size: 4.2vh !important;
  margin-bottom: -10vh !important;  
}

.mockup{
  margin-top: 5vh !important;  
  height: auto !important;
}

.mockup-iphone{
  height: 60vh !important;
  margin-left: 0vh !important;
}

.bg-pink{
  background-size: 50vh !important;
  background-position: center !important;
}

.infos-my{
  margin-top: 10vh !important;  
}


.name-general-my{
  font-size: 6vh !important;
  line-height: 7vh !important;
  margin-top: 2vh !important;
}

.brand-my{
  padding-top: 13vh !important;  
}

.title-section-services{
  font-size: 6vh !important;
  line-height: 7.5vh !important;    
}

.descritivo-case-my{
  font-size: 2.7vh !important;
  line-height: 4vh !important;
}


.numeros-my h1{
    font-size: 18vh !important;
}

.numeros-my small{
  font-size: 5.4vh !important;
  margin-top: -1.8vh !important;
}

.report-my h1{  
  font-size: 12vh !important;
  line-height: 17vh !important;
  color: #ffffff;
  margin-top: 4vh;
  margin-bottom: -3vh !important;
}

.report-my h4{
  margin-bottom: 3vh !important;
}

.report-2019{
  width: 90% !important;
  margin-bottom: 0vh !important;
}

.bgmacbook{
  background-image: url('../../images/work/makeyou/bgmacbook.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100vw;
  margin-top: -10vh !important;
}

.bgmacbook img{
    width: auto !important;
    margin-top: -5vh;
}

.logo-final-my{
  height: 7vh !important;
}


}


.head-work-minimal{
  height: 90vh;
  background-color: #0069FF;
}

.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;
}


.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;
}

.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;
  color: #0069ff !important;
  cursor: pointer;
}

.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;
}

.item-label a{
  color: #ffffff;
}

.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;
}

.menu-fixo {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  transition: all .5s;
}


.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;
}

.masthead2 {      
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 20px;
  padding-bottom: 27px;
}

.masthead-brand {
  margin: auto;    
  margin-bottom: 0;  
}

.bg-black{
  background-color: #000000 !important;
}



.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;
}

.pointer-cursor{
  cursor: pointer;
}

.input-group{
  font-size: 5vh !important;    
}

.input-group-btn button{
  color: white !important;
  border-color: white;
  height: 4vh;  
}
.input-group-btn button:focus{
  color: white !important;
  border-color: white;
}
.input-group-btn button:active{
  color: white !important;
  border-color: white;
}



.banner-engrenagem{
  background-color: #0069FF;
  min-height: 30vh;
  display: flex;
  align-items: center;
  align-content: center;
  color: white;
}

.work-internal{
  height: auto !important;
 
}

.head-work{
  height: 80vh;
  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;
  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: 18vh;
  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;
}

.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;
  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;
}

.carousel-control-prev {
  left: -5vh;
}

.carousel-control-next {
  right: -5vh;
}

.final{
  margin-top:-40vh;
  background-color: white;
  min-height: 70vh;
}

.logo-final{
  margin-top: 60vh;
  margin-bottom: 10vh;
  height: 9vh;
}

.logo-final-cicloway{
  margin-top: 20vh;
  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: 15vh;
}

.name-general-my{
  font-family: TTHovesDemibold;
  font-size: 9vh;
  line-height: 9vh;
  color: #ffffff;
  text-transform: uppercase;  
}

.head-work-my{
  min-height: 100vh !important;  
  background-color:#87b3c9 !important;
}



.mockup{
  margin-top: 10vh;
  height: 90vh;
}

.title-section-services{
  font-family: TTHovesDemibold;
  font-size: 9vh;
  line-height: 10vh;
  color: #000000;
  text-transform: uppercase;  
}

.descritivo-case-my{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #606060;
}

.numeros-centralizados{
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center; 
}

.numeros-my{
  margin-bottom: 7vh;
}

.numeros-my h1{
  font-family: TTHovesBold;
  color: #FF504F;
  font-size: 10.6vw;
  line-height: 17vh;
}

.numeros-my small{
  height: 100%;
  font-family: TTHovesDemibold;
  font-size: 3.5vw;
  line-height: 6vh;
  text-transform: uppercase;
  color: #000000 !important;
  display: flex;
  align-items: center;  
}

.mockup-iphone{
  margin-top: 0vh;
  margin-left: 12vh;
  height: 90vh;
}

.bg-pink{
  background-image: url('../../images/work/makeyou/bgmockup.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 66vh;
}

.bgmacbook{
  background-image: url('../../images/work/makeyou/bgmacbook.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100vw;
}

.bgmacbook img{
    width: 84vw;
    margin-top: -5vh;
}

.theme-rosa{
  color: #FF504F !important;
}

.theme-blue{
  color: #0045BC !important;
}

.theme-blue-light{
  color: #24B3F8;
}

.theme-red{
  color: #d41638;
}

.theme-wine{
  color: #851e31;
}

.infos-my{
  margin-top: 20vh;
  padding-bottom: 15vh;
}

.infos-my h4{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 4vh;
  color: #FF504F;
  text-transform: uppercase;
}

.infos-my p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #606060;
  margin-top: 5vh;
}

.printblog{
  margin-top: -11vh;
  width: 85vw;  
  z-index: 10 !important;
}

.fa-square-full{
  padding-right: 4vh;
  padding-left: 4vh;
}

.desempenho{
  background-color: #ff504f;
  padding-bottom: 10vh;
}

.subtitle-case-my{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 2vh;  
  color: white !important;
  text-transform: uppercase;
  display: block;
}

.url-blog{
  margin-top: 8vh;
  font-size: 2.4vh !important;
  text-transform: lowercase !important;
}

.report-my{
  margin-top: 7vh;
}

.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;
  
}

.google{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  text-transform: uppercase;
}

.report-my h4{
    font-family: TTHovesDemiBold;
    font-size: 2.3vh;    
    line-height: 2vh;
    color: #ffffff;
    text-transform: uppercase;
}

.total-porcent{  
  background-color: #ff7776;   
  height: 7vh;
  display: flex;
  align-items: center;
  justify-content: center;       
}

.total-porcent p{  
  font-family: TTHovesDemiBold;
  color: #ffffff !important;      
  font-size: 4vh;
  line-height: 3vh;
  margin-top: 1.4vh;
}

.report-2019{
  width: 100%;
  height: 3vh;
  background-color: #ffffff;  
  margin-bottom: 1vh;
  padding-right: 1vh;  
  padding-top: 0.5vh;
}

.report-2019 p{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 2vh;
  color: #FF504F;
}

.report-2018{
  width: 15%;
  height: 3vh;
  background-color: #ffbaba;
  padding-right: 1vh;
  padding-top: 0.5vh;
}

.report-2018 p{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 2vh;
  color: #FF504F;
}





/*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;
  
}

.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-unique{
  height: 4vh !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;
}

.theme-forme-white{
  border-bottom: 1px solid #ffffff !important;
  color: #ffffff;  
}
.theme-forme-white:active{
  border-bottom: 1px solid #ffffff !important;
  color: #ffffff;
}
.theme-forme-white:focus {
  border-bottom: 1px solid #ffffff !important;
  color: #ffffff;
}
.theme-forme-white::placeholder {  
  color: #ffffff;
}


.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;
  }
}

.name-general-about{
  font-family: TTHovesDemibold;
  font-size: 9vh;
  line-height: 10vh;
  color: #000000;
  text-transform: uppercase;
}

.head-about{
  min-height: 100vh;  
  background-color: #ffffff !important;
}
.title-cases-about strong{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  color: #0069FF;;
  text-transform: uppercase;
  opacity: .39;
}

.title-cases-about small{
  font-family: TTHovesDemiBold;
  font-size: 2.4vh;
  color: #0069FF;
  text-transform: uppercase;
}

.infos-about{
  margin-top: 10vh;
}

.infos-about h4{
  color: #000000;
}

.infos-about p{
  color: #606060;
  margin-bottom: 10vh;
}

.piramide{
  margin-bottom: -15vh;
}

.phrase-about{
  font-family: TTHovesDemiBold;
  padding-top: 27vh;
  min-height: 80vh;
  background-color: #0069FF;
  text-transform: uppercase;  
}

.phrase{  
  color: #ffffff;
}

.phrase h1{  
  font-size: 6vh;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 3vh;
}

.title-about{
  font-size: 2vh;  
}

.phrase small{
  font-size: 2vh;  
}

.desc-phrase{
  font-family: TTHovesMedium;

  text-transform: initial;
  color: #ffffff;
  font-size: 2.4vh;
  margin-top: 5vh;
  margin-bottom: 13vh;  
}

.servicos{
  font-family: TTHovesDemiBold;
  padding-top: 15vh;  
  background-color: #ffffff;
}

.title-servicos{
  font-size: 2vh;
  color: #0069FF;
  text-transform: uppercase;
}

.title-team{
  font-family: TTHovesDemiBold !important;
  font-size: 2vh;
  color: #0069FF !important;
  text-transform: uppercase;
}

.servicos h1{
  font-family: TTHovesDemiBold;
  font-size: 9vh;
  text-transform: uppercase;
  margin-bottom: 10vh;
}


.servicos p{
  font-family: TTHovesDemiBold;
  font-size: 2vh;  
  margin-bottom: 5vh;
}

.team{
  font-family: TTHovesDemiBold;
  padding-top: 15vh;  
  background-color: #ffffff;
}

.team h1{
  font-family: TTHovesDemiBold;
  font-size: 9vh;
  text-transform: uppercase;
  margin-bottom: 7vh;
  color: #000000;
}

.team p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;  
  margin-bottom: 7vh;
  color: #606060;
}

.card-informativo{
  margin-bottom: 8vh;  
}

.card-informativo h3{
    text-transform: uppercase;
}

.card-informativo p{
  font-family: TTHovesMedium;
  color: #606060;
  font-size: 2.4vh;
}

.center-icones{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;  
  
} 

.center-icones img{      
    margin: 0;   
}

.calltoaction{
  font-family: TTHovesDemiBold;
  padding-top: 15vh;  
  min-height: 40vh;
  background-color: #000000;
}

.calltoaction h1{
  color: #ffffff;
  text-transform: uppercase;
  font-size: 4vh;
}

.calltoaction a{
  font-size: 5vh;
}

.ctas-centralizados{
  display: flex;
  align-items: center;
  justify-content: center; 
}

.galery-team{
  margin-top: 10vh;
  margin-bottom: 20vh;
}

.setas-about{
  position: relative;
  width: 100%;    
  z-index:1000; 
  font-size: 60px;       
}

.setas-about img{
  position: absolute;
  margin-top: 25vh;
  cursor: pointer;
  height: 5vh;
}
.next{
  right: 3vh;
}
.prev{
  left: 3vh;
}

.item img{
  height: 29vw;
}

.item p{
  font-family: TTHovesDemiBold;
  font-size: 3vh;
  color: #000000;  
  margin-top: 1vh;
  margin-bottom: 1vh;
  text-align: center;
}

.item small{
  font-family: TTHovesMedium;
  font-size: 2vh;
  color: #606060;
  text-align: center !important; 
}

.owl-theme .owl-controls{margin-top:5vh;text-align:center;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{display:block;width:1vh;height:1vh;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}


.partners{
  font-family: TTHovesDemiBold;
  padding-top: 15vh;  
  padding-bottom: 11vh;
  background-color: #f6f6f6;
  min-height: 70vh;
}

.partners h1{
  font-family: TTHovesDemiBold;
  font-size: 9vh;
  text-transform: uppercase;
  margin-bottom: 5vh;
  color: #000000;
}

.partners p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;  
  margin-bottom: 5vh;
  color: #606060;
  text-align: center;
}

.img-partners {
  height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;  
 
}
div.img-partners img {
  width: 16vw;
  margin: 0; 
}

@media screen and (max-width: 768px) {
    .masthead2 {            
      padding-top: 11px;
      padding-bottom: 27px;
    }

    .name-general-about{
      font-size: 6vh !important;
      line-height: 7vh !important;
    }
    .infos-about{
      margin-top: 4vh !important;
    }
    .infos-about p{
      font-size: 2.7vh !important;
    }
    .phrase h1{
      font-size: 6vh !important;
    }
    .desc-phrase{
      font-size: 2.7vh !important;
    }
    .servicos h1{
      font-size: 7vh !important;
      line-height: 8vh !important;
      text-align: left !important;
    }
    .title-servicos{
      text-align: left !important;
    }

    .card-informativo img{
      height: 20vh !important;
      
    }
    .card-informativo h3{
      font-size: 5vh !important;
    }
    .card-informativo p{
      font-size: 2.7vh !important;
    }
    .calltoaction{
      padding-top: 5vh !important;
      padding-bottom: 5vh !important;
    }

    .calltoaction h1{
      font-size: 4vh !important;
    }

    .calltoaction a{
      font-size: 4vh !important;
    }

    .calltoaction a{
      float: left !important;
    }

    .galery-team{
      margin-top: 3vh !important;
    }

    .team h1{
      font-size: 7vh !important;
      line-height: 8vh !important;
    }
    .team p{
      font-size: 2.7vh !important;
    }
    .item img{
      height: 54vh !important;
    }
    .item p{
      font-size: 2.7vh !important;
      margin-top: 5vh !important;
    }
    .item small{
      font-size: 2.4vh !important;
    }
    .partners{
      padding-top: 13vh !important;
    }
    .partners h1{
      font-size: 7vh !important;
    }

    .partners p{
      font-size: 2.7vh !important;
      margin-bottom: 10vh !important;
    }
    .img-partners{
      height: 18vh;
    }
    .img-partners img{
      width: 50vw !important;
    }
    

}

.modal-content{
  background-color: black;
}
.modal-header{
  border: transparent !important;
}
.modal-title{
  font-family: TTHovesDemiBold;
  text-transform: uppercase;
  color: white;
}

.modal-body{
  font-family: TTHovesMedium;
  color: white;  
}


/*case inatel*/

.brand-inatel{
  background-color: #FFFFFF;
  padding-top: 15vh;
}

.name-general-my{
  font-family: TTHovesDemibold;
  font-size: 9vh;
  line-height: 9vh;
  color: #ffffff;
  text-transform: uppercase;  
}

.head-work-inatel{
  min-height: 100vh !important;  
  background-color:#0b47b7 !important;
  padding-bottom: 30vh;
}

.video-inatel{
  margin-top:-45vh;
}


.mockup{
  margin-top: 10vh;
  height: 90vh;
}

.descritivo-case-my{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #606060;
}

.numeros-centralizados{
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center; 
}

.numeros-inatel{
  margin-bottom: 7vh;
}

.numeros-inatel h1{
  font-family: TTHovesBold;
  color: #0b47b7;
  font-size: 10.6vw;
  line-height: 17vh;
}

.numeros-inatel small{
  height: 100%;
  font-family: TTHovesDemibold;
  font-size: 3.1vw;
  line-height: 6vh;
  text-transform: uppercase;
  color: #000000 !important;
  display: flex;
  align-items: center;  
}

.mockup-iphone-inatel{
  margin-top: 0vh;
  margin-left: 12vh;
  height: 90vh;
}

.bgmacbook img{
    width: 84vw;
    margin-top: -5vh;
}

.theme-rosa{
  color: #FF504F !important;
}

.infos-inatel{
  margin-top: 20vh;
  padding-bottom: 15vh;
}

.infos-inatel h4{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 4vh;
  color: #0b47b7;
  text-transform: uppercase;
}

.infos-inatel p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #606060;
  margin-top: 5vh;
}

.vestibular{
  margin-top: -11vh;
  width: 85vw;  
  z-index: 10 !important;
  margin-bottom: 15vh;
}

.fa-square-full{
  padding-right: 4vh;
  padding-left: 4vh;
}

.desempenho-inatel{
  background-color: #0b47b7;
  padding-bottom: 10vh;
}

.subtitle-case-my{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 2vh;  
  color: white !important;
  text-transform: uppercase;
  display: block;
}

.url-blog{
  margin-top: 8vh;
  font-size: 2.4vh !important;
  text-transform: lowercase !important;
}


.report-inatel h1{
  font-family: TTHovesBold;
  font-size: 17vh;
  line-height: 17vh;
  color: #ffffff;
  margin-top: 4vh;
}

.report-inatel p{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 6vh;
  
}

.report-inatel small{
  height: 100%;
  font-family: TTHovesDemibold;
  font-size: 3.1vw;
  line-height: 6vh;
  text-transform: uppercase;
  color: #ffffff !important;
  display: flex;
  align-items: center;  
}

.google{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  text-transform: uppercase;
}

.report-my h4{
    font-family: TTHovesDemiBold;
    font-size: 2.3vh;    
    line-height: 2vh;
    color: #ffffff;
    text-transform: uppercase;
}

.total-porcent{  
  background-color: #ff7776;   
  height: 7vh;
  display: flex;
  align-items: center;
  justify-content: center;       
}

.total-porcent p{  
  font-family: TTHovesDemiBold;
  color: #ffffff !important;      
  font-size: 4vh;
  line-height: 3vh;
  margin-top: 1.4vh;
}

.report-2019{
  width: 100%;
  height: 3vh;
  background-color: #ffffff;  
  margin-bottom: 1vh;
  padding-right: 1vh;  
  padding-top: 0.5vh;
}

.report-2019 p{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 2vh;
  color: #FF504F;
}

.report-2018{
  width: 15%;
  height: 3vh;
  background-color: #ffbaba;
  padding-right: 1vh;
  padding-top: 0.5vh;
}

.report-2018 p{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 2vh;
  color: #FF504F;
}

.bgmacbook-inatel{
  background-image: url('../../images/work/inatel/bgazul.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100vw;
  margin-top: 10vh !important;
  
}

.bgmacbook-inatel img{
  width: auto !important;
  margin-top: -10vh;
}

.funil{
  margin-top: 10vh;
  height: 100vh;
}

@media screen and (max-width: 768px) {
    .head-work-inatel{
      padding-bottom: 5vh !important;
    }

    .video-inatel{
      margin-top: -30vh !important;
    }
    
    .infos-inatel{
      margin-top: 10vh !important;
      padding-bottom: 7vh !important;
    }

    .infos-inatel p{     
      font-size: 2.7vh;    
      margin-top: 5vh;
    }

    .numeros-inatel h1{
      font-size: 18vh !important;
    }
  
    .numeros-inatel small{
      font-size: 5.4vh !important;
      margin-top: -1.8vh !important;
    }

    .mockup-iphone-inatel{
      height: 60vh !important;
      margin-left: 8vh !important;
      margin-top: -2vh !important;
    }

    .report-inatel h1{  
      font-size: 18vh !important;
    }
    
    .report-inatel small{
      font-size: 5.4vh !important;
    }

    .funil{
      margin-top: 10vh;
      width: 80vw !important;
      height: auto !important;
    }

    .bgmacbook-inatel{
      background-image: url('../../images/work/inatel/bgazul.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100vw;
      margin-top: 0vh !important;
    }
    
    .bgmacbook-inatel img{
        width: 100vw !important;
        margin-top: -3vh;
        padding-bottom: 2vh !important;
    }

}


/*fim inatel*/

/*CICLOWAY*/
.head-work-cicloway{
  min-height: 100vh !important;  
  background-color:#24B3F8 !important;
  padding-bottom: 30vh;
}

.descritivo-cicloway-1{
  margin-top: 5vh;
}

.descritivo-cicloway-2{
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.descritivo-cicloway-2 .subtitle-case{
  font-size: 3vh;
}

.ecommerce{
  height: 80vh;
}

.numeros-cicloway{
  margin-bottom: 7vh;
}

.numeros-cicloway h1{
  font-family: TTHovesBold;
  color: #24B3F8;
  font-size: 10.6vw;
  line-height: 17vh;
}

.numeros-cicloway small{
  height: 100%;
  font-family: TTHovesDemibold;
  font-size: 3.1vw;
  line-height: 6vh;
  text-transform: uppercase;
  color: #000000 !important;
  display: flex;
  align-items: center;  
}

.video-cicloway{
  margin-top:-45vh;
}

.infos-cicloway{
  margin-top: 20vh;
  padding-bottom: 15vh;
}

.infos-cicloway h4{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 4vh;
  color: #24B3F8;
  text-transform: uppercase;
}

.infos-cicloway p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #606060;
  margin-top: 5vh;
}

.print-cicloway{
  margin-top: -15vh;
  width: 85vw;  
  z-index: 10 !important;
  margin-bottom: 15vh;
}

.desempenho-cicloway{
  background-color: #24B3F8;
  padding-bottom: 10vh;
}

.report-cicloway h1{
  font-family: TTHovesBold;
  font-size: 17vh;
  line-height: 17vh;
  color: #ffffff;
  margin-top: 4vh;
}

.report-cicloway p{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 6vh;
  
}

.report-cicloway small{
  height: 100%;
  font-family: TTHovesDemibold;
  font-size: 3.1vw;
  line-height: 6vh;
  text-transform: uppercase;
  color: #ffffff !important;
  display: flex;
  align-items: center;  
}

.brand-cicloway{
  background-color: #ffffff;
  padding-top: 0vh;
  padding-bottom: 40vh;
}

.bg-empresas{
  background: linear-gradient(80deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
}

.bg-empresas img{
  width: auto !important;
  margin-top: -10vh;
}

.bg-gradiente{
  background: linear-gradient(80deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
  min-height: 100vh !important;
  padding-bottom: 20vh;
}

.bg-gradiente img{
  height: 70vh;
  margin-top: -50vh;
  margin-left: 6vh;
}

@media screen and (max-width: 768px) {
  .head-work-cicloway{
    padding-bottom: 5vh !important;
  }

  .ecommerce{
    margin-top: 5vh !important;  
    height: auto !important;
  }

  .infos-cicloway{
    margin-top: 10vh !important;
    padding-bottom: 7vh !important;
  }

  .infos-cicloway p{     
    font-size: 2.7vh;    
    margin-top: 5vh;
  }

  .video-cicloway{
    margin-top:-30vh !important;
  }

  .report-cicloway h1{  
    font-size: 18vh !important;
  }
  
  .report-cicloway small{
    font-size: 5.4vh !important;
  }

  .bg-empresas img{
    width: 100vw !important;
    margin-top: -3vh;
    padding-bottom: 2vh !important;
  }
 

  .numeros-cicloway h1{
    font-size: 18vh !important;
  }

  .numeros-cicloway small{
    font-size: 5.4vh !important;
    margin-top: -1.8vh !important;
  }

  .print-cicloway{
    margin-top: -5vh;
    width: 85vw;  
    z-index: 10 !important;
    margin-bottom: 15vh;
  }

  .final-cicloway{
    padding-bottom: 20vh;
  }

  .bg-gradiente img{
    height: 50vw;
    margin-top: -20vh;
    margin-left: 0vh !important;
  }
  

}


/*CASE CNA*/
.head-work-cna{
  min-height: 100vh !important;  
  background-color:#d41638 !important;
  padding-bottom: 30vh;
}

.logo-cna{
  margin-top: 10vh;
  margin-bottom: 10vh;
  height: 30vh;
}

.descritivo-cna-1{
  margin-top: 5vh;
}

.descritivo-cna-2{
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.descritivo-cna-2 .subtitle-case{
  font-size: 3vh;
}

.site-cna{
  margin-top: -45vh;
}

.site-cna img{
  height: 80vh;
}

.infos-cna{
  margin-top: 20vh;
  padding-bottom: 15vh;
}

.infos-cna h4{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 4vh;
  color: #d41638;
  text-transform: uppercase;
}

.infos-cna p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #606060;
  margin-top: 5vh;
}

.numeros-cna{
  margin-bottom: 7vh;
}

.numeros-cna h1{
  font-family: TTHovesBold;
  color: #d41638;
  font-size: 10.6vw;
  line-height: 17vh;
}

.numeros-cna small{
  height: 100%;
  font-family: TTHovesDemibold;
  font-size: 3.1vw;
  line-height: 6vh;
  text-transform: uppercase;
  color: #000000 !important;
  display: flex;
  align-items: center;  
}

.brand-cna{
  background-color: #FFFFFF;
  padding-top: 15vh;
  min-height: 245vh;
}

.escola-cna{
  margin-top: -40vh;
  height: 80vh;
  z-index: 10 !important;
  margin-bottom: 15vh;
}

.desempenho-cna{
  background-color: #d41638;
  padding-bottom: 10vh;
}

.report-cna h1{
  font-family: TTHovesBold;
  font-size: 17vh;
  line-height: 17vh;
  color: #ffffff;
  margin-top: 4vh;
}

.report-cna p{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  color: #ffffff;  
  line-height: 6vh;
  
}

.report-cna small{
  height: 100%;
  font-family: TTHovesDemibold;
  font-size: 3.1vw;
  line-height: 6vh;
  text-transform: uppercase;
  color: #ffffff !important;
  display: flex;
  align-items: center;  
}

.logo-final-cna{
  height: 15vh !important;
}

@media screen and (max-width: 768px) {

  .descritivo-cna-2{
    margin-bottom: 0vh;
  }

  .logo-cna{
    margin-top: 10vh;
    margin-bottom: 10vh;
    height: 15vh;
  }

  .site-cna{
    margin-top: -30vh;
  }

  .site-cna img{
    height: 25vh;
  }

  .numeros-cna h1{
    font-size: 18vh !important;
  }

  .numeros-cna small{
    font-size: 5.4vh !important;
    margin-top: -1.8vh !important;
  }

  .escola-cna{
    height: 35vh;
    margin-top: -10vh;
  }

}


/*FIM CASE CNA*/





.welcome-bar{
  background-color: black;
  display: flex;  
  min-height: 18vh;      
}

.centralizar{
  display: flex;
  align-items: center;
  justify-content: center; 
}

.welcome-bar h2{
  font-family: TTHovesDemibold;
  text-transform: uppercase;
  font-size: 2.8vh;
  color: white;
}

.welcome-bar img{
  height: 2vh;
  margin-top: 2vh;
  margin-right: 2vh;
  cursor: pointer;
}

.modal-form{
  padding: 10vh;
}

.message-success{
  padding: 7vh !important;
}

.message-success h3{
  text-transform: uppercase;
  font-size: 2.4vh;
}

.message-success{
  font-size: 2vh;
}

.subitle-degrade{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 4vh;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 6vh;
}

.final-cicloway{
  padding-top: 10vh;
  min-height: 10vh;
  background-color: white;
}

.final-cicloway p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #606060;
  margin-top: 5vh;
}

@media screen and (max-width: 768px) {

  .welcome-bar{
    background-color: black;    
    min-height: 18vh;    
    padding-top: 2vh;
  }

  .centralizar{
    display: flex;
    align-items: center;
    justify-content: center; 
  }
  
  .welcome-bar h2{
    font-family: TTHovesDemibold;
    text-transform: uppercase;
    font-size: 2vh;
    color: white;
  }
  
  .welcome-bar img{
    height: 2vh;    
    cursor: pointer;
  }
  
  .cta-welcomebar{
    font-size: 2vh !important;
  }

  
  .modal-form{
    padding: 3vh !important;
  }

  .message-success{
    padding: 3vh !important;
  }
  
}

/* CASELUCIO */
.head-work-lucio{
  min-height: 100vh !important;  
  background-color:#ffffff !important;
  padding-bottom: 30vh;
}

.head-work-lucio .title-cases strong{
  color: #851e31 ;   
}

.head-work-lucio .title-cases small{
  color: #851e31 ;   
}

.head-work-lucio .separator {
  background-color: #000000;   
}

.head-work-lucio .sub-name{
  color: #606060 ;   
}

.head-work-lucio .sub-name span{
  color: #851e31 ;   
}

.head-work-lucio .name-general{
  font-family: TTHovesDemibold;
  font-size: 9vh;
  line-height: 9vh;
  color: #000000;
  text-transform: uppercase;  
}

.head-work-lucio .mockup{
  margin-top: 10vh;
  height: auto;
}

.descritivo-lucio-1{
  margin-top: 15vh;
}

.descritivo-lucio-1 .subtitle-case {
  color: #851e31;
}

.descritivo-lucio-1 .descritivo-case {
  color: #606060;
}

.descritivo-lucio-2{
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.descritivo-lucio-2 .subtitle-case{
  color: #851e31;
  font-size: 3vh;
}

.descritivo-lucio-2 .descritivo-case{
  color: #606060;  
}

.brand-lucio{
  background-color: #FFFFFF;
  padding-top: 15vh;
  padding-bottom: 600px;
}

.infos-lucio{
  margin-top: 20vh;
  padding-bottom: 15vh;
}

.infos-lucio h4{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 4vh;
  color: #851e31;
  text-transform: uppercase;
}

.infos-lucio p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #606060;
  margin-top: 5vh;
}

.infos-lucio .title-section-services {
  font-size: 8vh;
}

.desempenho-lucio{
  background-color: #851e31;
  padding-bottom: 10vh;
}

.print-properties{
  margin-top: -693px;  
}

.infos-lucio-tec{
  margin-top: 20vh;
  padding-bottom: 30vh;
}

.infos-lucio-tec h4{
  font-family: TTHovesDemiBold;
  font-size: 2vh;
  line-height: 4vh;
  color: #ffffff;
  text-transform: uppercase;
}

.infos-lucio-tec p{
  font-family: TTHovesMedium;
  font-size: 2.4vh;
  color: #ffffff;
  margin-top: 5vh;
}

.infos-lucio-tec .title-section-services {
  font-size: 8vh;
  color: #ffffff;
}

.luciomacbook {
  margin-top: -35vh;
}

.brand-lucio-mobile {
  min-height: 100vh;
  background-color: #ffffff;
  padding-bottom: 100px;
}

.final-lucio{
  padding-top: 0vh;
  min-height: 10vh;
  background-color: #ffffff;
}

.logo-final-lucio {
  margin-top: 20vh;
  margin-bottom: 10vh;
  height: 20vh;
}

.bg-lucio{
  background-color: #851e31;
}

.bg-lucio img{
  width: auto !important;
  margin-top: -10vh;
}

.shadow-lucio{
  -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.18);
}

@media screen and (max-width: 768px) {
  .final-lucio{
    padding-bottom: 20vh;
  }  

  .print-properties{
    margin-top: -185px;
  }

  .brand-lucio{    
    padding-bottom: 180px;
  }

  .descritivo-lucio-2{
    margin-bottom: -5vh;
  }
}