*{
  margin: 0;
  padding: 0;
  /*overflow-x: hidden !important;*/
  font-family: 'Open Sans', sans-serif;
}

@font-face{
  font-family: 'GB';
  src: url('../fonts/GeorgiaBold.ttf') format('truetype');
  /*font-style: normal;
  font-weight: normal;*/
}

@font-face{
  font-family: 'GBI';
  src: url('../fonts/GeorgiaBoldItalic.ttf') format('truetype');
  /*font-style: normal;
  font-weight: normal;*/
}

@font-face{
  font-family: 'G';
  src: url('../fonts/Georgia.ttf') format('truetype');
  /*font-style: normal;
  font-weight: normal;*/
}


.letra-georgia{
  font-family: 'G';

}

.letra-georgia-bold{
  font-family: 'G';

}

.letra-georgia-bold-italic{
  font-family: 'GBI';

}

.letra-open{
  font-family: 'Open Sans', sans-serif;
}


/*

@font-face{
  font-family: 'MR';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}*/



.principal{
  /*display: none;*/
  /*background-color: black;*/
  /*position: absolute;*/
  width: 100%;
  height: 550px;
  padding: 20px;


  background: url('../img/fondo_principal.png') no-repeat scroll center center / cover rgba(0, 0, 0, 0);

  background-position: center;
    background-size: cover;
    background-attachment: fixed;


}








.cont-header{
  /*background-color: gray;*/
  display: flex;
    justify-content: space-between;
}
/*
.icn_hamburguesa{
  
}*/

.cont-header-mobile{
    display: none;
}

.cont-mm{
  display: flex;
    justify-content: space-between;
}

/*.cont-header-mobile{
  display: none;
}*/

.a_icn{
  color: white; 
  position: relative; 
  font-size: 18px;
  margin-right: 10px;
  margin-top: 5px;

}

.icn_hamburguesa-mob{
  display: block;
}

.a_icn:hover{
  color: #e3e2dc;
}


.cont-logo{
  position: relative;
  /*background-color: pink;*/
  height: 50%;

  margin: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  



}

.img-bebranding{
  position: relative;
  width: 28%;
  margin: auto;
  display: block;

  /*
  margin: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
  
  
}

.menu ul{
  list-style:none;

}

.menu ul li a{
  color: white;

}

.menu ul li a:hover{
  text-decoration: none;
  color: #e3e2dc;
}

.menu ul li{
  float: left;
  margin-right: 30px;
}

.menu{
  display: none;
  margin-top: 5px;

}




/*.ftr{
  display: block;
  position: relative;
  
  height: 100px;
  background: pink;
}
*/

.contenedor{
  margin: auto;
  width: 90%;
  max-width: 800px;
}
.contenedor-hac{
  margin: auto;
  width: 90%;
  max-width: 800px;
}

.txt-white{
  color: white;
}

.cont-ftr-1, .cont-ftr-2{
  height: auto;
  width: 400px;

}




footer
{
    margin-top:40px;
    width:100%;
    height:200px;
    background-color:pink;
    background: url('../img/img-footer.png') no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    padding-top:50px;

}

.txt-tel{
  margin-left: 15px;
}







/*Quienes somos ------------------------------------------------ */
.bg-gris{
  background-color: #F4F4F4;
}

.l-height{
  line-height: 25px;
}


.txt-titulo{
  font-size: 24px;
  color: #404348;
  line-height: 26px;
  font-family: 'G';
  
}

.txt-descripcion{
  font-size: 13px;
  color: #44484D;
}

.img-perfil{

  max-width:100%;
  /*max-height:100%;*/


}


/*.img-andrea{
  
  background-size: cover;

  background-image: url('../img/bebranding_somos_andrea.jpg');



  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;


  background-position: center;
  background-image: url('../img/bebranding_somos_cheche.jpg');

  background: url('../img/bebranding_somos_andrea.jpg') no-repeat center center;


}
*/


.sin-espacios{
  padding: 0 !important; 
  margin:0 !important;
}







/*Quienes somos ------------------------------------------------ */



/*Nuestro enfoque---------------------------------------------*/



/*.nuestro_enfoque{
  background: url('../img/fondo_blanco.png') no-repeat scroll center center / cover rgba(0, 0, 0, 0);
  padding-top: 40px;



}*/


.est{
  margin-right: 115px;
}

.center-txt{
  text-align: center;
}



.img-fondo-blanco{

  max-width:100%;
  /*height: 100%;*/
  /*max-height:100%;*/


  
}
.img-f_b{
  position: absolute;


}
/*
.txt-tit-seccion{
  
  position: relative;
}

*/

.txt_nuestro_enfoque{
  position: relative;
  top: 40px;
  height: 100%;
}


.mr-t-40{
  margin-top: 40px;
}


.tit-grande{
  font-size: 32px;
  font-family: 'G';
  font-weight: bold;



}

.tit-peq-descipciones{
  /*font-size: 12px;*/

  font-size: calc(0.1em + 0.9vw);
  line-height: calc(0.8em + 1vw);
}


.txt-gris-titulo{

  /*color: #404348;*/
  color: #525457;
}

.txt-gris-descripcion{
  /*color: #44484D;*/
  color: #5b5c5e;

}

.barra_ne{
    height: 1px; 
    width: 150px; 
    background-color: #68696b; 

   /* margin-left: 25px;*/
    margin-top: 20px;
    margin-right: 9px;

    /*border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 0px solid #000000;*/


}

.ml{
   margin-left: 25px;
}

.txt-izq{
  margin-left: 170px;
}
.txt-izq2{
  margin-left: 165px;
}

/*.linea-ne{
  margin-top: -10px;
}*/


/*Nuestro enfoque---------------------------------------------*/




/*Hacemos --------------------------------*/
  .hacemos{
    position: relative;
    top: 130px;
    height: auto; 
    margin-bottom: 30px; 


  }


.circulo {
     width: 290px;
     height: 290px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     display: inline-block;
    

}

.circulo_branding{
   /*background: #D1D3D4;*/
   background-color: rgba(88, 84, 84, 0.3);
   /*padding: 30px;*/

  
  
}

.circulo_diseño{
   /*background: #000000;
   opacity: 0.7;*/
   background-color: rgba(0, 0, 0, 0.8);
   top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  z-index: 1
  /*margin-left: 220px*/
   

   
}
.circulo_publicidad{
   /*background: #000000;
   opacity: 0.7;*/
   background-color: rgba(88, 84, 84, 9.9);
  position: absolute;
  margin-left: 510px
   
}

.txt_tit_circulo{
  margin-top: 40px;

  font-size: 24px;
  text-align: center;
  font-family: 'G';
}

/*.txt_cirlulo{

}*/

.txt_white{
  color: white;
}

.f13{
  font-size: 13px;
}




/*Hacemos --------------------------------*/






/*Somos ------------------------------*/
.img-somos{
  position: absolute;
  
}
.centro-p-left-flex{
  display: flex;
    align-items: center;
    justify-content: flex-end;
}

.f15{
  font-size: 15px;
  
}
.f24{
  font-size: 24px;
}

.f60{
  font-size: 50px;
}

.mt-28{
  /*margin-top: -24px;*/
  margin-top: -28px;
}

.mt-12{
  /*margin-top: -24px;*/
  margin-top: -12px;
}


.row-seccion-agencia{
  height: 700px;
}

.slider-s{
  display: none;
}


/*Somos ------------------------------*/





/*Sección de logos ------------------*/
.slider-logos{
  /*margin: 0;
  padding: 0;*/

  
  display: grid;
  /*place-items:center;*/
  margin: auto;

}
/*
.client-section{
  

  width: 100%;
  top:200px;
  height: auto;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #e3e3e3;


}*/


.slider{
  /*background-color: white;
  width: 960px;


  height: 100px;
  overflow: hidden;
  position: relative;
  margin: auto;

  display: flex;
  justify-content: center;
  align-items: center;*/

  height: 200px;
  margin: auto;
  position: relative;
  width: 100%;
  display: grid;
  margin: auto;
  overflow: hidden;

}

/*.sld img{
  width: 100%;
}*/

/*.slider::before, .slider::after{
  content: '';
  position: absolute;
  width: 50px;
  height: 100px;
  background: linear-gradient(to right, white 0%, rgba(255,255,255,0) 100%);
  z-index: 2;
}*/

/*.slider::before{
  top:0;
  right: 0;
}

.slider::after{
  top:0;
  right: 0;
  transform: rotateX(180deg);

}*/

.slider .slider-track{
  display: flex;
  width: calc(250px * 100);
  animation: scroll 120s linear infinite;


}

.slider .sld{
  margin: 25px;

  display: flex;
  justify-content: center;
  align-items: center;


}

.slider .sld img{
  
  margin:0;
  display: block;
}

.img-h90{
  width:90px;

}

.img-h80{
  width: 80px;

}

.img-h70{
  width: 75px;

}
.img-h60{
  width: 60px;

}
.img-h50{
  width: 50px;

}

@keyframes scroll{
  0%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(calc(-250px * 21));
  }
}

/*Sección de logos ------------------*/



















/*Sección slider ------------------*/
.cont-c-item{
  height: 600px; 
  /*background-color: gray;*/

  display: flex;
  flex-direction: row;



}

.cont-img-carous{
  /*background-color: orange; */
  /*
  */
  padding: 0;
  height: 100%;
  width: 25%; 

  

}

.img-carous{
  height: 100%;
}
.img-big{
  height: 100%;
  position: absolute;
}
.icn_cerrar{
  position: relative;
  
  color: #555555; 


}


.cont-img-expand{
  position: absolute; 
  left: 0; right: 0; margin: auto;
  width: 75%; 
  height: 100%; 
  display: none;
  
}

.cont-img-expand.active{
  display: block;
}



/*Sección slider ------------------*/






/*Sección formulario contacto ------------*/
.btn-enviar{
  background-color: #545755;
  width: 150px;
  color: white;
  text-align: left;

  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px01px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border: 0px solid #000000;
}

.btn-enviar:hover{
  color: white;
  background-color: #6a6e6b;

}

/*textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(0, 0, 0, 0.36);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.36);
  outline: 0 none;
}*/

/*https://www.w3schools.com/css/css_form.asp
*/
input[type="text"]:focus, input[type="email"]:focus{
  border: none;

    border-bottom: 2px solid #acadac;

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset, 0 0 0px rgba(0, 0, 0, 0);
}

input[type="text"], input[type="email"], textarea{
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;

  border: none;
    border-bottom: 1px solid #d7dbd8;

    

}

textarea:focus{
  box-shadow: none !important;
  border: 2px solid #acadac !important;
  -webkit-box-shadow: none;
    
}

textarea{
  resize: none;
  
}

.f12{
  font-size: 12px;
}


.carousel-control-next.sl, .carousel-control-prev.sl{
  /*background-color: #545755;*/
  height: 8%;
  width: 3%;
  margin: auto;
}

/*.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(20%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-20%)
}
  
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0) !important;
}

*/



/*Sección formulario contacto ------------*/



























@media screen and (min-width: 1800px)  /*Para pantallas grandes*/

{

.ml{
  margin-right: 35px;

}




}












@media screen and (min-width: 1500px) { /*Para pantallas grandes*/

  .quienes_somos{
    /*background-color: gray;*/
    height: auto;
  }

  .txt-titulo{
    /*font-size: 28px;*/
    font-size: calc(0.8em + 1vw);
    /*
    color: #404348;
    line-height: 26px;*/
    
    line-height: calc(0.5em + 1vw);
    
  }

  .txt-descripcion{
    /*font-size: 17px;*/
    font-size: calc(0.1em + 0.9vw);
    line-height: calc(0.8em + 1vw);
    
    /*
    background-color: yellow;
    color: #44484D;*/
  }

  .tit-peq-descipciones{
    /*font-size: 12px;*/

    font-size: calc(0.1em + 0.9vw);
    line-height: calc(0.6em + 1vw);
  }


  /*.barra_ne{
      height: 1px; 
      width: 150px; 
      background-color: #68696b; 

      margin-left: 25px;
      margin-top: 20px;
      margin-right: 9px;

  }*/

  .m{
     margin-left: 25px;
  }

  /*.txt-izq{
    margin-left: 170px;
  }
  */
  .txt-izq2{
    /*background-color: yellow;*/
    margin-left: 180px;
  }


  .img-f_b{
    height: 500px;
  }
  .contenedor-hac{
    /*background-color: pink;*/
    /*margin: auto;
    width: 90%;*/
    max-width: 1100px;
  }
  .circulo {
       width: 400px;
       height: 400px;

       -moz-border-radius: 50%;
       -webkit-border-radius: 50%;
       border-radius: 50%;
       display: inline-block;
      

  }



  .circulo_diseño{
     /*background: #000000;
     opacity: 0.7;*/
     background-color: rgba(0, 0, 0, 0.8);
     top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    z-index: 1
    /*margin-left: 220px*/
     

     
  }
  .circulo_publicidad{
     /*background: #000000;
     opacity: 0.7;*/
     background-color: rgba(88, 84, 84, 9.9);
    position: absolute;
    margin-left: 700px
     
  }

  .txt_tit_circulo{
    margin-top: 80px;
    /*
    margin-top: 40px;
    font-size: 24px;
    text-align: center;
    font-family: 'G';*/
    font-size: calc(0.8em + 1vw);
    line-height: calc(0.5em + 1vw);

  }

  .f13, .f12, .f15{

    font-size: calc(0.1em + 0.9vw);
    line-height: calc(0.6em + 1vw);
  
  }
  .f24{
    font-size: calc(0.7em + 1vw);
    line-height: calc(0.8em + 1vw);
  }
  .mt-12{
    /*margin-top: -24px;*/
    margin-top: -20px;
  }

  .cont-c-item{
    height: 800px; 
    /*background-color: gray;*/


  }
  .contenedor{
    
    max-width: 1000px;
  }






}



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

  .f12.formu{
    font-size: 15px;
  }
  .mt-28{
    /*margin-top: -24px;*/
    margin-top: -22px;
  }
  .f15{
    font-size: 12px;
    
  }
  .f60{
    font-size: 40px;
  }
  .bg-gris{
    padding: 20px;
  }
  footer{
    height:auto;
  }

  .hacemos{
    top: 80px;

 /*   position: relative;
    
    height: auto; 
    margin-bottom: 30px; */


  }
  

  .principal{

    height: auto;
    background-color: #545755;


  }
  .cont-header, .cont-logo{
    /*background-color: gray;*/
    display: none;
  }


  .cont-header-mobile{
    display: flex;
      justify-content: space-between;

      /*background-color: pink;
*/

      display: block;

  }

  .logo_completo{
    width: 35%;
  }

  .menu-mobile ul{
    list-style:none;

  }

  .menu-mobile ul li a{
    color: white;

  }

  .menu-mobile ul li a:hover{
    text-decoration: none;
    color: #e3e2dc;
  }

  .menu-mobile ul li{
    float: none;
    margin-top: 30px;
    text-align: center;
  }

  .menu-mobile{
    display: none;
    margin-top: 5px;

  }
  .img-ftr{
    margin: auto;
    display: block;
    margin-bottom: 20px;
  }

  .txt-tel{
    margin-left: 0px;
    text-align: center;

  }

  .txt-domicilio{
    text-align: center;
  }
  .saltos{
    display: none;
  }
  .quienes_somos{
    padding: 15px;

  }

  .img-f_b{
    display: none;
  }
  .barra_ne{
      width: 100px; 
  }
  
  .txt-izq{
    margin-left: 140px;
  }
  .txt-izq2{
    margin-left: 125px;
  }
  .br-txt{
    display: none;
  }

  .circulo {
     width: 290px;
     height: 290px;
     /*-moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     display: inline-block;
    */

}

  .circulo_branding{
    margin: auto;
  }

  .circulo_diseño{

    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
     

     
  }
  .circulo_publicidad{
    position: relative;
    margin:auto; 
  }

  .row-seccion-agencia{
    height: 470px;
  }

  .slider-l{
    display: none;
  }

  .slider-s{
    display: block;
  }






  



}


/*@media screen and (max-width: 358px) {

  .barra_ne{
    display: none;
  }

}*/




@media screen and (max-width: 628px) {
  .circulo {
       width: 260px;
       height: 260px;
       /*-moz-border-radius: 50%;
       -webkit-border-radius: 50%;
       border-radius: 50%;
       display: inline-block;
      */

  }

}