@font-face{
    font-family: 'Lato-Light';
    src:url("fonts/Lato-Light.ttf");
}

/*=============================================================*/
/*=============================================================*/
/*=============================================================*/
/*=============================================================*/
/*=============================================================*/
/*=====================  CSS RESPONSIVO  ======================*/
/*=====================  CSS RESPONSIVO  ======================*/
/*=====================  CSS RESPONSIVO  ======================*/
/*=============================================================*/
/*=============================================================*/
/*=============================================================*/
/*=============================================================*/
/*=============================================================*/



@media(max-width: 900px){
  .responsive-menu-box  {
     width: 100px!important;
	}

  /* Esconde o menu desktop e posiciona o gatilho do Responsive Menu */
  #menu-menu-principal { display: none; }
  [id^="rmp_menu_trigger-"] {
    position: fixed;
    right: 16px;
    top: 16px;
    z-index: 9999;
    background: #e65e10 !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 8px;
  }
  [id^="rmp-container-"] {
    z-index: 9998;
    background: rgba(0,0,0,0.95) !important;
  }

  /* Cores dos links e estados */
  [id^="rmp-container-"] a,
  [id^="rmp-container-"] nav a,
  [id^="rmp-container-"] .rmp-menu-item a,
  [id^="rmp-container-"] ul li a { color: #fff !important; text-decoration: none; }
  [id^="rmp-container-"] a:hover,
  [id^="rmp-container-"] nav a:hover,
  [id^="rmp-container-"] .rmp-menu-item a:hover,
  [id^="rmp-container-"] ul li a:hover { color: #e65e10 !important; }

  /* Close button dentro do painel (quando existir) */
  [id^="rmp-container-"] [class*="close"] {
    background: #e65e10 !important;
    color: #fff !important;
  }

  /* Oculta título, descrição e busca padrão do plugin */
  [id^="rmp-container-"] .rmp-menu-title,
  [id^="rmp-container-"] .rmp-menu-description,
  [id^="rmp-container-"] .rmp-search { display: none !important; }

  /* Campo de busca */
  [id^="rmp-container-"] .rmp-search input {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
  }
  
}

/* Força o menu desktop a aparecer acima de 900px */
@media(min-width: 901px){
  #menu-menu-principal { display: flex !important; }
}

/*=============================================================*/
/*=============        320PX ATÉ 576PX     ====================*/
/*=============================================================*/

@media(min-width: 320px) and (max-width: 576px){
	.primeira-coluna {
	    width: 100%;
	    height: auto;
	}
	 
	.segunda-coluna {
	   width: 100%;
	    height: auto;
	}

	.primeira-coluna h1 {
	    text-align: center;
	    padding-left: 0;
	}

	.logo-principal{
		display: none;
	}

	.logo-direita{
		display: none;
	}

	video{
		width: 100%;
		height: auto;
	}

	.fullscreen-bg {
    position: relative;
    top: initial;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: initial;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.fullscreen-bg__video {
    position: relative;
    margin-top: -336px;
}

.extra p{
	width: 100%;
    text-align: center;
}

.statistic-filho p {
    font-size: 30px;
    margin-top: -23px;
}

  #demo-reel{
  	background-image: none;
  }

#statistic-holder{
	width: 100%;
}

.fullscreen-bg{
    display: none;
}

.mobile-tablet{
   background-image: url(img/mobile_414x736.png);
    width: 100%;
    height: 736px;
    position: relative;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -122px;
}

video{
        width: 100%;
}

.video-background{
    display: none;
}

.forcefullwidth_wrapper_tp_banner{
    display: none;
}

}


 


/*=============================================================*/
/*===============   FIM - 320PX ATÉ 576PX  ====================*/
/*=============================================================*/



/*============================================================================================================================================================================================*/


/*=============================================================*/
/*=============        577PX ATÉ 768PX     ====================*/
/*=============================================================*/
@media(min-width: 577px) and (max-width: 768px){

	.primeira-coluna {
	    width: 100%;
	    height: auto;
	}
	 
	.segunda-coluna {
	   width: 100%;
	    height: auto;
	}

	.primeira-coluna h1 {
	    text-align: center;
	    padding-left: 0;
	}
	.logo-principal{
		display: none;
	}

	.logo-direita{
		display: none;
	}

	.fullscreen-bg {
    position: relative;
    top: initial;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: initial;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.fullscreen-bg__video {
    position: relative;
    margin-top: -336px;
}
.statistic-filho p {
    font-size: 30px;
  }

  .extra p{
	width: 100%;
    text-align: center;
}

.statistic-filho p {
    font-size: 30px;
  }

  .fullscreen-bg{
    display: none;
}
   
   .mobile-tablet{
    background-image: url(img/tela_tablet_1024x1366.png);
    width: 100%;
    height: 740px;
    position: relative;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -121px;
}

video{
        width: 100%;
}

.statistic-filho p {
    font-size: 30px;
    margin-top: -23px;
}

.video-background{
    display: none;
}

}
   


/*=============================================================*/
/*===============   FIM - 577PX ATÉ 768PX  ====================*/
/*=============================================================*/




/*============================================================================================================================================================================================*/



/*=============================================================*/
/*=============        768PX ATÉ 992PX     ====================*/
/*=============================================================*/
@media(min-width: 768px) and (max-width: 992px){
.primeira-coluna {
    width: 35%;
    height: auto;
}
 
.segunda-coluna {
   width: 65%;
    height: auto;
}
.logo-principal{
		display: none;
	}

	.logo-direita{
		display: none;
	}

	.fullscreen-bg {
    position: relative;
    top: initial;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: initial;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.fullscreen-bg__video {
    position: relative;
    margin-top: -336px;
}
video{
    margin-top: 25px;
    margin-bottom: 25px;
}

  .fullscreen-bg{
    display: none;
}
   
   .mobile-tablet{
    background-image: url(img/tela_tablet_1024x1366.png);
    width: 100%;
    height: 997px;
    position: relative;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -141px;
    margin-left: 0;
}

video{
        width: 100%;
}

.statistic-filho p {
    font-size: 30px;
    margin-top: -23px;
}

.video-background{
    display: none;
}

}

/*=============================================================*/
/*===============   FIM - 768PX ATÉ 992PX  ====================*/
/*=============================================================*/



/*============================================================================================================================================================================================*/



/*============================================================================================================================================================================================*/
/*=============================================================*/
/*=============        993PX ATÉ 1200PX     ===================*/
/*=============================================================*/
@media(min-width: 993px) {
	.fullscreen-bg {
    position: relative;
    top: initial;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: initial;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.fullscreen-bg__video {
    position: relative;
    margin-top: -336px;
}

video{
    margin-top: 25px;
    margin-bottom: 25px;
}

}

/*=============================================================*/
/*===============   FIM - 993PX ATÉ 1024PX  ===================*/
/*=============================================================*/

@media(min-width: 577px) and (max-width: 1024px){

.video-back{
	display: none;
}

}





@media(min-width: 993px) and (max-width: 1024px){

    .mobile-tablet{
    background-image: url(img/tela_tablet_1024x1366.png);
    width: 100%;
    height: 997px;
    position: relative;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -341px;
    margin-left: 0;
    z-index: -5;
}
.fullscreen-bg{
    display: none;
}




}

/*============================================================================================================================================================================================*/

@media(max-width: 992px){
.nosso-time-1 {
    display: flex;
    justify-content: center;
}
.nosso-time2{   
    display: flex;
    flex-direction: column;
}
.text2 {
    order: 3;
    width: 100%;
}


/*=============================================================*/
/*=============        1024PX EM DIANTE     ===================*/
/*=============================================================*/
@media(min-width: 1025px) {
    .fullscreen-bg {
    position: relative;
    top: initial;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: initial;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.fullscreen-bg__video {
    position: relative;
    margin-top: -336px;
}

video{
    margin-top: 25px;
    margin-bottom: 25px;
}

}



/*=============================================================*/
/*===============   FIM - 1200PX EM DIANTE  ===================*/
/*=============================================================*/


@media(width: 1920px){
    .video-foreground, .video-background iframe {
        height: 1000px;
    }
}


@media(width: 1280px){
    .video-foreground, .video-background iframe {
        height: 724px;
        margin-bottom: -10px;
    }
}