html {padding: 0; margin: 0; height: 100%;}
body {margin: 0 auto; font-family: "Exo", sans-serif; font-size:14px; color:#fff; overflow-x:hidden; height: 100%; background-color: #fff;}
* {box-sizing: border-box;}
img {border: 0; }
ul, ol, li, dl, dt, dd {list-style-type: none; margin: 0; padding:0;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
input:focus, textarea:focus, button:focus {outline: none;}
h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0; }
form,fieldset,label,input {padding: 0;margin: 0; }
fieldset {border: 0;}
p {margin: 0 0; }
*:focus {outline: 0 none;}
.wrapper:not(#wrapper-menu) {position: relative; display: block; overflow: hidden; width: 95%; margin:0 auto; text-align:center;}
/* --- Top ---- */
#top {position: relative; display: block; width: 100%; transition: all 1s .5s; opacity: 0; z-index: 100; transform: translateY(-50px);}
#top.active {opacity: 1; transform: initial; transform: auto;}
.internet-satelital #top { margin-top:1vw; }
#top .logo {position: relative; display: inline-block; margin:0; max-width: 417px; margin-top: 1.65%; margin-bottom: 3.3%; width: 23.5%;}
.logo img {width: 100%; display: block;}
.logo-movil {display: none;}
#top .accesos { display:inline-block; position:relative; margin-left:2vw; overflow:hidden; vertical-align: top; }
#top .accesos h2 { display: inline-block; float:left; padding: .5vw 0 .5vw 1vw; color:#5a5a5a; text-transform: uppercase; font-size: 2vw; font-weight: normal; font-family: 'DINCond'; margin-top: 2.4vw; padding-left: 1vw; border-left: 2px solid #5a5a5a;}
#top .accesos a:hover { background:#55cbf2; border-color:#55cbf2; }
.internet-satelital #top .accesos h2 { color:#010101; font-family: 'DINCond';}
/*#top .accesos a { display: inline-block; float:left; background:#55cbf2; border:1px solid #55cbf2; border-radius: 25px; color:#fff; padding:.5vw 1vw; text-transform: uppercase; font-size:1vw; font-weight: normal; font-family: 'DINCond'; margin-top:3.5vw; margin-left:2vw;}
#top .accesos a:hover { background:#5a5a5a; border-color:#5a5a5a; } */
#top .accesos a { display: inline-block; float:left; background:#d2284f; border:1px solid #d2284f; border-radius: 25px; color:#fff; padding:.5vw 1vw; text-transform: uppercase; font-size:1vw; font-weight: normal; font-family: 'DINCond'; margin-top:2.8vw; margin-left:2vw;}
#top .accesos a:hover { background:#5a5a5a; border-color:#5a5a5a; }
#top .accesos a.whatsapp { background:none; border:0; border-radius:0; padding:0; color:#676767; font-size:1.7vw; line-height:1.9vw; margin-top:3.2vw;}
#top .accesos a.whatsapp .fa { color:#0bb79d; }
.fibra-optica #top .accesos a { background:#55cbf2; border-color:#55cbf2; }
.fibra-optica #top .accesos a:hover { background:#5a5a5a; border-color:#5a5a5a; }
#top #menu {position: absolute; top: 79%; left: 0; right: 0; margin:0 auto; display: block; overflow: hidden; z-index: 10000; text-align: center;}
#top #menu.scrolled {top: 0; position: fixed;}
#menu .wrapper {display: inline-block; background-color: #292929; padding: 0px 30px; overflow: hidden; margin:0 auto; transition: all .3s; text-align: center;}
#menu.scrolled .wrapper {width: 100%;}
#menu .logo-menu {display: none; width: 0; vertical-align: middle; overflow: hidden; transition: all .3s; text-align: left;}
#menu.scrolled .logo-menu {width: 14%; margin-right: 3%; display: inline-block;}
.logo-menu img {width: 100%; display: block;}
#menu ul {display: inline-block; vertical-align: middle;}
#menu ul li {display: inline-block; margin-right: -4px;}
#menu ul li a {display: block; font-size: 26px; font-size: 1.35vw; font-family: 'DINCond'; font-weight: 100; text-transform: uppercase; color: #fff; padding: 20px 25px; transition: all .3s;}
#menu ul li.selec a {background-color: #0e94c1;}
.fibra-optica #menu ul li.selec a { background-color:#d2284f; }
#menu ul li:hover:not(.selec) a {color: #0e94c1;}
.fibra-optica #menu ul li:hover:not(.selec) a {color: #d2284f;}
#menu a.link {display: none; font-size: 26px; font-size: 1.35vw; font-family: 'DINCond'; font-weight: 100; text-transform: uppercase; color: #fff; padding: .5vw 1vw; transition: all .3s; background: #d2284f; border-radius: 25px;}
.fibra-optica #menu a.link { background:#55cbf2; }
.scrolled#menu a.link { display:inline-block; vertical-align: middle;}
#menu a.link:hover {color: #292929;}
.internet-satelital #top #menu { display:none; }
.click-menu {position: relative; display: none; width: 74px; height: 60px; margin-left: 5%; cursor: pointer; z-index: 100000; background-color: #0e94c1;}
.click-menu span {position: absolute; top: 20px; left: 0; right: 0; margin:0 auto; width: 40px; height: 4px; border-radius: 5px; background-color: #fff; transition: all .3s;}
.click-menu span:nth-child(2) {top: 28px;}
.click-menu span:last-child {top: 36px;}
.click-menu:hover span {background-color: #1474cb;}
.click-menu.active span:nth-child(1) {top: 28px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.click-menu.active span:nth-child(2) {opacity: 0; left: -60px; }
.click-menu.active span:nth-child(3) {top: 28px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
/* --- Inicio ---- */
#inicio {position: relative; display: block; width: 100%; overflow: hidden; height: 85vh; transition: all 1s; opacity: 0; background-attachment: fixed; background-image: url(../img/bg-home.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
#inicio.selec {opacity: 1;}
#inicio .wrapper {position: absolute; top: 50%; left: 0; right: 0; text-align: center; pointer-events:none; margin: 0 auto; opacity: 0; font-family: 'DINCond'; transition: all .5s 1s; transform: translateY(-55%); -webkit-transform: translateY(-55%); -moz-transform: translateY(-55%); -o-transform: translateY(-55%); -ms-transform: translateY(-55%);}
#inicio.selec .wrapper {opacity: 1; transform: translateY(-70%); -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -o-transform: translateY(-70%); -ms-transform: translateY(-70%);}
#inicio h2 {font-size: 100px; font-size: 4vw; text-transform: uppercase; font-weight: 100; margin:0 auto; max-width: 1100px; max-width: 50vw;}
#inicio h3 {font-size: 27px; font-weight: 100; text-transform: uppercase;}
#inicio .mouse {position: absolute; bottom: 100px; left: 0; margin: 0 auto; font-size: 70px; right: 0; transition: all .3s 1.5s; opacity: 0; text-align: center; cursor: pointer; width: 5.5%; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); opacity:1;}
.mouse img {width: 100%;}
.mouse i {display: none;}
.mousescrolled { transition: all .3s; opacity:0 !important;}
.mouse:hover {transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -o-transform: scale(.9); -ms-transform: scale(.9);}
#inicio.selec .mouse {opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
#particles-js {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(../img/trama-home.jpg);}
.inicio2 { background-image:url(../img/bg-home-virtualizacion.jpg) !important; }
.inicio3 { background-image:url(../img/fondo-internet.jpg) !important; }
/* --- Servicios ---- */
#servicios {position: relative; display: block; width: 100%; overflow: hidden; padding-top: 140px; padding-bottom: 200px; background-image: url(../img/bg-servicios-1.jpg), url(../img/bg-servicios-2.jpg); background-size: auto, 100%; background-repeat: no-repeat; transition: all 1.5s; background-position: left bottom, center bottom;}
.servicios2 {padding-bottom: 6vw !important; background-image: none !important; padding-top:0 !important; overflow:visible !important;}
.internet-satelital .servicios2 { padding-bottom:1vw !important; }
.servicios2 .foto { display: block; position: absolute; top: 16vw; left: 0; z-index: 9; width: 30vw; height: 37vw; background-image: url(../img/virtualizacion.png); background-repeat: no-repeat; background-position: -11vw center; background-size: cover;opacity: 0; transform: scale(.9);transition: all .5s;}
.servicios2.selec .foto { opacity: 1; transform: translateY(0); }
.internet-satelital #servicios { background-image: none; }
#servicios.selec {background-position: left top, center bottom;}
#servicios #iconos-servicios {position: relative; display: block; width: 75%; margin-left: 25%;}
#iconos-servicios li {display: inline-block; vertical-align: middle; width: 33%; text-align: center; padding: 40px 0; opacity: 0; transform: scale(.9);}
#iconos-servicios li:first-child {transition: all .5s;}
#iconos-servicios li:nth-child(2) {transition: all .5s .1s;}
#iconos-servicios li:nth-child(3) {transition: all .5s .2s;}
#iconos-servicios li:nth-child(1) img { display:block; width:30%; height:auto !important; margin:0 auto;}
#iconos-servicios li:nth-child(2) img { display:block; width:33%; height:auto !important; margin:0 auto;}
#iconos-servicios li:nth-child(3) img { display:block; width:19%; height:auto !important; margin:0 auto;}
#servicios.selec #iconos-servicios li {opacity: 1; transform: scale(1);}
.listado-servicios {position: relative; display: table; width: 100%;}
.listado-servicios li {display: table-cell; width: 25%; padding: 3.2% 1.6%; vertical-align: top; opacity: 0; transform: translateY(50px); background-color: #ebebeb; color: #000;}
.listado-servicios li:first-child {transition: all .5s;}
.listado-servicios li:nth-child(2) {transition: all .5s .1s;}
.listado-servicios li:nth-child(3) {transition: all .5s .2s;}
.listado-servicios li:nth-child(4) {transition: all .5s .3s;}
#servicios.selec .listado-servicios li {opacity: 1; transform: translateY(0);}
.listado-servicios li #texto h4 {font-size: 28px; color: #000; font-size: 1.5vw; font-family: "Exo", sans-serif; font-weight: 900; margin-bottom: 8px; text-transform: uppercase;}
.listado-servicios li #texto h4 img {display: none; vertical-align: middle; margin-right: 5px; height: 70px;}
.listado-servicios li p {font-family: 'Open Sans'; font-size: 14px; line-height: 17px;}
.listado-servicios li #texto > span {display: inline-block; font-family: 'Open Sans'; font-size: 13px; margin-bottom: 15px; font-weight: 700; color: #fff; margin-top: 20px; background-color: #0e94c1; padding: 2px 5px;}
.listado-servicios li img {display: block;}
.listado-servicios li:nth-child(2), .listado-servicios li:nth-child(1) {padding-left: 3.6%;}
.listado-servicios li:nth-child(4) {padding-right: 3.6%;}
.listado-servicios .titulo {vertical-align: middle; background-color: #0e94c1; text-transform: uppercase; line-height: 60px; line-height: 3.1vw; color: #fff; font-size: 45px; font-size: 2.3vw; font-weight: 300;}
.fibra-optica .listado-servicios .titulo { background-color:#d2284f; }
.listado-servicios .titulo span {display: block; font-size: 60px; font-size: 3.1vw; font-weight: 700;}
.servicios2 .arriba { display:block; position:relative; overflow:hidden; width:90%; margin:0 auto; padding:3vw 0; }
.servicios2 .arriba h2 { display: inline-block; float: left; color: #1b344d; text-transform: uppercase; font-size: 4vw; line-height:4.2vw; font-weight: normal; vertical-align: middle; margin-top:1.5vw; opacity: 0; transform: scale(.9);transition: all .5s;}
.servicios2.selec .arriba h2 { opacity: 1; transform: translateY(0); }
.servicios2 .arriba h2 span { display:block; font-size:2vw; line-height:2vw; }
.internet-satelital .servicios2 .arriba h2 { font-size:1.5vw; line-height:1.7vw; font-weight: 700; text-transform: uppercase;}
.internet-satelital .servicios2 .arriba h2 span { display:inline-block;font-size:1.5vw; line-height:1.7vw; }
.servicios2 .arriba .icono { display: inline-block; float: left; position: relative; overflow: hidden; vertical-align: top; width: 7.2vw; height: auto; margin-left: 5vw; opacity: 0; transform: scale(.9);transition: all .5s;}
.servicios2.selec .arriba .icono { opacity: 1; transform: translateY(0); }
.internet-satelital .servicios2 .arriba .icono { width:11.48vw; margin-right:2vw; }
.servicios2 .arriba h3 { display: inline-block; float: right; width:54.05vw; color: #1b344d; text-transform: uppercase; font-size: 1.5vw; line-height:2vw; font-weight: bold; text-transform:uppercase; margin-top:1.8vw; opacity: 0; transform: scale(.9);transition: all .5s;}
.servicios2.selec .arriba h3 { opacity: 1; transform: translateY(0); }
.servicios2 .arriba h3 span { display:block; text-transform: none; font-weight: normal }
.internet-satelital .servicios2 .arriba h3 { font-size:1.3vw; line-height:1.6vw; font-weight: 400; text-transform: none; margin-top:1vw; float:left; width:63.05vw; }
.servicios2 .listado-servicios { width: 100%;
/* margin: 0 auto; */
padding: 0 6vw 0 31vw;
background: #ebebeb; }
/* --- Servicios ---- */
/*#serviciosNuevo {position: relative; display: block; width: 100%; padding-top: 140px; background-image: url(../img/bg-servicios-1.jpg); background-size: 30%; background-repeat: no-repeat; transition: all 1.5s; background-position: left bottom;}
#serviciosNuevo.selec {background-position: left top;}
.listado-servicios {position: relative; display: table; width: 100%; background:#ebebeb; margin-top:7%; overflow:hidden; }
.listado-servicios li {display: table-cell; width: 20%; padding: 3.2% 1.6%; vertical-align: top; opacity: 0; transform: translateY(50px); background-color: #ebebeb; color: #000;}
.listado-servicios li #texto h4 {font-size: 28px; color: #000; font-size: 1.5vw; font-family: "Exo", sans-serif; font-weight: 900; margin-bottom: 8px; text-transform: uppercase;}
.listado-servicios li #texto h4 img {display: block; vertical-align: middle; margin:0 auto; left:0; right:0; width:30%; height:auto !important; margin-bottom:4%;}
.listado-servicios li p {font-family: 'Open Sans'; font-size: 14px; line-height: 17px; }
.listado-servicios li #texto > span {display: inline-block; font-family: 'Open Sans'; font-size: 13px; margin-bottom: 15px; font-weight: 700; color: #fff; margin-top: 20px; background-color: #0e94c1; padding: 2px 5px;}
.listado-servicios li img {display: block; }
#serviciosNuevo.selec .listado-servicios li {opacity: 1; transform: translateY(0);}
#serviciosNuevo h2 { display:table; position:absolute; top:-2%; left:0; right:0; margin-left:auto; margin-right:auto; background:#0e94c1; padding:1% 2%; top:-3%;font-family: "Exo", sans-serif; font-size:3vw; font-weight: 100; text-transform: uppercase; width:35%; text-align:center;}
.listado-servicios li:first-child {transition: all .5s;}
.listado-servicios li:nth-child(2) {transition: all .5s .1s;}
.listado-servicios li:nth-child(3) {transition: all .5s .2s;}
.listado-servicios li:nth-child(4) {transition: all .5s .3s;}
#serviciosNuevo .fondoServicios { display:block; width:100%; background:url(../img/bg-servicios-2.jpg) no-repeat; background-position:center bottom; background-size:100%; padding-bottom:10%;}*/
/* --- Equipamiento ---- */
#equipamiento {position: relative; display: block; width: 100%; overflow: hidden;}
#equipamiento .titulo {display: block; padding: 5.3% 0; color: #fff; font-size: 65px; font-size: 3.45vw; transition: all .5s; opacity: 0; transform: translateX(50px); font-weight: 100; background-color: #1b344d; text-align: right;}
#equipamiento.selec .titulo {opacity: 1; transform: translateX(0px);}
.equipamiento2 .titulo .wrapper { width:90% !important; text-align:right !important; }
#equipamiento .slide-equipamiento {position: relative; display: block; width: 100%; background-color: #ebebeb; height: 500px; z-index: 10; transition: all .5s; opacity: 0; transform: translateY(50px);}
#equipamiento.selec .slide-equipamiento {opacity: 1; transform: translateY(0);}
.slide-equipamiento .wrapper > img {position: absolute; top: 50%; cursor: pointer; z-index: 10; transition: all .3s; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#flecha-izq {left: 2%;}
#flecha-izq:hover {left: 1.5%;}
#flecha-der {right: 2%;}
#flecha-der:hover {right: 1.5%;}
.slide-equipamiento .slide {position: relative; display: block; margin:0 auto; width: 80%; color: #1a1a1a; height: 500px;}
.slide-equipamiento .slick-list, .slide-equipamiento .wrapper {overflow: visible !important; height: 500px;}
.slide-equipamiento .slide .img {position: absolute; display: block; float: left; bottom: -50px; left: 0; opacity: 0; transition: all .5s;}
.slide-equipamiento .slide .slick-active .img {opacity: 1; bottom: 20px;}
.img img {width: 100%; display: block;}
.slide-equipamiento .slide .texto-equipamiento {position: absolute; display: block; float: right; top: 50%; opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 5%; transition: all .5s;}
.slide-equipamiento .slide .slick-active .texto-equipamiento {opacity: 1; right: 0; transition: all .5s .3s;}
.slide-equipamiento .slide .slick-track > li {height: 500px;}
.slide-equipamiento .nombre {position: relative; display: inline-block; color: #fff; font-size: 30px; margin-bottom: 20px; text-transform: uppercase; padding: 5px 30px; padding-left: 0;}
.nombre::before {content:''; position: absolute; top: 0; height: 100%; width: 160%; z-index: -1; right: 0; background-color: #0e94c1;}
.fibra-optica .nombre::before { background-color:#d2284f; }
#texto {position: relative; display: block; width: 100%; font-family: 'Open Sans', sans-serif;}
#texto > strong {font-size: 20px; margin-bottom: 15px; display: block;}
#texto p {font-size: 16px; line-height: 20px; margin:0 0;}
#texto ul {display: block; margin-top: 15px;}
#texto h4 {font-size: 14px; color: #0e94c1; text-transform: uppercase; font-weight: 300;}
.slide-equipamiento .slide .slick-track > li:nth-child(1) .img {width: 21.25%; max-width: 266px;}
.slide-equipamiento .slide .slick-track > li:nth-child(1) .texto-equipamiento {width: 75%;}
.slide-equipamiento .slide .slick-track > li:nth-child(2) .img {width: 34.43%; max-width: 431px;}
.slide-equipamiento .slide .slick-track > li:nth-child(2) .texto-equipamiento {width: 62%;}
.slide-equipamiento .slide .slick-track > li:nth-child(3) .img {width: 54%; max-width: 676px;}
.slide-equipamiento .slide .slick-track > li:nth-child(3) .texto-equipamiento {width: 44%;}
.slide-equipamiento .slide .slick-track > li:nth-child(4) .img {width: 55.68%; max-width: 697px;}
.slide-equipamiento .slide .slick-track > li:nth-child(4) .texto-equipamiento {width: 42%;}
.slide-equipamiento .slide .slick-track > li:nth-child(5) .img {width: 21.48%; max-width: 269px;}
.slide-equipamiento .slide .slick-track > li:nth-child(5) .texto-equipamiento {width: 74%;}
.slide-equipamiento .slide .slick-track > li:nth-child(6) .img {width: 20.6%; max-width: 258px;}
.slide-equipamiento .slide .slick-track > li:nth-child(6) .texto-equipamiento {width: 75%;}
.slide-equipamiento .slide .slick-track > li:nth-child(7) .img {width: 20.6%; max-width: 258px;}
.slide-equipamiento .slide .slick-track > li:nth-child(7) .texto-equipamiento {width: 75%;}
.slide-equipamiento .slide .slick-track > li:nth-child(8) .img {width: 23%; max-width: 288px;}
.slide-equipamiento .slide .slick-track > li:nth-child(8) .texto-equipamiento {width: 73%;}
.slide-equipamiento .slide .slick-track > li:nth-child(9) .img {width: 23.64%; max-width: 296px;}
.slide-equipamiento .slide .slick-track > li:nth-child(9) .texto-equipamiento {width: 71%;}
.slide-equipamiento .slide .slick-track > li:nth-child(10) .img {width: 36.98%; max-width: 463px;}
.slide-equipamiento .slide .slick-track > li:nth-child(10) .texto-equipamiento {width: 58%;}
.equipamiento2 .slide-equipamiento .slide .slick-track > li .texto-equipamiento { width:100% !important; text-align:left; }
.equipamiento2 .nombre::before { background:none; }
.equipamiento2 .slide-equipamiento .nombre { color:#0e94c1; font-weight: bold; }
#img-fluke {display: block; width: 100%;}
/* --- Mercados ---- */
#mercados {position: relative; display: block; width: 100%; background-color: #0086b3; padding: 80px 0;}
.fibra-optica #mercados { background-color:#d2284f; }
#mercados #borde {position: relative; display: block; margin:0 auto; width: 42.7%; transition: all .5s; opacity: 0; transform: scale(0);}
#mercados.selec #borde {opacity: 1; transform: scale(1);}
#mercados #titulo {position: absolute; top: 50%; left: 0; right: 0; margin:0 auto; display: block; width: 42.7%; transition: all .5s; opacity: 0; transform: translateY(-50%) scale(2); -webkit-transform: translateY(-50%) scale(2); -moz-transform: translateY(-50%) scale(2); -o-transform: translateY(-50%) scale(2); -ms-transform: translateY(-50%) scale(2);}
#mercados.selec #titulo {opacity: 1; transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1);}
#mercados .mercados {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mercado {position: absolute; width: 350px; display: block; color: #fff; transition: all .5s; opacity: 0; transform: scale(0);}
#mercados.selec .mercado {opacity: 1; transform: scale(1);}
.mercado h3 {font-size: 30px; text-transform: uppercase; font-weight: 500; line-height: 30px; margin-bottom: 5px;}
.mercado p {font-size: 14px; line-height: 17px; font-family: Open Sans;}
.mercado img {position: absolute; display: block; width: 5.9vw; max-width: 98px;}
#empresas {top: 22.7%; left: 14.5%; text-align: right; transition-delay: .4s;}
#empresas img {top: 130px; right: 60px;}
#instituciones {top: 50.5%; left: 2.5%; text-align: right; transition-delay: .6s;}
#instituciones img {top: -30px; right: -95px;}
#hogares {top: 71%; left: 24%; text-align: left; transition-delay: .8s;}
#hogares img {top: 0; left: -105px;}
#edificios {top: 82.5%; left: 47.5%; text-align: left; transition-delay: 1s;}
#edificios img {top: 0px; left: -110px;}
#barrios {top: 69%; left: 56.5%; text-align: right; transition-delay: 1.2s;}
#barrios img {top: -25px; right: -100px;}
#educativos {top: 52.5%; left: 70%; text-align: left; transition-delay: 1.4s;}
#educativos img {top: -85px; left: 20px;}
#datacenters {top: 19.3%; left: 63.2%; text-align: left; transition-delay: 1.6s;}
#datacenters img {top: 130px; right: 175px;}
.mercados2 #datacenters { top: 29% !important; left: 72% !important; }
.mercados2 #empresas { top: 31.5% !important; left: 7.5% !important; }
.mercados2 #instituciones { left: 7% !important; }
.mercados2 #educativos { top: 46.5% !important; left: 72% !important; }
.mercados2 #hogares { top: 60% !important; left: 18% !important; }
.mercados2 #barrios { top: 66.5% !important; left: 59.5% !important; }
#mercados .titulo {position: relative; display: block; width: 100%; background-color: #1b344d; color: #fff; padding: 20px 5%; font-size: 35px; text-transform: uppercase; font-weight: 900; display: none;}
/* --- Video ---- */
#video {position: relative; display: block; width: 100vw; background-color: #fff; padding: 2vw 0; background-image:url(../img/fondo-prehome.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; }
#video .elvideo { display: block; position:relative; overflow:hidden; width:81%; margin:0 auto; height:45vw;}
#video .elvideo iframe { display:block; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:45vw; }
/* --- Trabajos ---- */
#trabajos {position: relative; display: block; width: 100%; background-image: url(../img/bg--trabajos.png); background-size: cover; background-position: right top; background-repeat:no-repeat; background-color:#1b344d; padding:0 10%;}
#trabajos .wrapper {overflow: visible; width: 90%;}
#trabajos .textos {position: relative; display: block; vertical-align: middle; width: 100%; transition: all .5s; opacity: 0; transform: translateX(-50px);}
.textos h5 {display: inline-block; vertical-align: middle; font-size: 40px; font-size: 2.4vw; font-weight: 900; text-transform: uppercase; margin-right: 20px; color: #fff;}
.logos {position: relative; display: inline-block; vertical-align: middle; width: 28%; transition: all .5s; opacity: 0; transform: translateX(50px);}
.logos ul {position: relative; display: block; width: 80%; max-width: 300px; float: right;}
.logos ul li {position: relative; padding-bottom: 20%; border-radius: 50%; position: relative; overflow: hidden; position: relative; width: 100%; margin: 3vw 0;}
.logos ul li.con-logo {background-color: #fff;}
.logos ul li.con-logo.oscuro {background-color: #051829;}
.logos ul li img {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; max-width: 95%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.logos ul li.con-logo img {max-width: 60%;}
#trabajos.selec .textos, #trabajos.selec .logos {opacity: 1; transform: translateX(0);}
#trabajos h5 { margin: 2vw auto; text-align: center; padding-bottom: 1vw; margin-bottom: 2vw; border-bottom: 1px solid #fff; width: 100%; margin-top: 5vw; }
#trabajos ul { display:block; position:relative; overflow:hidden; width:80%; padding:1vw 0 2vw 0; margin:0 auto;}
#trabajos ul li { display: inline-block; position: relative; overflow: hidden; width: 100%; margin-bottom: 2vw; text-align: left; padding-bottom: 2vw; border-bottom: 1px solid #fff; float: left; margin-right: 5%;}
#trabajos ul li:last-child { border:0; }
#trabajos ul li .imagen { display:inline-block; float:left; width:15%; height:auto !important; border:2px solid #fff; }
#trabajos ul li #texto { display:inline-block; float:right; width:82%; }
/* --- Empresa ---- */
#empresa {position: relative; display: block; width: 100%; overflow: hidden; color: #1a1a1a; background-color: #fff; padding-top: 120px; padding-bottom: 40px;}
#empresa .wrapper {width: 90%;}
#empresa .titulo {position: relative; display: block; width: 100%; color: #0e94c1; margin-bottom: 30px; transition: all .5s; opacity: 0; transform: translateX(-50px);}
.fibra-optica #empresa .titulo { color:#d2284f; }
#empresa .titulo h4 {font-size: 65px; text-transform: uppercase; line-height: 40px; margin-top: 10px;}
#empresa .titulo h5 {font-size: 45px; font-weight: 300; font-style: italic;}
#empresa #texto {display: block; width: 100%; padding: 40px 0; background-color: #ebebeb;}
#empresa #texto .wrapper {width: 55%; margin-left: 5%; opacity: 0; transform: translateX(-50px); transition: all .5s .3s;}
#empresa #texto .wrapper > strong {display: block; font-size: 16px; margin-bottom: 10px;}
#texto ul {margin-bottom: 10px;}
#empresa #texto ul li {position: relative; padding-left: 10px;}
#empresa #texto ul li::before {content:''; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; border-radius: 50%; background-color: #1a1a1a;}
#empresa .bg {position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-image: url(../img/bg-empresa.png); background-size: 100%; background-position: right bottom; background-repeat: no-repeat;}
.empresa2 .bg { background-image:url(../img/bg-empresa-virtualizacion.png) !important; background-size:contain !important;}
#empresa .certificados {position: relative; display: inline-block; vertical-align: middle; margin-top: 40px; margin-left: 5%; opacity: 0; transform: translateX(-50px); transition: all .5s .6s;}
.certificados img {display: inline-block; vertical-align: middle; margin-right: 10px;}
.certificados .texto {display: inline-block; vertical-align: middle; color: #0e94c1;}
.fibra-optica .certificados .texto { color:#d2284f; }
.certificados .texto h6 {font-size: 30px; font-weight: 900; margin-bottom: 5px; text-transform: uppercase;}
.certificados .texto ul li {position: relative; font-family: 'Open Sans', sans-serif; padding-left: 10px; }
.certificados .texto ul li::before {content:''; position: absolute; left: 0; top: 40%; width: 3px; height: 3px; border-radius: 50%; background-color: #0e94c1;}
.fibra-optica .certificados .texto ul li::before { background-color:#d2284f; }
#empresa .logos-certificados {position: relative; float: right; padding: 5px 70px; background-color: #1b344d; z-index: 2; margin-top: 70px; opacity: 0; transform: translateX(50px); transition: all .5s .9s;}
.logos-certificados img {display: inline-block; vertical-align: middle; margin: 0 10px;}
#contacto.selec .titulo, #contacto.selec #datos-contacto, #contacto.selec #form-contacto, #empresa.selec .titulo, #empresa.selec #texto .wrapper, #empresa.selec .certificados, #empresa.selec .logos-certificados {opacity: 1; transform: translateX(0);}
.empresa2 .titulo { text-align:left; }
.empresa2 #texto .wrapper { width:43%; text-align:left !important; }
.empresa2 #texto ul li::before { display:none !important; }
/* --- Contacto ---- */
#contacto {position: relative; display: block; overflow: hidden; width: 100%; padding-top: 150px; min-height: 950px; background-image: url(../img/bg-contacto.jpg); background-size: cover; background-position: left bottom;}
#contacto .titulo {position: relative; float: left; padding: 1% 5%; color: #fff; text-transform: uppercase; margin-right: 30px; font-size: 45px; font-size: 2.3vw; font-weight: 900; text-align: center; background-color: #0e94c1; transition: all .5s; opacity: 0; transform: translateX(-50px);}
.fibra-optica #contacto .titulo { background-color:#d2284f; }
.internet-satelital #contacto .titulo { background-color:#0bb79d; }
#contacto #datos-contacto {position: relative; float: left; margin-right: 40px; text-align: right; width: 300px; color: #fff; font-family: 'Open Sans', sans-serif; transform: translateY(50px); opacity: 0; transition: all .5s .2s;}
#datos-contacto p {margin-bottom: 20px;}
#datos-contacto h4 {font-weight: 500; font-size: 25px;}
#datos-contacto h4 strong {font-weight: 900;}
#datos-contacto ul {margin-top: 5px;}
#contacto #form-contacto {position: relative; float: left; width: 33.5%; transform: translateY(50px); opacity: 0; transition: all .5s .3s;}
#form-contacto input[type="text"], textarea {display: block; width: 100%; padding: 10px; border:none; margin-bottom: 4px; background-color: #484848; color: #fff; font-family: 'Open Sans', sans-serif; font-style: italic; }
textarea {height: 180px; resize:none;}
#form-contacto input[type="submit"] {float: right; margin-top: 2px; padding: 8px 20px; font-size: 20px; text-transform: uppercase; font-weight: 900; color: #fff; font-family: "Exo", sans-serif; text-align: center; background-color: #0e94c1; border:none; cursor: pointer; transition: all .3s;}
.fibra-optica #form-contacto input[type="submit"] { background-color:#d2284f; }
.internet-satelital #form-contacto input[type="submit"]{ background-color:#0bb79d; }
#form-contacto input[type="submit"]:hover {background-color: #1b344d;}
#contacto #form-contacto #pie { display:block; clear:both; position: relative; float: right; overflow:hidden; margin-top:10%; text-align: right;}
#contacto #form-contacto #pie a { color:#fff;}
@media screen and (max-width: 1680px){
#menu .wrapper {width: 1000px;}
/*#texto p, #texto ul {font-size: 13px; line-height: 15px;}*/
}
@media screen and (max-width: 1370px){
#menu .wrapper {width: 875px;}
.slide-equipamiento .nombre {font-size: 25px; margin-bottom: 10px;}
.nombre::before {width: 140%;}
#texto > strong {font-size: 16px; margin-bottom: 10px;}
#texto p, #texto ul {font-size: 13px; line-height: 15px;}
.mercado h3 {font-size: 24px; line-height: 24px;}
.mercado p {font-size: 13px; line-height: 15px;}
}
@media screen and (max-width: 1024px){
.mercado {width: 250px;}
#empresas {top: 18.7%; left: 4.5%;}
#empresas img {top: 20px; right: -80px;}
#instituciones {top: 46.5%; left: 3%;}
#instituciones img {top: -20px; right: -75px;}
#hogares {top: 66%; left: 15%;}
#hogares img {top: 0; left: -75px;}
#edificios {top: 82.5%; left: 43.5%;}
#edificios img {top: 0px; left: -70px;}
#barrios {top: 65%; left: 56.5%;}
#barrios img {top: -5px; right: -70px;}
#educativos {top: 41.5%; left: 71%;}
#educativos img {display: none;}
#datacenters {top: 15.3%; left: 60%; width: 350px;}
#datacenters img {top: 100px; right: 175px;}
.textos .slide-trabajos {padding: 0px 12%;}
/*#menu ul li a {font-size: 18px; font-size: 1.8vw;}*/
/*#menu.scrolled .logo-menu {display: none;}*/
}
@media screen and (max-width: 800px){
#menu.scrolled .logo-menu, #inicio .mouse img {display: none;}
.wrapper:not(#wrapper-menu) {width: 90%;}
#top {position: fixed; background-color: #fff;}
#top .logo {display: none;}
.logo-movil {display: inline-block; width: 190px; margin-top: 10px; margin-bottom: 0; margin-left: 5%;}
.logo-movil img {width: 100%;}
#top #menu {position: relative; background-color: #292929; text-align: left;}
.click-menu {display: inline-block; float: right;}
#menu .wrapper {width: 100% !important; display: none; background-color: #0E94C1; text-align: left; padding: 0px 5%; transition: all 0s;}
.fibra-optica #menu .wrapper { background-color:#292929; }
#menu ul {display: block; width: 100%; text-align: left;}
#menu ul li {display: block; width: 100%; border-bottom: solid 1px rgba(256,256,256,.5);}
#menu ul li a {font-size: 22px; padding: 15px; color: #fff !important;}
.mouse i {display: block;}
#inicio .mouse {bottom: 4%;}
#inicio h2 {font-size: 60px; max-width: 80%;}
#servicios {background-image: initial; padding: 0;}
#servicios #iconos-servicios, #empresa .bg, #mercados #borde, #mercados #titulo {display: none;}
.listado-servicios, .listado-servicios li {display: block; width: 100%;}
.listado-servicios li {padding: 5%; border-bottom: solid 1px #bcbcbc}
.listado-servicios li #texto h4 img, .listado-servicios .titulo span {display: inline-block; font-size: 35px;}
.listado-servicios .titulo {line-height: 30px; font-size: 35px;}
.listado-servicios li #texto h4 {font-size: 24px;}
#top .accesos { display:none; }
#equipamiento .titulo {text-align: left; padding: 20px 5%; font-size: 35px;}
#equipamiento .titulo .wrapper {width: 100%;}
#equipamiento .slide-equipamiento {width: 100%; padding: 50px 0; height:initial; background: #fff;}
.slide-equipamiento .slick-list, .slide-equipamiento .wrapper, .slide-equipamiento .slide .slick-track > li, .slide-equipamiento .slide {overflow: visible !important; height: initial;}
.slide-equipamiento .slide {width: 100%;}
.slide-equipamiento .slide .texto-equipamiento {position: relative; float: none; width: 100% !important; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);}
.slide-equipamiento .nombre {padding: 5px 20px;}
.nombre::before {width: 100%;}
.slide-equipamiento .slide .img {position: relative; float: none; bottom: -50px !important; left: 0 !important; margin:0 auto; margin-top: 40px; width: 80% !important;}
.slide-equipamiento .slide .slick-active .img {bottom: 0 !important;}
.slide-equipamiento .wrapper > img {width: 20px; top: -126px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);}
#flecha-izq {right: 50px; left: initial !important;}
#flecha-der {right: 0 !important;}
#trabajos .textos {width: 100%;}
.textos h5 {display: block; font-size: 40px; text-align: center; margin-right: 0;}
.textos .slide-trabajos {margin-top: 20px; max-width: 100%; width: 100%;}
.logos {margin:0 auto; margin-top: 60px; width: 100%;}
.logos ul {float: none; margin: 0 auto;}
#empresa .titulo h4 {font-size: 50px; line-height: 45px;}
#empresa .titulo h5 {font-size: 35px;}
#empresa #texto .wrapper {width: 90%;}
#empresa .logos-certificados {float: none; padding: 5px 5%;}
.logos-certificados img {width: 16%;}
#contacto .titulo {padding: 1% 5%; display: inline-block; float: none; font-size: 45px;}
#contacto #datos-contacto {float: none; display: block; padding: 0px 5%; margin: 20px 0; width: 500px; max-width: 90%; text-align: left;}
#contacto #form-contacto {float: none; width: 90%; margin:0 auto;}
#mercados {padding-top: 0;}
#mercados .mercados {position: relative;}
#mercados .titulo {display: block;}
.mercado {position: relative; top: 0 !important; left: 0 !important; overflow: hidden; text-align: left !important; width: 90% !important; margin: 50px auto;}
.mercado img {display: block !important; position: relative; top: 0 !important; left: 0 !important; right: 0 !important; float: left; width: 20%; margin-right: 20px;}
.mercado .texto {float: left; width: 70%;}
#serviciosNuevo h2 {display: block; position: relative; top: 0; display:block margin:0 auto; font-size: 20px; width: initial;}
#serviciosNuevo {padding-top: 50px; text-align: center; background-size: 150px;}
.listado-servicios {text-align: left;}
.listado-servicios li #texto h4 img {width: 60px;}
#texto p, #texto ul, .mercado p {font-size: 14px; line-height: 17px;}
#trabajos {padding-top: 70px;}
.slide-trabajos > span {display: none;}
#trabajos { padding:0 5%; }
#trabajos .wrapper { width:100% !important; }
#trabajos ul { width:100%; }
#trabajos h5 { padding-top:40px; }
.mercados2 #datacenters { left:0 !important; }
.mercados2 #empresas { left:0 !important; }
.mercados2 #instituciones { left:0 !important; }
.mercados2 #educativos { left:0 !important; }
.mercados2 #hogares { left:0 !important; }
.mercados2 #barrios, .mercados2 .mercado { left:0 !important; }
}
@media screen and (max-width: 600px){
#inicio {height: 100vh !important;}
#inicio.selec .wrapper {transform: translateY(-55%); -webkit-transform: translateY(-55%); -moz-transform: translateY(-55%); -o-transform: translateY(-55%); -ms-transform: translateY(-55%); }
#inicio h2 {font-size: 40px;}
#inicio h3 {font-size: 20px;}
.slide-trabajos > span {font-size: 70px;}
.certificados img {width: 70px;}
#empresa .logos-certificados {padding: 20px 0; text-align: center;}
.logos-certificados img {width: 25%; margin: 20px;}
#equipamiento .titulo {font-size: 30px;}
.slide-equipamiento .wrapper > img {width: 15px; top: -110px;}
#trabajos ul li .imagen { display:none; }
#trabajos ul li #texto { width:100%; }
#trabajos ul li { margin-bottom:20px;padding-bottom:20px; }
#top .accesos { display:block; margin:10px 0; text-align: center; }
#top .accesos h2 { display:block; font-size: 20px; border: 0; line-height: 15px; padding: 0; margin: 10px; float:none; }
#top .accesos { display:none; }
.wrapper:not(#wrapper-menu) { text-align:left !important; }
.listado-servicios li #texto h4 span { display: block; margin-top:10px; }
#video { height:84vh; }
#empresa { padding-top:30px; }
#contacto { padding-top:40px; }
#empresa .logos-certificados { margin-top:40px; }
#contacto { margin-top:-40px; }
.servicios2 .foto { display:none; }
.servicios2 .listado-servicios { padding:0 20px; }
.servicios2 .arriba .icono { display:none; }
.servicios2 .arriba h2 { display:block; float:none; font-size:28px; line-height:30px; }
.servicios2 .arriba h2 span { font-size:20px; line-height: 27px; }
.servicios2 .arriba h3 { display:block; float:none; width:100%; font-size:15px; line-height:17px; }
.servicios2 .arriba { width:100%; padding:20px; }
.slide-equipamiento .nombre { padding:5px 0; }
#video .elvideo iframe, #video .elvideo, #video { height:68vw; }
#video .elvideo { width:100%; margin:0; }
#video { padding:0; }
#menu a.link { display:block !important; font-size: 22px !important; padding: 15px !important; color: #fff !important; margin:10px 0 !important; }
.internet-satelital .servicios2 .arriba .icono { display:none; }
.internet-satelital .servicios2 .arriba h2 { display:block; float:none; width:100%; font-size:20px; line-height:22px; }
.internet-satelital .servicios2 .arriba h2 span { font-size:20px; line-height: 22px; }
.internet-satelital .servicios2 .arriba h3 { display:block; float:none; width:100%; font-size:16px; line-height:18px; }
.internet-satelital .servicios2 { padding-bottom:40px !important; }
.internet-satelital #top #menu { display:block; }
.internet-satelital .click-menu { display:none; }
}
/* --- Font ---- */
@font-face {
font-family: 'DINCond';
src: url('../fonts/dincond-bold-webfont.eot');
src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
url('../fonts/dincond-bold-webfont.woff') format('woff'),
url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
url('../fonts/dincond-bold-webfont.svg#dincond-boldregular') format('svg');
font-weight: normal;
font-style: normal;
}