body{
  background:#fff;
}
html{
 scroll-behavior: smooth;
}




.page-content {
  padding:0 1em 1em;
  max-width:90%;
  margin:auto;
  padding-top:40px;
}

.code {
  display:block;
  background:#ebebeb;
  font-size:0.875em;
  padding:1em 2em;
  overflow-x:scroll;
  white-space:nowrap;
}
.blockquote {
  font-style:italic;
  margin:0 5%;
}

.quotes {
  position:relative;
  max-width:100%;
  list-style-type:none;
  text-align:center;
  margin:0 auto;
  padding:0;
}
.quotes h1{
   font-size:1.2rem;
   letter-spacing: 0;
}
.quotes h2{
   font-size:1rem;
   opacity: .6;
}
.quotes li {
  position:absolute;
  left:0;
  right:0;
  /*background:#ddd;*/
  text-align:center;
  padding:1em;
  border-radius:0.25em;
  opacity:0;
}
.page-content ul li .larga {
  font-size:.4rem;
   letter-spacing: 0;
}
.quotes li:last-child {
  position:relative;
}
.quotes .show {
  position:absolute;
  -webkit-animation:quote 15s infinite;
  animation:quote 15s infinite;
} /* animation lasts 5 secs */


@-webkit-keyframes quote {
  0%   { opacity:0 }
  25%  { opacity:1 }
  75%  { opacity:1 }
  100% { opacity:0 }
  }
@keyframes quote {
  0%   { opacity:0 }
  25%  { opacity:1 }
  75%  { opacity:1 }
  100% { opacity:0 }
  }





.clase_mail_falso{
  display: none;
}
.ancla:before {
  display: block;
  content: " ";
  margin-top: -250px;
  height: 250px;
  visibility: hidden;
}
.anclaprecontacto:before {
  display: block;
  content: " ";
  margin-top: -320px;
  height: 320px;
  visibility: hidden;
}
.anclacontacto:before {
  display: block;
  content: " ";
  margin-top: 10px;
  height: 10px;
  visibility: hidden;
}
.anclasoluciones:before {
  display: block;
  content: " ";
  margin-top: -150px;
  height: 150px;
  visibility: hidden;
}
.circle-icon {
    background: #ffc0c0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}
.inicio_diagonal{
	transform: skewY(-3deg);
}
.regreso_diagonal{
transform: skewY(3deg);
}

.header_internas{
  padding-top:180px;
}
.header_internas h1{
  font-size:1.4rem;
  letter-spacing: 0rem;
}
.header_internas h2{
  font-size:1.2rem;
  color:#4d4d4f;
}
.header_internas h3{
  font-size:1rem;
}
hr{
	border: 1px solid #4d4d4f;
	width:50%;

}

h1{
	 font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
	 color: #4d4d4f;
	 letter-spacing: -.15rem;
   font-size:4rem;
}
h2{
   font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
   letter-spacing: normal;
   font-weight: bolder;
}
p{
	 font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
	 color: #000;
}
h1 span{

   font-family: gandhi_sansbold, Helvetica, Arial, sans-serif;
}

.ver_mas a{
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
  background: #e2ad0f;
  color:#fff;
  width:100px;
  border-radius: 20px;
  margin: auto;
  float: left;
  padding:2px 4px;
  text-align: center;
  margin-left:46%;
}
  .ver_mas a:hover{
  text-decoration: none;
  transition: .5s ease;
  color:rgba(255, 255, 2555, .8);
  box-shadow: -2px 2px 5px #000;
  }
.ver_mas_iconos a{
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
  background: #e2ad0f;
  color:#fff;
  width:30%;
  border-radius: 20px;
  margin: auto;
  float: left;
  padding:2px 4px;
  text-align: center;
  position: relative;
  left:35%;
  right:35%;
}
.ver_mas_iconos a:hover{
text-decoration: none;
transition: .5s ease;
color:rgba(255, 255, 2555, .8);
box-shadow: -1px 1px 5px #000;
}


/*.ver_mas{
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
  background: #e2ad0f;
  color:#fff;
  width:100px;
  border-radius: 20px;
  margin: auto;
  text-align: center;
}*/
.casos_exito{
  background:#e6e7e8;
    text-align: center;
    margin-bottom:0px;

}
.logos img{
  margin: auto !important;
  width:40%;
  height:100px;
}
.iconos_soluciones h1{
	font-size:1.5rem;
	letter-spacing: -.05rem !important;
  /*width:50%;
  text-align: center;
  margin: auto;*/
}
.iconos_soluciones h2{
color:#606163;
font-size:1rem;
font-weight: normal;
min-height: 60px;
vertical-align: middle;
}
.iconos_soluciones img{
	margin-top:30px;
  width:30%;
}

/*PARALLAX*/
.primer_parallax{
  padding-top:130px;
  padding-bottom:150px;

}
.textos_conjunto_parallax{
background:#4d4d4f;
padding-bottom:20px;

}

/*.parallax_h1{
  color:#fff;
  text-align: center;
  padding-top:50px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
}*/

/*CARRUSEL*/
/*.carrusel_frases{
   height:280px;
   margin-top:-110px;
   padding-top:0px;"
}*/
.carrusel_frases{
    vertical-align: middle;
     margin-top:-50px;
     height:250px;
     padding:0px !important;
     margin:auto 0px;
  }
.carrusel_frases h1{
   font-size:1.6rem; 
   letter-spacing: 0;
}
.carrusel_frases{
    vertical-align: middle;
     margin-top:-50px;
     height:250px;
     padding:0px !important;
     margin:auto 0px;
  }
.carrusel_frases_largas h1{
   font-size:1.4rem;
   letter-spacing: 0;
}
.carrusel_frases h2{
   font-size:1rem;
   opacity: .6;"
}
.base_slider_textos{
  width:60%;
  height:100%;
  position:absolute;
}
 
.blanco_textos_slider{
background: rgba(255, 255, 255, .5);
  border-radius: 0px 20px 20px 0px;
    left:0%;
  position: relative;
    top:25%;
      margin-right:20%;
      padding-right:40px;
}
.blanco_textos_slider_2{
background: rgba(255, 255, 255, .8);
  border-radius: 0px 20px 20px 0px;
    left:0%;
  position: relative;
    top:25%;
      margin-right:20%;
      padding-right:40px;
}

  /*background: rgba(60,73,27,.8);
 -webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);*/

.base_slider_textos h1{
  font-family: gandhi_sansbold, Helvetica, Arial, sans-serif;
  font-size:5rem;
  margin-left:30px;
  width:100%;
  color: #4d4d4f;
  line-height: 5rem;
  text-align: right !important;

  
  padding:30px;

}
.base_slider_textos h1 span{
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
}

.carousel-item {
  margin-top:100px;
  height: 65vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*TELEFONO*/
.sobre_contenedor{
    position: fixed;
    z-index: 9999;
    width:100%;
    background:#e6e7e8;
}
.sobre, .sobre a{

  font-size:.9rem;
  font-weight: normal;
  line-height: 0px;
  color: #4d4d4f;
  height:auto;
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
  margin-top:0px;
  padding-top:10px;
  text-align: right;



}
.sobre a:hover{
  text-decoration: none;
  color: #000;

}
/*INICIO=*/
.contenedor_fixed{
  background:#4d4d4f;
}
.dropdown.menu ul{
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
  background:#4d4d4f; 
  margin-top:-20px;
  width:300px;
}
.navbar-nav .nav-item .nav-link.active {
    background:#df9404;
    border-radius: 0px 0px 10px 10px;
}
.soluciones {
    background:#df9404;
    border-radius: 0px 0px 10px 10px;
}

.navbar{
  margin-top:20px;
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
  font-size:1rem;
  color:#fff;
  text-transform: uppercase;
  background:#4d4d4f !important;
  font-weight: normal;
  /*height: 70px !important;*/
  padding:0px;
  position: fixed;
  z-index:9997;
  width:100%;
}
.navbar-collapse{
  padding-left:2%;
  padding-right:2%;
}
.navbar a:hover{
  color:#fff !important;
  background:#df9404;
  border-radius: 0px 0px 10px 10px;
}

.navbar-dark .navbar-brand:hover{
  background: #4d4d4f;
}
.navbar a:active{
  color:#fff !important;
  background:#df9404;
  /*height:500px;*/
}
.navbar a{
  color:#fff !important;
}
.navbar-brand {
  height:140px;
  background:#4d4d4f;
  padding:10px;
}
.navbar-brand img{
  height:100%;
  padding:10%;
  display: block;
  overflow: hidden;
  margin-top:10px; 
}
/*.navbar-dark .navbar-nav .nav-link{
height:70px !important;
margin:auto;
padding-top:20px;
}*/
/*.navbar-dark .navbar-nav .nav-link{
height: 100px !important;
margin: auto;
padding-top: 30px;
border-radius: 0px 0px 10px 10px;
background-image: url('imgs/bullet.png');
background-repeat: no-repeat;
background-position: bottom;
}
*/
.navbar-dark .navbar-nav .nav-link{

background-image: url('imgs/bullet.png');
background-repeat: no-repeat;
background-position: bottom;
}
.navbar-toggler{
   margin-top:20px !important;
   margin-right:20px;
}
  .correo_menu{
    display: none;
    padding-bottom:10px;
  }
  .hr_menu{
    display: none;

  }
.navbar-nav .active{
  /*background:rgba(5,5,5,.1);*/
}

.menu_sup{
  background:#000;
}
/*DROPDOWN*/
.sectores{
  padding-bottom:70px;

}
/*SECTORES DE ACCION*/
.sectores_accion_contenedor{
   padding:0px;
   overflow: hidden;
   background:#e6e7e8 !important;
   margin-top:-55px;
   padding-top:50px;

}

.container_sectores {
  position: relative;
  width: 50%;
  padding:0px;

  /*background: #e6e7e8 !important;*/
}
.textos_sectores{
  display:none;
  text-align: center;
  margin:auto;
  color: #606163;
  font-size:95%;
  font-size:1rem;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}


.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
  margin:auto;
}


.container_sectores:hover .overlay {
  opacity: 1;
}


.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/*SOCIO*/
.contactanos a{
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
  background: #e2ad0f;
  color:#fff;
  width:auto;
  border-radius: 20px;
  margin: auto;
  text-align: center;
  float: left;
  padding:1%;
}
.contactanos a:hover{
text-decoration: none;
transition: .5s ease;
color:rgba(255, 255, 2555, .8);
box-shadow: -2px 2px 5px #000;
}
.franja_socio{
	 height:100px !important;
	 display: block;
	 background:#fff;
	 position: absolute;
	 bottom:-50px;
}
.socio{
  background: #606163;
  position: relative;
  top:-110px;
  padding:0px;
  margin-top:150px;
}

.socio h1{
  color: #fff;
  font-size: 3rem;
  line-height: 3rem;
}
.socio img{
  width:100%;
}
.socio p{
  font-size:1.2rem;
  color: #fff;
  font-weight: normal;
}
.socio_textos{
  padding-left:15%;
  margin:100px auto;

}
.imagen_socio{
  background: url(imgs/imagen_socio.jpg);
  background-size: cover;
  -webkit-clip-path: polygon(19% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(19% 0, 100% 0, 100% 100%, 0% 100%);
  background-position: center;
  overflow: hidden;
  height:442px;
  margin-top:-21px;
}
.imagen_socio img{
    width:50%;

}
/*PRECONTACTO*/
.pre_contacto_internas{
margin-top:80px;
}
.pre_contacto{
margin-top:-80px;
}
.pre_contacto p{
  font-size:1.2rem;
  color: #606163;
  font-weight: normal;
  width:80%;
  text-align:center;
  margin: 0px auto 70px auto;
}
.pre_contacto a{
   color: #606163;
  font-weight: bolder;
}
.pre_contacto a:hover{
  text-decoration: none;
  opacity: .8;
  transition: .5s ease;
}
/*CONTACTO*/
#contacto img{
  width:80%;
  margin: auto;
  padding:10px;

}

.contacto{
background:#e6e7e8;
font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
color: #fff;
}
/*CIERRO CONTACTO*/
/*FOOTER*/
footer{
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
  background: url('imgs/footer.jpg');
  padding-top: 3rem;
}
footer p{
color: #fff;
text-align: center;
}
footer span{
  font-size:.7rem;
}

footer ul{
  list-style: none;
}
footer ul li p{
  color:#e2ad0f;
  font-size:1rem;
  font-weight: bolder;
  text-align: left;
}
footer ul li p span{
  font-weight: normal;
}
footer a{
  color:#e2ad0f;
  font-size:.8rem;
}
footer a:hover{
  text-decoration: underline;
  color:#e2ad0f;
}
footer span a{
  color:#fff !important;
}
footer span a:hover{
  text-decoration: none;
}
.project_management_office{
  width:40%;
  float: right;
}
/*INTERNAS*/
.foto_interna_gerencia, .foto_interna_coaching, .foto_interna_diseno{
  
  overflow: hidden;
  height:170px;
  margin-top:-21px;
  background-repeat: no-repeat;
}
.foto_interna_gerencia{
    background: url(imgs/imagen_gerencia.jpg);
    background-size: cover;
  background-position: center;
}
.foto_interna_coaching{
    background: url(imgs/imagen_coaching.jpg);
    background-size: cover;
  background-position: center;
}
.foto_interna_diseno{
    background: url(imgs/imagen_diseno.jpg);
    background-size: cover;
  background-position: center;
}
.foto_interna_gerencia img, .foto_iterna_diseno img, .foto_interna_coaching img{
    width:100%;
}
.internas h1{
  text-align: left;
}
.icono_internas{
position: absolute;
top:270px;
z-index: 999;
width:140px;
left:70%;
  overflow: hidden;

}
.icono_internas img{
  width:100%;
    border:3px solid #fff;
  border-radius: 100px;

}
.indent img{
  width:25% !important;

}
.indent p{
  padding-left:30px;
}
.indent ul {
  font-weight: bolder;
  list-style-image: url('imgs/bullet.png');

}
.indent p.bullets{
  margin-left:330px;
}
.bullets_internas{
   position: relative;
   left:30px;
   display: block;
   width:100%;
}
.imagen_indent{
  float: left;
  width: 150px;
  shape-margin:20px;
  margin-right: 60px;
  margin-bottom: 20px;
  border-bottom: 5px solid #e2ad0f;
  padding-bottom:5px;
}
.pre_contacto_internas{
  background:#fff;
  margin:70px auto;

}
.pre_contacto_internas h1{
  width:100%;
}
.pre_contacto_internas h2{
  font-size:1.5rem;
}
.pre_contacto_internas p{
    width:60%;
    margin:auto;
   color: #4d4d4f;
   font-size: 1.2rem;
}
.pre_contacto_internas a{
   color: #606163;
  font-weight: bolder;
}
.pre_contacto_internas a:hover{
  text-decoration: none;
  opacity: .8;
  transition: .5s ease;
}
.internas_sidebar{

   border-left:2px solid #DF9404;
}
.internas_sidebar img{
   width:75px;
}

.internas_sidebar p{
  font-family: gandhi_sansbold, Helvetica, Arial, sans-serif;
  text-align: center;
}
.internas_sidebar ul{
  list-style: none;
  padding:0px;
  vertical-align: top;
}
.internas_sidebar ul li{

  vertical-align: top;
}
.internas_sidebar ul li a{
  font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
  display: block;
  padding:2%;
  text-align: center;
  color:#4D4D4F;
  filter: none;
}
.internas_sidebar ul li span{
  text-decoration: underline;
}
.internas_sidebar ul li a:hover{
  text-decoration: none;
  color:#DF9404;
  filter: grayscale(100%);
 
}