.btn-domina{
    background: #DDE2EB;
}

.fs-only{
    font-size: 4em;
}
.seccion{
    padding: 91PX;
}


.zoom:hover {
    transform: scale(1.1);
     /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }


.SubSeccion {
    display: block;
    background: #CFF;
    height:100%;
    width:100%;
    padding: 91PX;
    padding-left: 120px;
    box-sizing:border-box;
}

.inicio {
    background: #5C93D2;
    color: #fff;
}

.domina {
    background: #FFF1F1;
}


.btn-only{
    
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    
}


.btn-only:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(35,248,155);
    background: linear-gradient(90deg, rgba(35,248,155,1) 0%, rgba(5,254,206,1) 50%);
    
    z-index: -2;
}
.btn-only:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: rgb(35,248,155);
    background: linear-gradient(90deg, rgba(35,248,155,1) 0%, rgba(255,255,255,1) 90%);
    transition: all 0.3s;
    
    z-index: -1;
}

.btn-only:hover:before {
    width: 100%;
}

.bg-domina{
    background: #DDE2EB;
}

    .rounded-10{
        border-radius: 20% 0;
    }
.bg-domina-icono{
    background: #C0C5CE;
}



.parallax-inicio {
        /* The image used */
    /* background-image: url("/assets/img/fondos/1.png"); */

    /* Set a specific height */
    min-height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    

}


.parallax-productos {
    /* The image used */
/* background-image: url("./imagenes/clientes.png"); */

/* Set a specific height */
min-height: 100vh;

/* Create the parallax scrolling effect */
/*background-attachment: fixed;*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;


}


.parallax-prj {
    /* The image used */
background-image: url("./imagenes/proyectos/7.png");

/* Set a specific height */
min-height: 100vh;

/* Create the parallax scrolling effect */
/*background-attachment: fixed;*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;


}


.sobre_nosotros_cuadro{
    min-height: 500px;

    /* Create the parallax scrolling effect */
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}

.proyectos_cuadro_opaco{
    
    min-height: 470px;

}
.proyectos_cuadro{
    
    min-height: 400px;
    /* Create the parallax scrolling effect */
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    
}



.opaco{
    height:100%;
    background-color: rgba(23, 65, 180, 0.6);
    width: 100%;
    }
.experiencia{
    color: #fff;
}

.inicio_empresas{
    background: #fff;
}

.footer_os{
    background: #fff;
}

.inicio_soluciones{
    background: #FFF1F1;
}
.border-os{
    background: #58DC4E;
    color: #58DC4E;
}

.contactanos{
    background-color: rgba(85, 126, 238, 0.6);
    height:100%;
    width: 100%;
}







.triangulo-blanco {
    width: 0;
    height: 0;
    border-left: 30px solid black;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}
.posicion-triangulo-0 {
    position: absolute;
    right: 48%;
    top: -22px;
    transform: rotate(90deg);
}
.controls { text-align: center; }
.controls li {
  display: block;
  position: absolute;
  top: 50%;
  height: 60px;
  line-height: 60px;
  margin-top: -30px;
  padding: 0 15px;
  cursor: pointer;
  transition: background 0.3s;
}
.controls li img { display: inline-block; vertical-align: middle; }
.controls .prev { left: 0; }
.controls .next { right: 0; }
.controls li:hover { background: #f2f2f2; }



.lt-ie9 .tns-controls > [aria-controls] {
    line-height: 2.5em;
  }
  [data-action] {
    display: block;
    margin: 10px auto;
    font-size: 17px;
    min-width: 3em;
    text-align: center;
    background: transparent;
    border: 0;
  }
  .tns-controls [disabled] { 
    color: #999999;
    background: #B3B3B3; 
    cursor: not-allowed !important;
  }
  .tns-nav {
    text-align: center;
    margin: 10px 0;
  }
  .tns-nav > [aria-controls] {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #ddd;
    border: 0;
  }
  .tns-nav > .tns-nav-active { background: #999; }
  .playbutton-wrapper { text-align: center; }
  .playbutton-wrapper button { height: 34px; padding: 0 10px; font-size: 14px; background: #fff; border-radius: 3px; border: 1px solid  #ccc; cursor: pointer; }
  .wrapper { padding: 0 5em; }
  .suite-container .title, 
  .suite-container .subtitle, 
  .suite-container li { padding: 5px 10px; }
  .suite-container li {
    font-size: 12px;
    line-height: 1.4;
    background: #f5f5f5;
  }



  .loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: 40vh auto;
  }
  

#logosp{
    position: absolute;
    margin: 20vh auto;
}


  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


  .loadersx{
    position: absolute;
    background: white !important;
    width: 100vw;
    height:100wh !important;
    z-index: 2147483647 !important;
}