@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 {
  width: 100%;
  height: 550px;  
  background: #F2F2F2;
}

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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-esquemas-foco {
  width: 100%;
  height: 380px;
  background: #F2F2F2;     
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: center;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
  }
      

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

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

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

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

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

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

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

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

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

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















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

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

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

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

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

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

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


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

 #servicios-cabecera .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 .bg-valor .titulo-oscuro {
    color: #666666; 
    font-size: 33px;
    font-family: "Ubuntu-BoldItalic";
    padding-bottom: 25px;
    text-align: center;  
    position: absolute;
    top: 63%;
    left: 34%;
    margin: -25px 0 0 -25px;
  }

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

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

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

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

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

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

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

#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) {

  #menu #logo {
    display: none;
  }

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

  #nosotros .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 .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 28%;
    left: 19%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 39%;
    left: -2%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 61%;
    left: 9%; 
  }

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

  #servicios-cabecera .bg-valor .titulo-oscuro {   
    font-size: 31px;     
    position: absolute;
    top: 68%;
    left: 24%;    
  }

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 4%;     
  }
      

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #planeacion .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 19%;  
    left: 14%;  
    
  }
  
  #planeacion .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 49%;  
    left: 15%;  
    
  }
  
  #planeacion .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 11px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 84%;  
    left: 13%;      
  }
  
  #servicios-esquemas-foco {    
    height: 260px;
    
  }

  #servicios-esquemas-foco .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco .bg-servicios-esquemas-foco img {
    width: 200%;
    height: 280px;   
    position: relative;
    top: -15%;
    left: -50%;
  }  


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

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

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

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

  #contacto-estamos .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 .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 32%;  
    left: 12%;
  }

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

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

     
  #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) {

  #menu #logo {
    display: none;
  }

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

  #nosotros .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 .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 24%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 6%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 14%; 
  }

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 10%;     
  }
      

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-esquemas {    
    height: 200px;
   
  }

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

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

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

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

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

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

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

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

  #contacto-estamos .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 .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 32%;  
    left: 12%;   
  }

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

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

     
  #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 {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;    
  }  
  
  #nosotros .bg-texto {   
    width: 100%;
    height: 260px;
    background: #383838; 
    position: absolute;
    z-index: 2;
    top: 350px;    
  }

  #nosotros .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 .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 26%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 6%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 14%; 
  }

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 13.5%;     
  }
      

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-esquemas {    
    height: 200px;
   
  }

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

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

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

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

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

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

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

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

  #contacto-estamos .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 .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 32%;  
    left: 12%;   
  }

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

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

     
  #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) {

  #menu #logo {
    display: none;
  }

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

  #nosotros .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 .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 28%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 10%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 18%; 
  }

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

  #nosotros .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 .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 28%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 10%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 18%; 
  }

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-esquemas {    
    height: 220px;
   
  }

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

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

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

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

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

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

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

  #contacto-estamos .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 .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 32%;  
    left: 16%;   
  }

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

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

     
  #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) {

  #menu #logo {
    display: none;
  }

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

  #nosotros .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 .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 34%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 20%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 26%; 
  } 

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-esquemas {    
    height: 220px;
   
  }

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

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

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

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


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

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

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

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

  #contacto-estamos .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 .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 32%;  
    left: 24.5%;   
  }

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

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

     
  #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) {

  #menu #logo {
    display: none;
  }

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

  #nosotros .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 .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 34%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 20%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 26%; 
  }

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-esquemas {    
    height: 240px;
   
  }

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

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


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

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

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

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

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

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

  #contacto-estamos .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 .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 32%;  
    left: 25.5%;   
  }

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

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

     
  #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) {

  #menu #logo {
    display: none;
  }

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

  #nosotros .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 .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 32%;
    left: 38%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 43%;
    left: 28%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 54%;
    left: 32%; 
  }

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 14%;     
  }
      

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-esquemas {    
    height: 240px;
   
  }

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

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

  #servicios-esquemas-foco .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco .bg-servicios-esquemas-foco img {
    width: 115%;
    height: 340px;   
    position: absolute;
    top: -30%;
    left: -10%;
  }
  
  #carrusel {
    width: 100%;
    height: 470px;   
    background: #F2F2F2;   

  }
  
  #carrusel .slider img {       
    width: 100%;
    height: 470px;       
  }
  
  #contacto-estamos {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
    
  }

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

  #contacto-estamos .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 .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 32%;  
    left: 31%;   
  }

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

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

     
  #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) {

  #menu #logo {
    display: block;
  }

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

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

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  }

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

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

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

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

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

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

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

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

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 24%;     
  }
      

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

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

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

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

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

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

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

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

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

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

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

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #servicios-esquemas {    
    height: 240px;
   
  }

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

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

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

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

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

  #contacto-estamos {
    width: 100%;
    height: 320px;
    background: #d14a4a;
    
  }

  #contacto-estamos .bg-valor{ 
    width: 100%;
    height: 320px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos .oficina-nosotros {
    width: 100%;
    height: 320px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos .bg-valor .titulo-dorado {   
    font-size: 28px;   
    position: absolute;
    top: 42%;  
    left: 17%;   
  }

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

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

     
  #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: 1366px) {

  #menu #logo {
    display: block;
  }

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

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

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

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

  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #vision .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 13%;  
    left: 34%; 
    text-align: center; 
    
  }

  #vision .bg-white .bg-dark .figura-compromiso {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 22.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 23%;  
  }

  #vision .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 55.5%;  
    left: 21.5%;
    
  }

  #vision .bg-white .bg-dark .figura-adaptabilidad{
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 46%;
  }

  #vision .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 46%;  
  }

  #vision .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 44.5%;
  }

  #vision .bg-white .bg-dark .figura-responsabilidad{
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 68.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 68.5%;  
  }

  #vision .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 64%;
    
  }

  #presencia {
    width: 100%;
    height: 320px;
    background: #fff;     
  }   

  #presencia .bg-fondo {
    width: 100%;
    height: 320px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia .bg-texto .titulo-dorado {
    font-size: 32px;    
    position: absolute;     
    top: 22%;
    left: 34.5%;
  }

  #presencia .bg-texto .titulo-dark {
    font-size: 30px;      
    position: absolute;          
    top: 32%;
    left: 43.5%;   
  }

  #presencia .bg-texto .titulo-white {
    font-size: 26px;      
    position: absolute;
    top: 53%;
    left: 30%;  
  }

  #presencia .bg-texto .subtitulo-white {
    font-size: 16px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 29%;
  }

  #servicios-cabecera {
    width: 100%;
    height: 320px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera .fondo-servicios {
    width: 100%;
    height: 320px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera  .bg-valor {  
    width: 100%;
    height: 320px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 43%;
    left: 27%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 24%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 75%;
    left: 30%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 24%;     
  }
      

  #servicios-contenido .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 6.5em;    
    left: -11.5%;     
  }  

  #servicios-contenido .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion {
    width: 100%;
    height: 700px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion .bg-servicios-planeacion {
    width: 100%;
    height: 700px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 {
    font-size: 26px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 36%;
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 7.5%;
    left: 32.7%;  
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-1 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 24%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 21%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-2 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 64%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 61%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-3 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 24%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 22.3%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-4 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 64.5%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 60%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-5 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 21.3%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-6 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 64.5%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 61%; 
  }
  
  #planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion .bg-planeacion .figura-fiscal {
    width: 13%;
    height: 125px;         
    position: absolute;
    top: 3%;
    left: 43.3%;
  }

  
  #planeacion .bg-planeacion .figura-contable {
    width: 13%;
    height: 125px;         
    position: absolute;
    top: 34%;
    left: 43.5%;
  }

  #planeacion .bg-planeacion .figura-corporativa {
    width: 13%;
    height: 125px;         
    position: absolute;
    top: 72%;
    left: 43.5%;
  }
  
  #planeacion .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 15%;  
    left: 44%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46%;  
    left: 43.5%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 84%;  
    left: 42%;  
    
  }

  #planeacion .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 38.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 48%;  
    left: 39.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 86%;  
    left: 39.5%;      
  }

  #servicios-esquemas {    
    height: 240px;
   
  }

  #servicios-esquemas .bg-servicios-esquemas {  
    height: 240px;  
    padding: 64px; 
  }

  #servicios-esquemas .bg-servicios-esquemas h2 {
    font-size: 31px;   
  }
 
  #servicios-esquemas-foco {    
    height: 260px;
    
  }

  #servicios-esquemas-foco .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco .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 {
    width: 100%;
    height: 320px;
    background: #d14a4a;
    
  }

  #contacto-estamos .bg-valor{ 
    width: 100%;
    height: 320px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos .oficina-nosotros {
    width: 100%;
    height: 320px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos .bg-valor .titulo-dorado {   
    font-size: 28px;   
    position: absolute;
    top: 42%;  
    left: 24%;   
  }

  #contacto-estamos .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 24px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 51%;
    left: 25.7%; 
  }

  #contacto-estamos .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 24px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 58%;  
    left: 24.3%;   
  }

     
  #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: 1600px) {

  #menu #logo {
    display: block;
  }

  #nosotros {  
    width: 100%;  
    height: 320px;
    background: #F2F2F2;      
  }  
  
  #nosotros .bg-texto {   
    width: 100%;
    height: 320px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros .bg-fondo {
    width: 100%;  
    height: 320px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 42%;
    left: 32%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 17%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 61%;
    left: 23%; 
  }

  #quienes {
    width: 100%;    
    height: 340px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes .bg-fondo {  
    width: 100%;
    height: 340px;
    z-index: 4; 

  }

  #quienes .bg-fondo .img-chica {
    width: 50%;
    height: 330px;    
    top: 3%;
    left: -5%;     
  }

  #quienes .bg-fondo .titulo-dorado {  
    font-size: 38px;           
    top: 42%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes .bg-texto {     
    width: 100%;
    height: 340px;      
    background: #fff;
    z-index: 5;
  }

  #quienes .bg-texto .parrafo-somos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes .bg-texto .parrafo-contamos {   
    font-size: 16px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 38%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision { 
    width: 100%;
    height: 650px;
    z-index: 6; 
        
  }

  #mision-vision .bg-fondo {
    width: 100%;
    height: 650px; 
    z-index: 7;              
    
  }

  #mision-vision .bg-fondo .titulo-mision {   
    font-size: 32px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 22%;
    left: 46%; 
  }

  #mision-vision .bg-fondo .parrafo-mision {   
    font-size: 14px;       
    position: relative;
    text-align: center;
    top:  27%;
    left: -0.5%; 
  }

  #mision-vision .bg-fondo .circulo-mision {
    width: 7.5%;
    height: 110px;         
    position: absolute;
    top: 4%;
    left: 46%;
  }

  #mision-vision .bg-fondo .titulo-vision {  
    font-size: 32px;      
    position: absolute;
    top:  68%;
    left: 46%;    
  }

  #mision-vision .bg-fondo .parrafo-vision {   
    font-size: 14px;       
    position: absolute;
    text-align: center;
    top:  74%;
    left: 40.5%; 
  }

  #mision-vision .bg-fondo .circulo-vision {
    width: 7.5%;
    height: 110px;         
    position: absolute;
    top: 50%;
    left: 46%;
  }

  #vision {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision .bg-white .bg-dark .titulo{   
    font-size: 22px;      
    position: absolute;
    top: 7%;  
    left: 46.7%;
  }

  #vision .bg-white .bg-dark .parrafo{
    font-size: 16px;      
    position: absolute;
    top: 13%;  
    left: 35.5%; 
    text-align: center; 
    
  }

  #vision .bg-white .bg-dark .figura-compromiso {
    width: 7%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 22.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 23%;  
  }

  #vision .bg-white .bg-dark .texto-compromiso{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 55.5%;  
    left: 21.5%;
    
  }

  #vision .bg-white .bg-dark .figura-adaptabilidad{
    width: 7%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 46.4%;
  }

  #vision .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 46.5%;  
  }

  #vision .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 45.3%;
  }

  #vision .bg-white .bg-dark .figura-responsabilidad{
    width: 7%;
    height: 100px;         
    position: absolute;
    top: 34%;
    left: 68.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 14px;       
    position: absolute;
    top: 53%;  
    left: 68.5%;  
  }

  #vision .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 14px;      
    position: absolute;
    text-align: center;
    top: 56%;  
    left: 65%;
    
  }

  #presencia {
    width: 100%;
    height: 320px;
    background: #fff;     
  }   

  #presencia .bg-fondo {
    width: 100%;
    height: 320px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia .bg-texto {
    width: 100%;
    height: 320px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia .bg-texto .titulo-dorado {
    font-size: 32px;    
    position: absolute;     
    top: 22%;
    left: 33.5%;
  }

  #presencia .bg-texto .titulo-dark {
    font-size: 30px;      
    position: absolute;          
    top: 32%;
    left: 41.5%;   
  }

  #presencia .bg-texto .titulo-white {
    font-size: 26px;      
    position: absolute;
    top: 53%;
    left: 30%;  
  }

  #presencia .bg-texto .subtitulo-white {
    font-size: 16px;
    text-align: right;     
    position: absolute;
    top: 62%;
    left: 29%;
  }

  #servicios-cabecera {
    width: 100%;
    height: 320px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera .fondo-servicios {
    width: 100%;
    height: 320px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera  .bg-valor {  
    width: 100%;
    height: 320px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 43%;
    left: 31%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 27.5%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 75%;
    left: 31.7%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 28%;     
  }
      

  #servicios-contenido .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 6.5em;    
    left: -8.5%;     
  }  

  #servicios-contenido .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion {
    width: 100%;
    height: 700px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion .bg-servicios-planeacion {
    width: 100%;
    height: 700px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 {
    font-size: 26px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 39.3%;
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 7.5%;
    left: 36.7%;  
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-1 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 26%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 24%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-2 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 16%;
    left: 64%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 30.5%;  
    left: 62.5%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-3 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 26%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 25%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-4 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 41%;
    left: 64.5%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 56.5%;  
    left: 61.5%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-5 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 26%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 24.3%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-6 {
    width: 8%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 64.5%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 85.5%;  
    left: 62%; 
  }
  
  #planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;         
    
  }

  #planeacion .bg-planeacion {
    width: 100%;
    height: 1060px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion .bg-planeacion .figura-fiscal {
    width: 11%;
    height: 125px;         
    position: absolute;
    top: 3%;
    left: 44.3%;
  }

  
  #planeacion .bg-planeacion .figura-contable {
    width: 11%;
    height: 125px;         
    position: absolute;
    top: 34%;
    left: 44.5%;
  }

  #planeacion .bg-planeacion .figura-corporativa {
    width: 11%;
    height: 125px;         
    position: absolute;
    top: 72%;
    left: 44.5%;
  }
  
  #planeacion .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 15%;  
    left: 45%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46%;  
    left: 44.5%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 84%;  
    left: 43.5%;  
    
  }

  #planeacion .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 17%;  
    left: 40.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 48%;  
    left: 40.7%;  
    
  }
  
  #planeacion .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 86%;  
    left: 41%;      
  }

  #servicios-esquemas {    
    height: 240px;
   
  }

  #servicios-esquemas .bg-servicios-esquemas {  
    height: 240px;  
    padding: 64px; 
  }

  #servicios-esquemas .bg-servicios-esquemas h2 {
    font-size: 31px;   
  }
 
  #servicios-esquemas-foco {    
    height: 260px;
    
  }

  #servicios-esquemas-foco .bg-servicios-esquemas-foco {   
    height: 260px; 
   
  }  
  
  #servicios-esquemas-foco .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 {
    width: 100%;
    height: 320px;
    background: #d14a4a;
    
  }

  #contacto-estamos .bg-valor{ 
    width: 100%;
    height: 320px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos .oficina-nosotros {
    width: 100%;
    height: 320px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos .bg-valor .titulo-dorado {   
    font-size: 28px;   
    position: absolute;
    top: 42%;  
    left: 27%;   
  }

  #contacto-estamos .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 24px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 51%;
    left: 28.7%; 
  }

  #contacto-estamos .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 24px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 58%;  
    left: 27.3%;   
  }

     
  #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: 1920px) {

  #menu #logo {
    display: block;
  }

  #nosotros {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;      
  }  
  
  #nosotros .bg-texto {   
    width: 100%;
    height: 520px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros .bg-fondo {
    width: 100%;  
    height: 520px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 46%;
    left: 35%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 23%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 57%;
    left: 28%; 
  }

  #quienes {
    width: 100%;    
    height: 310px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes .bg-fondo {  
    width: 100%;
    height: 310px;
    z-index: 4; 

  }

  #quienes .bg-fondo .img-chica {
    width: 35%;
    height: 325px;    
    top: -5%;
    left: -5%;     
  }

  #quienes .bg-fondo .titulo-dorado {  
    font-size: 45px;           
    top: 38%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes .bg-texto {     
    width: 100%;
    height: 310px;      
    background: #fff;
    z-index: 5;
  }

  #quienes .bg-texto .parrafo-somos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes .bg-texto .parrafo-contamos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 42%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision { 
    width: 100%;
    height: 520px;
    z-index: 6; 
        
  }

  #mision-vision .bg-fondo {
    width: 100%;
    height: 520px; 
    z-index: 7;              
    
  }

  #mision-vision .bg-fondo .titulo-mision {   
    font-size: 35px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 12%;
    left: 38%; 
  }

  #mision-vision .bg-fondo .parrafo-mision {   
    font-size: 18px;       
    position: relative;
    text-align: right;
    top:  17%;
    left: -55.5%; 
  }

  #mision-vision .bg-fondo .circulo-mision {
    width: 6%;
    height: 110px;         
    position: absolute;
    top: 20%;
    left: 47%;
  }

  #mision-vision .bg-fondo .titulo-vision {  
    font-size: 35px;      
    position: absolute;
    top:  48%;
    left: 55%;    
  }

  #mision-vision .bg-fondo .parrafo-vision {   
    font-size: 18px;       
    position: absolute;
    text-align: left;
    top:  55%;
    left: 55.2%; 
  }

  #mision-vision .bg-fondo .circulo-vision {
    width: 5.8%;
    height: 110px;         
    position: absolute;
    top: 61.5%;
    left: 47%;
  }

  #vision {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision .bg-white .bg-dark .titulo{   
    font-size: 32px;      
    position: absolute;
    top: 7%;  
    left: 46%;
  }

  #vision .bg-white .bg-dark .parrafo{
    font-size: 18px;      
    position: absolute;
    top: 14%;  
    left: 36%; 
    text-align: center; 
    
  }

  #vision .bg-white .bg-dark .figura-compromiso {
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 22.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 21.5%;  
  }

  #vision .bg-white .bg-dark .texto-compromiso{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 21.2%;
    
  }

  #vision .bg-white .bg-dark .figura-adaptabilidad{
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 46.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 45.2%;  
  }

  #vision .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 45.2%;
  }

  #vision .bg-white .bg-dark .figura-responsabilidad{
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 69.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 67.5%;  
  }

  #vision .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 65.5%;
    
  }

  #presencia {
    width: 100%;
    height: 700px;
    background: #fff;     
  }   

  #presencia .bg-fondo {
    width: 100%;
    height: 700px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia .bg-texto {
    width: 100%;
    height: 700px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia .bg-texto .titulo-dorado {
    font-size: 40px;    
    position: absolute;     
    top: 32%;
    left: 33.5%;
  }

  #presencia .bg-texto .titulo-dark {
    font-size: 32px;      
    position: absolute;          
    top: 38%;
    left: 46.5%;   
  }

  #presencia .bg-texto .titulo-white {
    font-size: 28px;      
    position: absolute;
    top: 49%;
    left: 36%;  
  }

  #presencia .bg-texto .subtitulo-white {
    font-size: 18px;
    text-align: right;     
    position: absolute;
    top: 54%;
    left: 34%;
  }

  #servicios-cabecera {
    width: 100%;
    height: 520px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera .fondo-servicios {
    width: 100%;
    height: 520px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera  .bg-valor {  
    width: 100%;
    height: 520px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 48%;
    left: 35%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 32%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 66%;
    left: 36%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 24%;     
  }
      

  #servicios-contenido .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 3.5em;    
    left: -10.5%;     
  }  

  #servicios-contenido .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion .bg-servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 {
    font-size: 28px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 40%;
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 8.5%;
    left: 37.7%;  
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-1 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 24%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 22%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-2 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 46%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 44.2%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-3 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 68.5%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-3 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 67.3%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-4 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 20.8%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-5 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 46%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 44.3%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-6 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 68.5%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 66%; 
  }

  #planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;         
    
  }

  #planeacion .bg-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion .bg-planeacion .figura-fiscal {
    width: 8%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 10%;
  }

  
  #planeacion .bg-planeacion .figura-contable {
    width: 8%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 45%;
  }

  #planeacion .bg-planeacion .figura-corporativa {
    width: 8%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 80%;
  }
  
  #planeacion .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 10%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 44.5%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 79%;  
    
  }

  #planeacion .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 6.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 41.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 77%;      
  }
  
  #servicios-esquemas {    
    height: 240px;
   
  }

  #servicios-esquemas .bg-servicios-esquemas {  
    height: 240px;  
    padding: 62px; 
  }

  #servicios-esquemas .bg-servicios-esquemas h2 {
    font-size: 32px;   
  }

  #servicios-esquemas-foco {    
    height: 360px;
    
  }

  #servicios-esquemas-foco .bg-servicios-esquemas-foco {   
    height: 360px; 
   
  }  
  
  #servicios-esquemas-foco .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 {
    width: 100%;
    height: 620px;
    background: #F2F2F2;
    
  }

  #contacto-estamos .bg-valor{ 
    width: 100%;
    height: 620px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos .oficina-nosotros {
    width: 100%;
    height: 620px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 45%;  
    left: 26%;   
  }

  #contacto-estamos .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 50%;
    left: 27.5%; 
  }

  #contacto-estamos .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 27.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) {

  #menu #logo {
    display: block;
  }

  #nosotros {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;      
  }  
  
  #nosotros .bg-texto {   
    width: 100%;
    height: 520px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros .bg-fondo {
    width: 100%;  
    height: 520px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 46%;
    left: 35%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 23%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 57%;
    left: 28%; 
  }

  #quienes {
    width: 100%;    
    height: 310px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes .bg-fondo {  
    width: 100%;
    height: 310px;
    z-index: 4; 

  }

  #quienes .bg-fondo .img-chica {
    width: 35%;
    height: 325px;    
    top: -5%;
    left: -5%;     
  }

  #quienes .bg-fondo .titulo-dorado {  
    font-size: 45px;           
    top: 38%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes .bg-texto {     
    width: 100%;
    height: 310px;      
    background: #fff;
    z-index: 5;
  }

  #quienes .bg-texto .parrafo-somos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes .bg-texto .parrafo-contamos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 42%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision { 
    width: 100%;
    height: 520px;
    z-index: 6; 
        
  }

  #mision-vision .bg-fondo {
    width: 100%;
    height: 520px; 
    z-index: 7;              
    
  }

  #mision-vision .bg-fondo .titulo-mision {   
    font-size: 35px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 12%;
    left: 38%; 
  }

  #mision-vision .bg-fondo .parrafo-mision {   
    font-size: 18px;       
    position: relative;
    text-align: right;
    top:  17%;
    left: -55.5%; 
  }

  #mision-vision .bg-fondo .circulo-mision {
    width: 6%;
    height: 110px;         
    position: absolute;
    top: 20%;
    left: 47%;
  }

  #mision-vision .bg-fondo .titulo-vision {  
    font-size: 35px;      
    position: absolute;
    top:  48%;
    left: 55%;    
  }

  #mision-vision .bg-fondo .parrafo-vision {   
    font-size: 18px;       
    position: absolute;
    text-align: left;
    top:  55%;
    left: 55.2%; 
  }

  #mision-vision .bg-fondo .circulo-vision {
    width: 5.8%;
    height: 110px;         
    position: absolute;
    top: 61.5%;
    left: 47%;
  }

  #vision {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision .bg-white .bg-dark .titulo{   
    font-size: 32px;      
    position: absolute;
    top: 7%;  
    left: 46%;
  }

  #vision .bg-white .bg-dark .parrafo{
    font-size: 18px;      
    position: absolute;
    top: 14%;  
    left: 36%; 
    text-align: center; 
    
  }

  #vision .bg-white .bg-dark .figura-compromiso {
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 22.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 21.5%;  
  }

  #vision .bg-white .bg-dark .texto-compromiso{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 21.2%;
    
  }

  #vision .bg-white .bg-dark .figura-adaptabilidad{
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 46.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 45.2%;  
  }

  #vision .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 45.2%;
  }

  #vision .bg-white .bg-dark .figura-responsabilidad{
    width: 6%;
    height: 105px;         
    position: absolute;
    top: 34%;
    left: 69.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 53%;  
    left: 67.5%;  
  }

  #vision .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 58%;  
    left: 65.5%;
    
  }

  #presencia {
    width: 100%;
    height: 700px;
    background: #fff;     
  }   

  #presencia .bg-fondo {
    width: 100%;
    height: 700px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia .bg-texto {
    width: 100%;
    height: 700px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia .bg-texto .titulo-dorado {
    font-size: 40px;    
    position: absolute;     
    top: 32%;
    left: 33.5%;
  }

  #presencia .bg-texto .titulo-dark {
    font-size: 32px;      
    position: absolute;          
    top: 38%;
    left: 46.5%;   
  }

  #presencia .bg-texto .titulo-white {
    font-size: 28px;      
    position: absolute;
    top: 49%;
    left: 36%;  
  }

  #presencia .bg-texto .subtitulo-white {
    font-size: 18px;
    text-align: right;     
    position: absolute;
    top: 54%;
    left: 34%;
  }

  #servicios-cabecera {
    width: 100%;
    height: 520px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera .fondo-servicios {
    width: 100%;
    height: 520px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera  .bg-valor {  
    width: 100%;
    height: 520px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 48%;
    left: 35%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 32%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 66%;
    left: 36%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 24%;     
  }
      

  #servicios-contenido .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 3.5em;    
    left: -10.5%;     
  }  

  #servicios-contenido .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion .bg-servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 {
    font-size: 28px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 40%;
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 8.5%;
    left: 37.7%;  
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-1 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 24%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-1 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 22.5%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-2 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 46%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 44.7%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-3 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 68.5%;
  }

  #servicios-planeacion .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 .bg-servicios-planeacion .figura-servicio-4 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 21.5%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-5 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 46%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 44.8%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-6 {
    width: 6%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 68.5%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 66.6%; 
  }

  #planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;         
    
  }

  #planeacion .bg-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion .bg-planeacion .figura-fiscal {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 10.5%;
  }

  
  #planeacion .bg-planeacion .figura-contable {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 45.5%;
  }

  #planeacion .bg-planeacion .figura-corporativa {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 80.5%;
  }
  
  #planeacion .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 10%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 44.5%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 79%;  
    
  }

  #planeacion .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 6.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 41.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 77%;      
  }

  #servicios-esquemas {    
    height: 240px;
   
  }

  #servicios-esquemas .bg-servicios-esquemas {  
    height: 240px;  
    padding: 62px; 
  }

  #servicios-esquemas .bg-servicios-esquemas h2 {
    font-size: 32px;   
  }
   
  #servicios-esquemas-foco {    
    height: 360px;
    
  }

  #servicios-esquemas-foco .bg-servicios-esquemas-foco {   
    height: 360px; 
   
  }  
  
  #servicios-esquemas-foco .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 {
    width: 100%;
    height: 620px;
    background: #F2F2F2;
    
  }

  #contacto-estamos .bg-valor{ 
    width: 100%;
    height: 620px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos .oficina-nosotros {
    width: 100%;
    height: 620px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 45%;  
    left: 26%;   
  }

  #contacto-estamos .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 50%;
    left: 27.5%; 
  }

  #contacto-estamos .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 27.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 {  
    width: 100%;  
    height: 520px;
    background: #F2F2F2;      
  }  
  
  #nosotros .bg-texto {   
    width: 100%;
    height: 520px;
    background: #383838; 
    position: relative;     
    top: 32%;    
  }

  #nosotros .bg-fondo {
    width: 100%;  
    height: 520px; 
    background-image: url("../img/nosotros/nosotros.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    position: relative;      
  }
  
  #nosotros .bg-texto .titulo-dorado {
    font-size: 30px;      
    top: 46%;
    left: 40%;     
  }
  
  #nosotros .bg-texto .titulo-white {   
    font-size: 26px;   
    top: 52%;
    left: 32%;    
  }
  
  #nosotros .bg-texto .subtitulo-dorado {  
    font-size: 24px; 
    top: 57%;
    left: 35%; 
  }

  #quienes {
    width: 100%;    
    height: 310px;   
    background: #F2F2F2;
    z-index: 3;    
    
  }

  #quienes .bg-fondo {  
    width: 100%;
    height: 310px;
    z-index: 4; 

  }

  #quienes .bg-fondo .img-chica {
    width: 25%;
    height: 325px;    
    top: -5%;
    left: -2%;     
  }

  #quienes .bg-fondo .titulo-dorado {  
    font-size: 45px;           
    top: 38%;
    left: 55%;
    margin: -25px 0 0 -25px; 
  }

  #quienes .bg-texto {     
    width: 100%;
    height: 310px;      
    background: #fff;
    z-index: 5;
  }

  #quienes .bg-texto .parrafo-somos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    margin: 25px 35px 35px 20px;
  }

  #quienes .bg-texto .parrafo-contamos {   
    font-size: 17px;        
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 26%;
    margin: 40px 35px 35px 20px;
  }

  #mision-vision { 
    width: 100%;
    height: 520px;
    z-index: 6; 
        
  }

  #mision-vision .bg-fondo {
    width: 100%;
    height: 520px; 
    z-index: 7;              
    
  }

  #mision-vision .bg-fondo .titulo-mision {   
    font-size: 35px;       
    padding-bottom: 25px;   
    position: absolute;
    top: 12%;
    left: 40%; 
  }

  #mision-vision .bg-fondo .parrafo-mision {   
    font-size: 18px;       
    position: relative;
    text-align: right;
    top:  17%;
    left: -55.5%; 
  }

  #mision-vision .bg-fondo .circulo-mision {
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 18%;
    left: 47.5%;
  }

  #mision-vision .bg-fondo .titulo-vision {  
    font-size: 35px;      
    position: absolute;
    top:  48%;
    left: 55%;    
  }

  #mision-vision .bg-fondo .parrafo-vision {   
    font-size: 18px;       
    position: absolute;
    text-align: left;
    top:  55%;
    left: 55.2%; 
  }

  #mision-vision .bg-fondo .circulo-vision {
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 58%;
    left: 47.5%;
  }

  #vision {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: relative;
  }
 
  #vision .bg-white {
    width: 100%;
    height: 580px;
    background: #F2F2F2; 
    position: absolute;
    top: 0%;
    left: 0%;
    
  }

  #vision .bg-white .bg-dark {
    width: 100%;
    height: 580px;
    background: #F2F2F2;
    position: absolute;
    top: 0%;
    margin: auto;
    
  }

  #vision .bg-white .bg-dark .titulo{   
    font-size: 32px;      
    position: absolute;
    top: 7%;  
    left: 47.5%;
  }

  #vision .bg-white .bg-dark .parrafo{
    font-size: 18px;      
    position: absolute;
    top: 14%;  
    left: 41%; 
    text-align: center; 
    
  }

  #vision .bg-white .bg-dark .figura-compromiso {
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 34%;
    left: 20.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-compromiso{   
    font-size: 22px;       
    position: absolute;
    top: 60%;  
    left: 20.5%;  
  }

  #vision .bg-white .bg-dark .texto-compromiso{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 66%;  
    left: 20.2%;
    
  }

  #vision .bg-white .bg-dark .figura-adaptabilidad{
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 34%;
    left: 47.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-adaptabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 60%;  
    left: 47.2%;  
  }

  #vision .bg-white .bg-dark .texto-adaptabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 66%;  
    left: 47.2%;
  }

  #vision .bg-white .bg-dark .figura-responsabilidad{
    width: 5%;
    height: 140px;         
    position: absolute;
    top: 34%;
    left: 71.5%;
  }

  #vision .bg-white .bg-dark .subtitulo-responsabilidad{   
    font-size: 22px;       
    position: absolute;
    top: 60%;  
    left: 70.7%;  
  }

  #vision .bg-white .bg-dark .texto-responsabilidad{      
    font-size: 16px;      
    position: absolute;
    text-align: center;
    top: 66%;  
    left: 69.5%;
    
  }

  #presencia {
    width: 100%;
    height: 700px;
    background: #fff;     
  }   

  #presencia .bg-fondo {
    width: 100%;
    height: 700px;    
    position: relative;   
    z-index: 8;
  } 

  #presencia .bg-texto {
    width: 100%;
    height: 700px;
    padding-bottom: 0px;   
    position: relative;   
    z-index: 9;
    top: 44.5%;

  }

  #presencia .bg-texto .titulo-dorado {
    font-size: 40px;    
    position: absolute;     
    top: 32%;
    left: 34%;
  }

  #presencia .bg-texto .titulo-dark {
    font-size: 32px;      
    position: absolute;          
    top: 38%;
    left: 42.5%;   
  }

  #presencia .bg-texto .titulo-white {
    font-size: 28px;      
    position: absolute;
    top: 49%;
    left: 35.5%;  
  }

  #presencia .bg-texto .subtitulo-white {
    font-size: 18px;
    text-align: right;     
    position: absolute;
    top: 54%;
    left: 34%;
  }

  #servicios-cabecera {
    width: 100%;
    height: 520px;
    background: #F2F2F2;    
    z-index: 1;
    
  }

  #servicios-cabecera .fondo-servicios {
    width: 100%;
    height: 520px;    
    position: relative;
    z-index: 3;        
  }

  #servicios-cabecera  .bg-valor {  
    width: 100%;
    height: 520px;
    background: #BA9844;  
    padding-bottom: 0px;  
    position: relative;  
    z-index: 2;   
    top: 50%;   
  }
  
  #servicios-cabecera .bg-valor .titulo-dark {   
    font-size: 30px;   
    padding-bottom: 25px;    
    position: absolute;
    top: 48%;
    left: 40%;
    margin: -25px 0 0 -25px;
  }
  
  #servicios-cabecera .bg-valor .titulo-white {   
    font-size: 28px;   
    padding-bottom: 25px; 
    position: absolute;
    top: 54%;
    left: 38%;
    margin: -25px 0 0 -25px;
  }

  #servicios-cabecera .bg-valor .titulo-oscuro {   
    font-size: 31px; 
    padding-bottom: 25px;   
    position: absolute;
    top: 66%;
    left: 40.5%;
    margin: -25px 0 0 -25px;
  }

  #servicios-contenido {
    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 .container .row {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: left;
  }
      
  #servicios-contenido .container .row .titulo-servicio {
    color: #BA9844;
    font-size: 45px;
    font-family: "Ubuntu-BoldItalic";
    position: relative;    
    left: 24%;     
  }
      

  #servicios-contenido .container .row .rectangulo {
    position: relative;
    top: 100%;           
    margin-bottom: 7px; 
    margin-left: 3.5em;    
    left: -10.5%;     
  }  

  #servicios-contenido .container .row .rectangulo .rect-body {
    height: 6em;
    position: relative;
    width: 14.5em;  
  }

 #servicios-contenido .container .row .rectangulo .rect-body.negro {
    background: #383838;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.negro:hover {
    background: #000;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris {
    background: #666666;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris:hover {
    background: #383838;
    cursor: pointer;
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro {
    background: #9D9D9C;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.gris-claro:hover {
    background: #666666;
    cursor: pointer; 
  }      

  #servicios-contenido .container .row .rectangulo .rect-body.dorado {
    background: #BA9844;
    opacity: 0.98; 
  }
            
  #servicios-contenido .container .row .rectangulo .rect-body.dorado:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro {
    background: #C8AD69;
    opacity: 0.98; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body.dorado-claro:hover {
    background: #9D9D9C;
    cursor: pointer; 
  }

  #servicios-contenido .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 .container .row .rectangulo .rect-body p.arriba {   
    position: absolute;
    top: 20%;
  }        

  #servicios-contenido .container .row .rectangulo .rect-body p.negro {
    color: #383838; 
  }

  #servicios-contenido .container .row .rectangulo .rect-body p.blanco {
    color: #F2F2F2; 
  } 

  #servicios-contenido .container .row .rectangulo .rect-body p.dorado {
    color: #BA9844; 
  }

  #servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;
  }
  
  #servicios-planeacion .bg-servicios-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;   
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 {
    font-size: 28px;
    text-align: center;
    font-family: "Ubuntu-Regular";
    font-weight: bold; 
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dorado {
    color: #bb9844;
    position: absolute;
    top: 3%;
    left: 42.5%;
  } 

  #servicios-planeacion .bg-servicios-planeacion h2 .titulo-dark {
    color: #504f51; 
    position: absolute;
    top: 8.5%;
    left: 41%;  
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-1 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 24%;
  }

  #servicios-planeacion .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 .bg-servicios-planeacion .figura-servicio-2 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 46%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-2 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 46.5%;  
    left: 44.7%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-3 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 26%;
    left: 68.5%;
  }

  #servicios-planeacion .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 .bg-servicios-planeacion .figura-servicio-4 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 24%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-4 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 22.2%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-5 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 46%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-5 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 44.9%; 
  }

  #servicios-planeacion .bg-servicios-planeacion .figura-servicio-6 {
    width: 4%;
    height: 100px;         
    position: absolute;
    top: 70%;
    left: 68.5%;
  }

  #servicios-planeacion .bg-servicios-planeacion .texto-servicio-6 {
    color: #9D9D9C; 
    font-size: 14px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 90%;  
    left: 66.8%; 
  }

  #planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;         
    
  }

  #planeacion .bg-planeacion {
    width: 100%;
    height: 520px;
    background: #F2F2F2;  
    text-align: center;       
    
  }

  #planeacion .bg-planeacion .figura-fiscal {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 10.5%;
  }

  
  #planeacion .bg-planeacion .figura-contable {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 45.5%;
  }

  #planeacion .bg-planeacion .figura-corporativa {
    width: 6%;
    height: 125px;         
    position: absolute;
    top: 15%;
    left: 80.5%;
  }
  
  #planeacion .bg-planeacion .subtitulo-fiscal{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 11%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-contable{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 45.5%;  
    
  }

  #planeacion .bg-planeacion .subtitulo-corporativa{   
    color: #bb9844; 
    font-size: 18px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 40%;  
    left: 80%;  
    
  }

  #planeacion .bg-planeacion .texto-fiscal{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 8.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-contable{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 43.5%;  
    
  }
  
  #planeacion .bg-planeacion .texto-corporativa{   
    color: #3c3c3b; 
    font-size: 13.5px;   
    font-family: "Ubuntu-Regular";
    position: absolute;
    top: 45%;  
    left: 79%;      
  }

  #servicios-esquemas {    
    height: 240px;
   
  }

  #servicios-esquemas .bg-servicios-esquemas {  
    height: 240px;  
    padding: 62px; 
  }

  #servicios-esquemas .bg-servicios-esquemas h2 {
    font-size: 32px;   
  }
   
  #servicios-esquemas-foco {    
    height: 360px;
    
  }

  #servicios-esquemas-foco .bg-servicios-esquemas-foco {   
    height: 360px; 
   
  }  
  
  #servicios-esquemas-foco .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 {
    width: 100%;
    height: 620px;
    background: #F2F2F2;
    
  }

  #contacto-estamos .bg-valor{ 
    width: 100%;
    height: 620px;  
    background: #383838; 
    position: relative;
    top: 32%;
    
  }

  #contacto-estamos .oficina-nosotros {
    width: 100%;
    height: 620px;  
    background-image: url("../img/bg-contacto.png");
    position: relative;
  
  }    

  #contacto-estamos .bg-valor .titulo-dorado {   
    font-size: 35px;   
    position: absolute;
    top: 45%;  
    left: 34%;   
  }

  #contacto-estamos .bg-valor .titulo-white {
    color: #F2F2F2;
    font-size: 30px;
    font-family: "Ubuntu-BoldItalic";
    position: absolute;
    top: 50%;
    left: 35%; 
  }

  #contacto-estamos .bg-valor .subtitulo-dorado {
    color: #BA9844;
    font-size: 28px;
    font-family: "Ubuntu-Italic";
    position: absolute;
    top: 54%;  
    left: 35%;   
  }

     
  #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%;
  }  

}