.mapa-contacto {
    width: 100%;
    height: 451px;
 }
 
 .mapa-donde {
    width: 100%;
    height: 100%;
    position: relative;
 }
 
 .anteheader {
    width: 100%;
    height: 40px;
    background: white;
    z-index: 4;
    position: relative;
 }
 
 .mover2 {
    position: relative;
    left: 19px;
 }
 
 .mapa-contactenos {
    width: 100%;
    height: 400px;
    position: relative;
 }
 
 
 .input-mapa {
    z-index: 9999;
    position: absolute;
    left: 10%;
    bottom: 30px;
    width: 200px !important;
 }
 
 .containers-anteheader {
    width: auto;
    height: 40px;
    float: right;
    padding: 6px 18px;
    position: relative;
 }
 
 .separador-contactenos {
    width: 70px;
    height: 2px;
    margin: 20px 0px 30px 0px;
    background: #dadada;
 }
 
 .cont-basica {
    display: none;
 }
 
 .seccion-00p {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 10px 0px;
 }
 
 .caja-linea {
    width: 100%;
    padding: 0px 0px 0px 45px;
    height: auto;
    position: relative;
    overflow: hidden;
    column-gap: 5%;
 }
 .caja-linea,.caja-linea p,.caja-linea h2,.caja-linea h3, .title-soluciones{
    color:#000 !important;
 }
 
 .container-30 {
     float: left;
     padding: 20px 0px !important;
     width: 100% !important;
 }
 .caja-mapa-campus {
    width: 100%;
    height: 500px;
    margin-top: 30px;
    position: relative;
 }
 
 .informacion-local {
    width: 100%;
    padding: 20px 30px;
 }
 
 .informacion-local {
    width: 100%;
    padding: 20px 20px;
 }
 
 .w25 {
    width: 25px;
 }
 
 
 
 .info-local {
    width: 38%;
    position: absolute;
    height: auto;
    left: 50px;
    top: 50px;
    background: #ff9e01;
    z-index: 999;
 }
 
 
 .info-local2 {
    width: 100%;
    position: relative;
    height: auto;
    background: white;
    margin-bottom: 50px;
 }
 
 .next-videos {
    position: absolute;
    left: 100%;
    height:92%;
    cursor: pointer;
 }
 
 .prev-videos {
    position: absolute;
    right: 100%;
    height: 92%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    cursor: pointer;
 }
 
 .navegacion-circle {
    width: 100%;
 }
 
 
 
 .navegacion-circle li a:hover {
    color: white !important;
    background: #009FB0;
    border: 1px solid #009FB0;
 }
 
 .navegacion-circle li .marc:hover {
    color: inherit !important;
    background: white;
    border: none;
 }
 
 .navegacion-circle li a {
    width: 25px;
    height: 25px;
    background: white;
    float: left;
    margin-right: 10px;
    border: 1px solid #dadada;
    border-radius: 50%;
    color: #acadaf !important;
    text-align: center;
    padding-top: 2px;
 }
 
 .navegacion-circle li .marc {
    width: auto;
    background: white;
    float: left;
    margin-right: 10px;
    border: none;
    border-radius: 0%;
    color: #acadaf;
    text-align: center;
    padding-top: 2px;
 }
 
 .navegacion-circle li a:hover {
    color: white !important;
    background: #009FB0;
    border: 1px solid #009FB0;
 }
 
 .navegacion-circle .active-circle a {
    color: white !important;
    background: #009FB0 !important;
    border: 1px solid #009FB0 !important;
 }
 
 .padding-r50 {
    padding-right: 46px !important;
 }
 
 .contenedor-azul {
    width: 100%;
    height: auto;
    background: #ff9e01;
    padding: 34px 37px;
    position: relative;
 }
 
 .subtitulo-27 {
    font-size: 27px !important;
 }
 
 .contenedor-azul:hover .mas-cont {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
 }
 
 .mas-cont {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 30px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
 }
 
 .padding-l50 {
    padding-left: 46px !important;
 }
 
 .caja-linea .lineaa {
    width: 2px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: -3px;
    background: #dadada;
 }
 
 .caja-gris-banner h3 {
    color: #acadaf;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 15px;
 }
 
 
 .padding-contacto ::-webkit-input-placeholder { /* WebKit browsers */
    color: #acadaf;
 }
 
 .padding-contacto :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #acadaf;
 }
 
 .padding-contacto ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #acadaf;
 }
 
 .padding-contacto :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #acadaf;
 }
 
 .adjuntar {
    position: absolute;
    top: 0px;
    height: 100%;
    left: 0px;
 }
 
 .sele {
    opacity: 0;
 }
 
 .separador-containers-header {
    width: 1px;
    height: 21px;
    background: #ff9f00;
    position: absolute;
    left: 0px;
    top: 10px;
 }
 
 .textura-contacto {
    background: url(../img/textura-contacto.png);
    background-position: center;
    /*background-size: cover;*/
 }
 
 .padding-contacto {
    width: 100%;
    height: auto;
    padding: 50px 20px;
 }
 
 .flecha2 {
    color: #ff9e02;
    font-size: 10px !important;
    position: relative;
    top: -3px !important;
 }
 
 
 
 .bg-gris {
    background: #939598;
 }
 .bg-orange {
    background: #263552;
 }
 
 .cinco ul li p {
    margin-bottom: 0px !important;
    font-size: 16px;
    text-align: left;
 }
 
 header {
    width: 100%;
    height: 75px;
    background: #fff;
    position: relative;
    z-index: 999;
    /*background: #ececec;*/
 }
 
 nav ul li:hover .menu-desplegable {
    display: block;
    opacity: 1;
 }
 
 .fixed{
 
 }
 
 .fixed::-webkit-scrollbar{
    width: 3px;
    background: white;
 
 }
 .fixed::-webkit-scrollbar-button{
    width:8px;
    height: 0px;
 }
 .fixed::-webkit-scrollbar-track{
    background:white;
 }
 
 .fixed::-webkit-scrollbar-thumb{
    background:white;
 }
 
 
 .cinco {
    width: 20%;
    display: table-cell;
    /*float: left;*/
    height: auto;
    /*border-right: 1px solid #acadaf;*/
    padding: 0px 20px 10px 20px;
    border-left: 1px solid #acadaf;
    margin-left:-1px;
 }
 
 .cinco a {
    display: block;
    position: relative;
 }
 /*.cinco:last-child {
    border-right: 1px solid #acadaf;
 }*/
 
 .ul-normal li {
    position: relative;
    left: 0px;
    display: block;
    width: 100%;
 }
 
 .ul-normal {
    height: auto;
    display: inline-block;
    margin-bottom: 20px;
 }
 
 .flecha-menu {
    color: #ff9e01;
    font-size: 10px;
    float: right;
    position: relative;
    top: 3px;
    left: 0px;
 }
 
 
 .ver-todas:hover i {
    left: -30px;
 }
 
 .ul-normal li:hover {
    left: 5px;
 }
 
 .txt-negro {
    color: #262522 !important;
 }
 
 .menu-desplegable {
    position: absolute;
    top: 100%;
    left: 0px;
    background: white;
    width: 100%;
    height: auto;
    padding: 40px 0px 0px 0px;
    opacity: 0;
    display: none;
    z-index: 9;
 }
 
 .login {
    padding: 20px;
    background: #939598;
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: 9999;
    width: auto;
    height: auto;
    display: none;
 }
 
 .zona {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999;
    display: none;
 }
 
 
 
 .zona-boton {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
 }
 
 .logo-header {
    width: 100px;
    height: 75px;
    position: relative;
    float: left;
    margin: 0 40px 0 0;
 }
 
 .logo-header img {
    height: 90px;
    position: absolute;
    right: -8px;
    bottom: 15px;
 }
 nav {
    width: auto;
    height: 75px;
    float: left;
 }
 
 nav ul {
    width: 100%;
    /*height: 100%;*/
 }
 
 nav ul li {
    width: auto;
    height: 100%;
    float: left;
 }
 
 nav ul li:hover .contenedor-li p {
    color: #ff9e01;
 }
 
 nav ul li:hover .contenedor-li i {
    color: #ff9e01;
    top: 10px;
 }
 
 .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    top: 87%;
    left: 9%;
    margin-left: 4px;
 }
 
 .mermar {
    padding-left: 5px !important;
    padding-right: 5px !important;
 }
 
 .titulo-5 {
    font-family: vag-light;
    color: #9B9C9E;
    /*font-size: 29px;*/
    font-size: 27px;
 }
 
 .boton-ampliar p {
    /*text-transform: uppercase;*/
    letter-spacing: 2px;
    margin: 0px;
     font-size: 18px;
     font-weight: 900;
 }
 
 .boton-ampliar {
   width: auto;
   display: inline-block;
   padding: 4px 20px;
   margin: 10px 0px;
   position: relative;
   cursor: pointer;
   display: flex;
   border-radius: 20px;
   justify-content: center;
   align-content: center;

 }
 
 
 
 
 .firstHeading {
    color: #acadaf;
    font-size: 24px;
    margin: 0px !important;
 }
 
 
 #bodyContent p {
    color: #acadaf !important;
    font-size: 18px;
    margin-bottom: 0px !important;
 }
 
 
 .gm-style-iw {
    top: 20px !important;
    left: 30px !important;
 }
 
 /*.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div {
     background: white !important;
     height: 20px !important;
 }
 
 .gm-style > div:first-child > div + div + div > div + div + div + div > div:first-child > div + div + div {
     display: none;
 }
 
 
 .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div:first-child > div {
     transform: skewX(28.6deg) !important;
     background: white !important;
     z-index: 9999;
 }
 
 .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div:last-child > div {
     transform: skewX(-28.6deg) !important;
     background: white !important;
     z-index: 9999;
 }*/
 
 #map > div > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div:nth-child(4) > div > div:nth-child(3){
    display: none;
 }
 
 .content {
    background: white !important;
    padding: 0px 50px 15px 0px !important;
 }
 
 .content2 {
    background: white !important;
    padding: 15px 60px 15px 40px !important;
    border: 1px solid rgba(0,0,0,0.2);
 }
 
 
 
 .boton-azul {
    background: #ff9e01;
 }
 
 .boton-verde {
    background: #C5D200;
 }
 
 .boton-blanco {
    background: white;
 }
 
 .boton-blanco-azul {
    background: white;
 }
 
 .boton-ampliar:hover .mas-boton {
    left: 105%;
 }
 
 .mas-boton {
    height: 100%;
    position: absolute;
    left: 101%;
    top: 0px;
 }
 
 .boton-azul p, .boton-verde p {
    color: white !important;
 }
 
 .boton-blanco p {
    color: #f7af33;
 }
 
 .boton-blanco-azul p {
    color: #ff9e01;
 }
 
 .cuadro {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 10px;
 }
 
 .descargas li {
    border-bottom: 1px solid #dadada;
 }
 
 .descargas li a {
    padding: 3px 0px !important;
    display: inline-block;
    width: 100%;
 }
 
 .descargas li p {
    position: relative;
    top: 7px;
    margin: 0px;
    left: -5px;
    text-align: left;
 }
 
 
 
 .icono-descarga {
    color: #ff9e01;
    position: absolute;
    top: 12px;
    right: 25px;
 }
 
 .navegadores-acabados {
    width: 30px;
    height: 70px;
    z-index: 999;
    position: relative;
 }
 
 
 
 .sopk:hover{
    position:relative;
    z-index:999999;
 }
 
 .navegadores-miniaturas {
    width: 63px;
    height: 37px;
    margin-left: 0;
 }
 
 .navegadores-miniaturas2 {
    width: 68px;
    height: 37px;
    margin-left: 0;
    float: right;
    margin-top: -10px;
 }
 
 .navegadores-slide {
    width: 34px;
    height: 37px;
    margin-left: 0;
    position: absolute;
 }
 
 .nleft {
    left: 3px;
    top: 50%;
    margin-top: -19px;
 }
 
 .nright {
    right: 3px;
    top: 50%;
    margin-top: -19px;
 }
 
 .manejador3 {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: -1px;
    float: left;
 }
 
 .r-block {
    width: auto;
    float: left;
    padding: 3px 18px;
    font-size: 18px;
    color: #989898 !important;
    background: white;
    border: 1px solid #dadada;
    margin-right: 16px;
    margin-bottom: 30px;
 }
 
 .r-block:hover {
    background: #ff9e01;
    color: white !important;
    border: 1px solid #ff9e01;
 }
 
 .active-r-block {
    background: #ff9e01;
    color: white !important;
    border: 1px solid #ff9e01;
 }
 
 .galeria-producto {
    width: 100%;
    height: auto;
    position: relative;
    top: 0px;
    opacity: 1;
 }
 
 .video-producto {
    width: 100%;
    height: auto;
    position: relative;
    display: none;
    top: 30px;
 }
 
 .caracteristicas-producto {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #dadada;
    display: none;
    top: 30px;
    opacity: 0;
 }
 .miniaturas-galeria {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 999;
 }
 .miniaturas-galeria ul{
    margin-bottom: -98px;
    padding:0px 15px;
 }
 .miniaturas-galeria img {
    opacity: 0.5;
 }
 
 
 .miniaturas .cuadro {
    border: 1px solid #dadada;
    /*margin-bottom: -1px;*/
    margin-right: -1px;
 }
 
 .manejador1 {
    position: relative;
    width: 100%;
    height: 50%;
    border: 1px solid #dadada;
    margin-bottom: -1px;
    cursor: pointer;
 }
 
 .manejador2 {
    position: relative;
    width: 50%;
    height: 100%;
    border: 1px solid #dadada;
    margin-left: -1px;
    float: left;
    cursor: pointer;
 }
 
 .manejador1 i {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #b9b9b9;
 }
 
 .manejador2 i {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #b9b9b9;
 }
 
 .manejador3 i {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #b9b9b9;
 }
 
 
 .descargas li:hover p {
    position: relative;
    top: 7px;
    margin: 0px;
    left: 0px;
 }
 
 .descarga-img {
    width: 30px;
    display: block;
    position: relative;
    top: 2px;
 }
 
 .img-cuadro {
    width: 100%;
 }
 
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff9e01;
 }
 
 .solucion:hover .animation-1, .solucion:hover .animation-2, .solucion:hover .animation-3, .solucion:hover .animation-4 {
    left: 0px;
 }
 
 .caja.solucion h3{
     color: #262522;
     font-weight: bold;
     font-size: 34px;
 }
 
 .solucion {
    overflow: hidden;
 }
 
 .solucion-icono {
    float: left;
    position: relative;
    left: -20px;
    margin-top: 25px;
 }
 
 .animation-1 {
    position: relative;
    left: 100px;
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
 .animation-2 {
    position: relative;
    left: 120px;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
 .animation-3 {
    position: relative;
    left: 140px;
    -webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
 .animation-4 {
    position: relative;
    left: 160px;
    -webkit-transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
 .separador {
    width: 100%;
    height: 1px;
    background: rgba(38, 53, 82, 0.42);
    margin: 18px 0px;
 }
 
 .separador-info {
    width: 100%;
    height: 1px;
    background: #dadada;
    margin: 12px 0px;
 }
 
 .txt-verde p {
    color: #b5c701 !important;
 }
 
 .txt-verde i {
    color: #b5c701 !important;
 }
 
 video {
    background: black !important;
 }
 
 .banner-educativo {
    width: 100%;
    height: auto;
    padding: 110px 0px;
    background: url(../img/banner-educativo.png);
    background-position: left;
    background-size: cover;
 }
 
 .poster img {
    width: 110px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -55px;
    margin-left: -55px;
    cursor: pointer;
 }
 
 .tab-s {
    width: 250px;
    padding: 22px 46px;
    float: left;
    height: auto;
    background: white;
    border: 2px solid #dadada;
    cursor: pointer;
    min-height: 210px;
 }
 
 .tab-s .caja img {
    width: 109px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 50%;
    margin-left: -54.5px;
 }
 
 .banner-azul {
    width: 100%;
    height: auto;
    padding: 45px 0px;
    background: #ff9e01;
    margin-bottom: 10px;
 }
 
 .owl-stage .owl-item {
    opacity: 0;
 }
 .owl-stage .owl-item .desc-aula {
    opacity: 0;
 }
 
 .owl-stage .active .desc-aula {
 
    opacity: 1;
 }
 
 .owl-stage .active {
    opacity: 1 !important;
 }
 
 .owl-carousel1 .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
 }
 
 .owl-carousel1 .owl-nav .owl-prev {
    float: left;
    background: transparent;
    margin: 0;
    padding: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
 }
 
 .owl-carousel1 .owl-nav .owl-next {
    float: right;
    background: transparent;
    margin: 0;
    padding: 0;
 }
 
 .owl-detalle .owl-nav {
    position: absolute;
    top: 50%;
    width: 110%;
    left: -20px;
    z-index: -1;
 }
 
 .owl-detalle .owl-nav .owl-prev {
    float: left;
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 30px;
    color: #b9b9b9;
 }
 
 .owl-detalle .owl-nav .owl-next {
    float: right;
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 30px;
    color: #b9b9b9;
 }
 
 .navs-slider-aulas {
    width: 100px;
    height: 100%;
    top: 0px;
    z-index: 999;
    position: absolute;
 }
 
 .navs-slider-aulas img {
    position: absolute;
    top: 45%;
    left: 0px;
    width: 60%;
    cursor: pointer;
 }
 
 .owl-clientes {
    padding: 30px 0px;
 }
 
 
 .cliente {
    width: 90%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: gray;
 }
 
 
 
 .owl-clientes .item {
    cursor: pointer;
 }
 
 .owl-clientes .item:hover .cliente {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: gray;
 }
 
 .left-nav:hover img {
    left: -10px;
 }
 
 .right-nav:hover img {
    left: 10px;
 }
 
 .rotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
 }
 
 .left-nav {
    left: -70px;
 }
 
 .right-nav {
    right: -110px;
 }
 
 .desc-aula {
    width: 35%;
    height: auto;
    padding: 9px 40px;
    background: #ff9e01;
    position: absolute;
    bottom: 0;
    z-index: 999;
    right: 0;
    border-radius: 30px 0;
    min-height: 100px;
 }
 
 .desc-aula2 {
    width: 41%;
    height: 34%;
    padding: 9px 30px;
    background: #d58500;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
    border-radius: 10px 0px 10px 0px;
    overflow: hidden;
 }
 .desc-aula2 p {
    color: #fff !important;
 }
 .carousel-proyecto img {
    border-radius: 10px;
 }
 .slider-aulas {
    width: 100%;
    height: auto;
    position: relative;
 }
 
 .masc {
    position: relative !important;
    opacity: 0;
 }
 
 .tab-s:hover .caja .gris-icono {
    opacity: 0;
 }
 
 .tab-s:hover .caja .blanco-icono {
    opacity: 1;
 }
 
 .tab-s:hover p {
    color: white;
 }
 
 .active-tabs-s {
    background: #ff9e01;
    border: 2px solid #ff9e01;
 }
 
 .active-tabs-s .caja .gris-icono {
    opacity: 0;
 }
 
 .active-tabs-s .caja .blanco-icono {
    opacity: 1;
 }
 
 .active-tabs-s p {
    color: white !important;
 }
 
 
 
 .tab-s:hover {
    background: #ff9e01;
    border: 2px solid #ff9e01;
 }
 
 .blanco-icono {
    opacity: 0;
 }
 
 
 .poster:hover img {
    margin-top: -75px;
 }
 
 .poster {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url(../img/poster-video.png);
    background-position: left;
    background-size: cover;
    z-index: 999;
 }
 
 .separador-blanco {
    width: 100%;
    height: 2px;
    background: white;
    margin: 15px 0px;
 }
 
 .cerrar-info {
    width: 30px;
    height: 30px;
    background: #ff9e01;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px 6px;
    z-index: 999;
    cursor: pointer;
 }
 
 .cerrar-info img {
    width: 18px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
 }
 
 .separador-blanco2 {
    width: 100%;
    height: 1px;
    background: white;
    margin: 15px 0px;
 }
 
 .video-educativo {
    width: 100%;
 }
 
 .span-marcador {
    padding: 4px 17px;
    background: #C5D200;
    width: auto;
    display: inline-block;
 }
 
 .input-regular {
    width: 100%;
    padding: 4px 11px;
    font-size: 17px;
    border: 1px solid transparent;
    color: #acadaf;
    background: #e1e1e2;
    margin-bottom: 14px;
 }
 
 .boton-login {
    cursor: pointer;
    min-width: 140px;
    text-align: center;
 }
 
 .boton-login.bg-gris{
     border-radius: 0 0 0 10px;
 }
 
 .boton-login.bg-orange{
     border-radius: 0 0 10px 0;
 }
 
 .input-regular2 {
    width: 200px;
    padding: 4px 11px;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    color: #1b1b1b;
    background: white;
    margin-bottom: 5px;
 }
 
 .c12 .parrafo-regular {
    margin-bottom: 4px !important;
 }
 
 .subtitulo-25-r {
    font-size: 20px !important;
    font-family: vag-light;
    color: #acadaf;
 }
 
 .faq {
    width: 100%;
 }
 
 .faq li {
    margin-bottom: 16px;
 }
 
 .pregunta {
    width: 100%;
    padding: 16px 60px 16px 34px;
    border: 1px solid #dadada;
    position: relative;
    cursor: pointer;
 }
 
 .novedades .cuadro {
    margin-bottom: 30px;
 }
 
 .novedades-desc .cuadro {
    margin-bottom: 30px;
 }
 
 .upper {
    text-transform: uppercase;
 }
 
 .campus-video {
    width: 100%;
    position: relative;
    height: auto;
 }
 
 .facebook {
    background: #4C68B2;
 }
 
 .img-campus {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
 }
 
 .video-campus {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
 }
 
 .capa-video-campus {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
 }
 
 .capa-video-campus p {
    letter-spacing: 2px;
 }
 
 .play-video:hover {
    top: -3px;
 }
 
 .listado li {
    padding-left: 6px;
    position: relative;
 }
 
 .descargar-doc h2 {
    float: right;
 }
 
 .pdf-icon {
    width: 60px;
    position: relative;
    float: right;
    top: -10px;
 }
 
 .pdf-icon:hover {
    top: -20px;
 }
 
 .separador-descargar {
    width: 3px;
    height: 45px;
    position: relative;
    background: #dadada;
    float: right;
    top: -5px;
    margin: 0px 23px;
 }
 
 .marcador {
    float: left;
    position: relative;
    left: -4px;
    top: -1px;
 }
 
 .marcador2 {
    float: left;
    font-size: 11px !important;
    position: relative;
    left: -8px;
    top: 5px;
 }
 
 .marcador span{
    float: left;
    position: relative;
    left: -4px;
    top: -1px;
 }
 
 .marcador strong{
    color:#ff9e02;
    margin-left:-15px;
 }
 
 
 .marcador2 li p::before{
    content: ".";
    float: left;
    font-size: 40px !important;
    position: relative;
    left: -13px;
    color: #1aa9b9;
    top: 2px;
    line-height: 0;
 }
 
 .play-video {
    width: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
    position: relative;
    top: 0px;
    cursor: pointer;
 }
 
 .twitter {
    background: #00ACEE;
 }
 
 .google {
    background: #D73D33;
 }
 
 .seguidores {
    height: auto;
    padding: 6px 10px 6px 38px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 3px;
    margin-top: 10px;
    position: relative;
 }
 
 .border {
    border-top: 1px solid #dadada;
    padding-top: 3px;
 }
 
 .boton-novedad {
    background: #ff9e01;
    font-size: 16px;
    color: white !important;
    text-transform: uppercase;
    padding: 8px 24px;
    float: left;
    margin-right: 4px;
 }
 
 .caja2 {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
 }
 
 .seguidores p {
    color: white;
    margin: 0px !important;
    font-size: 11px;
 }
 
 .seguidores i {
    color: white;
    position: absolute;
    left: 9px;
    top: 9px;
    font-size: 11px;
 }
 
 .novedades-desc .proyecto .lineaa {
    display: none;
 }
 
 .active-pregunta .pregunta {
    background: #939598;
    border: 1px solid #939598;
 }
 
 .novedades .proyecto {
    margin-bottom: 0px !important;
 }
 
 
 .active-pregunta .pregunta h3 {
    color: white !important;
 }
 
 .active-pregunta .pregunta i {
    color: white !important;
 }
 
 .active-pregunta .respuesta {
    display: block !important;
 }
 
 .respuesta {
    width: 100%;
    padding: 25px 60px 16px 34px;
    border: 1px solid #dadada;
    position: relative;
    display: none;
 }
 
 .respuesta p a{
    color: #ff9e02 !important;
 }
 
 .pregunta i {
    position: absolute;
    right: 24px;
    top: 50%;
    line-height: 0;
    font-size: 20px;
    color: #ff9e01;
 }
 
 .pregunta h3 {
    margin-bottom: 0px !important;
    color: #939598;
 }
 
 .textarea-regular {
    width: 100%;
    padding: 5px 11px;
    font-size: 17px;
    border: 1px solid #e6e6e6;
    color: #acadaf;
    background: white;
    margin-bottom: 14px;
    height: 90px;
 }
 
 .separador2 {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 0px 0px;
 }
 
 .caja {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
 }
 
 .caja.solucion > div img{
     border-radius: 10px;
 }
 
 /*.texto-video {
     width: 100%;
     position: relative;
     right: 0px;
     height: auto;
     display: block;
     padding: 15px 20px 15px 60px;
     background: white;
 }
 */
 .separador1 {
    height: 100%;
    width: 3px;
    background: #ff9e01;
    position: absolute;
    right: 0px;
 }
 
 .icono-solucion {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
 }
 
 
 .capa-info-soluciones {
    width: 100%;
    height: 100%;
    background: #263552;
    position: absolute;
    left: 0px;
    top: 100%;
    padding: 27px 36px;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
 
 .solucion:hover .capa-info-soluciones {
    top: 0%;
 }
 
 .line {
    line-height: 1.1;
 }
 
 .descargar-soluciones {
    position: relative;
    width: 40px;
    top: -2px;
 }
 
 .parrafo-regular, .seccion-regular2 p {
    font-size: 16px;
    font-family: vag-light;
    color: #000;
    text-align: justify;
 }
 
 .analiticas-title p {
     text-align: center;
 }
 
 .caja-linea .parrafo-regular, .caja-linea .seccion-regular2 p {
    margin: 16px 0;
 }
 p.parrafo-regular.txt-blanco {
    font-size: 17px;
 }
 .datos-zona p.parrafo-regular.txt-blanco {
    font-size: 16px;
    text-align: left;
 }
 
 .parrafo-regular iframe {
     width: 100%;
 }
 
 .parrafo-regular img {
     /*width: 100%;*/
 }
 
 .parrafo-small {
    font-size: 14px;
    font-family: vag-light;
    /*color: #ACADAF;*/
    text-align: justify;
 
 }
 
 .parrafo-small2 {
    font-size: 12px;
    font-family: vag-light;
    color: #ACADAF;
    text-align: justify;
 
 }
 
 .parrafo-resmall {
    font-size: 10px;
    font-family: vag-light;
    color: #ACADAF;
    text-align: justify;
 
 }
 
 .boton-regular {
    padding: 7px 0px;
    color: white !important;
    background: #ff9e01;
    border: none;
    font-size: 16px;
    font-family: vag-thin;
    text-align: center;
 }
 
 .boton-regular2 {
    padding: 7px 0px;
    color: white !important;
    background: #ff9e01;
    border: none;
    font-size: 14px;
    font-family: vag-thin;
    text-align: center;
 }
 
 .boton-regular3 {
    padding: 7px 0px;
    color: white !important;
    background: transparent;
    border: none;
    font-size: 14px;
    font-family: vag-thin;
    text-align: center;
 }
 
 .enviar {
    width: 20px;
    position: relative;
    top: -2px;
 }
 
 .boton-block {
    width: 100%;
 }
 
 .checkbox2 {
    width: 14px !important;
    height: 14px !important;
    position: relative;
    top: 2px;
 }
 
 #img_wrapper {
    position: relative;
    width: 55%;
    height: auto;
    margin: 0 5% 0 auto;
    border: 12px solid #fff;
    border-radius: 10px;
    float: left;
 }
 
 .capa-cuadro {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 43px 40px;
 }
 
 .borde {
    border: 1px solid #EBEBEA;
 }
 
 
 .producto {
    width: 100%;
    height: auto;
    padding: 0px;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 10px;
 }
 .producto p{
    text-align: center
 }
 .mas-producto {
    width: 100%;
    height: 30px;
    position: relative;
    margin-bottom: 15px;
 }
 
 .mas-producto img {
    width: 16px !important;
    position: absolute;
    left: 47%;
    top: 41%;
 }
 
 .gris-producto {
    opacity: 1;
 }
 
 .azul-producto {
    opacity: 0;
 }
 
 .texto-producto {
    font-family: vag-light;
    font-size: 18px;
    opacity: 1;
    text-align: center;
    color: #b2b2b2;
 }
 
 .link:hover .mas-texto {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
 }
 
 .nav-slider {
    width: 100%;
    /*height: 80px;
    padding: 40px 100px;*/
    position: relative;
 
    height: 0;
    padding: 0 100px;
 }
 
 .nav-slider.hmwolprod .next {
    right: 5%;
 }
 .nav-slider.hmwolprod .prev {
    left: 5%;
 }
 .nav-slider2 {
    width: 100%;
    height: 110px;
    padding: 40px 100px;
    position: absolute;
    top: 250px;
 }
 
 .nav-slider .next, .nav-slider2 .next {
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
 }
 
 .nav-slider .prev, .nav-slider2 .prev {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
 }
 
 .producto:hover .texto-producto {
    color: #ff9e01;
 }
 
 .producto:hover .mas-producto img {
    width: 21px !important;
    left: 45%;
    top: 35%;
 }
 
 .owl-productos .item {
    padding: 16px;
 }
 
 .producto:hover .menos-producto {
    margin-right: 10px;
 }
 
 .producto:hover {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.23);
 }
 
 .menos-producto {
    display: none !important;
    width: 30px !important;
    margin-right: 18px !important;
 }
 
 .producto:hover .azul-producto {
    opacity: 1;
 }
 
 .producto:hover .gris-producto {
    opacity: 0;
 }
 
 /*.producto:hover .mas-producto {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
 }*/
 
 
 .parrafo-regular2 {
    font-size: 21px;
    font-family: vag-light;
    color: #ACADAF;
 }
 
 .mas-texto {
    width: 25px;
    margin-left: 30px;
    margin-top: -3px;
 }
 
 .back-naranja .separador, .back-azul .separador, .back-verde .separador {
    background: white;
 }
 
 .fecha {
    font-size: 14px;
    font-family: vag-light;
    color: #ACADAF;
 }
 
 .mas-slider {
    width: 50px !important;
    transform: rotate(0deg);
    border-radius: 0px;
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
    position: absolute;
    right: -4%;
    bottom: 26%;
 }
 
 .mundo {
    float: left;
    color: white;
    margin-left: 10px;
    font-size: 20px;
    margin-top: 6px;
 }
 
 span.mundo {
    font-size: 15px;
    line-height: 30px;
 }
 
 .play {
    width: 72px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    left: 0px;
 }
 
 .play:hover {
    left: 5px;
 }
 
 .play2 {
    width: 45px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    left: 0px;
 }
 
 .play2:hover {
    left: 5px;
 }
 
 .calendar {
    margin-top: -6px;
    margin-right: 4px;
 }
 
 .mas-slider:hover {
    transform: rotate(90deg);
    border-radius: 50%;
 }
 
 .info-slider {
    /*margin-top: 170px;
    width: 362px !important;
    height: 356px !important;*/
    width: 500px;
    height: auto;
    border-radius: 10px;
    align-content: center;
    display: grid;
    padding: 20px 35px;
    position: relative;
 }
 .info-slider a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
 }
 .div-padding-20 {
    width: 100%;
    height: auto;
    padding: 30px 40px 40px 40px;
 }
 
 .titulo-10 {
    font-size: 40px;
 }
 
 .info-slider .titulo-10 {
    /*font-family: vag-bold;
    letter-spacing: 1px;*/
 }
 
 .info-slider .parrafo-regular {
    font-size: 18px;
    padding-bottom: 20px;
 }
 
 .titulo-producto {
    font-size: 32px;
 }
 
 .p30 {
    padding: 0px 30px !important;
 }
 
 .mas-video {
    width: 30px !important;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
    z-index: 99;
    display: none;
 }
 
 .video {
    overflow: hidden;
 }
 
 .video:hover .mas-video {
    top: 110%;
 }
 
 .owl-miniaturas .cuadro {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: gray;
    cursor: pointer;
 }
 
 .owl-miniaturas .cuadro:hover, .owl-miniaturas .active {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: gray;
 }
 
 .redes-producto {
    position: absolute;
    /*top: 101%;
    width: 100%;*/
    text-align: right;
    z-index: 999;
 }
 
 .redes-producto img {
    width: 30px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: gray;
 }
 
 .redes-producto img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: gray;
 }
 .gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: gray;
    opacity: 0.5;
 }
 
 .ampliacion {
    width: 140px;
    height: auto;
    position: absolute;
    left: 80%;
    margin-left: -70px;
    bottom: 80%;
    padding: 10px;
    border: 1px solid #dadada;
    background: white;
    opacity: 0;
 }
 
 .padding-acabados .cuadro {
    overflow: hidden;
 }
 
 .padding-acabados .cuadro:hover {
    overflow: visible;
 }
 
 .padding-acabados .cuadro:hover .ampliacion {
    bottom: 105%;
    opacity: 1;
 }
 
 .senal {
    width: 16px;
    height: 16px;
    background: white;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 100%;
    margin-top: -7px;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
 }
 
 
 
 .acabados1 .owl-stage-outer, .acabados2 .owl-stage-outer, .acabados3 .owl-stage-outer {
    position: relative;
    overflow-x: visible !important;
    overflow-y: visible;
 
    -webkit-transform: translate3d(0px, 0px, 0px);
 }
 .sopk{
    /*overflow-x: hidden;*/
 }
 .gray:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    opacity: 1;
 }
 
 
 .owl-theme .owl-dots .owl-dot span {
    width: 61px;
    height: 4px;
    margin: 5px 7px;
    background: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 0;
 }
 
 .contenedor-li i {
    position: relative;
    top: 0px;
 }
 
 
 nav ul li:hover .texto-li {
    background: white;
 }
 
 
 .mascara-li p {
    opacity: 0;
 }
 
 .contenedor-li {
    position: relative;
    display: inline-table;
    left: 0px;
    bottom: -1px;
    height: auto;
    width: 100%;
    padding-top: 4px;
    /*padding-top: 48px;*/
 }
 
 .breadcumbs {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.71);
 }
 
 
 .breadcumbs a:last-child {
    color: #60D7EA !important;
 }
 
 .separador3 {
    width: 150%;
    height: 1px;
    background: rgba(255, 255, 255, 0.40);
    margin-bottom: 10px;
    margin-top: 4px;
 }
 
 .breadcumbs {
    margin: 0px !important;
 }
 
 .nombre-vista {
    width: 100%;
    height: auto;
    padding: 30px 0px 8px 0px;
    background: #d68500;
    overflow-x: hidden;
 }
 
 .texto-li {
    position: relative;
    left: 0px;
    bottom: -1px;
    height: auto;
    width: auto;
    padding: 10px 14px;
 }
 
 .contenedor-li p {
    text-align: center;
    color: #3c3c3c;
    font-size: 18px;
    margin: 0px !important;
    font-weight: bolder;
 }
 
 .lupa {
    text-align: center;
    color: #3c3c3c;
    font-size: 18px;
    padding: 7px;
    position: relative;
    left: 5px;
 }
 
 .lupa2 {
    text-align: center;
    color: #dadada;
    font-size: 18px;
    padding: 7px;
    position: relative;
    left: -9px;
 }
 
 .placeholder-gris ::-webkit-input-placeholder { /* WebKit browsers */
    color: #acadaf !important;
 }
 
 .placeholder-gris :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #acadaf !important;
 }
 
 .placeholder-gris ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #acadaf !important;
 }
 
 .placeholder-gris :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #acadaf !important;
 }
 
 
 
 .padding-0 {
    padding: 0px !important;
 }
 
 ::-webkit-input-placeholder { /* WebKit browsers */
    color: white;
 }
 
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
 }
 
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
 }
 
 :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: white;
 }
 
 .separador-buscador {
    position: absolute;
    right: 0px;
    top: 10px;
    background: rgba(255, 255, 255, 0.39);
    ;
    width: 1px;
    height: 18px;
 }
 
 .separador-buscador2 {
    position: absolute;
    right: 0px;
    top: 10px;
    background: #dadada;
    width: 1px;
    height: 18px;
 }
 
 .buscador-input {
    width: 100%;
    height: 40px;
    border: none;
    background: transparent;
    color: #000;
    font-size: 16px;
    padding: 0px 10px;
 }
 
 .buscador-input2 {
    width: 100%;
    height: 40px;
    border: none;
    background: transparent;
    color: #acadaf;
    font-size: 16px;
    padding: 0px 10px;
 }
 
 .mascara-3d100 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
 }
 
 .slider {
    width: 100%;
 }
 
 .buscador {
    width: 212px;
    height: 40px;
    background: transparent;
    border: 2px solid #c6c6c6;
    margin-top: 4px;
    /*margin-top: 48px;*/
    float: right;
    border-radius: 7px;
 }
 
 .buscador2 {
    width: 100%;
    height: 40px;
    background: transparent;
    border: 1px solid #dadada;
    border-radius: 6px;
 }
 
 .categorias {
    width: 100%;
    height: auto;
    margin-top: 5px;
 }
 
 .categorias li {
    width: 100%;
    padding: 7px 3px;
    border-bottom: 1px solid #dadada;
    cursor: pointer;
 }
 
 .categorias li p {
    margin: 0px !important;
    position: relative;
    left: 0px;
    color: #000;
 }
 
 .active-categoria p {
    position: relative;
    /*color: #ff9e01 !important;*/
 }
 .active-categoria a.active-item p,.categorias li ul li:hover a p {
    color: #fff !important;
 }
 .active-categoria a.active-item img, .categorias li ul li:hover a img {
    margin-left: 6px;
    margin-top: -2px;
 }
 /*.active-categoria {
    padding-left: 26px !important;
 }*/
 
 .active-categoria ul {
    display: block !important;
 }
 
 .active-categoria .flecha3 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
 }
 
 .active-categoria .flecha5 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #ff9e02;
 }
 
 .categorias li ul {
    width: 100%;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-top: 6px;
    display: none;
 }
 
 .banner-productos {
    width: 100%;
    height: auto;
 }
 
 .caja-gris-banner {
    width: 100%;
    padding: 30px 20px 20px 20px;
    width: 100%;
 }
 
 /*.categorias li:hover {
    padding-left: 10px;
 }*/
 
 /*.categorias li:hover p {
    color: #ff9e01;
 }*/
 
 .punto-li {
    font-size: 7px;
    color: #ff9e01;
    position: relative;
    top: -2px;
    margin-right: 2px;
 }
 
 .categorias li ul li {
    width: 100%;
    padding: 0px !important;
    border: none !important;
 }
 
 .categorias li ul li a {
    display: table;
    padding: 0 9px;
 }
 
 /*.categorias li ul li:hover p {
    color: #ff9e01 !important;
    left: 10px;
 }*/
 
 .categorias li ul li a p {
    color: #acadaf;
 }
 
 .flecha3 {
    color: #ff9e02;
    font-size: 10px !important;
    position: relative;
    top: 7px !important;
    left: -10px;
    text-align: right;
    float: right;
 }
 
 .distribuidores {
 }
 
 .campus {
    display: none;
    margin-bottom: 40px;
 }
 
 .proyecto {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
 }
 
 .proyecto .caja-linea {
    width: 100%;
    padding: 0;
    height: auto;
    position: relative;
    overflow: hidden;
    column-gap: 0;
    columns: 1;
    padding-left: 0px !important;
 }
 
 /*.carousel-proyecto {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: hidden;
 }*/
 
 .data {
    width: 100%;
    padding: 70px 0px 30px 0px;
    position: relative;
 }
 
 .circle-data {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: 10px;
    background: #dadada;
    border-radius: 50%;
    z-index: 99;
 }
 
 .active .fecha-historia {
    color: #ff9e01;
 }
 
 .owl-historia .owl-stage-outer {
    overflow: visible;
 }
 
 .owl-historia .owl-stage .owl-item {
    opacity: 1 !important;
 }
 
 .listo .circle-data {
    background: white !important;
    border: 2px solid #ff9e01;
 }
 
 .active .circle-data {
    background: #ff9e01 !important;
 }
 
 .vag1 {
    width: 50%;
    height: 100%;
    float: left;
 }
 
 .offside {
    overflow-x: hidden;
 }
 
 
 .todo .vag1, .todo .vag2 {
    background: #ff9e01;
 }
 
 .active .vag1 {
    background: #ff9e01;
 }
 
 
 
 .vag2 {
    width: 50%;
    height: 100%;
    float: left;
 }
 
 .todo .circle-data {
    background: #ff9e01;
 }
 
 .fecha-historia {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    font-size: 21px;
    color: #acadaf;
 }
 
 .historia-next {
    width: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 40px;
    cursor: pointer;
 }
 
 .historia-prev {
    width: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 40px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    cursor: pointer;
 }
 .premios .cuadro{
    text-align: center
 }
 
 .premios .cuadro img{
    width: auto;
 }
 
 .premios .caja img {
    /*   -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);*/
    filter: gray;
 }
 
 .premios .caja:hover img {
    /*   -webkit-filter: grayscale(0%);
       -moz-filter: grayscale(0%);*/
    filter: gray;
 }
 
 
 .overhidden {
    overflow: hidden;
    margin-bottom: 30px;
 }
 .info-reco::-webkit-scrollbar {
    width: 12px;
 }
 .info-reco::-webkit-scrollbar-thumb {
    background: #2bb7c6;
    outline: 1px solid #fff;
 }
 
 .info-reco {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #009FAF;
    top: 100%;
    left: 0px;
    padding: 26px;
 }
 
 .caja:hover .info-reco {
    top: 0%;
    overflow: auto;
 }
 
 .valores li p {
    margin-bottom: -2px !important;
 }
 
 .padding-mision {
    padding: 25px 30px;
    position: relative;
    top: 1px;
 }
 
 .punto-valores {
    font-size: 18px;
    margin-right: 20px;
 }
 
 .bifma {
    width: 250px;
 }
 
 
 .riel {
    width: 100%;
    height: 2px;
    background: #dadada;
 }
 
 .active .vag2 {
    background: #dadada;
 }
 
 .bg-blanco {
    background: #fff !important;
 }
 
 .play-proyecto {
    position: absolute;
    left: 50%;
    width: 40px;
    margin-left: -20px;
    top: 50%;
    margin-top: -20px;
 }
 
 .carousel-proyecto li {
    width: 100%;
    margin-bottom: 4px;
    position: relative;
    bottom: 0px;
 }
 
 .padding-proyecto {
    padding: 2px !important;
 }
 
 .flecha5 {
    color: #acadaf;
    font-size: 10px !important;
    position: relative;
    top: 17px !important;
    left: -10px;
    text-align: right;
    float: right;
 }
 
 .flecha4 {
    color: #ff9e02;
    font-size: 10px !important;
    position: relative;
 }
 
 .red {
    width: 28px;
    margin: 0px 1px;
 }
 
 .linea-subtitulo {
    width: 25px;
    height: 2px;
    background: #EBEBEB;
 
 }
 
 .red2 {
    width: 22px;
    margin: 0px 1px;
    position: relative;
    top: -2px;
 }
 
 .anteheader p {
    font-size: 16px;
    margin: 2px 0px 0px 0px !important;
    color: #575a5a;
 }
 
 .anteheader i {
    font-size: 18px;
    margin-left: 4px;
    position: relative;
    top: 2px;
 }
 .txt-orange{
    color:#da9520 !important;
 }
 .paises a {
    position: relative;
    line-height: 30px;
 }
 
 .paises .active-pais {
 
    color:#fff !important;
 }
 
 .linea-pais {
    width: 100%;
    position: absolute;
    left: -2px;
    top: 108%;
    opacity: 0;
 }
 
 .regiones li {
    width: 101%;
    position: relative;
    left: 0px;
    display: inline-flex;
 }
 
 .regiones li a {
    width: 100%;
    padding: 4px 15px;
    position: relative;
    left: 0px;
 }
 
 
 .icono-datos {
    width: 37px;
    position: relative;
    top: 5px;
    border-radius: 50%;
 }
 
 .encuentranos img {
    width: 45px;
    position: relative;
    top: 0px;
 }
 
 .encuentranos img:hover {
    top: -4px;
 }
 
 .logo-footer {
    width: 130px;
 }
 
 .encuentranos {
    font-size: 26px;
    color: #acadaf;
    float: left;
    line-height: 43px;
 }
 .redesFoo{
    float: left;
    display: inline-block;
 }
 .icono-telefono {
    width: 58px;
 }
 
 .bajar {
    position: relative;
    top: 11px;
 }
 
 
 .regiones li:hover {
    left: 10px;
    padding: 0px 5px;
 }
 
 .regiones li:hover .regiones li i {
    left: 10px;
 }
 
 .regiones {
    width: 100%;
 }
 
 .regiones li i {
    position: absolute;
    left: 0px;
    top: 11px;
    font-size: 7px;
    color: #d58500;
 
 }
 .seccion-regular2 .lbtext{
    display: flex;
 }
 .seccion-regular2 label {
    margin: 0 10px 0 6px;
    font-size: 13px;
    line-height: 13px;
 }
 .active-pais .linea-pais {
    opacity: 1;
 }
 
 .seccion-regular {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 64px 0px;
 }
 
 .titulo-seccion {
    font-size: 37px;
    font-weight: bold;
    font-family: vag-bold;
 }
 
 .titulo-seccion2 {
    font-size: 37px;
 }
 
 .vag-light {
    font-family: vag-light !important;
 }
 
 .owl-clientes .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    top: 110%;
    right: 0px;
    margin-left: 4px;
    width: auto;
    left: auto;
    display: inline-block;
 }
 
 .owl-clientes .owl-dots .owl-dot span {
    width: 60px;
    height: 4px;
    margin: 5px 20px;
    background: #E0E0E2;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 0;
 }
 
 .espacio {
    width: 100%;
    height: 40px;
 }
 
 .padding-02 {
    padding: 0px !important;
 }
 
 .menu-icono {
    position: absolute;
    z-index: 999999;
    top: 10px;
    right: 0;
    width: 50px;
 }
 
 .cargador {
    width: 100%;
    height: 100%;
    background: #ff9e01;
    left: 0px;
    top: 0px;
    z-index: 999999;
    position: fixed;
    -webkit-transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
 }
 
 .logo-cargador {
    width: 118px;
    height: 115px;
    position: absolute;
    margin-left: -59px;
    margin-top: -56px;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 
 .logo-cargador img {
    width: 100%;
    -webkit-transition: all 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    transition: all 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
 }
 
 .raya1 {
    width: 0%;
    height: 3px;
    background: white;
    position: absolute;
    z-index: 999;
    left: 0px;
    top: 0px;
    -webkit-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
 }
 
 .raya2 {
    width: 3px;
    height: 0%;
    background: white;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 0px;
    -webkit-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
 }
 
 .raya3 {
    width: 0%;
    height: 3px;
    background: white;
    position: absolute;
    z-index: 999;
    right: 0px;
    bottom: 0px;
    -webkit-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
 }
 
 .raya4 {
    width: 3px;
    height: 0%;
    background: white;
    position: absolute;
    z-index: 999;
    left: 0px;
    bottom: 0px;
    -webkit-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
 }
 
 
 .logo1 {
    position: absolute;
    left: -50px;
    top: -50px;
    opacity: 0;
 }
 
 
 .logo2 {
    position: absolute;
    right: -50px;
    top: -50px;
    opacity: 0;
 }
 
 .logo3 {
    position: absolute;
    left: -50px;
    bottom: -50px;
    opacity: 0;
 }
 
 .logo4 {
    position: absolute;
    right: -50px;
    bottom: -50px;
    opacity: 0;
 }
 
 .ocultar {
    display: none;
 }
 
 .mostrar {
    display: block;
 }
 
 .owl-dots {
    left: 356.5px !important;
 }
 
 #infscr-loading {
    text-align: center
 }
 
 .paginator-next {
    display: none;
 }
 .descargarR{
    position: relative;
    display: inline-block;
 }
 .compartirR{
    position: relative;
    display: inline-block;
 }
 .descargarR ul{
    background: #e0e0e1;
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    max-height: 105px;
    overflow: hidden;
    overflow-y: auto;
 
 }
 .descargarR ul::-webkit-scrollbar{
    width:5px;
 }
 .descargarR ul::-webkit-scrollbar-thumb {
    background: #939598;
    outline: 1px solid slategrey;
 }
 .descargarR ul li{
    position: relative;
    padding: 0 1.875rem 0 1.25rem;
    line-height: 35px;
    height: 35px;
    cursor: pointer;
    border-top: 1px solid #ffffff;
    transition: background-color .2s ease-in;
 }
 .descargarR ul li:hover{
    background: #f6f6f6;
 }
 
 .descargarR ul li a span{
    float: right;
 }
 .listaDescargas{
    padding: 40px 0;
    top: -160px;
    width: 230px;
    left: -128px;
    position: absolute;
    display: none;
 }
 .descargarR:hover .listaDescargas{
    display: inline-block;
 }
 .pico{
    position: relative;
    width: 100%;
 }
 
 .trianguloR{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8.5px 0 8.5px;
    border-color: #e0e0e1 transparent transparent transparent;
    position: absolute;
    bottom: 0;
    margin:0 auto;
    right: -66px;
    left: 0;
 }
 
 .titulo-zona {
    font-weight: bold;
    padding-bottom: 15px;
 }
 
 .titulo-20 {
    font-size: 13px;
    font-style: italic;
 }
 .solucion h3.titulo-5.txt-blanco.mb10.animation-1.titulo-20 {
    display: none;
 }
 .padding-acabados .cuadro {
    border: 1px solid #dadada;
 }
 @media screen and (max-width:1000px) {
 
 
 
    .subtitulo-27 {
       font-size: 20px !important;
    }
 
    .padding-r50 {
       padding-right: 15px !important;
    }
 
    .mermar {
       padding-left: 15px !important;
       padding-right: 15px !important;
    }
 
    .play-video {
       width: 62px;
       margin-top: 27px;
    }
 
    .historia-next {
       width: 100%;
       margin-top: 53px;
    }
 
    .historia-prev {
       width: 100%;
       margin-top: 53px;
    }
 
    .mapa-donde {
       width: 100%;
       height: 400px;
       position: relative;
    }
 
    .caja-mapa-campus {
       height: auto;
    }
 
    .div-padding-30 {
       padding: 0px 15px !important;
    }
 
    .info-local {
       width: 100%;
       position: relative;
       height: auto;
       left: 0px;
       top: 40px;
       background: #ff9e01;
       z-index: 999;
       margin-bottom: 50px;
    }
 
    .boton-novedad {
       width: 100%;
       text-align: center;
       margin-bottom: 10px;
    }
 
    .bajarr {
       margin-top: 100px;
    }
 
    .r-block {
       width: 100%;
       margin-bottom: 10px;
       display: block;
    }
 
    .descarga-img {
       margin-left: auto;
    }
 
 
 
    .padding-l50 {
       padding-left: 15px !important;
    }
 
    .left-nav {
       left: -15px;
    }
    .right-nav {
       right: -55px;
    }
    .desc-aula {
       display: none;
    }
 
    .tab-s {
       width: 50%;
    }
 
    .slider-aulas .owl-carousel .owl-stage-outer {
       overflow: hidden !important;
    }
 
    .descargar-doc {
       margin-top: 60px;
    }
 
    .pdf-icon {
       width: 60px;
       position: relative;
       float: right;
       top: -15px;
       left: -14px;
    }
 
    .caja-linea {
       width: 100%;
       padding: 0px 0px 0px 20px;
       height: auto;
       position: relative;
    }
 
    .normalizar-padding {
       padding: 0px 15px !important;
    }
 
    .nombre-vista .titulo-10 {
       font-size: 23px;
    }
 
    .navegacion {
       position: absolute;
       width: 100%;
       height: 857px;
       background: #ff9e01;
       padding-top: 70px;
       top: 0px;
       display: none;
       left: 0;
    }
 
    .menu-desplegable {
       position: relative;
    }
 
    .padding-0 {
       padding: 0px 15px !important;
    }
 
    .padding-5 {
       padding: 10px !important;
    }
 
    .encuentranos {
       font-size: 21px;
       color: #acadaf;
       padding-left: 18px !important;
    }
    .redesFoo {
       padding-left: 10px;
    }
    .paises {
       line-height: 2;
    }
 
    header {
       width: 100%;
       height: 70px;
       background: #fff;
       position: relative;
       z-index: 999;
    }
 
    .mail-icono {
       position: relative;
       left: 0px;
       top: -4px;
       width: 48px;
    }
 
    body {
       overflow-x: hidden !important;
    }
 
    .logo-header {
       height: 53px;
       margin-top: 10px;
       float: left;
       margin-right: 30px;
       margin-left: 8px;
    }
 
    .logo-header2 {
       height: 53px;
       position: absolute;
       left: 10px;
       top: 10px;
    }
 
    .owl-theme .owl-nav.disabled .owl-dots {
       margin-top: 10px;
       position: absolute;
       top: 77%;
       left: 9%;
       margin-left: 4px;
    }
 
    .navegacion ul li {
       width: 100%;
       height: auto;
       float: left;
       border-bottom: 1px solid rgba(255,255,255,0.2);
       position: relative;
    }
 
    .owl-theme .owl-dots .owl-dot span {
       width: 20px;
       height: 4px;
       margin: 5px 7px;
       background: #ffffff;
       display: block;
       -webkit-backface-visibility: visible;
       transition: opacity 200ms ease;
       border-radius: 0;
    }
 
    .padding-l0 {
       padding: 0px 15px !important;
    }
 
    .p40-0 {
       padding: 15px 15px;
    }
 
    .navegacion ul li p i {
       display: none;
    }
 
    .contenedor-li {
       position: relative;
       display: inline-table;
       left: 0px;
       bottom: -1px;
       height: auto;
       width: 100%;
       padding-top: 15px;
       padding-bottom: 15px;
    }
 
    .ampliacion {
       left: 50%;
    }
 
    .nav-slider2 .next, .nav-slider2 .prev{
       z-index: 2;
    }
 
 }
 
 @media screen and (max-width: 1400px) {
 
 
    .info-slider {
       /*margin-top: 100px;*/
       margin-left: 30px;
    }
 }
 
 
 @media screen and (max-width: 1300px) {
 
    .buscador {
       display: none;
    }
 
    .info-slider {
       /*margin-top: 23px;
       width: 123% !important;
       width: 60% !important;*/
    }
 }
 
 
 @media screen and (max-width: 1199px){
    /*.info-slider {
       margin-top: 23px;
       width: 80% !important;
    }*/
 }
 
 
 
 @media screen and (min-width: 1500px) {
 
 
 
    .owl-clientes .owl-nav.disabled + .owl-dots {
       margin-top: 10px;
       position: absolute;
       top: 110%;
       right: 0px;
       margin-left: 4px;
       width: auto;
       left: auto;
       display: inline-block;
    }
 }
 
 
 @media screen and (min-width: 1000px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 93%;
    }
 }
 
 @media screen and (min-width: 1100px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 84%;
    }
 }
 
 
 @media screen and (min-width: 1200px) {
    .padding-proyecto.slider-proyectos ul#vertical > li.lslide.active > img {
       transform: scale(1.08);
    }
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 75%;
    }
 }
 
 @media screen and (min-width: 1300px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 87%;
    }
 }
 
 @media screen and (min-width: 1400px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 86%;
    }
 }
 
 @media screen and (min-width: 1500px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 84%;
    }
 }
 
 @media screen and (min-width: 1600px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 84%;
    }
 }
 
 @media screen and (min-width: 1700px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 84%;
    }
 }
 
 @media screen and (min-width:1800px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 69%;
    }
 }
 
 @media screen and (min-width:1900px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 65%;
    }
 }
 
 @media screen and (min-width:2000px) {
    .owl-theme .owl-nav.disabled + .owl-dots {
       top: 64%;
    }
 }
 
 .download-category-active {
    color: #ff9e01 !important;
 }
 
 
 
 
 /*ricarddo*/
 
 /*.next-videos {
     left: 71%;
 }*/
 
 /*ricardo*/
 
 /****ricardo****/
 .cont5{
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
 }
 .cont6{
    width: 60%;
    margin: 0 auto;
    left: 0;
    right: 0;
 }
 .cont7{
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
 }
 
 .cont8{
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
 }
 #empleo .row{
    margin: 0 !important;
    padding: 0 !important;
 }
 #empleo .tabla h3{
    background-color: #00a0b2;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    padding: 20px;
 }
 #empleo .tabla thead th{
    background-color: #00a0b2;
    text-align: center;
    color: #ffffff;
    font-size: 22px;
    padding: 5px;
 }
 .oferta h4{
    color: #ff9e02;
    font-size: 24px;
    margin-bottom: 20px !important;
 }
 .oferta p{
    font-size: 16px;
    color: #939598;
    line-height: 20px;
 }
 #empleo .tabla {
    text-align: center !important;
 }
 #empleo .tabla p{
    font-size: 18px;
    color: #939598;
    padding: 30px 0px;
    position: relative;
    margin: 20px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
 }
 #empleo .tabla td{
    font-size: 18px;
    color: #939598;
    padding: 10px 0px;
    position: relative;
    margin: 20px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
 }
 /*#empleo .tabla tr:nth-child(odd) td{
     background-color: #e3e3e3;
 }
 
 #empleo .tabla tr:nth-child(even) td{
     background-color: #e3e3e3;
 }
 */
 .tituloTable p{
    text-align: center !important;
    padding: 10px 0px !important;
    background-color: #e3e3e3;
    color: #acadaf;
    font-size: 18px;
 }
 .tituloTable{
    text-align: center !important;
    padding: 10px 0px !important;
    background-color: #e3e3e3;
    color: #acadaf;
    font-size: 18px;
    border-bottom: 1px solid #fff !important;
 }
 .tituloTable:hover{
    background-color: #00a0b2 !important;
    color: #ffffff !important;
 }
 .barra{
    margin: 20px 0px !important;
    border-spacing: 20px 0;
 }
 #empleo{
    margin-top: 95px;
 }
 #empleo h2{
    font-size: 26px;
    color: #ff9e02;
    font-weight: bold;
 }
 .bordeLeft{
    border-left: 2px solid #e0e0e1;
    padding-left: 32px !important;
 }
 .tituloCont{
    padding-bottom: 30px !important;
    display: inline-block;
    width: 100%;
 }
 .bordeLeft p{
    font-size: 21px;
    color: #939598;
 }
 .filtrarCont{
    float: right;
    margin-top: 25px;
 }
 .linIN{
    float: left;
    background-color: #438bca;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 15px;
    cursor: pointer;
 }
 @media(min-width: 1300px) and (max-width: 1440px){
    .linIN{
       margin-right: 5px !important;
    }
    .filtrar {
       padding: 8px 0px !important;
    }
 }
 .filtrar{
    float: left;
    background-color: #00a0b2;
    padding: 8px 30px;
    font-size: 19px;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
 }
 .filtrar p{
    margin: 0;
    float: left;
 }
 .IN{
    float: left;
    background-color: #83b2da;
    padding: 10px 11px;
    font-size: 17px;
    color: #ffffff;
 }
 .join{
    float: left;
    padding: 0px 11px;
    font-size: 10px;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 44px;
 }
 .verMasJob {
    display: block;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    width: 46px;
    color: #ffffff !important;
    line-height: 46px;
    background-color: #e3e3e3;
    border-bottom: 1px solid #fff;
 }
 .tituloTable p:hover{
    background-color: #00a0b2;
    color: #ffffff !important;
 }
 .verMasJob:hover{
    background-color: #00a0b2;
    color: #ffffff;
 }
 .padding0{
    padding: 0 !important;
 }
 .registrar{
    background-color: #ff9e02;
    margin: 60px auto;
 }
 .registrar p{
    float: left;
    font-size: 22px;
    color: #ffffff;
    line-height: 30px;
    position: relative;
 }
 .hojaVidaFoot .registrar p {
    display: table;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
 }
 /*.registrar p:before{
     content: "";
     position: absolute;
     left: -50px;
     width: 30px;
     height: 2px;
     background-color: #ffffff;
     top: 12px;
 }*/
 .enviarHV{
    float: right;
    background-color: #ffffff;
    color: #ff9e02 !important;
    font-size: 18px;
    text-transform: uppercase;
    padding: 14px 30px;
    cursor: pointer;
    margin: 7px 0;
 }
 .hojaVidaFoot .enviarHV{
    text-align: center;
    float: none;
    display: table;
    margin: 0 auto;
 }
 .enviarHV .fa{
    margin-left: 13px;
 }
 .registrar div{
    display: inline-block;
    width: 100%;
    padding: 20px 60px 10px;
 }
 .modalR h2 {
    font-size: 36px;
    color: #ff9e02;
    font-weight: 800;
 }
 .bordeLeft p {
    font-size: 21px;
    color: #939598;
 }
 .tituloCont p {
    font-size: 18px;
    margin-top: 10px;
    line-height: 18px;
 }
 .modalR{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 9999;
    display: none;
 }
 .popForm{
    background-color: #ffffff;
    width: 60%;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 5%;
    display: table;
    padding: 40px 100px;
    position: relative;
 }
 .input{
    width: 100%;
    border: 1px solid #dbdbdc;
    padding: 0px 20px;
    margin: 10px 0px;
    position: relative;
 }
 .input input{
    width: 100%;
    border: none;
    height: 48px;
    color: #939598;
    font-size: 16px;
 }
 .input textarea{
    width: 100%;
    border: none;
    height: 48px;
    color: #939598;
    font-size: 21px;
    height: 100px;
    padding-top: 15px;
 }
 .formulario .bordeLeft {
    margin-bottom: 30px;
 }
 ::-moz-placeholder {
    opacity: 1;
 }
 .formulario ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #939598;
    font-size: 16px;
 }
 .formulario ::-moz-placeholder { /* Firefox 19+ */
    color: #939598;
    font-size: 16px;
 }
 .formulario :-ms-input-placeholder { /* IE 10+ */
    color: #939598;
    font-size: 16px;
 }
 .formulario :-moz-placeholder { /* Firefox 18- */
    color: #939598;
    font-size: 16px;
 }
 .botonFile{
    background-color: #ff9e02;
    display: inline-block;
    padding: 8px;
    color: #ffffff;
    font-size: 16px;
    left: 20px;
    clear: both;
 }
 
 .botonFile p{
    float: left;
    margin: 0;
 }
 
 .inputFile{
    padding-top: 12px;
 
 }
 .inputFile label{
    width: 100%;
    cursor: pointer;
    color: #939598;
 }
 .inputFile input{
    display: none !important;
 }
 .check a{
    font-size: 14px;
    color: #939598;
 }
 .check a:hover{
    color: #939598;
 }
 .check a span{
    font-size: 21px;
    color: #ff9e02;
    text-decoration: underline !important;
 }
 .check a:hover span{
    color: #ff9e02;
 }
 .botonForm{
    float: right;
 }
 .check{
    float: left;
 }
 .check p{
    font-size: 14px !important;
 }
 .botonForm button{
    background-color: #ff9e02;
    border: none;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 18px;
    width: 200px;
    padding: 10px 0px;
    text-align: center;
    margin-left: 40px;
 }
 .textarea{
    margin-bottom: 30px;
 }
 .cerrarForm{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ff9e02;
    color: #ffffff;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    font-size: 20px;
 }
 .gracias{
    position: relative;
    margin: 0 auto;
    right: 0;
    left: 0;
    display: table;
    margin-top: 5%;
 }
 .cerrarGracias{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffffff;
    color: #ff9e02;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    font-size: 20px;
 }
 .gracias p{
    position: absolute;
    top: 30px;
    color: #ffffff;
    font-size: 50px;
    line-height: 70px;
    margin: 160px auto;
    left: 0;
    right: 0;
    width: 73%;
    text-align: center;
 }
 .txt-blanco a{
    color: #ffffff;
 }
 .txt-blanco a:hover{
    color: #ffffff;
 }
 .filtrar span{
    float: left;
    width: 70px;
    border-right: 1px solid #ffffff;
 }
 .regresar{
    position: relative;
    float: right;
 }
 .regresarCont{
    background-color: #00a0b2;
    color: #ffffff;
    display: inline-block;
 }
 .regresarCont a {
    color: #ffffff;
    width: 50px;
    height: 40px;
    display: block;
    float: left;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-right: 1px solid #ffffff;
 }
 .regresarCont a:hover{
    color: #ffffff;
 }
 .regresarCont p{
    margin: 0;
    float: left;
    line-height: 40px;
    padding: 0px 20px;
 }
 .descripTitle{
    float: left;
    width: 50%;
    text-align: right;
    color: #ff9e02;
    display: inline-block;
 }
 .descripDesc{
    float: left;
    width: 49%;
    text-align: left;
    color: #9c9d9f;
    margin-left: 5px;
    display: inline-block;
 }
 .descripcionR{
    border: 1px solid #e3e3e3;
    display: inline-block;
    padding: 30px;
    width:100%;
    float: left;
    margin-top: 60px;
 }
 .descripcionR p{
    margin: 0;
    font-size: 16px;
 }
 .hojaVidaFoot{
    float: left;
    width: 100%;
    margin-left: 10px;
    margin-bottom: 100px;
 }
 .hojaVidaFoot .registrar{
    float: left;
 }
 .hojaVidaFoot .registrar div {
    margin: 0px auto;
    left: 0;
    right: 0;
    display: table;
    padding: 20px 80px;
 }
 .hojaVidaFoot .registrar p {
    margin-right: 80px;
 }
 /*.hojaVidaFoot .enviarHV {
     float: right;
 }*/
 .breadcumbs a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.71);
 }
 .closeMenu{
    display: none;
 }
 .flechaR{
    display: none;
 }
 
 .activeR{
    left: 10px !important;
    /*padding: 0px 15px !important;*/
 }
 .regiones li:first-child a{
 
 }
 
 .mail-icono {
    position: relative;
    left: 14px;
    top: -4px;
    width: 60px;
 }
 .parrafoR{
    height: 111px;
    overflow:auto;
    padding-right: 22px;
 }
 .parrafoR::-webkit-scrollbar {
    width: 5px;
 }
 .parrafoR::-webkit-scrollbar-thumb {
    background: #d68500;
 }
 .listaR{
    width: 150px;
    float: left;
 }
 .miniaturas .item .cuadro{
    height: 94px;
 }
 
 .botonRojo{
    padding: 4px 17px;
    background: #c7312b;
    width: auto;
    display: inline-block;
    color: #fff;
    float: left;
 }
 @media(max-width: 768px){
    /*.gobtm i {
        right: 2%;
    }*/
    .cont7 {
       width: 90%;
       margin: 0 auto;
       left: 0;
       right: 0;
    }
    .parrafo-regular iframe {
     width: 100%;
     height: 100%;
    }
    .table td{
       padding: 30px !important;
    }
    .registrar div {
       padding: 10px !important;
    }
    .popForm {
       padding: 40px 30px;
       height: 300px;
       overflow: hidden;
       overflow-y: auto;
       width: 90%;
    }
    .formulario{
       height: 530px;
       overflow: hidden;
       overflow-y: auto;
    }
    .gracias img{
       width: 100%;
       margin: 0 auto;
       left: 0;
       right: 0;
       display: block;
    }
    .gracias p {
       font-size: 30px;
       line-height: 50px;
       margin: 0px auto;
       top: 100px;
    }
    .next-videos {
       left: 70%;
       z-index: 99
    }
    .flechaR{
       position: absolute;
       display: block;
       top: 3%;
       right: 4%;
       background: #00a0b2;
       padding: 0px 5px;
    }
    .mail-icono {
       left: 12px;
       width: 100%;
    }
    .input-regular {
       width: 100%;
    }
    .webcra {
       margin-left: 0 !important;
    }
    .miniaturas .cuadro {
       height: 780px;
    }
 }
 
 .descargaHead{
    padding: 6px 18px 6px 18px;
    position: relative;
 }
 
 .texto-video {
    width: 100%;
    position: relative;
    right: 0px;
    height: auto;
    display: block;
    padding: 15px 20px 15px 0px;
    background: white;
 }
 .seccion-regular2 {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 45px 0px;
    z-index: 1;
    position: relative;
    background-color: #fff;
 }
 
 .seccion-regular2 .caja-linea hr{
     border-top: 1px solid rgba(38, 53, 82, 0.42);
 }
 .borderadio30{
    border-radius: 10px;
 }
 input[type="checkbox"]{
    margin-right: 10px !important;
 }
 .nav-slider .separador {
    margin: 0;
 }
 @media(max-width: 1100px){
    .titulo-5 {
       font-size: 15px;
       margin-bottom: 19px;
    }
    p.parrafo-regular.txt-blanco {
       font-size: 12px !important;
    }
    .caja.solucion .titulo-5{
       margin-bottom: 20px !important;
    }
    .titulo-seccion2.txt-azul{
       margin-top: 10px;
    }
    .boton-regular {
       padding: 7px 3px;
       font-size: 13px;
    }
 
    .categorias .subtitulo-20{
       font-size: 13px !important;
    }
    .categorias .parrafo-small{
       text-align: left !important;
    }
    .categorias .active-categoria {
       padding-left: 15px !important;
    }
    .subtitulo-30 {
       font-size: 26px !important;
    }
    .anteheader p {
       font-size: 13px !important;
    }
 }
 
 .webcra{
    margin-left: 20px;
 }
 
 /****ricardo****/
 
 /* JJ */
 .filtrar select {
    color: #fff;
    font-size: 14px;
    padding: 0px 10px;
    background: #00a0b2;
    border: none;
 }
 .modalR select {
    color: #939598;
    font-size: 16px;
    padding: 5px 10px;
    width: 100%;
    border: none;
    height: 48px;
 }
 /* JJ */
 /* AZ */
 
 .owl-next.disabled, .owl-prev.disabled {
    display: none;
 }
 .item-listado .col-md-6 {
    padding-left: 25px;
 }
 @media(max-width: 768px) and (orientation: landscape){
    .miniaturas .cuadro {
       height: 730px;
    }
 }
 @media(max-width: 425px){
    .lSSlideWrapper{
       height:260px !important;
    }
 
 }
 @media(max-width: 1000px){
 
    .lSSlideOuter{
       padding-right:0px !important;
    }
 
    .lSSlideOuter.vertical .lSGallery {
       position: relative !important;
       right: 0;
       top: 0;
       width: 100% !important;
    }
 
    .lSSlideOuter .lSPager.lSGallery li {
       overflow: hidden;
       float: left;
       width: 49% !important;
       margin-right: 1%;
    }
 
    .cinco {
       width: 100%;
       display: block;
 
    }
    .menu-desplegable {
       height: 255px;
       overflow: hidden;
       overflow-y: auto;
       width: 100%;
       margin: 0 auto;
       left: 0;
       right: 0;
       float: none;
    }
    .descargaHead {
       padding: 6px 6px 6px 6px;
       position: relative;
       float: left;
    }
    .zona-boton {
       float: right;
    }
    .owl-nav img{
       width: 100%;
    }
    .owl-theme .owl-nav [class*='owl-'] {
       width: 50px;
    }
    .owl-carousel1 .owl-nav {
       top: 22%;
    }
    .titulo-seccion2 {
       font-size: 31px;
    }
    .tab-s {
       padding: 22px 23px;
    }
    .enviarHV {
       padding: 14px 18px;
       margin-left: 0px;
    }
    .registrar p {
       line-height: 30px;
    }
    .descargar-doc h2 {
       float: left;
    }
    .acabados{
       width: 80%;
       float: left;
    }
    .padding-contacto {
       padding: 50px 0px !important;
    }
    #empleo .tabla thead th {
       font-size: 19px;
    }
    .cont6 {
       width: 90%;
       margin: 0 auto;
       left: 0;
       right: 0;
    }
    .regresar {
       margin-top: 30px;
    }
    .regresarCont a {
       width: 40px;
    }
    .descripcionR {
       padding: 0px;
       width: 100%;
       margin-bottom: 50px;
       margin-top: 60px;
    }
    .descripDesc {
       width: 48%;
    }
    .descripTitle {
       width: 50%;
    }
    .hojaVidaFoot {
       width: 100%;
       margin-left: 0px;
    }
    .hojaVidaFoot .registrar p {
       float: none;
       margin-right: 0px;
    }
    .hojaVidaFoot .enviarHV {
       float: none;
       margin-right: 0px;
       margin: 0 auto;
       left: 0;
       right: 0;
       display: block;
    }
    .check a {
       font-size: 15px;
    }
    .botonFile {
       font-size: 12px;
    }
    .lSSlideOuter.vertical .lSGallery {
       display: none;
    }
 }
 .hojaVidaFoot .registrar {
    width: 100%;
 }
 @media(max-width: 400px){
    .miniaturas .cuadro {
       height: 260px;
    }
 }
 /* AZ */
 
 /*.row{
 margin-right: 0px !important;
 margin-left: 0px !important;
 }
 */
 @media(min-width: 1001px) and (max-width: 1030px){
    /*.slider-aulas .owl-carousel .owl-stage-outer {
        overflow: hidden !important;
    }*/
    .oferta h4{
       font-size: 30px;
    }
    .cuadro iframe {
       width: 100%;
    }
 
    .icono-descargas {
       right: -10px;
    }
 
    .listaDescargas {
       left: -115px;
    }
    #empleo h2{
       font-size: 34px;
    }
    .bordeLeft p {
       font-size: 16px;
    }
    .registrar p{
       font-size: 16px;
       line-height: 16px;
    }
    #empleo .tabla td{
       font-size: 16px;
    }
    .oferta p{
       font-size: 16px;
       line-height: 16px;
    }
    .enviarHV{
       font-size: 16px;
       margin: 0 auto !important;
       float: none !important;
       width: 82%;
       display: table;
       left: 0;
       right: 0;
       text-align: center;
    }
    .descripTitle{
       width: 45%;
    }
    .descripDesc{
       width: 50%;
    }
    .hojaVidaFoot{
       width: 48%;
       float: left;
    }
    .regresarCont a{
       width: 60px;
    }
    .separador-descargar {
       margin: 0px 10px;
    }
    .descripcionR {
       padding: 30px 0px;
       width: 50%;
       float: left;
    }
    .popForm {
       width: 90%;
    }
 }
 
 @media(min-width: 992px) and (max-width: 1199px){
    .dosint1 > br {
       display: none;
    }
    .dosint2 {
       min-height: 406px !important;
    }
    .parrafo-regular, .seccion-regular2 p {
       font-size: 14px;
    }
 }
 @media(min-width: 1001px) and (max-width: 1199px){
    .slider-proyectos .lSSlideWrapper.usingCss, .imp-wrap {
       height: 348px !important;
    }
    .slider-proyectos ul.lSPager.lSGallery li {
       height: 83.2px !important;
       margin-bottom: 5px !important;
    }
 }
 @media(min-width: 980px) and (max-width: 999px){
    .borde {
       height: 731px;
    }
 }
 
 .novedades-desc ul{
    float: left;
    font-size: 11px !important;
    position: relative;
    left: -8px;
    top: 5px;
 }
 
 .novedades-desc li {
    font-size: 16px;
    font-family: vag-light;
    color: #ACADAF;
    text-align: justify;
    position: relative;
 }
 
 .novedades-desc li::before {
    content: ".";
    float: left;
    font-size: 40px !important;
    position: relative;
    left: -13px;
    color: #1aa9b9;
    top: 2px;
    line-height: 0;
    display: none;
 }
 
 .next,
 .prev{
    cursor: pointer;
 }
 .next{
     border-radius: 10px 0 0 10px;
 }
 .prev{
     border-radius: 10px 0 0 10px;
 }
 .bottom25 form{
    padding-left: 32px;
 }
 .owl-videos{
    padding:0px 15px;
 }
 .item-listado p{
    text-align: left;
 }
 .noMargin{
    margin: 0 !important;
 }
 
 @media(min-width: 1025px) and (max-width: 1500px){
    .cont6 {
       width: 80%;
       margin: 0 auto;
       left: 0;
       right: 0;
    }
    .check a {
       font-size: 14px;
       color: #939598;
    }
 }
 .formulario{
    height: 520px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 10px;
 }
 .formulario::-webkit-scrollbar {
    width: 10px;
 }
 .formulario::-webkit-scrollbar-thumb {
    background: #ff9e02;
    outline: 1px solid slategrey;
 }
 .mesajeR{
    color: #ff9e02;
    opacity: 0.8;
    font-family: vag-light;
    font-size: 15px;
 }
 
 /* Ajustes AZ */
 @media( min-width: 1900px) {
    .cont7{
       width: 55%;
    }
    .join {
       padding: 0px 4px;
       font-size: 9px;
    }
    .cont6 {
       width: 50%;
    }
 }
 
 #WorkusContactTrabajeAmpliacionForm select{
    background-color: #fff !important;
 }
 
 .descargadores .item-listado .cuadro iframe{
    margin: 20px auto;
    left: 0;
    right: 0;
    float: none;
    display: table;
 }
 
 /******karen*****/
 
 /**********home*********/
 
 .mascara-3d100{
     display: flex;
     align-items: flex-end;
    top: auto;
    bottom: 20px;
 }
 
 /*.info-slider{
     padding: 43px 85px 43px 97px;
 }*/
 
 .info-slider .titulo-10{
     font-size: 34px
 }
 
 .info-slider .parrafo-regular{
     font-size: 18.72px;
     padding-bottom: 0;
 }
 
 .mas-slider{
     width: 50px !important;
    right: 3px;
    bottom: 40%;
    display: none !important;
 }
 
 .info-slider a:hover + .mas-slider, .mas-slider:hover {
     transform: rotate(90deg);
     border-radius: 50%;
     cursor: pointer;
 }
 
 .soluciones-inteligentes-home .container{
     width: 1415px;
 }
 
 .soluciones-inteligentes-home .container > div.row:first-child{
     /*margin-left: 20px;*/
 }
 
 .productos-home{
     padding-top: 10px;
 }
 
 p.parrafo-home{
    font-size: 16px;
    font-family: vag-light;
    color: #000;
    text-align: justify;
    line-height: normal;
 }
 
 .soluciones-inteligentes-home .caja.solucion a div{
     line-height: normal;
     padding: 8px 20px;
 }
 
 /*.soluciones-inteligentes-home .caja.solucion a div p{
     font-size: 11px;
     font-weight: 900;
 }*/
 
 .soluciones-inteligentes-home p.parrafo-regular.txt-blanco{
     font-size: 22px;
     line-height: normal;
 }
 
 .soluciones-inteligentes-home .owl-soluciones-h .owl-nav .owl-prev,
 .soluciones-inteligentes-home .owl-soluciones-h .owl-nav .owl-next{
     background: transparent;
     position: absolute;
     top: 35%;
 }
 
 .soluciones-inteligentes-home .owl-soluciones-h .owl-nav .owl-prev{
     left: -69px;
 }
 
 .soluciones-inteligentes-home .owl-soluciones-h .owl-nav .owl-next{
     right: -69px;
 }
 
 .productos-home .container{
     width: 1415px;
 }
 
 .productos-home .container > div.row:first-child{
     margin-left: 20px;
 }
 
 .linea-titulo{
     position: relative;
 }
 
 .linea-titulo h2:before{
     content: "";
     position: absolute;
     display: block;
     width: 2px;
     height: 100%;
     background: rgba(38, 53, 82, 0.42);
     left: -25px;
 }
 
 .producto .cuadro{
     background-size: contain !important;
     background-repeat: no-repeat !important;
 }
 
 .titulo-novedades-home{
     margin-left: 40px;
     margin-bottom: 30px;
 }
 
 .boton-fecha{
     font-weight: bold;
 }
 
 .home .bck .caja{
     width: 80%;
     padding: 40px 70px;
 }
 
 .home .bck .caja .row{
     margin: 0;
 }
 
 .home .bck .caja p{
     line-height: normal;
     margin-top: 10px;
 }
 
 .home .bck .caja a div{
     line-height: normal;
     padding: 8px 20px;
 }
 
 .home .bck .caja a div p{
     font-size: 20px;
     font-weight: 900;
     margin: 0;
 }
 
 .home .caja.back-blanco h3{
     margin: 45px 0px 20px !important;
 }
 
 .home .caja.back-blanco p{
     line-height: normal;
 }
 
 .sub-titulo-home{
     font-size: 34px;
     font-weight: bold;
     font-family: vag-bold;
 }
 
 .home .caja.back-blanco a div{
     line-height: normal;
     padding: 8px 20px;
 }
 
 .home .caja.back-blanco a div p{
     font-size: 11px;
     font-weight: 900;
     margin: 0;
 }
 
 .home .caja.back-blanco{
     padding-bottom: 65px;
 }
 
 .soluciones-inteligentes-home{
     padding-bottom: 0;
 }
 
 .institucional-home{
     padding: 115px 0 100px 0;
 }
 
 .institucional-home .container{
     width: 1415px;
 }
 
 .institucional-home iframe{
     border-radius: 10px;
 }
 
 .institucional-home .owl-carousel iframe{
     border-radius: 0;
 }
 
 .institucional-home .owl-carousel .texto-video{
     position: absolute;
     bottom: 0;
     background: white;
     width: 60%;
     left: 0;
     padding: 15px 20px;
 }
 
 .institucional-home .owl-carousel .texto-video p{
     display: inline-block;
     text-align: left;
     margin: 0;
     position: relative;
 }
 
 .texto-galeria-video{
     display: flex;
     align-items: center;
     position: relative;
 }
 
 .texto-galeria-video p:after{
     content: "";
     width: 3px;
     background: #959595;
     height: 100%;
     position: absolute;
     right: 0px;
     top: 0px;
 }
 
 .texto-galeria-video img{
     width: auto !important;
     display: inline-block !important;
     margin-left: 15px;
 }
 
 
 .institucional-home .owl-carousel .cuadro{
     border-radius: 0;
 }
 
 .formulario-footer-home{
     display: flex;
     flex-wrap: wrap;
 }
 
 .form-contacto-home{
     padding: 0 70px 0 24.4% !important;
 }
 
 .padding-contacto{
     padding: 75px 20px;
 }
 
 .form-contacto-home .linea-titulo{
     margin-bottom: 40px;
 }
 
 .form-contacto-home form input, 
 .form-contacto-home form input::placeholder,
 .form-contacto-home form textarea,
 .form-contacto-home form textarea::placeholder{
     font-size: 22px;
     font-family: vag-light;
     color: #000;
     line-height: normal;
 }
 
 .form-contacto-home .input-regular{
     border: 1px solid #e1e1e2;
     background: #f2f2f2;
 }
 
 .form-contacto-home form textarea{
     border: 1px solid #e1e1e2;
 }
 
 .form-contacto-home .parrafo-small label{
     color: #757576;
    max-width: 79%;
 }
 
 .form-contacto-home .parrafo-small label a{
     color: #000;
 }
 
 .form-contacto-home .parrafo-small label a:hover{
     text-decoration: underline !important;
 }
 
 .mapa-contacto{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 /*********footer**********/
 
 .footer-info .container{
     width: 1415px;
 }
 
 .footer-info .dosint1 > p{
     font-size: 21px;
 }
 
 .footer-info .dosint1 > p a{
     font-weight: bold;
 }
 
 .regiones li, .datos-zona{
     background: transparent !important;
 }
 
 .footer-info .dosd .regiones li a{
     font-size: 21px;
 }
 
 .footer-info .dosd .regiones li i{
     top: 15px;
 }
 
 .dosint2{
     min-height: auto !important;
 }
 
 .footer-info .dosd .dosint2 h3{
     font-size: 30px;
     font-family: vag-bold;
     margin-bottom: 15px !important;
 }
 
 .footer-info .dosd .dosint2 p{
     font-weight: bold;
 }
 
 .encuentranos{
     font-size: 27px !important;
     font-family: vag-bold !important;
     color: #919292 !important;
 }
 
 .parrafo-resmall a{
     font-size: 11.38px;
     color: #919292 !important;
 }
 
 .suscribete-footer-home h4{
     font-size: 21px;
     color: #919292;
     font-family: vag-bold;
 }
 
 .suscribete-footer-home p{
     font-size: 20px;
     font-weight: bold;
     color: #7a7a78;
 }
 
 #SuscriptorHomeForm div.placeholder-gris input{
     border: 1px solid #e1e1e2;
     background: #f2f2f2;
     color: #939598;
     font-family: vag-bold;
    font-size: 17px;
 }
 
 #SuscriptorHomeForm div.placeholder-gris input::placeholder{
     color: #939598;
     font-family: vag-bold;
     font-size: 21px
 }
 
 #SuscriptorHomeForm .lbtext label{
     color: #919292;
     font-size: 14px;
     text-align: left;
     margin: 0;
 }
 
 #SuscriptorHomeForm .lbtext label a{
     color: black;
 }
 
 #SuscriptorHomeForm .lbtext label a:hover{
     text-decoration: underline !important;
 }
 
 /**************contacto**************/
 
 .banner .mascara-3d100{
     align-items: flex-end;
     bottom: 0;
 }
 
 .banner .mascara-3d100 .container > .row > div{
     position: absolute;
     bottom: 0px;
    margin-bottom: 5px;
 }
 
 .banner .info-slider{
     margin: 0;
     align-content: flex-start;
     padding: 70px;
    padding: 20px 40px 0px;
 }
 
 .banner .info-slider .titulo-10{
     font-size: 30px;
     line-height: 1;
 }
 
 .banner .info-slider .parrafo-regular{
     line-height: 1;
     font-size: 16px;
 }
 
 .banner .info-slider .mas-slider{
     width: 50px !important;
     right: -5%;
     top: 36%;
 }
 
 .banner .info-slider .mas-slider:hover{
     cursor: auto;
 }
 
 .separador-contactenos{
     background: transparent;
     height: 0;
     width: 0;
 }
 
 .checkk{
    display: inline-block;
 }
 
 .checkk input[type="radio"] {
   display: none;
 }
 .checkk input[type="radio"] + label span {
   display: inline-block;
   width: 17px;
   height: 17px;
   margin: -1px 4px 0 0;
   vertical-align: middle;
   border: 2.4px solid #cacaca;
   border-radius: 50px;
   cursor: pointer;
   position: relative;
   padding: 2.2px 3px;
 }
 
 .checkk input[type="radio"] + label span:before{
    display: none;
 }
 .checkk input[type="radio"]:checked + label span:before {
    display: block;
     content: "";
     background: #cacaca;
    position: inherit;
    width: 100%;
    height: 96%;
    border-radius: 50px;
 }
 
 #ContactContactenosForm input, 
 #ContactContactenosForm input::placeholder, 
 #ContactContactenosForm textarea, 
 #ContactContactenosForm textarea::placeholder{
    font-family: vag-light;
    color: #000;
    line-height: normal;
 }
 
 #ContactContactenosForm input{
    border: 1px solid #e1e1e2;
    background: #f2f2f2;
 }
 
 #ContactContactenosForm textarea{
    border: 1px solid #e1e1e2;
    height: 115px;
 }
 
 #ContactContactenosForm p.parrafo-regular{
    color: #757576;
    font-size: 14px;
    text-align: left;
 }
 
 #ContactContactenosForm p.parrafo-regular a{
    color: #000 !important;
 }
 
 #ContactContactenosForm p.parrafo-regular a:hover{
    text-decoration: underline !important;
 }
 
 #ContactContactenosForm > div:last-child > div:first-child{
    padding: 0 !important;
 }
 
 #SuscriptorContactenosForm > div.placeholder-gris input{
    border: 1px solid #e1e1e2;
    background: #f2f2f2;
    color: #939598;
    font-family: vag-bold;
 }
 
 /************compa単ia************/
 
 .carousel-proyecto img{
    border-radius: 30px;
 }
 
 .carousel-proyecto .desc-aula2{
    width: 50%;
    height: auto;
    padding: 25px 40px;
    border-radius: 30px 0px 30px 0px;
 }
 
 .carousel-proyecto .desc-aula2 h1:after,
 .carousel-proyecto .desc-aula2 h2:after{
    content: "";
    width: 100%;
    height: 1px;
    background: white;
    margin: 18px 0px;
    display: block;
 }
 
 .carousel-proyecto .owl-nav .owl-prev,
 .carousel-proyecto .owl-nav .owl-next{
    background: transparent;
    position: absolute;
    top: 44%;
 }
 
 .carousel-proyecto .owl-nav .owl-prev:hover,
 .carousel-proyecto .owl-nav .owl-next:hover{
    background: transparent;
 }
 
 .carousel-proyecto .owl-nav .owl-prev{
    left: -69px;
 }
 
 .carousel-proyecto .owl-nav .owl-next{
    right: -69px;
 }
 
 /*************servicios**************/
 
 .owl-aulas img{
    border-radius: 30px;
 }
 
 .owl-aulas .desc-aula2{
    width: 50%;
    height: auto;
    padding: 25px 40px;
    border-radius: 30px 0px 30px 0px;
 }
 
 .owl-aulas .desc-aula2 h1:after,
 .owl-aulas .desc-aula2 h2:after{
    content: "";
    width: 100%;
    height: 1px;
    background: white;
    margin: 18px 0px;
    display: block;
 }
 
 .owl-aulas .owl-nav .owl-prev,
 .owl-aulas .owl-nav .owl-next{
    background: transparent;
    position: absolute;
    top: 44%;
 }
 
 .owl-aulas .owl-nav .owl-prev:hover,
 .owl-aulas .owl-nav .owl-next:hover{
    background: transparent;
 }
 
 .owl-aulas .owl-nav .owl-prev{
    left: -69px;
 }
 
 .owl-aulas .owl-nav .owl-next{
    right: -69px;
 }
 
 
 /***********acordeon*************/
 
 .items{
    margin: 5px 0px;
 }
 
 .acordeon a.toggle {
    width: 100%;
    background: #ff9e01;
    color: #fff !important;
    padding: .75em;
    font-size: 18px;
    transition: background .3s ease;
 
    display: flex;
    align-items: center;
    justify-content: space-between;
 
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
 }
 
 .acordeon a.toggle i{
    font-size: 22px;
 }
 
 .acordeon a.toggle:hover, .acordeon a.toggle.act{
    background: #263552;
 }
 
 .acordeon a.toggle:hover i, .acordeon a.toggle.act i{
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
 }
 
 .inner{
    padding-left: 1em;
    overflow: hidden;
    display: none;
    padding: 10px;   
 }
 
 
 /***********responsive****************/
 
 @media (max-width: 1600px){
     .soluciones-inteligentes-home .container, 
     .productos-home .container, 
     .institucional-home .container, 
     .footer-info .container{
         width: 1170px;
     }
 
     .capa-info-soluciones{
         padding: 27px 20px;
     }
 
     .ftbottom .logos{
         padding-top: 0 !important;
         flex-wrap: wrap;
     }
 
     .ftbottom .logos{
         width: auto;
     }
 
    /*********compa単ia*******/
 
    .seccion-slider-compania .container{
       width: 1170px;
    }
 }
 
 @media (max-width: 1440px){
     .info-slider{
         width: 300px;
         /*height: 400px;
         padding: 43px 60px;*/
     }
 
     .titulo-seccion{
         font-size: 37px;
     }
 
     p.parrafo-home, 
     .soluciones-inteligentes-home p.parrafo-regular.txt-blanco{
         font-size: 16px;
     }
 
     .caja.solucion h3, .footer-info .dosd .dosint2 h3{
         font-size: 24px;
     }
 
     .sub-titulo-home{
         font-size: 30px;
     }
 
     .footer-info .dosd .regiones li a, .paises a{
         font-size: 16px;
     }
 
     .encuentranos{
         font-size: 16px !important;
     }
 
     .redesFoo a{
         display: inline-table;
         width: 19.33%;
     }
 
     .redesFoo a img{
         margin-left: 0px !important;
         width: 100%;
     }
 
     .suscribete-footer-home h4{
         font-size: 18px;
     }
 
     .suscribete-footer-home p{
         font-size: 16px;
         text-align: left;
     }
 }
 
 @media (max-width: 1380px){
     .form-contacto-home{
         padding: 0 70px 0 15% !important;
     }
 
     .logo-footer{
         width: 100%;
     }
 
     .encuentranos{
         line-height: 30px;
     }
 
     .redesFoo{
         display: inline-table;
     }
 }
 
 @media (max-width: 1199px){
     .mas-slider{
         width: 50px !important;
     }
 
     .soluciones-inteligentes-home .container, 
     .productos-home .container, 
     .institucional-home .container, 
     .footer-info .container {
         width: 970px;
     }
 
    /*********compa単ia*******/
 
    .seccion-slider-compania .container{
       width: 840px;
    }
 }
 
 @media (min-width: 1024px){
 
    .lslide{
       height: 480px !important;
    }
 
    .menu-desplegable:before {
       content: "";
       background-color: transparent;
       position: absolute;
       width: 100%;
       height: 100%;
       top: -26px;
    }
 
 }
 
 @media (max-width: 1024px){
     .logo-header{
         width: 130px;
     }
 
     .logo-header img{
         height: auto;
         width: 100%;
     }
 
     .info-slider{
         width: 320px;
         height: 320px;
         padding: 39px 45px;
         margin: 0 auto;
     }
 
     .info-slider .titulo-10{
         font-size: 30px;
     }
 
     .info-slider .parrafo-regular{
         font-size: 18px;
     }
 
     .soluciones-inteligentes-home .container, 
     .productos-home .container, 
     .institucional-home .container, 
     .footer-info .container{
         width: 865px;
     }
 
     .texto-producto{
         font-size: 14px;
     }
 
     .institucional-home .owl-carousel .texto-video{
         width: 100%;
         position: relative;
     }
 
     .icono-datos{
         width: 100%;
     }
 
     .datos-zona > div.row > div:first-child, .miniMapa > div{
         padding: 0;
     }
 }
 
 @media (max-width: 1000px){
 
     .logo-header{
         width: 100px;
     }
 
     .logo-header2{
         height: 80px;
     }
 
     .soluciones-inteligentes-home .container, 
     .productos-home .container, 
     .institucional-home .container, 
     .footer-info .container{
         width: 750px;
     }
 
     .owl-nav img{
         width: auto;
     }
 
     .owl-carousel1 .owl-nav img{
         width: 100%;
     }
 
     .home .bnne{
         flex-wrap: wrap;
     }
 
     .home .bnne > div{
         width: 50%;
     }
 
     .home .bck{
         width: 50%;
     }
 
     .home .back-blanco > div > div{
         width: 100%;
         margin: 0;
     }
 
     .institucional-home
 }
 
 @media (max-width: 991px){
     .home > div.container-fluid{
         width: 750px;
     }
 
     .home .bnne > div{
         width: 100%;
     }
 
     .home .bck{
         padding: 120px 0 0!important;
         border-radius: 30px !important;
     }
 
     .home .bck .caja{
         position: relative !important;
         float: right;
     }
 
     .institucional-home{
         padding: 0px 0 64px 0;
     }
 
     .formulario-footer-home > div{
         width: 750px;
         margin: 0 auto;
     }
 
     .form-contacto-home{
         padding: 0 !important;
     }
 
     .mapa-contacto{
         position: relative;
         height: 451px;
     }
 
     .datos-zona > div.row > div:first-child, .miniMapa > div:first-child{
         width: 35px;
     }
 
     .miniMapa{
         width: 100% !important;
     }
 
     .logo-footer{
         width: 130px;
     }
 
     .suscribete-footer-home, 
     #SuscriptorHomeForm > div{
         padding: 0 !important;
     }
 
     #SuscriptorHomeForm .placeholder-gris{
 
     }
 
     .bottom25 form{
         padding-left: 0;
     }
 }
 
 @media (max-width: 840px){
     .soluciones-inteligentes-home .owl-soluciones-h .owl-nav .owl-prev{
         left: -50px;
     }
 
     .soluciones-inteligentes-home .owl-soluciones-h .owl-nav .owl-next{
         right: -50px;
     }
 }
 
 @media (max-width: 800px){
 
     .logo-header{
         width: 75px;
     }
 
     .soluciones-inteligentes-home .container, 
     .productos-home .container, 
     .institucional-home .container, 
     .footer-info .container, .home > div.container-fluid{
         width: 100%;
     }
 
     .soluciones-inteligentes-home .container > div.row:last-child{
         width: 90%;
         margin: 0 auto !important;
     }
 
     .home .bnne{
         margin: 0;
     }
 
     .home .bck{
         background: transparent !important;
         padding: 0 15px 0!important;
     }
 
     .titulo-novedades-home{
         margin-left: 25px;
     }
 
     .home .bnne .back-blanco > div > div > div.col-md-12{
         padding: 0;
     }
 
     .institucional-home .titulo-novedades-home, .titulo-novedades-home{
         margin-left: 0px;
     }
 
     .institucional-home .row > div:first-child > div.row {
         margin: 0;
     }
 
     .institucional-home .row > div:last-child > .caja{
         width: 80% !important;
         margin: 0 auto;
     }
 
     .next-videos{
         right: -55px;
         left: auto;
     }
 
     .prev-videos{
         left: -55px;
     }
 
     .linea-titulo h2:before{
         display: none;
     }
 
     .formulario-footer-home > div{
         width: 100%;
     }
 
     .formulario-footer-home > div > div.row, .form-contacto-home > div > div.row{
         margin: 0;
     }
 
     .form-contacto-home .input-regular, .form-contacto-home form input, .form-contacto-home form input::placeholder, .form-contacto-home form textarea, .form-contacto-home form textarea::placeholder{
         font-size: 16px;
     }
 
    .caja-linea{
       columns: 1;
    }
 }
 
 @media (max-width: 593px){
 
     .institucional-home .next-videos, .institucional-home .prev-videos{
         height: auto;
         top: 25%;
     }
 }
 
 @media (max-width: 406px){
 
     .home .bck .caja{
         padding: 40px 20px;
     }
 
     .home .bnne > div{
         padding: 0 !important;
     }
 
     body > section.seccion-regular > div > div > div{
         padding: 0 !important;
     }
 
     .formulario-footer-home > div > div.row > div, .form-contacto-home > div > div.row > div{
         padding: 0;
     }
 
     .institucional-home .next-videos, .institucional-home .prev-videos{
         top: 13%;
     }
 
     .form-contacto-home .parrafo-small label{
         max-width: 90%;
         text-align: left;
     }
 }
 
 @media (max-width: 363px){
     .boton-login{
         min-width: 90px;
     }
 
     .soluciones-inteligentes-home .owl-soluciones-h .owl-nav .owl-prev{
         width: auto;
         left: -30px;
     }
 
     .soluciones-inteligentes-home .owl-soluciones-h .owl-nav .owl-next{
         width: auto;
         right: -30px;
     }
 
     .dosint1{
         padding-bottom: 0;
     }
 
     .dosint1 .row{
         margin: 0;
     }
 
     .icono-datos{
         top: 0 !important;
         left: 0 !important;
     }
 
     .datos-zona p.parrafo-regular.txt-blanco{
         overflow-wrap: break-word;
     }
 
     .regiones{
         width: 95%;
     }
 }
 
 @media (max-width: 336px){
     .containers-anteheader{
         padding: 6px 10px;
     }
 
     .g-recaptcha > div ,.g-recaptcha iframe{
         width: 100% !important;
     }
 
     .datos-zona > div.row > div:last-child, .miniMapa > div:last-child {
         width: 81.333333%;
     }
 
     .bajar{
         top: 0;
     }
 }
 
 body > header > div > div > nav > ul > li:nth-child(3) > div > div > div > div > ul > li > a > p > i{
    margin-top: 8px;
 }
 
 body > section.seccion-regular{
    z-index: 0 !important;
 }
 
 @media (max-width: 960px){
    #wh-widget-send-button{
       top: 63% !important;
    }
 }
 
 @media (max-width: 652px){
    .aok {
       position: absolute;
       left: 22%;
       top: 0;
       border-radius: 10px;
    }
 
    .aok .menu-outlet{
       width: 140px;
    }
 
    .aok .menu-outlet img{
       display: none;
    }
 }
 
 @media (max-width: 470px){
 
    .anteheader{
       height: auto;
    }
    .containers-anteheader{
       float: left;
    }
 
    .boton-login{
       float: right;
    }
 
    .descargaHead{
       position: relative;
       display: inline-block;
       float: right;
       margin: 0 auto;
       width: 100%;
       text-align: center;
    }
    .containers-anteheader {
       width: 75px;
    }
    .txt-18 span{
       display: none;
    }
 
    .ftbottom .logos img:first-child{
            width: 100%;
    }
 }
 
 @media (min-width: 361px) and (max-width: 470px){
    .boton-login{
       padding: 8px;
       margin: 0;
       width: auto;
    }
 }
 
 @media (max-width: 320px){
 
    /*.prev-videos {
       right: 80%;
       height: 60%;
       top: 18%;
       z-index: 2;
    }*/
 
    /*.next-videos{
       left: 80%;
       height: 60%;
       top: 18%;
    }*/
 
    .owl-detalle .owl-nav {
       top: 34%;
       width: 130%;
       left: -28px;
    }
 
    .ampliacion {
       left: 50%;
    }
 
    body > section.seccion-regular.relative > div.nav-slider2{
       z-index: 2;
       top: 330px;
    }
 
    body > section.seccion-regular.relative > div.nav-slider2 > img.next,
    body > section.seccion-regular.relative > div.nav-slider2 > img.prev
    {
       height: 65%;
    }
 
    #ContactProductoAmpliacionForm > div:nth-child(4) > div.col-md-12.p0-10{
       padding: 0 !important;
    }
 
    #ContactContactenosForm > div:nth-child(4) > div.col-md-12.p0-10{
       padding: 0 !important;
    }
 
    .navs-slider-aulas {
       width: 40px;
    }
 
    .navs-slider-aulas img {
       top: 40%;
       width: 100%;
    }
 
    .left-nav {
       left: 0;
    }
 
    .right-nav {
       right: 0;
    }
 
    .bifma {
       width: 100%;
    }
 
    #actualizar > div.boton-ampliar.boton-azul{
       width: 87%;
    }
 
    .lSSlideWrapper {
       height: 181px !important;
    }
 
    #actualizar > div.row > div > div > div > div > a.lSNext{
       bottom: 5px;
    }
 
    .login {
       left: auto;
       right: 0;
    }
 
    #UserDondeEstamosForm > div.row > div > button{
       width: 200px;
    }
 
    body > section.seccion-regular.sliderRRR > div > div > div > div.lSSlideOuter.vertical > div > div > a.lSNext{
       bottom:5px;
    }
 
    .caja-linea{
       width: 90%;
    }
 
    .container-30 {
        width: 100%;
    }
 
    body > section.seccion-regular > div > div > div > div.row.novedades-desc > div.col-md-7 > div > div > p > img{
       width: 100%;
       height: auto;
    }
 
    .flechaR{
       top: 3%;
    }
 
    .linIN{
       float: none;
       margin: 0px;
    }
 
    .verMasJob {
       top: 20%;
    }
 
    .registrar p{
       font-size: 16px;
    }
 
    body > section:nth-child(12) > div > div > div > div.row > div > div > div > div > a.lSNext{
       bottom: 5px !important;
    }
 
    body > section.seccion-regular > div > div > div.col-md-9.div-padding-30 > div > div > div > div > div > a.lSNext{
       bottom: 5px !important;
    }
 
    body > section.seccion-regular > div > div > div.col-md-9.div-padding-30 > div:nth-child(8) > div > div > a > div{
       margin: 0 auto 30px;
       width: 85%;
    }
 
    .gm-style .gm-style-iw{
       width: 80% !important;
    }
 
    .mapa-contacto .content2{
       padding: 10px !important;
    }
 
 }
 
 @media (min-width: 321px) and (max-width: 375px){
    .owl-detalle .owl-nav{
       top: 50%;
       left: -14px;
    }
 
    .miniaturas .cuadro {
       height: 357px;
    }
 
    .capa-cuadro{
       padding: 25px;
    }
 
    .container-30 {
        width: 100%;
    }
 }
 @media (min-width: 320px) and (max-width: 768px){
    .texto-slider.parrafo-small {
       padding: 0 15px;
    }
 
    .container-30 {
        width: 80%;
    }
 }
 
 @media (max-width: 360px){
    .boton-login {
       width: auto;
       margin-left: 0px;
    }
 }
 /* Texto de producto ampliaci坦n debajo de imagen */
 .cont-debajo {
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: -45px;
    min-height: 30px;
 }
 .cont-debajo p.texto-acabados.parrafo-small {
    font-size: 12px;
    line-height: 30px;
    display: table;
    float: left;
    padding-left: 15px;
 }
 .cont-debajo p.redes-producto {
    display: inline-block;
    right: 0;
 }
 
 .bannerServicios img{
    width: 100%;
 }
 /**********karen************/
 .caja-linea{
    /*padding:0 30% !important;*/
 }
 
 .contenedor1{
    width: 100% !important;
 }
 
 .flecha2{
    display: none !important;
 }
 
 .form-input {
     display: flex;
 }
 
 .form-input label {
     padding-top: 10px;
     width: 100px;
 }
 
 /*body > header > div > div > nav > ul > li:nth-child(3) > div > div > div > div > ul > li:hover .flecha2,
 body > header > div > div > nav > ul > li:nth-child(3) > div > div > div > div > ul > li:hover > a > p
 {
    display: block !important;
    color: #ff9e01 !important;
 }
 
 body > header > div > div > nav > ul > li:nth-child(3) > div > div > div > div{
    border:none !important;
 }*/
 
 /*@media (min-width: 1031px){
     .slider-aulas .owl-carousel .owl-stage-outer {
         overflow: auto !important;
     }
 }*/
 
 @media (max-width: 1024px){
    .login {
       right: 0;
       left: auto;
    }
 }
 
 @media (max-width: 1199px){
    .parrafo-regular img, .parrafo-regular p em img{
       /*width: 100%;*/
       height: auto;
    }
 }
 
 @media (min-width: 1001px){
 
    /*body > header > div > div > nav > ul > li:nth-child(3) > div{
       left: auto;
       width: 20%;
    }
 
    body > header > div > div > nav > ul > li:nth-child(3) > div > div > div > div{
       border:none;
    }*/
 }
 
 
 @media (max-width: 827px){
    .right-nav {
       right: -13px;
    }
 
    .next-aulas img{
       left: auto !important;
       right: 0;
    }
 }
 
 @media (min-width: 685px) and (max-width: 780px){
    body > section.seccion-regular > div > div{
       margin:0px !important;
    }
 
    .caja{
       width: 100% !important;
    }
 }
 
 
 @media (max-width: 684px){
 
    body > section.seccion-regular > div > div > div > div.row.novedades-desc > div.col-md-7 > div > div > p > img {
       width: 100%;
       height: auto;
    }
 
    .caja-linea{
       padding: 0px 11px !important;
    }
 
    .novedades-desc ul {
       padding: 0px 18px;
    }
 
    div#listado {
       margin: 0px;
    }
 
    .div-padding-30{
       padding: 0px !important;
    }
 
    .caja{
       width: 100% !important;
    }
 
    body > section.seccion-regular > div > div{
       margin:0px !important;
    }
 
    .cont-debajo{
       bottom: -70px;
    }
 
    .espacio{
       height: 20px;
    }
 
    .cont-debajo p.texto-acabados.parrafo-small{
       padding-left: 0;
       width: 85%;
    }
 
    .cont-debajo p.redes-producto{
       bottom: 0px;
    }
 
    .ampliacion{
       left: 50%;
    }
 
    .nav-slider2 {
       top: 330px;
    }
 
    .nav-slider2 .prev, .nav-slider2 .next{
       z-index: 2;
    }
 
    .right-nav {
       right: -13px;
    }
 
    .next-aulas img{
       left: auto !important;
       right: 0;
    }
 
    body > section.seccion-regular > div > div > div.col-md-9.div-padding-30 > div{
       margin: 0 !important;
    }
 
    /*.boton-azul{
       width: 80%;
    }*/
 
    .regresarCont p {
       padding: 0px 10px;
    }
 
    .listado li{
       padding-left: 18px;
    }
 }
 @media (max-width: 572px){
    .enviarHV, .filtrar select, .filtrar, .linIN {
       width: 100%;
    }
    .enviarHV {
       text-align: center;
    }
    .flechaR {
       top: 3%;
    }
 }
 @media (max-width: 451px){
    .flechaR{
       right: 6%;
    }
    .desc-aula2 {
       width: 95%;
       padding: 9px 10px;
       bottom: 257px;
       left: 4px;
    }
 }
 
 @media (max-width: 320px){
    .desc-aula2 {
       width: 100%;
       padding: 5px 5px;
       bottom: 291px;
       left: 0px;
    }
 }
 
 @media (min-width: 376px) and (max-width: 980px){
    .miniaturas .cuadro {
       height: auto;
    }
 
    .img-cuadro {
       height: auto !important;
    }
 }
 
 /*ELLYN*/
 .sinie{
    background-color: #ff9e01;
    color: #fff;
    width: 206px;
    position: fixed;
    height: auto;
    z-index: 99999;
    padding: 10px;
    border: 5px solid #fff;
    margin: 165px 0 0 29px;
    display: none;
 }
 
 .sinie::before{
    content: 'x';
    float: right;
    margin: -13px -6px;
    cursor: pointer;
    font-size: 20px;
 }
 /*ELLYN*/
 
 /*JAV*/
 .arrdwnhm {
    animation: slideInUp 4.5s infinite alternate;
 }
 i.arrdwn {
    animation: fadeInDown 1.5s infinite alternate;
    width: 30%;
    display: block;
    text-align: center;
    color: white;
    font-size: 20px;
    position: absolute;
    top: 90px;
 }
 .listado-zonas {
    width: 40%;
 }
 .unod a.activeR {
    left: 0 !important;
 }
 @media(max-width: 480px) {
    .datos-zona p.parrafo-regular.txt-blanco {
       font-size: 14px !important;
    }
 }
 @media(max-width: 480px) {
    .activeR {
       left: 10px !important;
       padding: 4px 15px !important;
    }
    .regiones li a {
       line-height: 1.2;
    }
    .icono-datos {
       width: 27px;
       top: 7px;
       left: -7px;
    }
    .regiones li:hover {
       left: 4px;
    }
    .dosd {
       padding: 0 15px !important;
    }
    .dosint1 .row {
       display: flex !important;
    }
    .unod, .dosd, .dosint1 {
       width: 100% !important;
    }
    .dosint2 {
       width: 100% !important;
       min-height: 214px !important;
       width: 96% !important;
    }
    .datos-zona {
       width: 77%;
    }
    .dosint1 > br {
       display: none;
    }
    .dosint1 {
       padding-top: 0 !important;
    }
    .unod {
       padding-bottom: 10px !important;
    }
 }
 @media(min-width: 481px) and (max-width: 991px) {
    .dosd {
       padding: 0 15px !important;
    }
    .dosint1 .row {
       display: flex !important;
    }
    .unod, .dosd, .dosint1 {
       width: 100% !important;
    }
    .dosint2 {
       width: 100% !important;
       min-height: 214px !important;
       width: 96% !important;
    }
    .datos-zona {
       width: 77%;
    }
    .dosint1 > br {
       display: none;
    }
    .dosint1 {
       padding-top: 0 !important;
    }
    .unod {
       padding-bottom: 10px !important;
    }
 }
 @media(max-width: 991px) {
    section.seccion-regular2.bottom25 .col-md-6 .col-md-4 {
       text-align: center;
       padding-bottom: 20px;
    }
 }
 @media(min-width: 992px) {
    .sopk .col-md-8 .row .col-md-1 {
       margin-left: 0 !important;
       padding-left: 0;
    }
 }
 @media(min-width: 992px) and (max-width: 999px){
    .miniaturas .col-md-2 .owl-stage .owl-item {
       width: 44px !important;
    }
 }
 .formulario::-webkit-scrollbar-thumb {
    display: none;
 }
 .gobtm i {
    animation: fadeInDown 1.7s infinite alternate;
 }
 .gobtm i {
    position: absolute;
    right: 6%;
    bottom: 20px;
    font-size: 53px;
    color: #ff9e02;
 }
 span#formatos {
    color: #ff9e02;
 }
 span#fichero {
    line-height: 2;
    font-style: italic;
 }
 span#fichero, span#formatos {
    display: block;
    font-size: 12px;
 }
 @media (min-width: 769) {
    .gobtm i {
       right: 6%;
    }
 }
 section#tab-clientes-0 .owl-carousel .owl-item img {
    max-width: 212px;
 }
 section.seccion-regular2.mpfter {
    z-index: 2;
 }
 /* END JAV*/
 .row .miniMapa:hover > div img {
    animation: pulse 0.5s infinite ease;
    transform: scale(1.5);
 }
 .mapita{
    position: absolute;
    top: 0;
    right: 0;
    width: 605px;
    height: 260px;
    /*background-color: rgba(255,255,255,0.7);*/
    background-color: rgba(124, 206, 214, 0.42);
    padding: 5px;
    z-index: 99;
    display: none;
 }
 .mapInt{
    width: 100%;
    height: 100%;
 }
 .miniMapa{
    cursor: pointer;
 }
 .CierreMapa{
    width: 25px;
    height: 25px;
    border-radius: 100%;
    /*background-color: #fff;*/
    background-color: rgb(124, 206, 214);
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-weight: 900;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    z-index: 5;
 }
 .toTop{
    position: fixed;
    top: 80%;
    right: 80px;
    background-color: #ff9e01;
    color: #fff;
    cursor: pointer;
    padding: 0px;
    visibility: hidden;
    opacity: 0;
 }
 .pico img{
    margin: 0 auto;
    float: none;
    left: 0;
    right: 0;
    display: block;
    max-width: 48px;
    border: 2px solid white;
 }
 .toTop p{
    /*    color: #fff;
        text-align: center;*/
    display: none;
 }
 
 
 @media(max-width: 600px){
    .mapita{
       width: 320px;
       height: 320px;
    }
 }
 
 
 .cd-top--show {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
 }
 
 img.arrow-image{
    position: absolute;
    right: 0;
    top: 250px;
 }
 
 /*Outlet*/
 
 .seccion-regular2-outlet{
    padding: 45px 0px 80px 0;
 }
 
 .seccion-regular2-outlet .img-cuadro{
    width: 99%;
 }
 .sec-outlet{
    background: #fcb21b;
 }
 
 section.sec-outlet > div > p > a:nth-child(3){
    color: #f3f3f3 !important;
 }
 .text-outlet h2{
    font-weight: bold;
    color: #989898;
 }
 
 .text-outlet select{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    width: 191px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 5px;
    height: 34px;
    background: url(../img/icon_arrow.jpg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: 178px;
    color: #ACADAF;
 }
 .old-price{
    text-decoration: line-through !important;
 }
 
 .outlet-price{
    font-size: 20px !important;
 }
 .outlet-tag{
    position: relative;
    right: 38px;
    top: 25px;
 }
 
 .outlet-tag img{
    width: 38px;
 }
 .des-outlet{
    padding-left: 86px;
 }
 
 .outlet-tag-off {
    /*position: relative;
    bottom: 2px;*/
    position: absolute;
    top: 0;
    left: 31px;
    z-index: 2;
    background: url(../img/tag_off_2.png) no-repeat;
    width: 43px;
    height: 100px;
    background-size: 43px;
    line-height: 94px;
    text-align: center;
    color: #fff;
    padding-top: 7px;
    padding-left: 2px;
    font-family: vag-light;
    font-weight: bold;
    font-size: 19px;
 }
 .btn-outlet {
    display: block;
    background: #fcb21b;
    padding: 10px 30px 10px 30px;
    width: 50%;
    font-size: 20px;
    font-weight: bold;
    font-family: inherit;
 }
 .title-outlet{
    font-size: 25px
 }
 
 .title-outlet span{
    font-size: 15px;
 }
 
 .info-outlet{
    position: relative;
    top: 2px;
    line-height: 13px;
 }
 
 .side-outlet .titulo-producto{
    font-size: 26px;
 }
 
 .menu-outlet{
    width: auto;
    height: 40px;
    float: right;
    padding: 6px 18px;
    position: relative;
    display: flex;
 }
 
 .menu-outlet span{
    background: #fcb21b;
    padding: 5px 10px 4px 10px;
    color: #fff;
    border-radius: 27px;
 }
 
 .menu-outlet img{
    bottom: 4px;
    position: relative;
    width: 44px;
 }
 .outlet-terms{
    /*width: 48%;*/
    text-align: justify;
 }
 
 .cont-debajo-aulet{
    bottom: -65px;
 }
 
 .cont-debajo-aulet
 p.texto-acabados.parrafo-small{
    width: 80%;
    line-height: normal;
    font-size: 14px;
 }
 
 @media (max-width: 480px) {
    .menu-outlet{
       position: absolute;
       padding: 8px;
    }
    .menu-outlet span{
       font-size: 12px;
    }
    .btn-outlet{
       width: 100%;
    }
    .outlet-terms{
       width: 100%;
    }
 }
 
 .cont-loading{
    text-align: center;
    display: none;
 }
 
 .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
 }
 .lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9e01;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
 }
 .lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
 }
 @keyframes lds-ellipsis1 {
    0% {
       transform: scale(0);
    }
    100% {
       transform: scale(1);
    }
 }
 @keyframes lds-ellipsis3 {
    0% {
       transform: scale(1);
    }
    100% {
       transform: scale(0);
    }
 }
 @keyframes lds-ellipsis2 {
    0% {
       transform: translate(0, 0);
    }
    100% {
       transform: translate(19px, 0);
    }
 }
 
 
 
 
 /*ricardo*/
 .descargaR{
    width: auto;
    padding: 4px 20px;
    margin: 10px 0px;
    position: relative;
    cursor: pointer;
    background: #ff9e01;
    display: inline-block;
    color: #fff !important;
 
 }
 
 
 
 /*ricardo*/
 
 [data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
 }
 
 /* Hide the tooltip content by default */
 [data-tooltip]:before,
 [data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
 }
 
 /* Position tooltip above the element */
 [data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ff9e02;
    background-color: #ff9e02;
    color: #fff;
    content: attr(data-tooltip) !important;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
 }
 
 /* Triangle hack to make tooltip look like a speech bubble */
 [data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #ff9e02;
    border-top: 5px solid #ff9e02;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
 }
 
 /* Show tooltip content on hover */
 [data-tooltip]:hover:before,
 [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
 }
 
 .ftbottom {
    padding: 45px 5%;
 }
 .ftbottom .logos{
    display: flex;
    /*padding-top: 7%;*/
    justify-content: center;
 }
 
 .ftbottom .logos a img{
    width: 80%;
 }
 
 .parrafo-resmall.logos img:nth-child(2){
     margin: 0 36px 0 22px;
 }
 
 .seccion-regular2 p.parrafo-resmall{
     text-align: center;
 }
 .banner {
    overflow: hidden;
    position: relative;
 }
 .banner .mascara-3d100 {
    width: 100%;
    height: 100%;
    position: absolute;
    /*left: 0px;
    bottom: -28%;*/
 }
 .banner .info-slider {
    width: 400px !important;
    height: auto !important;
    border-radius: 10px;
    /*height: 400px !important;
    padding: 0 31px;
    margin-top: 122px;*/
 }
 .lnkpdf {
    border: 1px solid #d3d1cf;
    border-radius: 10px;
    background-color: #f8fcff;
    height: 88px;
    position: relative;
 }
 .lnkpdf a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4% 19%;
    color: #000 !important;
 }
 .lnkpdf::before {
    content: 'PDF';
    background-color: #ffa800;
    border-radius: 10px;
    position: absolute;
    width: 55px;
    height: 55px;
    top: 16px;
    left: 16px;
    color: #fff;
    align-items: center;
    display: grid;
    text-align: center;
    font-weight: 900;
 }
 
 .lnkpdf::after {
    content: "";
    background-image: url(../img/download.png);
    width: 55px;
    height: 55px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 16px;
    right: 16px;
 }
 
 .caja-linea ul{
 
 }
 
 .caja-linea ul li {
    list-style: disc !important;
    margin-left: 16px;
    margin-bottom: 14px;
    text-align: justify;
 }
 .caja-linea h2, .caja-linea h3, .title-soluciones {
    font-weight: 900;
 }
 .boton-fecha {
    background-color: #fff;
    color: #000;
    position: absolute;
    top: 0;
    padding: 10px 20px;
    border-radius: 0px 0px 10px 0px;
 }
 
 .boton-fecha img {
    margin-right: 8px;
 }
 .novedades-desc .caja-linea {
    width: 100%;
    padding: 0px 0px 0px 45px;
    height: auto;
    position: relative;
    overflow: hidden;
    columns: 1;
    column-gap: 0;
 }
 
 .fechaAmp{
    color: #000;
    padding: 10px 20px;
 }
 
 .active-item,.categorias li ul li:hover a{
    background-color: #f7af33;
    border-radius: 10px;
    color: #fff;
 }
 .nav-slider2e {
    bottom: 0;
    top: auto;
 }
 .home .bnne {
    display: flex;
 }
 
 .home .bck {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 10px 10px 0;
 }
 
 .home .bck .caja  {
    position: absolute;
    /*width: 60%;*/
    right: 0;
    bottom: 0;
    background-color: #263552;
    border-radius: 10px 0;
 }
 
 
 .tipos>div{
    border: 2px solid #d3d1cf;
    border-radius: 30px;
    padding: 0px 10px 0px 15px;
    width: auto;
    display: inline-block;
    position: relative;
    margin-right: 15px;
    font-size: 15px;
    color: #d3d1cf;
    cursor: pointer;
 }
 .tipos>div:after{
    font-family: "FontAwesome";
    font-weight: 500; 
    content:'\f0a9';   
    margin-left: 10px;
    font-size: 18px;
 }
 
 .tipos>div.seleccionado{
     border-color: #ffb400;
     color: #ffb400;
 }
 
 
 .tipos>div.seleccionado:after{
    content: '\f058'
 }
 .tipos>div.salir:after{
    background-color: #fff;
    color: #d38d00;
    border-radius: 50%;  
    
 }
 .tipos>div.salir{
    background-color: #ffb400;
    color: #fff;
    border-color: #ffb400;
    float: right;
    top: -43px;
 }
 
 
 .ppal{
     border: 2px solid #d3d1cf;
     border-radius: 10px;
     padding: 7px 19px;
     margin: 10px 60px 0 10px;
     display: inline-block;
         cursor: pointer;
 }
 
 .ppal>span:first-child{
    border-right: 1px solid #d3d1cf;
    padding-right: 25px;
    align-items: center;
    text-align: center;
    vertical-align: middle;
 }
 
 
 .ppal>span:first-child:after{
    font-family: "FontAwesome";
    font-weight: 500; 
    content:'\f0dd';   
    margin-left: 8px;   
    color: #fb0;
    font-size: 19px;
    position: absolute;
    top: 15px;
 }
 
 .ppal>span:nth-child(2){
    padding-left: 20px;
    padding-right: 25px;
 }
 
 
 .ppal>span:nth-child(2):after{
    font-family: "FontAwesome";
    font-weight: 500; 
    content:'\f14a';   
    margin-left: 19px;   
    font-size: 17px;
    position: absolute;
    top: 19px;
 }
 .anios {
     border: 2px solid #d3d1cf;
     position: absolute;
     z-index: 9;
     background-color: #fff;
     padding: 15px 30px;
     border-radius: 10px;
     margin-top: 10px;
     -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.63);
     -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.63);
     box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.63);
     visibility: hidden;
     transition: 1s ease-in;
 }
 .anios>div {
     color: #565757;
     cursor:pointer;
 }
 .meses {
     border: 2px solid #d3d1cf;
     position: absolute;
     z-index: 9;
     background-color: #fff;
     padding: 15px 30px;
     border-radius: 10px;
     margin-top: 10px;
     -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.63);
     -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.63);
     box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.63);
     visibility: hidden;
     transition: 1s ease-in;
 }
 .meses>div {
     color: #565757;
     cursor:pointer;
 }
 
 .is-active{
         visibility: visible;
 }
 
 
 .enlaces{
    margin-top: 25px;
 }
 
 .enlaces>div{
    margin-top: 15px;
    width: 40%;
    display: inline-block;   
    margin-right: 10%;
 }
 
 .infocert{
     position:relative;
 }
 
 .ldn {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     bottom: 0;
     z-index: 9;
     display: none;
 }
 .ldn > i {
     font-size: 154px;
     color: #fff;
     position: absolute;
     top: 34%;
     left: 44%;
 }
 
 
 .flotanteMultitem {
    position: fixed;
    bottom: 114px;
    z-index: 9999;
    left: 0;
 }
 
 span.multitem__img::before {
    position: absolute;
    content: '';
    width: 166%;
    bottom: -22px;
    height: 88px;
    z-index: 1;
    left: -1px;
 }
 span.multitem__img {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    background-color: #25d366;
    position: absolute;
    left: 0;
    top: -63px;
    cursor: pointer;
    background-image: url(../img/whatsapp-btn.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center center;
 }
 
 .flotanteMultitem ul {
    background-color: #fff;
    padding: 0 10px;
    left: -123px;
    position: relative;
    z-index: 2;
 }
 .flotanteMultitem ul:hover,
 span.multitem__img:hover + ul {
    left: 0;
 }
  
 
 .flotanteMultitem ul a {
    color: #000 !important;
 }
 
 .flotanteMultitem ul li {
    padding: 7px 0;
 }