/*
Theme Name: War Mkt
Author: Daniel Santos
*/
#rev_slider_1_1_forcefullwidth{
  margin-top: -358px!important;
  z-index: -5;

}


/*=======================================================================================================================================================*/
/*=======================================================================================================================================================*/
/*===========  A PARTIR DAQUI VALENDO ===================================================================================================================*/
/*=======================================================================================================================================================*/
/*=======================================================================================================================================================*/

/*=======================================*/
/*===========  CSS DO HEADER  ===========*/
/*=======================================*/
@font-face{
    font-family: 'Lato-Light';
    src:url("fonts/Lato-Light.ttf");
}
@font-face{
    font-family: 'helvetica-condensed-black';
    src:url("fonts/Helvetica-Condensed-Black.ttf");
}

body {
  background-color: #000
}
header{
	background-color: rgba(0, 0, 0, 0);
   height: auto;
   margin-bottom: 0;
   padding: 12px 0; /* espaço para a logo não ser cortada */

}

/* Layout do header: alinhar logos e menu */
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-principal {
  margin-top: 0;
  order: 1;
}

.logo-direita {
  float: none;
  margin-top: 0;
  order: 3;
}

/* Proporção das logos no desktop */
header .container img.logo-principal {
  max-height: 96px;
  height: auto;
}
header .container img.logo-direita {
  max-height: 72px;
  height: auto;
}

.statistic-number::before{
  content: "+"
}


.logo-principal{ margin-top: 0; }
.logo-direita{ float: none; margin-top: 0; }

#menu-menu-principal{
    float: none;
    position: relative;
    top: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 24px;
    align-items: center;
    order: 2;
}

#menu-menu-principal li {
    text-align: right;
}

#menu-menu-principal a {
   
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    padding: 8px 0;
}
/*=======================================*/
/*=========  FIM CSS DO HEADER  =========*/
/*=======================================*/

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


/* (removido: HERO DESKTOP) */

/*=======================================*/
/*===========  CSS DO FOOTER  ===========*/
/*=======================================*/


/*=======================================*/
/*=========  FIM CSS DO FOOTER  =========*/
/*=======================================*/


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



/*=========================================================================================*/
/*=========  CSS GERAL  ===============================================================*/
/*=========================================================================================*/
.ds-banner {
    overflow: hidden;
    position: relative;
    top: 0;
    display: inline-block;
    margin-top: -533px;
    z-index: -1;
}

/*.ds-banner iframe {
    height: 115%;
}*/

.controls-wrapper{
	display: none;
}
/*
iframe {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: url('/assets/images/polina.jpg') no-repeat;
background-size: cover;
}

*/


#portifolio{
	background-image: url('img/bg-3.jpg');
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
  overflow: hidden;
}

#demo-reel{
	background-image: url('img/bg-2.jpg');
	    height: auto;
	background-repeat: no-repeat;
	background-size: cover;
}

.video-21{
  display: inline-block;
  text-align: center;
  width: 100%;
}

video{
  height: auto;


}

.statistic-filho span {
    font-size: 30px;
    color: #e65e10;
    font-size: 80px;
    font-family: 'helvetica-condensed-black', sans-serif;
    line-height: 80px;
    font-weight: 600;
    margin-bottom: 20px;
  }



/*============INICIO DO CSS DO VIDEO==========================*/



/*============FIM INICIO DO CSS DO VIDEO==========================*/


/*============INICIO DO CSS DO PORTIFOLIO==========================*/

.portifolio-list{
 padding-top: 95px;
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

.statistic-block {
  display: flex;
  justify-content: center;
}

.statistic-filho {
  display: flex ;
  
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 2%;
}

.statistic-number {
    color: #e65e10;
    font-size: 80px;
    font-family: 'helvetica-condensed-black', sans-serif;
    line-height: 80px;
    font-weight: 600;
    margin-bottom: 20px;

}
.statistic-filho p {
    color: #e65e10;
    font-size: 40px;
    font-family: 'helvetica-condensed-black', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
    margin-top: 12px;
 
}

.statistic-text-2{
    color: #e65e10;
    font-size: 80px;
    font-family: 'helvetica-condensed-black', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
     margin-bottom: 20px;
  }
  
.statistic-text-3 {
    color: #e65e10;
    font-size: 40px;
    font-family: 'helvetica-condensed-black', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
}
/*============INICIO DO CSS DO SERVIÇOS==========================*/


/*============FIM DO CSS DO SERVIÇOS==========================*/
/*============INICIO DO CSS DE NOSSO TIME ========================*/


.nosso-time-1 {
  display: flex; 

}
.texto-equipe p {
  color: #ffffff;
  font-size: 16px; 
}
.texto-equipe {
  margin-top: 20px; 
  padding: 10px;

}

.col-xs-12 {
  padding-left: 0px!important;
  padding-right: 0px!important;
}

/*============FIM DO CSS DE NOSSO TIME ========================*/
/*============FIM INICIO DO CSS DO VIDEO==========================*/


/*=============================================*/
/*==========  CSS DA PAGINA CONTATO  ==========*/
/*=============================================*/
#contato{
  background-color: #fff;
}

.duas-colunas{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.duas-colunas-agrupadas{

}

.primeira-coluna{
    background-color: #1e120d;
    width: 30%;
    height: auto;
}

.primeira-coluna h1{
    color: #fff;
    font-family: 'Lato-Light';
    text-align: left;
    font-size: 35px;
    font-weight: 400;
    padding-left: 36px;
    padding-top: 82px;
    padding-bottom: 46px;

}

.segunda-coluna{
    background-color: #f0efed;
    width: 70%;
    height: auto;

}

.img-form{
    margin:0 auto;
    padding: 20px;
}

form {
    width: 85%;
    margin: 0 auto;
    padding-top: 89px;
}

.botao-form{
    background-color: #1e120d!important;
    color: #fff!important;
    padding: 10px!important;
    width: auto!important;
    padding-left: 35px!important;
    padding-right: 35px!important;
}

.formulario{
    box-shadow: none!important;
    width: 100%!important;
     background-color: rgba(242, 242, 242, 0)!important;
     font-family: 'Lato-Light'!important;
    font-size: 11px!important;
    letter-spacing: 3px!important;
    border: 0!important;
   
    padding: 12px!important;
}

label {
    width: 85%!important;
    border-bottom: 2px solid #43454b!important;
    background-color: rgba(242, 242, 242, 0)!important;
    font-family: 'Lato-Light'!important;
    color: #43454b!important;
    font-weight: 600!important;
    font-size: 19px!important;
}
    

.msg{

width: 100%!important;
    box-shadow: none!important;
    background-color: rgba(242, 242, 242, 0)!important;
    font-family: 'Lato-Light'!important;
    font-size: 11px!important;
    letter-spacing: 3px!important;
    border: 0;
    margin-left: 10px;
}

.contato-rodape{
    color: black;
    display: flex;
    justify-content: center;
}

.contato-rodape p{
   font-size: 20px;
   text-align: center;
       margin-bottom: 29px;
}




/*=============================================*/
/*=======  FIM -CSS DA PAGINA CONTATO  ========*/
/*=============================================*/






/*=========================================================================================*/
/*=========  FIM CSS GERAL  ===============================================================*/
/*=========================================================================================*/



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


.n-cor{
  color: #fff;
  font-size: 20px;
  text-align: center;
}