@font-face {
  font-family: "Ubuntu-Bold";
  src: url(../fonts/Ubuntu-Bold.ttf); }

@font-face {
  font-family: "Ubuntu-BoldItalic";
  src: url(../fonts/Ubuntu-BoldItalic.ttf); }

@font-face {
  font-family: "Ubuntu-Italic";
  src: url(../fonts/Ubuntu-Italic.ttf); }

@font-face {
  font-family: "Ubuntu-Medium";
  src: url(../fonts/Ubuntu-Medium.ttf); }
 
@font-face {
  font-family: "Ubuntu-Regular";
  src: url(../fonts/Ubuntu-Regular.ttf); }


* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; 
}

h1, h2, h3, h4, h5, p, a {
  font-family: "Ubuntu-Regular" !important;
}

body {

  font-family: "Ubuntu-Regular" !important;
  font-size: 16px;
}

.inputPlaceholder::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #fff;
}
.inputPlaceholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #fff;
  opacity:  1;
}
.inputPlaceholder::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #fff;
  opacity:  1;
}
.inputPlaceholder:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #fff;
}



/* ------------- loader -------------- */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 800;
  height: 100%;
  width: 100%; 
}

.no-js #preloader,
.no-js .oldie #preloader {
  display: none; 
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: -30px 0 0 -30px;
  padding: 0; 
}

 #loader:before {
    content: "";
    border: 6px solid #bb9844;
    border-top: 6px solid #fff;
    -webkit-animation: load 1.2s infinite linear;
    animation: load 1.2s infinite linear;
    display: block;
    border-radius: 1%;
    width: 60px;
    height: 60px;
  }

/* ------------- aviso -------------- */

#aviso {
  width: 100%;
  height: 860px;
  background: #000;      
}

#aviso .bg-aviso {
  background: #000; 
  text-align: justify; 
 
}

#aviso .bg-aviso .titulo-aviso {
  color: #bb9844;
  font-size: 35px;
  font-family: "Ubuntu-BoldItalic";
  font-weight: bold;  
 
}

#aviso .bg-aviso .parrafo-aviso {
  color: #504f51;
  font-size: 14px;
  font-family: "Ubuntu-BoldItalic";
  font-weight: bold;  
 
}

#aviso .bg-aviso .parrafo-aviso a {
  color: #504f51;
  font-size: 14px;
  font-family: "Ubuntu-BoldItalic";
  font-weight: bold;  
 
}

/* ------------- languages -------------- */
#languages {
  width: 100%;
  height: 520px;
  background: #000;
  position: relative; 
}

#languages .container-fluid .textos {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: center; 
}

#languages .container-fluid .textos .border-idioma {
  height: 35px;
  border: 1px solid #504f51;
  position: relative;
  top: 20px; 
}

#languages .container-fluid .textos .idioma {
  width: 200px;
  height: 100px;
  align-content: center; 
}

#languages .container-fluid .textos .idioma a {
  text-decoration: none; 
}
       
#languages .container-fluid .textos .idioma a h2 {
  color: #bb9844;
  font-size: 35px;
  font-family: "Ubuntu-Regular";
  font-weight: bold;
  text-align: center;
  padding: 20px 0px;
  cursor: pointer;
  transition: all 2s ease; 
}
          
#languages .container-fluid .textos .idioma a h2.es {
  padding-right: 20px; 
}

#languages .container-fluid .textos .idioma a h2:hover {
  color: #fff; 
}


/* ------------- menu -------------- */
#menu {
  margin-bottom: 90px;
  text-align: right;
}

#menu nav {
  background: #000; 
}

#menu nav button {
  margin-top: 18px;
}
    
#menu nav .img-logo img {
  padding: 1rem; 
}
   
#menu nav .menu-list {
  padding-top: 2.8rem; 
  
}      

#menu nav .menu-list ul li a {
   padding: 10px 20px;
   font-size: 14px;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 3px;
   font-family: "Ubuntu-Regular"; 
}

#menu nav .menu-list ul li a.active-menu {
   color: #bb9844; 
}

 #menu nav .menu-list ul li a:hover {
   color: #bb9844; 
}

/* ------------- carrusel -------------- */

#carrusel .contenedor-carrusel {	
	width: 100%;
  height: 900px;
	background: #F2F2F2;
	position: relative;
}

#carrusel .contenedor-carrusel .slider ul, li {
	width: 100%;
}

#carrusel .contenedor-carrusel .slider li {
	overflow: hidden;	
}

/* ------------ nosotros ------------- */
              
#nosotros-en {
  width: 100%;
  height: 550px;  
  background: #F2F2F2;
}

#nosotros-en .bg-fondo { 
  width: 100%;
  height: 550px;
  background-image: url("../img/nosotros/nosotros.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

#nosotros-en .bg-texto {
  width: 100%;
  height: 550px;
  background: #383838;    
  
}

#nosotros-en .bg-texto .titulo-dorado {
  color: #BA9844; 
  font-size: 35px;   
  font-family: "Ubuntu-BoldItalic";
  position: absolute;
  top: 44%;
  left: 32%;  
 
}

#nosotros-en .bg-texto .titulo-white {
  color: #F2F2F2;
  font-size: 28px;
  text-align: center;  
  font-family: "Ubuntu-BoldItalic"; 
  position: absolute;  
  top: 50%;
  left: 26%;    
}

#nosotros-en .bg-texto .subtitulo-dorado {
  color: #BA9844; 
  font-size: 26px;
  text-align: center; 
  font-family: "Ubuntu-BoldItalic";
  position: absolute; 
  top: 55%;
  left: 28%; 
}


#quienes-en .bg-fondo {
  width: 100%;
  height: 320px;
  background: #F2F2F2;
}

#quienes-en .bg-fondo .img-chica {
    width: 34%;
    height: 336px;
    text-align: left;
    position: absolute;
    top: -5%;
    left: -5%;     
}

#quienes-en .bg-fondo .titulo-dorado {
    color: #BA9844; 
    font-size: 45px;    
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    text-align: center;
    padding-bottom: 25px;
    top: 40%;
    left: 55%;
    margin: -25px 0 0 -25px; 
}

#quienes-en .bg-texto {
  background: #fff;   
  text-align: justify;
}

#quienes-en .bg-texto .parrafo-somos {
    color: #666666; 
    font-size: 18px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 45px 45px 45px 45px;
}


#mision-vision-en {
  width: 100%;
  height: 480px;     
  }

#mision-vision-en .bg-fondo {
  width: 100%;
  height: 480px;    
  background-image: url("../img/nosotros/fachada.png");
  background-repeat: no-repeat;
  background-size: cover;
  }
 
  #mision-vision-en .bg-fondo .titulo-mision {
    color: #BA9844; 
    font-size: 35px;       
    padding-bottom: 25px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 15%;
    left: 37.5%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {
    color: #F2F2F2; 
    font-size: 18px;   
    font-family: "Ubuntu-BoldItalic";
    position: relative;
    text-align: right;
    top:  22%;
    left: -55%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 5%;
    height: 100px;         
    position: absolute;
    top: 22%;
    left: 47.5%;
  }


  #mision-vision-en .bg-fondo .titulo-vision {
    color: #bb9844; 
    font-size: 35px;   
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top:  53%;
    left: 55%; 
    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {
    color: #fff; 
    font-size: 17px;   
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top:  62%;
    left: 55%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 5%;
    height: 100px;         
    position: absolute;
    top: 62%;
    left: 47.5%;
  }

  #vision-en {
    width: 100%;
    height: 680px;
    
  }
  

  #vision-en .bg-white {
    width: 100%;
    height: 680px;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 88%;
    height: 580px;
    background: #383838;
    margin: 50px 120px 50px 120px;   
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    color: #F2F2F2; 
    font-size: 26px;   
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 165%;  
    left: 47%;  
    
  }

  #vision-en .bg-white .bg-dark .parrafo{   
    color: #bb9844; 
    font-size: 22px;   
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 170%;  
    left: 37%; 
    text-align: center; 
    
  }
  
  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 5%;
    height: 100px;         
    position: absolute;
    top: 186%;
    left: 25%;
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad {
    width: 5%;
    height: 100px;         
    position: absolute;
    top: 186%;
    left: 47%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad {
    width: 5%;
    height: 100px;         
    position: absolute;
    top: 186%;
    left: 67%;
  }


  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 198%;  
    left: 24.5%;  
    
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 198%;  
    left: 46.5%;  
    
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 198%;  
    left: 66%;  
    
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{   
    color: #fff; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    text-align: center;
    position: absolute;
    top: 201%;  
    left: 22%;  
    
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{   
    color: #fff; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    text-align: center;
    position: absolute;
    top: 201%;  
    left: 42%;  
    
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{   
    color: #fff; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    text-align: center;
    position: absolute;
    top: 201%;  
    left: 61%;  
    
  }

  #presencia-en {
    width: 100%;
    height: 620px;
    background: #F2F2F2; 
  }   

  #presencia-en .bg-fondo-eng {     
    background-image: url("../img/nosotros/bg-nosotros-eng.png");
    background-repeat: no-repeat;
    background-size: cover;
  }    

  #presencia-en .bg-texto {
    background: #BA9844;   
    padding-bottom: 500px;
    text-align: center; 
  }
  
  #presencia-en .bg-texto .titulo-dorado {
    color: #a0833f; 
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";  
    position: absolute;     
    top: 30%;
    left: 26.5%;
  }

  #presencia-en .bg-texto .titulo-dark {
    color: #383838; 
    font-size: 35px;  
    text-align: right;     
    font-family: "Ubuntu-BoldItalic";
    position: absolute;          
    top: 37%;
    left: 33%;      
  }

   #presencia-en .bg-texto .titulo-white {
      color: #fff;
      font-size: 30px;      
      font-family: "Ubuntu-BoldItalic";
      position: absolute;
      top: 50%;
      left: 37%;        
    }

    #presencia-en .bg-texto .subtitulo-white {
      color: #fff;
      font-size: 18px;
      text-align: right;        
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 58%;
      left: 32%;
     
    }
  
/* ------------- servicios -------------- */
#servicios-cabecera-en {
  width: 100%;
  height: 550px;
  background: #fff;
  }
              

#servicios-cabecera-en .bg-valor {
  width: 100%;
  height: 550px;
  background: #BA9844;  
}


#servicios-cabecera-en .bg-valor .titulo-dark {
  color: #666666; 
  font-size: 35px;
  font-family: "Ubuntu-BoldItalic";
  padding-bottom: 25px;
  text-align: center;  
  position: absolute;
  top: 45%;
  left: 37%;
  margin: -25px 0 0 -25px;
}

 #servicios-cabecera-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic"; 
    padding-bottom: 25px;
    text-align: center;    
    position: absolute;
    top: 52%;
    left: 31%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {
    color: #666666; 
    font-size: 33px;
    font-family: "Ubuntu-BoldItalic";
    padding-bottom: 25px;
    text-align: center;  
    position: absolute;
    top: 64%;
    left: 34%;
    margin: -25px 0 0 -25px;
  }

  
  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 550px;
    background-image: url("../img/servicios/bg5.png");
    background-repeat: no-repeat;
    background-size: cover; 
  }

  #servicios-contenido-en {
    width: 100%;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    padding-bottom: 100px;
    z-index: 1;
    padding-top: 40px; 
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: center;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
  }
      

  #servicios-contenido-en .container .row .rectangulo {          
    margin-bottom: 7px; 
    margin-left: 4em;
    position: relative;
    top: 100%; 
    right: 75px;       
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }
        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }      
  
  #servicios-planeacion-en {
    width: 100%;
    height: 480px;
    background: #F2F2F2;
  }

  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 480px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 25px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; }

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844; } 
       

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 8%;
    height: 90px;         
    position: absolute;
    top: 20%;
    left: 25%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 21.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 8%;
    height: 90px;         
    position: absolute;
    top: 20%;
    left: 45%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 41.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 8%;
    height: 90px;         
    position: absolute;
    top: 20%;
    left: 65%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 61.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 8%;
    height: 90px;         
    position: absolute;
    top: 60%;
    left: 25%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85%;  
    left: 19.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 8%;
    height: 90px;         
    position: absolute;
    top: 60%;
    left: 45%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85%;  
    left: 40.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 8%;
    height: 90px;         
    position: absolute;
    top: 60%;
    left: 65%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85%;  
    left: 59.5%; 
  }

  #planeacion-en {
    width: 100%;
    height: 560px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 560px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 8%;
    height: 130px;         
    position: absolute;
    top: 190%;
    left: 24%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 8%;
    height: 130px;         
    position: absolute;
    top: 190%;
    left: 45.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 8%;
    height: 130px;         
    position: absolute;
    top: 190%;
    left: 66%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 208%;  
    left: 24.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 208%;  
    left: 45.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 208%;  
    left: 66%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 211%;  
    left: 20%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 211%;  
    left: 42%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 211%;  
    left: 63%;      
  }

  #servicios-esquemas-en {
    width: 100%;
    height: 200px;
    background: #666666;
  }

  #servicios-esquemas-en .bg-servicios-esquemas {
    width: 100%;
    height: 200px;
    background: #666666;
    padding: 15px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 28px;
    font-family: "Ubuntu-BoldItalic";
    text-align: center;      
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-blanco {
    color: #F2F2F2; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-dark {
    color: #383838; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-dorado {
    color: #BA9844; 
  }         

  #servicios-esquemas-foco-en {
    width: 100%;
    height: 380px;
    background: #F2F2F2;     
    }
  
    #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {
    width: 100%;
    height: 380px; 
    background: #F2F2F2;
    text-align: center; 
    }

/* ------------- contacto -------------- */

#contacto-estamos-en {
  width: 100%;
  height: 650px;
  background: #F2F2F2;
  
}

#contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 650px;  
    background: #383838;      
}

#contacto-estamos-en .oficina-nosotros {
  width: 100%;
  height: 650px;  
  background-image: url("../img/bg-contacto.png");
  background-repeat: no-repeat; 
  background-size: cover;
}              

#contacto-estamos-en .bg-valor .titulo-dorado {
  color: #BA9844;
  font-size: 35px;
  font-family: "Ubuntu-BoldItalic";
  position: absolute;
  top: 45%;  
  left: 27%;   
}

#contacto-estamos-en .bg-valor .titulo-white {
  color: #F2F2F2;
  font-size: 30px;
  font-family: "Ubuntu-BoldItalic";
  position: absolute;
  top: 50%;
  left: 30%; 
}

#contacto-estamos-en .bg-valor .subtitulo-dorado {
  color: #BA9844;
  font-size: 28px;
  font-family: "Ubuntu-Italic";
  position: absolute;
  top: 54%;  
  left: 28%;   
}

#contacto-logo {
  width: 100%;
  height: 380px;
  background: #F2F2F2;
}

#contacto-logo .bg-logo {
  width: 100%;
  height: 380px;
  background: #F2F2F2;
  position: absolute;
  text-align: center;
}  

#contacto-logo .bg-logo img {
  position: relative;
  top: 32%;
}  



#contacto {
  padding: 30px 0px 30px;
  position: relative;
  background-image: url("../img/bolsa.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover; }
 
  
  #contacto .capa-grandiente {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0; }
  #contacto h2 {
    font-size: 30px;
    text-align: center;
    font-family: "Ubuntu-BoldItalic";
    margin: 0px 0px 50px; }
    #contacto h2 .dorado {
      color: #bb9844; }
    #contacto h2 .dark {
      color: #bababf; }

  #contacto #formulario-integro {
    background: rgba(0, 0, 0, 0.66);
    padding: 60px 60px 60px;
    border-radius: 1px;
    box-shadow: 2px 2px 10px #3c3c3b; }
   
    #contacto #formulario-integro .form-group {
      position: relative;
      margin-bottom: 32px; }

    #contacto #formulario-integro .contacto-titulo .dorado {
      color: #BA9844;
      font-size: 32px;
      font-family: "Ubuntu-BoldItalic";      
      
      }
     
      #contacto #formulario-integro .form-group input[type="text"],
      #contacto #formulario-integro .form-group input[type="email"],
      #contacto #formulario-integro .form-group textarea {
        font-family: "Ubuntu-Regular";
        font-size: 18px;
        color: #fff;
        outline: none !important;
        padding: 25px;
        border: none;
        border-bottom: 2px solid #bb9844;
        background: transparent;
        text-transform: uppercase;
        border-radius: 0px; }
        #contacto #formulario-integro .form-group input[type="text"]:focus, #contacto #formulario-integro .form-group input[type="text"]:active,
        #contacto #formulario-integro .form-group input[type="email"]:focus,
        #contacto #formulario-integro .form-group input[type="email"]:active,
        #contacto #formulario-integro .form-group textarea:focus,
        #contacto #formulario-integro .form-group textarea:active {
          outline: none !important;
          border-bottom: 2px solid #bb9844; }
        #contacto #formulario-integro .form-group input[type="text"].form-control,
        #contacto #formulario-integro .form-group input[type="email"].form-control,
        #contacto #formulario-integro .form-group textarea.form-control {
          outline: none !important; }
          #contacto #formulario-integro .form-group input[type="text"].form-control:focus,
          #contacto #formulario-integro .form-group input[type="email"].form-control:focus,
          #contacto #formulario-integro .form-group textarea.form-control:focus {
            box-shadow: 0 0 0 transparent !important; }
        #contacto #formulario-integro .form-group input[type="text"].error,
        #contacto #formulario-integro .form-group input[type="email"].error,
        #contacto #formulario-integro .form-group textarea.error {
          border-bottom: 2px solid #D32F2F; }
          #contacto #formulario-integro .form-group input[type="text"].error + label,
          #contacto #formulario-integro .form-group input[type="email"].error + label,
          #contacto #formulario-integro .form-group textarea.error + label {
            color: #d32f2f; }

        #contacto #formulario-integro button {
          background: rgba(187, 152, 68, 0.8);
          padding: 10px 10px;
          margin-top: 20px;
          color: #fff;
          cursor: pointer;
          font-size: 16px;
          width: 100%;
          transition: all 0.3s ease;
          text-transform: uppercase;
          font-family: "Ubuntu-Regular";
          border-radius: 1px; }
          #contacto #formulario-integro button:hover {
            background: rgba(186, 186, 191, 0.6); }

/* ------------- contacto -------------- */


footer {
  background: #000;
  padding: 30px 30px;
  width: 100%;
  position: relative;
  bottom: 0; }
  footer img {
    margin: 0 auto; }
  footer p {
    color: #bb9844;
    padding: 50px 10px 20px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 4px; }


@media screen and (min-width: 320px) {

      #nosotros-en {  
        width: 100%;  
        height: 520px;
        background: #F2F2F2;    
      }  
      
      #nosotros-en .bg-texto {   
        width: 100%;
        height: 260px;
        background: #383838; 
        position: absolute;
        z-index: 2;
        top: 350px;    
      }
    
      #nosotros-en .bg-fondo {
        width: 100%;  
        height: 260px; 
        background-image: url("../img/nosotros/nosotros.jpg");
        background-repeat: no-repeat; 
        background-size: cover;
        position: absolute;
        z-index: 1; 
      }
      
      #nosotros-en .bg-texto .titulo-dorado {
        font-size: 30px;      
        top: 28%;
        left: 21%;     
      }
      
      #nosotros-en .bg-texto .titulo-white {   
        font-size: 26px;   
        top: 39%;
        left: 7%;    
      }
      
      #nosotros-en .bg-texto .subtitulo-dorado {  
        font-size: 24px; 
        top: 50%;
        left: 11.5%; 
      }
                
      #quienes-en {
        width: 100%;    
        height: 680px;   
        background: #F2F2F2;
        z-index: 3;    
        
      }
    
      #quienes-en .bg-fondo {  
        width: 100%;
        height: 260px;
        z-index: 4; 
    
      }
    
      #quienes-en .bg-fondo .img-chica {
        width: 66%;
        height: 270px;    
        top: -2%;
        left: -5%;     
      }
    
      #quienes-en .bg-fondo .titulo-dorado {  
        font-size: 38px;           
        top: 34%;
        left: 56%;
        margin: -25px 0 0 -25px; 
      }
    
      #quienes-en .bg-texto {     
        width: 100%;
        height: 420px;      
        background: #fff;
        z-index: 5;
      }
    
      #quienes-en .bg-texto .parrafo-somos {   
        font-size: 14px;        
        font-family: "Ubuntu-BoldItalic";
        position: absolute;
        margin: 25px 25px 25px 10px;
      }
    
      #quienes-en .bg-texto .parrafo-contamos {   
        font-size: 14px;        
        font-family: "Ubuntu-BoldItalic";
        position: absolute;
        top: 64%;
        margin: 25px 25px 25px 10px;
      }
     
      #mision-vision-en { 
        width: 100%;
        height: 650px;
        z-index: 6; 
            
      }
    
      #mision-vision-en .bg-fondo {
        width: 100%;
        height: 650px; 
        z-index: 7;              
        
      }
    
      #mision-vision-en .bg-fondo .titulo-mision {   
        font-size: 32px;       
        padding-bottom: 25px;   
        position: absolute;
        top: 22%;
        left: 28%; 
      }
    
      #mision-vision-en .bg-fondo .parrafo-mision {   
        font-size: 12px;       
        position: relative;
        text-align: center;
        top:  27%;
        left: 0%; 
      }
    
      #mision-vision-en .bg-fondo .circulo-mision {
        width: 24%;
        height: 80px;         
        position: absolute;
        top: 8%;
        left: 38%;
      }
    
      #mision-vision-en .bg-fondo .titulo-vision {  
        font-size: 32px;      
        position: absolute;
        top:  66%;
        left: 32%;    
      }
    
      #mision-vision-en .bg-fondo .parrafo-vision {   
        font-size: 12px;       
        position: absolute;
        text-align: center;
        top:  72%;
        left: 4%; 
      }
    
      #mision-vision-en .bg-fondo .circulo-vision {
        width: 24%;
        height: 80px;         
        position: absolute;
        top: 52%;
        left: 38%;
      }
      
      
      #vision-en {
        width: 100%;
        height: 1080px;
        background: #F2F2F2; 
        position: relative;
      }
     
      #vision-en .bg-white {
        width: 100%;
        height: 1080px;
        background: #F2F2F2; 
        position: absolute;
        top: 0%;
        left: 0%;
        
      }
    
      #vision-en .bg-white .bg-dark {
        width: 100%;
        height: 1080px;
        background: #F2F2F2;
        position: absolute;
        top: 0%;
        margin: auto;
        
      }
    
      #vision-en .bg-white .bg-dark .titulo{   
        font-size: 22px;      
        position: absolute;
        top: 2%;  
        left: 36%;
      }
    
      #vision-en .bg-white .bg-dark .parrafo{
        font-size: 16px;      
        position: absolute;
        top: 5%;  
        left: 0%; 
        text-align: center; 
        
      }
    
      #vision-en .bg-white .bg-dark .figura-compromiso {
        width: 25%;
        height: 80px;         
        position: absolute;
        top: 16%;
        left: 36%;
      }
    
      #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
        font-size: 14px;       
        position: absolute;
        top: 25%;  
        left: 34%;  
      }
    
      #vision-en .bg-white .bg-dark .texto-compromiso{      
        font-size: 14px;      
        position: absolute;
        text-align: center;
        top: 27%;  
        left: 18%;
        
      }
    
      #vision-en .bg-white .bg-dark .figura-adaptabilidad{
        width: 25%;
        height: 80px;         
        position: absolute;
        top: 41%;
        left: 36%;
      }
    
      #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
        font-size: 14px;       
        position: absolute;
        top: 50%;  
        left: 33%;  
      }
    
      #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
        font-size: 14px;      
        position: absolute;
        text-align: center;
        top: 52%;  
        left: 5%;
        
      }
    
      #vision-en .bg-white .bg-dark .figura-responsabilidad{
        width: 25%;
        height: 80px;         
        position: absolute;
        top: 67%;
        left: 36%;
      }
    
      #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
        font-size: 14px;       
        position: absolute;
        top: 76%;  
        left: 31%;  
      }
    
      #vision-en .bg-white .bg-dark .texto-responsabilidad{      
        font-size: 14px;      
        position: absolute;
        text-align: center;
        top: 78%;  
        left: 0%;
        
      }
    
      #presencia-en {
        width: 100%;
        height: 575px;
        background: #fff; 
        position: relative;
      }   
    
      #presencia-en .bg-fondo-eng {
        width: 100%;
        height: 260px;    
        position: absolute;   
        z-index: 8;
      } 
    
      #presencia-en .bg-texto {
        width: 100%;
        height: 320px;
        padding-bottom: 0px;   
        position: absolute;   
        z-index: 9;
        top: 44.5%;
    
      }
    
      #presencia-en .bg-texto .titulo-dorado {
        font-size: 28px;    
        position: absolute;     
        top: 20%;
        left: 8%;
      }
    
      #presencia-en .bg-texto .titulo-dark {
        font-size: 26px;      
        position: absolute;          
        top: 30%;
        left: 5.5%;   
      }
    
      #presencia-en .bg-texto .titulo-white {
        font-size: 22px;      
        position: absolute;
        top: 50%;
        left: 15%;  
      }
    
      #presencia-en .bg-texto .subtitulo-white {
        font-size: 12px;
        text-align: right;     
        position: absolute;
        top: 60%;
        left: 12%;
      }

        
      #servicios-cabecera-en {
        width: 100%;
        height: 520px;
        position: relative;
        background: #be6363;   
        
      }
    
      #servicios-cabecera-en .fondo-servicios {
        width: 100%;
        height: 260px;   
        position: absolute;
        z-index: 1;        
      }
    
      #servicios-cabecera-en  .bg-valor {  
        width: 100%;
        height: 260px;
        background: #BA9844;      
        position: absolute;  
        z-index: 2;   
        top: 50%;   
      }
      
      #servicios-cabecera-en .bg-valor .titulo-dark {   
        font-size: 30px;   
        position: absolute;    
        top: 32%;
        left: 33%;   
      }
      
      #servicios-cabecera-en .bg-valor .titulo-white {   
        font-size: 28px;      
        position: absolute;
        top: 44%;
        left: 19.5%;   
      }
    
      #servicios-cabecera-en .bg-valor .titulo-oscuro {   
        font-size: 31px;     
        position: absolute;
        top: 68%;
        left: 27%;    
      }
      
      #servicios-contenido-en {
        width: 100%;    
        padding-top: 10px; 
        padding-bottom: 60px;
        background-image: url("../img/servicios/bg7.png");
        background-repeat: no-repeat;
        background-size: cover;  
        z-index: 1;    
      }
    
      #servicios-contenido-en .container .row {
        padding: 0px 0px;
        margin: 0px 0px;
        text-align: left;
      }
          
      #servicios-contenido-en .container .row .titulo-servicio {
        color: #BA9844;
        font-size: 45px;
        font-family: "Ubuntu-BoldItalic";
        position: relative;    
        left: 8%;     
      }
          
    
      #servicios-contenido-en .container .row .rectangulo {          
        margin-bottom: 7px; 
        margin-left: 2em;
        position: relative;
        top: 100%; 
        right: 75px;       
      }  
    
      #servicios-contenido-en .container .row .rectangulo .rect-body {
        height: 6em;
        position: relative;
        width: 14.5em;  
      }
    
     #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
        background: #383838;
        opacity: 0.98; 
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
        background: #000;
        cursor: pointer;
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
        background: #666666;
        opacity: 0.98; 
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
        background: #383838;
        cursor: pointer;
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
        background: #9D9D9C;
        opacity: 0.98; 
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
        background: #666666;
        cursor: pointer; 
      }      
    
      #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
        background: #BA9844;
        opacity: 0.98; 
      }
                
      #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
        background: #9D9D9C;
        cursor: pointer; 
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
        background: #C8AD69;
        opacity: 0.98; 
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
        background: #9D9D9C;
        cursor: pointer; 
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body p {
        color: #BA9844;
        z-index: 1;
        position: absolute;
        top: 30%;
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        font-family: "Ubuntu-Regular";
        font-weight: bold;
        display: block !important; 
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
        position: absolute;
        top: 10%;
      }        

      #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
        position: absolute;
        top: 40%;
      }     
    
      #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
        color: #383838; 
      }
    
      #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
        color: #F2F2F2; 
      } 
    
      #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
        color: #BA9844; 
      }
                  
      #servicios-planeacion-en {
        width: 100%;
        height: 1100px;
        background: #F2F2F2;
      }
      
      #servicios-planeacion-en .bg-servicios-planeacion {
        width: 100%;
        height: 1100px;
        background: #F2F2F2;   
      } 
    
      #servicios-planeacion-en .bg-servicios-planeacion h2 {
        font-size: 22px;
        text-align: center;
        font-family: "Ubuntu-Regular";
        font-weight: bold; 
      } 
    
      #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
        color: #bb9844;
        position: absolute;
        top: 1%;
        left: 14.2%;
      } 
    
      #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
        color: #504f51; 
        position: absolute;
        top: 3.5%;
        left: 2%;  
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
        width: 30%;
        height: 90px;         
        position: absolute;
        top: 11%;
        left: 37.5%;
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
        color: #9D9D9C; 
        font-size: 14px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 19.5%;  
        left: 25%; 
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
        width: 30%;
        height: 90px;         
        position: absolute;
        top: 25%;
        left: 37.5%;
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
        color: #9D9D9C; 
        font-size: 14px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 33.5%;  
        left: 26.5%; 
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
        width: 30%;
        height: 90px;         
        position: absolute;
        top: 39%;
        left: 37.5%;
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
        color: #9D9D9C; 
        font-size: 14px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 47.5%;  
        left: 24%; 
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
        width: 30%;
        height: 90px;         
        position: absolute;
        top: 54%;
        left: 37.5%;
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
        color: #9D9D9C; 
        font-size: 14px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 62.5%;  
        left: 19%; 
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
        width: 30%;
        height: 90px;         
        position: absolute;
        top: 69%;
        left: 37.5%;
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
        color: #9D9D9C; 
        font-size: 14px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 77.5%;  
        left: 21%; 
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
        width: 30%;
        height: 90px;         
        position: absolute;
        top: 85%;
        left: 37.5%;
      }
    
      #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
        color: #9D9D9C; 
        font-size: 14px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 93.5%;  
        left: 17%; 
      }
    
      #planeacion-en {
        width: 100%;
        height: 1060px;
        background: #F2F2F2;         
        
      }
    
      #planeacion-en .bg-planeacion {
        width: 100%;
        height: 1060px;
        background: #F2F2F2;  
        text-align: center;       
        
      }
    
      #planeacion-en .bg-planeacion .figura-fiscal {
        width: 40%;
        height: 120px;         
        position: absolute;
        top: 5%;
        left: 33%;
      }
    
      
      #planeacion-en .bg-planeacion .figura-contable {
        width: 40%;
        height: 120px;         
        position: absolute;
        top: 35%;
        left: 33%;
      }
    
      #planeacion-en .bg-planeacion .figura-corporativa {
        width: 40%;
        height: 120px;         
        position: absolute;
        top: 71%;
        left: 30%;
      }
      
      #planeacion-en .bg-planeacion .subtitulo-fiscal{   
        color: #bb9844; 
        font-size: 16px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 17%;  
        left: 37.5%;  
        
      }
    
      #planeacion-en .bg-planeacion .subtitulo-contable{   
        color: #bb9844; 
        font-size: 16px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 47%;  
        left: 23.5%;  
        
      }
    
      #planeacion-en .bg-planeacion .subtitulo-corporativa{   
        color: #bb9844; 
        font-size: 16px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 82%;  
        left: 26%;  
        
      }
    
      #planeacion-en .bg-planeacion .texto-fiscal{   
        color: #3c3c3b; 
        font-size: 11px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 19%;  
        left: 14%;  
        
      }
      
      #planeacion-en .bg-planeacion .texto-contable{   
        color: #3c3c3b; 
        font-size: 11px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 49%;  
        left: 10%;  
        
      }
      
      #planeacion-en .bg-planeacion .texto-corporativa{   
        color: #3c3c3b; 
        font-size: 11px;   
        font-family: "Ubuntu-Regular";
        position: absolute;
        top: 84%;  
        left: 10%;      
      }

      #servicios-esquemas-en {
        width: 100%;
        height: 200px;
        background: #666666;
      }
    
      #servicios-esquemas-en .bg-servicios-esquemas {
        width: 100%;
        height: 200px;
        background: #666666;
        padding: 32px; 
      }
    
      #servicios-esquemas-en .bg-servicios-esquemas h2 {
        font-size: 28px;
        font-family: "Ubuntu-BoldItalic";
        text-align: center;      
      }
    
      #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-blanco {
        color: #F2F2F2; 
      }
    
      #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-dark {
        color: #383838; 
      }
    
      #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-dorado {
        color: #BA9844; 
      }         
      
      #servicios-esquemas-foco-en {    
        height: 260px;
        
      }
    
      #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
        height: 260px; 
       
      }  
      
      #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
        width: 160%;
        height: 230px;   
        position: absolute;
        top: 0%;
        left: -30%;
      }  

      #carrusel {
        width: 100%;
        height: 200px;   
        background: #F2F2F2;   
    
      }
       
      #carrusel .slider img {       
        width: 100%;
        height: 200px;   
        
      }
          
      #contacto-estamos-en {
        width: 100%;
        height: 520px;
        background: #F2F2F2;
        
      }
    
      #contacto-estamos-en .bg-valor{ 
        width: 100%;
        height: 260px;  
        background: #383838; 
        position: absolute;
        z-index: 2;
        top: 350px;
        
      }
    
      #contacto-estamos-en .oficina-nosotros {
        width: 100%;
        height: 260px;  
        background-image: url("../img/bg-contacto.png");
        background-repeat: no-repeat; 
        background-size: cover;
        position: absolute;
        z-index: 1;
      }    
    
      #contacto-estamos-en .bg-valor .titulo-dorado {   
        font-size: 30px;   
        position: absolute;
        top: 34%;  
        left: 13%;   
      }
    
      #contacto-estamos-en .bg-valor .titulo-white {
        color: #F2F2F2;
        font-size: 30px;
        font-family: "Ubuntu-BoldItalic";
        position: absolute;
        top: 44%;
        left: 14%; 
      }
    
      #contacto-estamos-en .bg-valor .subtitulo-dorado {
        color: #BA9844;
        font-size: 28px;
        font-family: "Ubuntu-Italic";
        position: absolute;
        top: 54%;  
        left: 11%;   
      }          
      
      #contacto-logo { 
        width: 100%;
        height: 230px;
        background: #F2F2F2; 
      }
    
      #contacto-logo .bg-logo {   
        width: 100%;
        height: 230px;
        background: #F2F2F2;
        position: absolute;
        text-align: center;  
      }
    
      #contacto-logo .bg-logo img {
        position: relative;
        top: 28%;
      }
      
     
}

@media screen and (min-width: 375px) {

    #nosotros-en {  
      width: 100%;  
      height: 520px;
      background: #F2F2F2;    
    }  
    
    #nosotros-en .bg-texto {   
      width: 100%;
      height: 260px;
      background: #383838; 
      position: absolute;
      z-index: 2;
      top: 350px;    
    }
  
    #nosotros-en .bg-fondo {
      width: 100%;  
      height: 260px; 
      background-image: url("../img/nosotros/nosotros.jpg");
      background-repeat: no-repeat; 
      background-size: cover;
      position: absolute;
      z-index: 1; 
    }
    
    #nosotros-en .bg-texto .titulo-dorado {
      font-size: 30px;      
      top: 32%;
      left: 24%;     
    }
    
    #nosotros-en .bg-texto .titulo-white {   
      font-size: 26px;   
      top: 43%;
      left: 12%;    
    }
    
    #nosotros-en .bg-texto .subtitulo-dorado {  
      font-size: 24px; 
      top: 54%;
      left: 15.5%; 
    }
    
    
    #quienes-en {
      width: 100%;    
      height: 640px;   
      background: #F2F2F2;
      z-index: 3;    
      
    }
  
    #quienes-en .bg-fondo {  
      width: 100%;
      height: 260px;
      z-index: 4; 
  
    }
  
    #quienes-en .bg-fondo .img-chica {
      width: 66%;
      height: 270px;    
      top: -2%;
      left: -5%;     
    }
  
    #quienes-en .bg-fondo .titulo-dorado {  
      font-size: 38px;           
      top: 32%;
      left: 58%;
      margin: -25px 0 0 -25px; 
    }
  
    #quienes-en .bg-texto {     
      width: 100%;
      height: 380px;      
      background: #fff;
      z-index: 5;
    }
  
    #quienes-en .bg-texto .parrafo-somos {   
      font-size: 14px;        
      font-family: "Ubuntu-BoldItalic";
      position: absolute;
      margin: 35px 25px 25px 10px;
    }
  
    #quienes-en .bg-texto .parrafo-contamos {   
      font-size: 14px;        
      font-family: "Ubuntu-BoldItalic";
      position: absolute;
      top: 61%;
      margin: 25px 25px 25px 10px;
    }
  
    
    #mision-vision-en { 
      width: 100%;
      height: 650px;
      z-index: 6; 
          
    }
  
    #mision-vision-en .bg-fondo {
      width: 100%;
      height: 650px; 
      z-index: 7;              
      
    }
  
    #mision-vision-en .bg-fondo .titulo-mision {   
      font-size: 32px;       
      padding-bottom: 25px;   
      position: absolute;
      top: 22%;
      left: 32%; 
    }
  
    #mision-vision-en .bg-fondo .parrafo-mision {   
      font-size: 12px;       
      position: relative;
      text-align: center;
      top:  27%;
      left: 0%; 
    }
  
    #mision-vision-en .bg-fondo .circulo-mision {
      width: 24%;
      height: 90px;         
      position: absolute;
      top: 8%;
      left: 38%;
    }
  
    #mision-vision-en .bg-fondo .titulo-vision {  
      font-size: 32px;      
      position: absolute;
      top:  66%;
      left: 35%;    
    }
  
    #mision-vision-en .bg-fondo .parrafo-vision {   
      font-size: 12px;       
      position: absolute;
      text-align: center;
      top:  72%;
      left: 11%; 
    }
  
    #mision-vision-en .bg-fondo .circulo-vision {
      width: 24%;
      height: 90px;         
      position: absolute;
      top: 52%;
      left: 38%;
    }
  
    
    #vision-en {
      width: 100%;
      height: 1080px;
      background: #F2F2F2; 
      position: relative;
    }
   
    #vision-en .bg-white {
      width: 100%;
      height: 1080px;
      background: #F2F2F2; 
      position: absolute;
      top: 0%;
      left: 0%;
      
    }
  
    #vision-en .bg-white .bg-dark {
      width: 100%;
      height: 1080px;
      background: #F2F2F2;
      position: absolute;
      top: 0%;
      margin: auto;
      
    }
  
    #vision-en .bg-white .bg-dark .titulo{   
      font-size: 22px;      
      position: absolute;
      top: 2%;  
      left: 38%;
    }
  
    #vision-en .bg-white .bg-dark .parrafo{
      font-size: 16px;      
      position: absolute;
      top: 5%;  
      left: 2.5%; 
      text-align: center; 
      
    }
  
    #vision-en .bg-white .bg-dark .figura-compromiso {
      width: 23%;
      height: 80px;         
      position: absolute;
      top: 16%;
      left: 38.5%;
    }
  
    #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
      font-size: 14px;       
      position: absolute;
      top: 25%;  
      left: 38%;  
    }
  
    #vision-en .bg-white .bg-dark .texto-compromiso{      
      font-size: 14px;      
      position: absolute;
      text-align: center;
      top: 27%;  
      left: 23%;
      
    }
  
    #vision-en .bg-white .bg-dark .figura-adaptabilidad{
      width: 23%;
      height: 80px;         
      position: absolute;
      top: 41%;
      left: 38.5%;
    }
  
    #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
      font-size: 14px;       
      position: absolute;
      top: 50%;  
      left: 37%;  
    }
  
    #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
      font-size: 14px;      
      position: absolute;
      text-align: center;
      top: 52%;  
      left: 13%;
      
    }
  
    #vision-en .bg-white .bg-dark .figura-responsabilidad{
      width: 23%;
      height: 80px;         
      position: absolute;
      top: 67%;
      left: 38.5%;
    }
  
    #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
      font-size: 14px;       
      position: absolute;
      top: 76%;  
      left: 36%;  
    }
  
    #vision-en .bg-white .bg-dark .texto-responsabilidad{      
      font-size: 14px;      
      position: absolute;
      text-align: center;
      top: 78%;  
      left: 7%;
      
    }
  
   
    #presencia-en {
      width: 100%;
      height: 575px;
      background: #fff; 
      position: relative;
    }   
  
    #presencia-en .bg-fondo-en {
      width: 100%;
      height: 260px;    
      position: absolute;   
      z-index: 8;
    } 
  
    #presencia-en .bg-texto {
      width: 100%;
      height: 320px;
      padding-bottom: 0px;   
      position: absolute;   
      z-index: 9;
      top: 44.5%;
  
    }
  
    #presencia-en .bg-texto .titulo-dorado {
      font-size: 28px;    
      position: absolute;     
      top: 20%;
      left: 16%;
    }
  
    #presencia-en .bg-texto .titulo-dark {
      font-size: 26px;      
      position: absolute;          
      top: 30%;
      left: 14%;   
    }
  
    #presencia-en .bg-texto .titulo-white {
      font-size: 22px;      
      position: absolute;
      top: 50%;
      left: 22.3%;  
    }
  
    #presencia-en .bg-texto .subtitulo-white {
      font-size: 12px;
      text-align: right;     
      position: absolute;
      top: 60%;
      left: 20%;
    }
  
    #servicios-cabecera-en {
      width: 100%;
      height: 520px;
      position: relative;
      background: #be6363;   
      
    }
  
    #servicios-cabecera-en .fondo-servicios {
      width: 100%;
      height: 260px;   
      position: absolute;
      z-index: 1;        
    }
  
    #servicios-cabecera-en  .bg-valor {  
      width: 100%;
      height: 260px;
      background: #BA9844;      
      position: absolute;  
      z-index: 2;   
      top: 50%;   
    }
    
    #servicios-cabecera-en .bg-valor .titulo-dark {   
      font-size: 30px;   
      position: absolute;    
      top: 32%;
      left: 36%;   
    }
    
    #servicios-cabecera-en .bg-valor .titulo-white {   
      font-size: 28px;      
      position: absolute;
      top: 44%;
      left: 23.5%;   
    }
  
    #servicios-cabecera-en .bg-valor .titulo-oscuro {   
      font-size: 31px;     
      position: absolute;
      top: 68%;
      left: 30%;    
    }
      
    #servicios-contenido-en {
      width: 100%;    
      padding-top: 10px; 
      padding-bottom: 60px;
      background-image: url("../img/servicios/bg7.png");
      background-repeat: no-repeat;
      background-size: cover;  
      z-index: 1;    
    }
  
    #servicios-contenido-en .container .row {
      padding: 0px 0px;
      margin: 0px 0px;
      text-align: left;
    }
        
    #servicios-contenido-en .container .row .titulo-servicio {
      color: #BA9844;
      font-size: 45px;
      font-family: "Ubuntu-BoldItalic";
      position: relative;    
      left: 14%;     
    }
        
  
    #servicios-contenido-en .container .row .rectangulo {          
      margin-bottom: 7px; 
      margin-left: 3em;
      position: relative;
      top: 100%; 
      right: 75px;       
    }  
  
    #servicios-contenido-en .container .row .rectangulo .rect-body {
      height: 6em;
      position: relative;
      width: 14.5em;  
    }
  
   #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
      background: #383838;
      opacity: 0.98; 
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
      background: #000;
      cursor: pointer;
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
      background: #666666;
      opacity: 0.98; 
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
      background: #383838;
      cursor: pointer;
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
      background: #9D9D9C;
      opacity: 0.98; 
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
      background: #666666;
      cursor: pointer; 
    }      
  
    #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
      background: #BA9844;
      opacity: 0.98; 
    }
              
    #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
      background: #9D9D9C;
      cursor: pointer; 
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
      background: #C8AD69;
      opacity: 0.98; 
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
      background: #9D9D9C;
      cursor: pointer; 
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body p {
      color: #BA9844;
      z-index: 1;
      position: absolute;
      top: 30%;
      line-height: 20px;
      font-size: 14px;
      text-align: center;
      font-family: "Ubuntu-Regular";
      font-weight: bold;
      display: block !important; 
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
      position: absolute;
      top: 10%;
    }        

    #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
      position: absolute;
      top: 40%;
    }         
  
    #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
      color: #383838; 
    }
  
    #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
      color: #F2F2F2; 
    } 
  
    #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
      color: #BA9844; 
    } 

    #servicios-planeacion-en {
      width: 100%;
      height: 1100px;
      background: #F2F2F2;
    }
    
    #servicios-planeacion-en .bg-servicios-planeacion {
      width: 100%;
      height: 1100px;
      background: #F2F2F2;   
    } 
  
    #servicios-planeacion-en .bg-servicios-planeacion h2 {
      font-size: 22px;
      text-align: center;
      font-family: "Ubuntu-Regular";
      font-weight: bold; 
    } 
  
    #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
      color: #bb9844;
      position: absolute;
      top: 1%;
      left: 19.2%;
    } 
  
    #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
      color: #504f51; 
      position: absolute;
      top: 3.5%;
      left: 3.5%;  
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
      width: 30%;
      height: 95px;         
      position: absolute;
      top: 10.5%;
      left: 37.5%;
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
      color: #9D9D9C; 
      font-size: 14px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 19.5%;  
      left: 28%; 
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
      width: 30%;
      height: 95px;         
      position: absolute;
      top: 24.5%;
      left: 37.5%;
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
      color: #9D9D9C; 
      font-size: 14px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 33.5%;  
      left: 30%; 
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
      width: 30%;
      height: 95px;         
      position: absolute;
      top: 38.5%;
      left: 37.5%;
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
      color: #9D9D9C; 
      font-size: 14px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 47.5%;  
      left: 27%; 
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
      width: 30%;
      height: 95px;         
      position: absolute;
      top: 53.5%;
      left: 37.5%;
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
      color: #9D9D9C; 
      font-size: 14px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 62.5%;  
      left: 23%; 
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
      width: 30%;
      height: 95px;         
      position: absolute;
      top: 68.5%;
      left: 37.5%;
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
      color: #9D9D9C; 
      font-size: 14px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 77.5%;  
      left: 25%; 
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
      width: 30%;
      height: 95px;         
      position: absolute;
      top: 84.5%;
      left: 37.5%;
    }
  
    #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
      color: #9D9D9C; 
      font-size: 14px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 93.5%;  
      left: 21.5%; 
    }
  
    #planeacion-en {
      width: 100%;
      height: 1060px;
      background: #F2F2F2;         
      
    }
  
    #planeacion-en .bg-planeacion {
      width: 100%;
      height: 1060px;
      background: #F2F2F2;  
      text-align: center;       
      
    }
  
    #planeacion-en .bg-planeacion .figura-fiscal {
      width: 40%;
      height: 120px;         
      position: absolute;
      top: 5%;
      left: 33%;
    }
  
    
    #planeacion-en .bg-planeacion .figura-contable {
      width: 40%;
      height: 120px;         
      position: absolute;
      top: 35%;
      left: 33%;
    }
  
    #planeacion-en .bg-planeacion .figura-corporativa {
      width: 40%;
      height: 120px;         
      position: absolute;
      top: 71%;
      left: 30%;
    }
    
    #planeacion-en .bg-planeacion .subtitulo-fiscal{   
      color: #bb9844; 
      font-size: 16px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 17%;  
      left: 39.5%;  
      
    }
  
    #planeacion-en .bg-planeacion .subtitulo-contable{   
      color: #bb9844; 
      font-size: 16px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 47%;  
      left: 28.5%;  
      
    }
  
    #planeacion-en .bg-planeacion .subtitulo-corporativa{   
      color: #bb9844; 
      font-size: 16px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 82%;  
      left: 30%;  
      
    }
  
    #planeacion-en .bg-planeacion .texto-fiscal{   
      color: #3c3c3b; 
      font-size: 11px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 19%;  
      left: 19.5%;  
      
    }
    
    #planeacion-en .bg-planeacion .texto-contable{   
      color: #3c3c3b; 
      font-size: 11px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 49%;  
      left: 17.5%;  
      
    }
    
    #planeacion-en .bg-planeacion .texto-corporativa{   
      color: #3c3c3b; 
      font-size: 11px;   
      font-family: "Ubuntu-Regular";
      position: absolute;
      top: 84%;  
      left: 16.3%;      
    }

    #servicios-esquemas-en {
      width: 100%;
      height: 200px;
      background: #666666;
    }
  
    #servicios-esquemas-en .bg-servicios-esquemas {
      width: 100%;
      height: 200px;
      background: #666666;
      padding: 32px; 
    }
  
    #servicios-esquemas-en .bg-servicios-esquemas h2 {
      font-size: 28px;
      font-family: "Ubuntu-BoldItalic";
      text-align: center;      
    }
  
    #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-blanco {
      color: #F2F2F2; 
    }
  
    #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-dark {
      color: #383838; 
    }
  
    #servicios-esquemas-en .bg-servicios-esquemas h2 .titulo-dorado {
      color: #BA9844; 
    }         
    
    #servicios-esquemas-foco-en {    
      height: 260px;
      
    }
  
    #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
      height: 260px; 
     
    }  
    
    #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
      width: 160%;
      height: 250px;   
      position: absolute;
      top: 0%;
      left: -30%;
    }  

    #carrusel {
      width: 100%;
      height: 200px;   
      background: #F2F2F2;   
  
    }
     
    #carrusel .slider img {       
      width: 100%;
      height: 200px;   
      
    }
  
    #contacto-estamos-en {
      width: 100%;
      height: 520px;
      background: #F2F2F2;
      
    }
  
    #contacto-estamos-en .bg-valor{ 
      width: 100%;
      height: 260px;  
      background: #383838; 
      position: absolute;
      z-index: 2;
      top: 350px;
      
    }
  
    #contacto-estamos-en .oficina-nosotros {
      width: 100%;
      height: 260px;  
      background-image: url("../img/bg-contacto.png");
      background-repeat: no-repeat; 
      background-size: cover;
      position: absolute;
      z-index: 1;
    }    
  
    #contacto-estamos-en .bg-valor .titulo-dorado {   
      font-size: 30px;   
      position: absolute;
      top: 34%;  
      left: 19%;   
    }
  
    #contacto-estamos-en .bg-valor .titulo-white {
      color: #F2F2F2;
      font-size: 30px;
      font-family: "Ubuntu-BoldItalic";
      position: absolute;
      top: 44%;
      left: 20%; 
    }
  
    #contacto-estamos-en .bg-valor .subtitulo-dorado {
      color: #BA9844;
      font-size: 28px;
      font-family: "Ubuntu-Italic";
      position: absolute;
      top: 54%;  
      left: 17%;   
    }          
    
    #contacto-logo { 
      width: 100%;
      height: 230px;
      background: #F2F2F2; 
    }
  
    #contacto-logo .bg-logo {   
      width: 100%;
      height: 230px;
      background: #F2F2F2;
      position: absolute;
      text-align: center;  
    }
  
    #contacto-logo .bg-logo img {
      position: relative;
      top: 28%;
    }
  
}

@media screen and (min-width: 400px) {

  #menu #logo {
    display: none;
  }

  #nosotros-en {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;    
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 260px;
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 260px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1; 
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 26%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 14%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 18%; 
  }

  #quienes-en {
    width: 100%;    
    height: 640px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 260px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 66%;
    height: 270px;    
    top: -2%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 32%;
    left: 56%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 380px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 14px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 35px 25px 25px 10px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 14px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 56.5%;
    margin: 25px 25px 25px 10px;
  }

  #mision-vision-en { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 33%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 12px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: 0%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 24%;
    height: 90px;         
    position: absolute;
    top: 8%;
    left: 38%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  66%;
    left: 35%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 12px;       
    position: absolute;
    text-align: center;
    top:  72%;
    left: 11.5%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 24%;
    height: 90px;         
    position: absolute;
    top: 52%;
    left: 38%;
  }

  #vision-en {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 1080px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 2%;  
    left: 38.5%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 5%;  
    left: 4%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 23%;
    height: 80px;         
    position: absolute;
    top: 16%;
    left: 37.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 25%;  
    left: 36.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 27%;  
    left: 22.5%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 23%;
    height: 80px;         
    position: absolute;
    top: 41%;
    left: 37.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 50%;  
    left: 36.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 52%;  
    left: 10.7%;
    
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 23%;
    height: 80px;         
    position: absolute;
    top: 67%;
    left: 37.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 76%;  
    left: 35%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 78%;  
    left: 8%;
    
  }

  #presencia-en {
    width: 100%;
    height: 575px;
    background: #fff; 
    position: relative;
  }   

  #presencia-en .bg-fondo {
    width: 100%;
    height: 260px;    
    position: absolute;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: absolute;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 28px;    
    position: absolute;     
    top: 20%;
    left: 16%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 26px;      
    position: absolute;          
    top: 30%;
    left: 14%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 22px;      
    position: absolute;
    top: 50%;
    left: 22%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 12px;
    text-align: right;     
    position: absolute;
    top: 60%;
    left: 19.5%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
    position: relative;
    z-index: 1;
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 260px;    
    z-index: 2;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 260px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: absolute;  
    z-index: 3;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 32%;
    left: 37%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 44%;
    left: 26%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 68%;
    left: 32%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido-en {
    width: 100%;    
    padding-top: 10px; 
    padding-bottom: 60px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 0%;     
  }
      

  #servicios-contenido-en .container .row .rectangulo {          
    margin-bottom: 7px; 
    margin-left: 3em;
    position: relative;
    top: 100%; 
    right: 75px;       
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
    left: 6%; 
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion-en {
    width: 100%;
    height: 1100px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 1100px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 22px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 20.3%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 5.5%;
    left: 6.5%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 11%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 19.5%;  
    left: 29%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 25%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 33.5%;  
    left: 29.7%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 39%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 47.5%;  
    left: 28%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 54%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 62.5%;  
    left: 25.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 69%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 77.5%;  
    left: 26%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 85%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 93.5%;  
    left: 22%; 
  }

  #planeacion-en {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 40%;
    height: 120px;         
    position: absolute;
    top: 5%;
    left: 33%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 40%;
    height: 120px;         
    position: absolute;
    top: 35%;
    left: 33%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 40%;
    height: 120px;         
    position: absolute;
    top: 71%;
    left: 30%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 40.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 47%;  
    left: 32.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 82%;  
    left: 34%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 19%;  
    left: 21%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 49%;  
    left: 22%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 84%;  
    left: 21%;      
  }

  #servicios-esquemas-en {    
    height: 200px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 200px;  
    padding: 32px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 28px;   
  }

  #servicios-esquemas-foco-en {    
    height: 260px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 160%;
    height: 290px;   
    position: absolute;
    top: -15%;
    left: -30%;
  }

  #carrusel-en {
    width: 100%;
    height: 220px;   
    background: #F2F2F2;   

  }
   
  #carrusel-en .slider img {       
    width: 100%;
    height: 220px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 260px;  
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 260px;  
    background-image: url("../img/bg-contacto.png");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1;
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 32%;  
    left: 14%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 44%;
    left: 20%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 17%;   
  }
     
  #contacto-logo { 
    width: 100%;
    height: 230px;
    background: #F2F2F2; 
  }

  #contacto-logo .bg-logo {   
    width: 100%;
    height: 230px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo .bg-logo img {
    position: relative;
    top: 28%;
  }  


}
  
@media screen and (min-width: 414px) {

  #nosotros-en {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;    
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 260px;
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 260px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1; 
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 30%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 27px;   
    top: 43%;
    left: 16%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 28%; 
  }

  #nosotros-en {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;    
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 260px;
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 260px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1; 
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 28%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 16%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 20%; 
  }

  
  #quienes-en {
    width: 100%;    
    height: 640px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 260px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 66%;
    height: 270px;    
    top: -2%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 32%;
    left: 58%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 380px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 14px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 40px 25px 25px 10px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 14px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 57%;
    margin: 25px 25px 25px 10px;
  }

  
  #mision-vision-en { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 33%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 13px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: 0%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 24%;
    height: 100px;         
    position: absolute;
    top: 6%;
    left: 38%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  66%;
    left: 36%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 13px;       
    position: absolute;
    text-align: center;
    top:  72%;
    left: 12%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 24%;
    height: 100px;         
    position: absolute;
    top: 50%;
    left: 38%;
  }

  #vision-en {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 1080px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 2%;  
    left: 39%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 5%;  
    left: 7%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 23%;
    height: 87px;         
    position: absolute;
    top: 16%;
    left: 38.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 25%;  
    left: 39%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 27%;  
    left: 27%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 23%;
    height: 87px;         
    position: absolute;
    top: 41%;
    left: 39%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 50%;  
    left: 39%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 52%;  
    left: 17%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 23%;
    height: 87px;         
    position: absolute;
    top: 67%;
    left: 39%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 76%;  
    left: 37%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 78%;  
    left: 12%;
    
  }
  
  #presencia-en {
    width: 100%;
    height: 575px;
    background: #fff; 
    position: relative;
  }   

  #presencia-en .bg-fondo {
    width: 100%;
    height: 260px;    
    position: absolute;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: absolute;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 28px;    
    position: absolute;     
    top: 22%;
    left: 20%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 26px;      
    position: absolute;          
    top: 32%;
    left: 18%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 22px;      
    position: absolute;
    top: 52%;
    left: 25.5%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 12px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 23.5%;
  }
  
  #servicios-cabecera-en {
    width: 100%;
    height: 520px;
    position: relative;
    background: #be6363;   
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 260px;   
    position: absolute;
    z-index: 1;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 260px;
    background: #BA9844;      
    position: absolute;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    position: absolute;    
    top: 32%;
    left: 38%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;      
    position: absolute;
    top: 44%;
    left: 26.5%;   
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px;     
    position: absolute;
    top: 68%;
    left: 32%;    
  }  
  
  #servicios-contenido-en {
    width: 100%;    
    padding-top: 10px; 
    padding-bottom: 60px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 1%;     
  }      

  #servicios-contenido-en .container .row .rectangulo {          
    margin-bottom: 7px; 
    margin-left: 4.3em;
    position: relative;
    top: 100%; 
    right: 75px;       
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 10%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
    position: absolute;
    top: 40%;
  }            

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }


  #servicios-planeacion-en {
    width: 100%;
    height: 1100px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 1100px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 22px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 22%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 5.5%;
    left: 8.2%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 11%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 19.5%;  
    left: 29%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 25%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 33.5%;  
    left: 30.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 39%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 47.5%;  
    left: 29%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 54%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 62.5%;  
    left: 25%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 69%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 77.5%;  
    left: 27%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 26%;
    height: 90px;         
    position: absolute;
    top: 85%;
    left: 39%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 93.5%;  
    left: 23.3%; 
  }

  #planeacion-en {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 40%;
    height: 125px;         
    position: absolute;
    top: 5%;
    left: 33%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 40%;
    height: 120px;         
    position: absolute;
    top: 35%;
    left: 33%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 40%;
    height: 120px;         
    position: absolute;
    top: 71%;
    left: 30%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 41%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 47%;  
    left: 31.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 82%;  
    left: 33%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 19%;  
    left: 24%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 49%;  
    left: 21.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 84%;  
    left: 20.5%;      
  }

  #servicios-esquemas-en {    
    height: 220px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 220px;  
    padding: 38px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 30px;   
  }
 
  #servicios-esquemas-foco-en {    
    height: 260px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 155%;
    height: 290px;   
    position: absolute;
    top: -15%;
    left: -28%;
  }

  #carrusel {
    width: 100%;
    height: 260px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: 100%;
    height: 260px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 260px;  
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 260px;  
    background-image: url("../img/bg-contacto.png");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1;
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 30px;   
    position: absolute;
    top: 34%;  
    left: 22%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 44%;
    left: 23%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 20%;   
  }          
  
  #contacto-logo { 
    width: 100%;
    height: 230px;
    background: #F2F2F2; 
  }

  #contacto-logo .bg-logo {   
    width: 100%;
    height: 230px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo .bg-logo img {
    position: relative;
    top: 28%;
  }


}

@media screen and (min-width: 576px) {

  #nosotros-en {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;    
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 260px;
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 260px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1; 
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 34%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 26%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 28.5%; 
  } 

  #quienes-en {
    width: 100%;    
    height: 600px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 260px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 50%;
    height: 270px;    
    top: -2%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 42%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 340px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 15px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 40px 30px 30px 15px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 15px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 50%;
    margin: 40px 30px 30px 15px;
  }
  
  #mision-vision-en { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 38.5%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 13px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: 0%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 6%;
    left: 41.5%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  66%;
    left: 40.5%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 13px;       
    position: absolute;
    text-align: center;
    top:  72%;
    left: 22%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 50%;
    left: 41.5%;
  }

  #vision-en {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 1080px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 2%;  
    left: 41.5%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 5%;  
    left: 18%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 17%;
    height: 87px;         
    position: absolute;
    top: 16%;
    left: 42%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 25%;  
    left: 42%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 27%;  
    left: 32%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 17%;
    height: 87px;         
    position: absolute;
    top: 41%;
    left: 42%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 50%;  
    left: 42%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 52%;  
    left: 26%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 17%;
    height: 87px;         
    position: absolute;
    top: 67%;
    left: 42%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 76%;  
    left: 41%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 78%;  
    left: 22%;
    
  }

  #presencia-en {
    width: 100%;
    height: 575px;
    background: #fff; 
    position: relative;
  }   

  #presencia-en .bg-fondo {
    width: 100%;
    height: 260px;    
    position: absolute;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: absolute;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 30px;    
    position: absolute;     
    top: 22%;
    left: 26%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 28px;      
    position: absolute;          
    top: 32%;
    left: 24%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 24px;      
    position: absolute;
    top: 52%;
    left: 29.2%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 14px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 24%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 520px;
    position: relative;
    background: #be6363;   
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 260px;   
    position: absolute;
    z-index: 1;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 260px;
    background: #BA9844;      
    position: absolute;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    position: absolute;    
    top: 32%;
    left: 41%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;      
    position: absolute;
    top: 44%;
    left: 33.5%;   
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px;     
    position: absolute;
    top: 68%;
    left: 37.5%;    
  }
 
  #servicios-contenido-en {
    width: 100%;    
    padding-top: 10px; 
    padding-bottom: 60px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 15%;     
  }
      

  #servicios-contenido-en .container .row .rectangulo {          
    margin-bottom: 7px; 
    margin-left: 8.5em;
    position: relative;
    top: 100%; 
    right: 75px;       
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 10%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
    position: absolute;
    top: 40%;
  }         

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion-en {
    width: 100%;
    height: 1100px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 1100px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 24px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 28.5%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 5.5%;
    left: 17.2%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 22%;
    height: 100px;         
    position: absolute;
    top: 11%;
    left: 39%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 20.5%;  
    left: 35%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 22%;
    height: 100px;         
    position: absolute;
    top: 25%;
    left: 39%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 34.5%;  
    left: 36%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 22%;
    height: 100px;         
    position: absolute;
    top: 39%;
    left: 39%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 48.5%;  
    left: 34.3%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 22%;
    height: 100px;         
    position: absolute;
    top: 54%;
    left: 39%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 63.5%;  
    left: 32%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 22%;
    height: 100px;         
    position: absolute;
    top: 69%;
    left: 39%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 78.5%;  
    left: 33%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 22%;
    height: 100px;         
    position: absolute;
    top: 85%;
    left: 38%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 94.5%;  
    left: 29.3%; 
  }

  #planeacion-en {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 30%;
    height: 125px;         
    position: absolute;
    top: 5%;
    left: 35.5%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 30%;
    height: 125px;         
    position: absolute;
    top: 35%;
    left: 35.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 30%;
    height: 125px;         
    position: absolute;
    top: 71%;
    left: 35.5%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 42%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 47%;  
    left: 36%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 83%;  
    left: 38%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 19%;  
    left: 27%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 49%;  
    left: 27%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85%;  
    left: 27%;      
  }

  #servicios-esquemas-en {    
    height: 220px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 220px;  
    padding: 51px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 31px;   
  }

  #servicios-esquemas-foco-en {    
    height: 260px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 140%;
    height: 325px;   
    position: absolute;
    top: -26%;
    left: -22%;
  }

  #carrusel {
    width: 100%;
    height: 310px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: 100%;
    height: 310px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 260px;  
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 260px;  
    background-image: url("../img/bg-contacto.png");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1;
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 30px;   
    position: absolute;
    top: 34%;  
    left: 30%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 44%;
    left: 31%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 29%;   
  }          
  
  #contacto-logo { 
    width: 100%;
    height: 230px;
    background: #F2F2F2; 
  }

  #contacto-logo .bg-logo {   
    width: 100%;
    height: 230px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo .bg-logo img {
    position: relative;
    top: 28%;
  }


}

@media screen and (min-width: 600px) {

  #nosotros-en {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;    
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 260px;
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 260px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1; 
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 34%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 26%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 29%; 
  }

  #quienes-en {
    width: 100%;    
    height: 600px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 260px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 50%;
    height: 270px;    
    top: -2%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 42%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 340px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 15px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 40px 30px 30px 15px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 15px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 48%;
    margin: 40px 30px 30px 15px;
  }

  #mision-vision-en { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 39%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 14px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: 0%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 6%;
    left: 41.5%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  66%;
    left: 40.5%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 14px;       
    position: absolute;
    text-align: center;
    top:  72%;
    left: 21%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 50%;
    left: 41.5%;
  }
  
  #vision-en {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 1080px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 2%;  
    left: 41.5%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 5%;  
    left: 20%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 17%;
    height: 94px;         
    position: absolute;
    top: 15%;
    left: 41%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 25%;  
    left: 42%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 27%;  
    left: 33%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 17%;
    height: 94px;         
    position: absolute;
    top: 40%;
    left: 41%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 50%;  
    left: 41%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 52%;  
    left: 26%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 17%;
    height: 94px;         
    position: absolute;
    top: 66%;
    left: 41%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 76%;  
    left: 41%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 78%;  
    left: 23%;
    
  }

  #presencia-en {
    width: 100%;
    height: 575px;
    background: #fff; 
    position: relative;
  }   

  #presencia-en .bg-fondo {
    width: 100%;
    height: 260px;    
    position: absolute;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: absolute;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 30px;    
    position: absolute;     
    top: 22%;
    left: 27.5%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 28px;      
    position: absolute;          
    top: 32%;
    left: 26%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 24px;      
    position: absolute;
    top: 52%;
    left: 31%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 14px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 26%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 520px;
    position: relative;
    background: #be6363;   
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 260px;   
    position: absolute;
    z-index: 1;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 260px;
    background: #BA9844;      
    position: absolute;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    position: absolute;    
    top: 32%;
    left: 42%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;      
    position: absolute;
    top: 44%;
    left: 34.5%;   
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px;     
    position: absolute;
    top: 68%;
    left: 38.5%;    
  }
 
  #servicios-contenido-en {
    width: 100%;    
    padding-top: 10px; 
    padding-bottom: 60px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 16.5%;     
  }      

  #servicios-contenido-en .container .row .rectangulo {          
    margin-bottom: 7px; 
    margin-left: 9.5em;
    position: relative;
    top: 100%; 
    right: 75px;       
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 10%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
    position: absolute;
    top: 40%;
  }          

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion-en {
    width: 100%;
    height: 1100px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 1100px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 24px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 28.5%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 5.5%;
    left: 18.2%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 11%;
    left: 41%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 20.5%;  
    left: 36%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 25%;
    left: 41%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 34.5%;  
    left: 36.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 39%;
    left: 41%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 48.5%;  
    left: 35%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 54%;
    left: 41%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 63.5%;  
    left: 33%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 69%;
    left: 41%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 78.5%;  
    left: 33.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 18%;
    height: 100px;         
    position: absolute;
    top: 85%;
    left: 41%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 94.5%;  
    left: 31.3%; 
  }

  #planeacion-en {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 25%;
    height: 125px;         
    position: absolute;
    top: 5%;
    left: 37.5%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 25%;
    height: 125px;         
    position: absolute;
    top: 35%;
    left: 37.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 23%;
    height: 125px;         
    position: absolute;
    top: 71%;
    left: 37.5%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 42%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 47%;  
    left: 36.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 83%;  
    left: 37.5%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 19%;  
    left: 28%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 49%;  
    left: 28%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85%;  
    left: 27%;      
  }

  #servicios-esquemas-en {    
    height: 240px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 240px;  
    padding: 62px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 31px;   
  }


  #servicios-esquemas-foco-en {    
    height: 260px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 140%;
    height: 335px;   
    position: absolute;
    top: -26%;
    left: -22%;
  }

  #carrusel {
    width: 100%;
    height: 310px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: 100%;
    height: 310px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 260px;  
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 260px;  
    background-image: url("../img/bg-contacto.png");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1;
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 30px;   
    position: absolute;
    top: 34%;  
    left: 30%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 44%;
    left: 31%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 29%;   
  }          
  
  #contacto-logo { 
    width: 100%;
    height: 230px;
    background: #F2F2F2; 
  }

  #contacto-logo .bg-logo {   
    width: 100%;
    height: 230px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo .bg-logo img {
    position: relative;
    top: 28%;
  }

}

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

  #nosotros-en {  
    width: 100%;  
    height: 560px;
    background: #F2F2F2;    
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 260px;
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 390px;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 300px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1; 
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 38%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 31%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 33%; 
  }

  #quienes-en {
    width: 100%;    
    height: 600px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 260px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 45%;
    height: 270px;    
    top: -2%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 42%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 340px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 40px 35px 35px 20px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 40%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision-en { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 41%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 14px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: 0%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 13%;
    height: 100px;         
    position: absolute;
    top: 6%;
    left: 43.5%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  66%;
    left: 42%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 14px;       
    position: absolute;
    text-align: center;
    top:  72%;
    left: 28%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 13%;
    height: 100px;         
    position: absolute;
    top: 50%;
    left: 43.5%;
  }

  #vision-en {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 1080px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 1080px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 2%;  
    left: 42.5%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 5%;  
    left: 27%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 13%;
    height: 94px;         
    position: absolute;
    top: 15%;
    left: 42.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 25%;  
    left: 43%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 27%;  
    left: 36%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 13%;
    height: 94px;         
    position: absolute;
    top: 40%;
    left: 42.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 50%;  
    left: 43%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 52%;  
    left: 31%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 13%;
    height: 94px;         
    position: absolute;
    top: 66%;
    left: 42.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 76%;  
    left: 42%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 78%;  
    left: 28%;
    
  }

  #presencia-en {
    width: 100%;
    height: 575px;
    background: #fff; 
    position: relative;
  }   

  #presencia-en .bg-fondo {
    width: 100%;
    height: 260px;    
    position: absolute;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: absolute;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 32px;    
    position: absolute;     
    top: 22%;
    left: 31%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 30px;      
    position: absolute;          
    top: 32%;
    left: 29.5%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 26px;      
    position: absolute;
    top: 53%;
    left: 33.5%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 16px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 27%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 520px;
    position: relative;
    background: #be6363;   
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 260px;   
    position: absolute;
    z-index: 1;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 260px;
    background: #BA9844;      
    position: absolute;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    position: absolute;    
    top: 32%;
    left: 44%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;      
    position: absolute;
    top: 44%;
    left: 37.5%;   
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px;     
    position: absolute;
    top: 68%;
    left: 40.5%;    
  }
  
  #servicios-contenido-en {
    width: 100%;    
    padding-top: 30px; 
    padding-bottom: 80px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 26%;     
  }      

  #servicios-contenido-en .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 6.5em;    
    left: -14%;     
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 10%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
    position: absolute;
    top: 40%;
  }          

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion-en {
    width: 100%;
    height: 700px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 700px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 26px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 32%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 7.5%;
    left: 23.5%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 14%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 21%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 17%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 14%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 64%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 60.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 14%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 21%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 16.3%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 14%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 64.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 58%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 14%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 21%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 15.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 14%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 64.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 57%; 
  }

  #planeacion-en {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 20%;
    height: 125px;         
    position: absolute;
    top: 5%;
    left: 40.5%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 20%;
    height: 125px;         
    position: absolute;
    top: 35%;
    left: 40.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 20%;
    height: 125px;         
    position: absolute;
    top: 71%;
    left: 40.5%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 44%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 47%;  
    left: 39.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 16px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 83%;  
    left: 41%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 19%;  
    left: 33%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 49%;  
    left: 33%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 12px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85%;  
    left: 33%;      
  }

  #servicios-esquemas-en {    
    height: 240px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 240px;  
    padding: 66px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 31px;   
  }
  
  #servicios-esquemas-foco-en {    
    height: 260px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 90%;
    height: 340px;   
    position: absolute;
    top: -30%;
    left: 4%;
  }

  #carrusel {
    width: 100%;
    height: 370px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: 100%;
    height: 370px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 260px;  
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 260px;  
    background-image: url("../img/bg-contacto.png");
    background-repeat: no-repeat; 
    background-size: cover;
    position: absolute;
    z-index: 1;
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 30px;   
    position: absolute;
    top: 34%;  
    left: 35%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 44%;
    left: 36%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 34%;   
  }          
  
  #contacto-logo { 
    width: 100%;
    height: 230px;
    background: #F2F2F2; 
  }

  #contacto-logo .bg-logo {   
    width: 100%;
    height: 230px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo .bg-logo img {
    position: relative;
    top: 28%;
  }


}

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

  #nosotros-en {  
    width: 100%;  
    height: 320px;
    background: #F2F2F2;      
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 320px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 320px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 42%;
    left: 21%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 9%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 61%;
    left: 13%; 
  }

  #quienes-en {
    width: 100%;    
    height: 340px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 340px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 60%;
    height: 300px;    
    top: 12%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 42%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 340px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 58%;
    margin: 40px 35px 35px 20px;
  }
  
  #mision-vision-en { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 43%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 14px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: 0%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 11%;
    height: 110px;         
    position: absolute;
    top: 4%;
    left: 44.5%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  68%;
    left: 44.5%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 14px;       
    position: absolute;
    text-align: center;
    top:  74%;
    left: 33.5%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 11%;
    height: 110px;         
    position: absolute;
    top: 50%;
    left: 44.5%;
  }
  
  #vision-en {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 7%;  
    left: 45.5%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 13%;  
    left: 33.5%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 12.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 13%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 7.5%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 44.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 44.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 34.5%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 72.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 72.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 63%;
    
  }

  #presencia-en {
    width: 100%;
    height: 320px;
    background: #fff;     
  }   

  #presencia-en .bg-fondo-eng {
    width: 100%;
    height: 320px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 32px;    
    position: absolute;     
    top: 22%;
    left: 22.5%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 30px;      
    position: absolute;          
    top: 32%;
    left: 20.5%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 26px;      
    position: absolute;
    top: 53%;
    left: 26%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 16px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 16.5%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 320px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 320px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 320px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 43%;
    left: 33%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 20%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 75%;
    left: 26%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido-en {
    width: 100%;    
    padding-top: 30px; 
    padding-bottom: 80px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 32%;     
  }
      

  #servicios-contenido-en .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 6.5em;    
    left: -11.5%;     
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 10%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
    position: absolute;
    top: 40%;
  }          

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }  

  #servicios-planeacion-en {
    width: 100%;
    height: 700px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 700px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 26px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 38%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 7.5%;
    left: 30.5%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 21%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 66%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 63%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 20.3%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 66.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 61.3%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 19.3%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 10%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 67.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 61.8%; 
  }
  
  #planeacion-en {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 15%;
    height: 125px;         
    position: absolute;
    top: 3%;
    left: 43.5%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 15%;
    height: 125px;         
    position: absolute;
    top: 34%;
    left: 43.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 15%;
    height: 125px;         
    position: absolute;
    top: 72%;
    left: 43.5%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 15%;  
    left: 46%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46%;  
    left: 42.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 84%;  
    left: 43.5%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 37%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 48%;  
    left: 37%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 86%;  
    left: 37%;      
  }

  #servicios-esquemas-en {    
    height: 240px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 240px;  
    padding: 64px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 31px;   
  }
 
  #servicios-esquemas-foco-en {    
    height: 260px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 70%;
    height: 340px;   
    position: absolute;
    top: -30%;
    left: 13%;
  }

  #carrusel {
    width: 100%;
    height: 490px;   
    background: #cf8787;   

  }
  
  #carrusel .slider img {       
    width: 100%;
    height: 490px;   
    
  }






  #contacto-estamos-en {
    width: 100%;
    height: 320px;
    background: #F2F2F2;
    z-index: 1;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 320px;  
    background: #383838; 
    position: relative;
    z-index: 2;
    top: 0px;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 320px;  
    background-image: url("../img/bg-contacto.png");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;
    z-index: 3;
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 30px;   
    position: absolute;
    top: 38%;  
    left: 15%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 48%;
    left: 16%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 58%;  
    left: 13%;   
  }          
  
  #contacto-logo { 
    width: 100%;
    height: 230px;
    background: #F2F2F2; 
  }

  #contacto-logo .bg-logo {   
    width: 100%;
    height: 230px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo .bg-logo img {
    position: relative;
    top: 28%;
  }

 

}

@media screen and (min-width: 1366px) {

  #menu #logo {
    display: block;
  }

  #nosotros-en {  
    width: 100%;  
    height: 320px;
    background: #F2F2F2;      
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 320px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 320px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 42%;
    left: 29%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 18%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 61%;
    left: 21%; 
  }

  #quienes-en {
    width: 100%;    
    height: 340px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 340px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 50%;
    height: 330px;    
    top: 3%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 42%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 340px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 42%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision-en { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 45%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 14px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: 0.5%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 8.5%;
    height: 110px;         
    position: absolute;
    top: 4%;
    left: 46%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  68%;
    left: 46%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 14px;       
    position: absolute;
    text-align: center;
    top:  74%;
    left: 38%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 8.5%;
    height: 110px;         
    position: absolute;
    top: 50%;
    left: 46%;
  }

  #vision-en {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 7%;  
    left: 47%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 13%;  
    left: 37.5%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 22.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 23%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 55.5%;  
    left: 18.5%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 46%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 46.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 39.5%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 68.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 68.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 64%;
    
  }

  #presencia-en {
    width: 100%;
    height: 320px;
    background: #fff;     
  }   

  #presencia-en .bg-fondo {
    width: 100%;
    height: 320px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 32px;    
    position: absolute;     
    top: 22%;
    left: 34.5%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 30px;      
    position: absolute;          
    top: 32%;
    left: 32.5%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 26px;      
    position: absolute;
    top: 53%;
    left: 36.7%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 16px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 29.5%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 320px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 320px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 320px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 43%;
    left: 38%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 28.5%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 75%;
    left: 32.5%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido-en {
    width: 100%;    
    padding-top: 30px; 
    padding-bottom: 80px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 32.5%;     
  }
      

  #servicios-contenido-en .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 6.5em;    
    left: -11.5%;     
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion-en {
    width: 100%;
    height: 700px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 700px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 26px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 38%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 7.5%;
    left: 32.5%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 21.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 64%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 62%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 21.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 64.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 61%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 20.7%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 64.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 60.4%; 
  }
  
  #planeacion-en {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 13%;
    height: 125px;         
    position: absolute;
    top: 3%;
    left: 43.3%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 13%;
    height: 125px;         
    position: absolute;
    top: 34%;
    left: 43.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 13%;
    height: 125px;         
    position: absolute;
    top: 72%;
    left: 43.5%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 15%;  
    left: 45.7%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46%;  
    left: 42.7%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 84%;  
    left: 44.6%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 39%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 48%;  
    left: 38.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 86%;  
    left: 39.5%;      
  }

  #servicios-esquemas-en {    
    height: 240px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 240px;  
    padding: 64px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 31px;   
  }
 
  #servicios-esquemas-foco-en {    
    height: 260px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 50%;
    height: 340px;   
    position: absolute;
    top: -30%;
    left: 23.5%;
  }

  #carrusel {
    width: 101%;
    height: 650px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: 101%;
    height: 650px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 320px;
    background: #d14a4a;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 320px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 320px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 28px;   
    position: absolute;
    top: 42%;  
    left: 26%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 24px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 51%;
    left: 29.5%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 24px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 58%;  
    left: 25.3%;   
  }

     
  #contacto-logo-en { 
    width: 100%;
    height: 320px;
    background: #F2F2F2; 
  }

  #contacto-logo-en .bg-logo {   
    width: 100%;
    height: 320px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo-en .bg-logo img {
    position: relative;
    top: 28%;
  }  

}

@media screen and (min-width: 1600px) {

  #menu #logo {
    display: block;
  }

  #nosotros-en {  
    width: 100%;  
    height: 320px;
    background: #F2F2F2;      
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 320px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 320px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 42%;
    left: 32%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 23%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 61%;
    left: 26%; 
  }

  #quienes-en {
    width: 100%;    
    height: 340px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 340px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 50%;
    height: 340px;    
    top: 0%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 42%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 340px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 35%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision-en { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 45.6%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 14px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: -0.3%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 7.5%;
    height: 110px;         
    position: absolute;
    top: 4%;
    left: 46%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  68%;
    left: 46.3%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 14px;       
    position: absolute;
    text-align: center;
    top:  74%;
    left: 39%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 7.5%;
    height: 110px;         
    position: absolute;
    top: 50%;
    left: 46%;
  }

  #vision-en {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 7%;  
    left: 47.3%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 13%;  
    left: 38.5%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 7%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 22.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 23%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 55.5%;  
    left: 19.5%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 7%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 46.4%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 47%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 41%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 7%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 68.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 68.8%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 62%;
    
  }

  #presencia-en {
    width: 100%;
    height: 320px;
    background: #fff;     
  }   

  #presencia-en .bg-fondo {
    width: 100%;
    height: 320px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 32px;    
    position: absolute;     
    top: 22%;
    left: 32.5%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 30px;      
    position: absolute;          
    top: 32%;
    left: 31.5%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 26px;      
    position: absolute;
    top: 53%;
    left: 35%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 16px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 29%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 320px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 320px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 320px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 43%;
    left: 40%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 32%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 75%;
    left: 35.3%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido-en {
    width: 100%;    
    padding-top: 30px; 
    padding-bottom: 80px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 36%;     
  }
      

  #servicios-contenido-en .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 6.5em;    
    left: -8.5%;     
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion-en {
    width: 100%;
    height: 700px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 700px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 26px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 42%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 7.5%;
    left: 37.4%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 28%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 26.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 64%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 63%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 28%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 26.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 64.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 62.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 28%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 25.8%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 64.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 61.7%; 
  }
  
  #planeacion-en {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 11%;
    height: 125px;         
    position: absolute;
    top: 3%;
    left: 44.3%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 11%;
    height: 125px;         
    position: absolute;
    top: 34%;
    left: 44.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 11%;
    height: 125px;         
    position: absolute;
    top: 72%;
    left: 44.5%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 15%;  
    left: 46.3%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46%;  
    left: 44.3%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 84%;  
    left: 45.5%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 40.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 48%;  
    left: 40.7%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 86%;  
    left: 41%;      
  }

  #servicios-esquemas-en {    
    height: 240px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 240px;  
    padding: 64px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 31px;   
  }
 
  #servicios-esquemas-foco-en {    
    height: 260px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 50%;
    height: 350px;   
    position: absolute;
    top: -30%;
    left: 24%;
  }

  #carrusel {
    width: 108%;
    height: 700px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: 108%;
    height: 700px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 320px;
    background: #d14a4a;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 320px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 320px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 28px;   
    position: absolute;
    top: 42%;  
    left: 28.5%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 24px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 51%;
    left: 31.5%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 24px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 58%;  
    left: 28.5%;   
  }

     
  #contacto-logo-en { 
    width: 100%;
    height: 320px;
    background: #F2F2F2; 
  }

  #contacto-logo-en .bg-logo {   
    width: 100%;
    height: 320px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo-en .bg-logo img {
    position: relative;
    top: 26%;
  }  

}

@media screen and (min-width: 1920px) {

  #nosotros-en {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;      
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 520px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 520px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 46%;
    left: 35%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 27.5%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 57%;
    left: 30%; 
  }

  #quienes-en {
    width: 100%;    
    height: 310px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 310px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 35%;
    height: 325px;    
    top: -5%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 45px;           
    top: 38%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 310px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 36%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision-en { 
    width: 100%;
    height: 520px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 520px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 35px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 17%;
    left: 37%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 18px;       
    position: relative;
    text-align: right;
    top:  24%;
    left: -55.5%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 6%;
    height: 110px;         
    position: absolute;
    top: 20%;
    left: 47%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 35px;      
    position: absolute;
    top:  55%;
    left: 55%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 18px;       
    position: absolute;
    text-align: left;
    top:  63%;
    left: 55.2%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 5.8%;
    height: 110px;         
    position: absolute;
    top: 62.5%;
    left: 47%;
  }

  #vision-en {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 32px;      
    position: absolute;
    top: 7%;  
    left: 46.5%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 18px;      
    position: absolute;
    top: 14%;  
    left: 39.5%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 22.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 21.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 19.2%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 46.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 45.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 40.5%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 69.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 68.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 63.5%;
    
  }

  #presencia-en {
    width: 100%;
    height: 700px;
    background: #fff;     
  }   

  #presencia-en .bg-fondo-eng {
    width: 100%;
    height: 700px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 700px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 40px;    
    position: absolute;     
    top: 32%;
    left: 33.5%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 32px;      
    position: absolute;          
    top: 38%;
    left: 38%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 28px;      
    position: absolute;
    top: 49%;
    left: 41%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 18px;
    text-align: right;     
    position: absolute;
    top: 54%;
    left: 33.7%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 520px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 520px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 43%;
    left: 42%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 49%;
    left: 35%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 61%;
    left: 38.5%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-contenido-en {
    width: 100%;    
    padding-top: 30px; 
    padding-bottom: 80px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 30.5%;     
  }
      

  #servicios-contenido-en .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 3.5em;    
    left: -10.5%;     
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 10%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
    position: absolute;
    top: 40%;
  }          

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }  

  #servicios-planeacion-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 28px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 41.7%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 8.5%;
    left: 37.7%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 22.7%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 46%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 44.9%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 68.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 67%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 21.8%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 46%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 44%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 68.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 66%; 
  }

  #planeacion-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 8%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 10%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 8%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 45%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 8%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 80%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 11.2%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 44.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 80.5%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 6.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 41.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 77%;      
  }
  
  #servicios-esquemas-en {    
    height: 240px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 240px;  
    padding: 62px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 32px;   
  }

  #servicios-esquemas-foco-en {    
    height: 360px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 360px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 45%;
    height: 420px;   
    position: absolute;
    top: -20%;
    left: 26.5%;
  }

  #carrusel {
    width: 100%;
    height: 910px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: 100%;
    height: 910px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 620px;
    background: #F2F2F2;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 620px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 620px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 45%;  
    left: 28%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 50%;
    left: 31.5%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 29.5%;   
  }
     
  #contacto-logo { 
    width: 100%;
    height: 320px;
    background: #F2F2F2; 
  }

  #contacto-logo .bg-logo {   
    width: 100%;
    height: 320px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo .bg-logo img {
    position: relative;
    top: 28%;
  }  


}

@media screen and (min-width: 2133px) {

  #nosotros-en {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;      
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 520px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 520px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 46%;
    left: 35%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 27.5%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 57%;
    left: 30%; 
  }

  #quienes-en {
    width: 100%;    
    height: 310px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 310px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 35%;
    height: 325px;    
    top: -5%;
    left: -5%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 45px;           
    top: 38%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 310px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 36%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision-en { 
    width: 100%;
    height: 520px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 520px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 35px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 17%;
    left: 37%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 18px;       
    position: relative;
    text-align: right;
    top:  24%;
    left: -55.5%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 6%;
    height: 110px;         
    position: absolute;
    top: 20%;
    left: 47%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 35px;      
    position: absolute;
    top:  55%;
    left: 55%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 18px;       
    position: absolute;
    text-align: left;
    top:  63%;
    left: 55.2%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 5.8%;
    height: 110px;         
    position: absolute;
    top: 62.5%;
    left: 47%;
  }

  #vision-en {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 32px;      
    position: absolute;
    top: 7%;  
    left: 46.5%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 18px;      
    position: absolute;
    top: 14%;  
    left: 39.5%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 22.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 21.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 19.2%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 46.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 45.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 40.5%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 69.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 68.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 63.5%;
    
  }

  #presencia-en {
    width: 100%;
    height: 700px;
    background: #fff;     
  }   

  #presencia-en .bg-fondo-eng {
    width: 100%;
    height: 700px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 700px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 40px;    
    position: absolute;     
    top: 32%;
    left: 33.5%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 32px;      
    position: absolute;          
    top: 38%;
    left: 38%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 28px;      
    position: absolute;
    top: 49%;
    left: 41%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 18px;
    text-align: right;     
    position: absolute;
    top: 54%;
    left: 33.7%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 520px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 520px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 43%;
    left: 42%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 49%;
    left: 35%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 61%;
    left: 38.5%;
    margin: -25px 0 0 -25px;
  }
    
  #servicios-contenido-en {
    width: 100%;    
    padding-top: 30px; 
    padding-bottom: 80px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 30.5%;     
  }
      

  #servicios-contenido-en .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 3.5em;    
    left: -10.5%;     
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 10%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.abajo {   
    position: absolute;
    top: 40%;
  }         

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 28px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 41.3%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 8.5%;
    left: 37.7%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 23%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 46%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 45.3%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 68.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 67.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 22%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 46%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 44.5%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 68.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 66.3%; 
  }

  #planeacion-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 10.5%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 45.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 80.5%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 11%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 44.2%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 80.5%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 6.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 41.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 77%;      
  }

  #servicios-esquemas-en {    
    height: 240px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 240px;  
    padding: 62px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 32px;   
  }
   
  #servicios-esquemas-foco-en {    
    height: 360px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 360px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 45%;
    height: 430px;   
    position: absolute;
    top: -20%;
    left: 26.5%;
  }

  #carrusel {
    width: auto;
    height: 910px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: auto;
    height: 910px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 620px;
    background: #F2F2F2;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 620px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 620px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 45%;  
    left: 28%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 50%;
    left: 31.5%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 29.5%;   
  }
     
  #contacto-logo { 
    width: 100%;
    height: 320px;
    background: #F2F2F2; 
  }

  #contacto-logo .bg-logo {   
    width: 100%;
    height: 320px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo .bg-logo img {
    position: relative;
    top: 28%;
  }  


}

@media screen and (min-width: 2880px) {

  #menu #logo {
    display: block;
  }

  #nosotros-en {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;      
  }  
  
  #nosotros-en .bg-texto {   
    width: 100%;
    height: 520px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros-en .bg-fondo {
    width: 100%;  
    height: 520px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros-en .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 46%;
    left: 40%;     
  }
  
  #nosotros-en .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 35%;    
  }
  
  #nosotros-en .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 57%;
    left: 36.4%; 
  }

  #quienes-en {
    width: 100%;    
    height: 310px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes-en .bg-fondo {  
    width: 100%;
    height: 310px;
    z-index: 4; 

  }

  #quienes-en .bg-fondo .img-chica {
    width: 23%;
    height: 310px;    
    top: 0%;
    left: -2%;     
  }

  #quienes-en .bg-fondo .titulo-dorado {  
    font-size: 45px;           
    top: 38%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes-en .bg-texto {     
    width: 100%;
    height: 310px;      
    background: #fff;
    z-index: 5;
  }

  #quienes-en .bg-texto .parrafo-somos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes-en .bg-texto .parrafo-contamos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 26%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision-en { 
    width: 100%;
    height: 520px;
    z-index: 6; 
        
  }

  #mision-vision-en .bg-fondo {
    width: 100%;
    height: 520px; 
    z-index: 7;              
    
  }

  #mision-vision-en .bg-fondo .titulo-mision {   
    font-size: 35px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 21%;
    left: 39.5%; 
  }

  #mision-vision-en .bg-fondo .parrafo-mision {   
    font-size: 18px;       
    position: relative;
    text-align: right;
    top:  26%;
    left: -55.5%; 
  }

  #mision-vision-en .bg-fondo .circulo-mision {
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 18%;
    left: 47.5%;
  }

  #mision-vision-en .bg-fondo .titulo-vision {  
    font-size: 35px;      
    position: absolute;
    top:  57%;
    left: 55%;    
  }

  #mision-vision-en .bg-fondo .parrafo-vision {   
    font-size: 18px;       
    position: absolute;
    text-align: left;
    top:  64%;
    left: 55.2%; 
  }

  #mision-vision-en .bg-fondo .circulo-vision {
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 58%;
    left: 47.5%;
  }

  #vision-en {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision-en .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision-en .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision-en .bg-white .bg-dark .titulo{   
    font-size: 32px;      
    position: absolute;
    top: 7%;  
    left: 48%;
  }

  #vision-en .bg-white .bg-dark .parrafo{
    font-size: 18px;      
    position: absolute;
    top: 14%;  
    left: 43%; 
    text-align: center; 
    
  }

  #vision-en .bg-white .bg-dark .figura-compromiso {
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 34%;
    left: 20.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 22px;       
    position: absolute;
    top: 60%;  
    left: 20.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-compromiso{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 66%;  
    left: 19%;
    
  }

  #vision-en .bg-white .bg-dark .figura-adaptabilidad{
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 34%;
    left: 47.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 60%;  
    left: 47.5%;  
  }

  #vision-en .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 66%;  
    left: 44.5%;
  }

  #vision-en .bg-white .bg-dark .figura-responsabilidad{
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 34%;
    left: 71.5%;
  }

  #vision-en .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 60%;  
    left: 71.2%;  
  }

  #vision-en .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 66%;  
    left: 67.8%;
    
  }

  #presencia-en {
    width: 100%;
    height: 700px;
    background: #fff;     
  }   

  #presencia-en .bg-fondo {
    width: 100%;
    height: 700px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia-en .bg-texto {
    width: 100%;
    height: 700px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia-en .bg-texto .titulo-dorado {
    font-size: 40px;    
    position: absolute;     
    top: 32%;
    left: 34%;
  }

  #presencia-en .bg-texto .titulo-dark {
    font-size: 32px;      
    position: absolute;          
    top: 38%;
    left: 37%;   
  }

  #presencia-en .bg-texto .titulo-white {
    font-size: 28px;      
    position: absolute;
    top: 49%;
    left: 39%;  
  }

  #presencia-en .bg-texto .subtitulo-white {
    font-size: 18px;
    text-align: right;     
    position: absolute;
    top: 54%;
    left: 34.3%;
  }

  #servicios-cabecera-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera-en .fondo-servicios {
    width: 100%;
    height: 520px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera-en  .bg-valor {  
    width: 100%;
    height: 520px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera-en .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 48%;
    left: 44.5%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera-en .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 40%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera-en .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 66%;
    left: 42.5%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido-en {
    width: 100%;    
    padding-top: 30px; 
    padding-bottom: 80px;
    background-image: url("../img/servicios/bg7.png");
    background-repeat: no-repeat;
    background-size: cover;  
    z-index: 1;    
  }

  #servicios-contenido-en .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido-en .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 32%;     
  }
      

  #servicios-contenido-en .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 3.5em;    
    left: -10.5%;     
  }  

  #servicios-contenido-en .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido-en .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p {
    color: #BA9844;
    z-index: 1;
    position: absolute;
    top: 30%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold;
    display: block !important; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido-en .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido-en .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido-en .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion-en .bg-servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 {
    font-size: 28px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 44.5%;
  } 

  #servicios-planeacion-en .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 8.5%;
    left: 42%;  
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-1 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 22.7%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-2 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 47.4%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 46.7%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-3 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 68.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 67.8%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-4 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 22.2%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-5 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 47.6%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 46.3%; 
  }

  #servicios-planeacion-en .bg-servicios-planeacion .figura-servicio-6 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 68.5%;
  }

  #servicios-planeacion-en .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 66.8%; 
  }

  #planeacion-en {
    width: 100%;
    height: 520px;
    background: #F2F2F2;         
    
  }

  #planeacion-en .bg-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion-en .bg-planeacion .figura-fiscal {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 10.7%;
  }

  
  #planeacion-en .bg-planeacion .figura-contable {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 16%;
    left: 46.5%;
  }

  #planeacion-en .bg-planeacion .figura-corporativa {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 81.5%;
  }
  
  #planeacion-en .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 11.7%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 42%;  
    left: 46.5%;  
    
  }

  #planeacion-en .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 81.4%;  
    
  }

  #planeacion-en .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 8.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 47%;  
    left: 44.5%;  
    
  }
  
  #planeacion-en .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 79%;      
  }

  #servicios-esquemas-en {    
    height: 240px;
   
  }

  #servicios-esquemas-en .bg-servicios-esquemas {  
    height: 240px;  
    padding: 62px; 
  }

  #servicios-esquemas-en .bg-servicios-esquemas h2 {
    font-size: 32px;   
  }
   
  #servicios-esquemas-foco-en {    
    height: 360px;
    
  }

  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco {   
    height: 360px; 
   
  }  
  
  #servicios-esquemas-foco-en .bg-servicios-esquemas-foco img {
    width: 32%;
    height: 430px;   
    position: absolute;
    top: -20%;
    left: 33.2%;
  }

  #carrusel {
    width: 2865px;
    height: 1500px;   
    background: #F2F2F2;   

  }
   
  #carrusel .slider img {       
    width: 2865px;
    height: 1500px;   
    
  }

  #contacto-estamos-en {
    width: 100%;
    height: 620px;
    background: #F2F2F2;
    
  }

  #contacto-estamos-en .bg-valor{ 
    width: 100%;
    height: 620px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos-en .oficina-nosotros {
    width: 100%;
    height: 620px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos-en .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 45%;  
    left: 36%;   
  }

  #contacto-estamos-en .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 50%;
    left: 38.2%; 
  }

  #contacto-estamos-en .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 37%;   
  }

     
  #contacto-logo-en { 
    width: 100%;
    height: 320px;
    background: #F2F2F2; 
  }

  #contacto-logo-en .bg-logo {   
    width: 100%;
    height: 320px;
    background: #F2F2F2;
    position: absolute;
    text-align: center;  
  }

  #contacto-logo-en .bg-logo img {
    position: relative;
    top: 28%;
  }  

}