*,
*:after,
*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

body{
      background: rgba(255, 255, 255, 1);
    font-family: 'Lato', Arial, sans-serif;
    font-size: 13px;
	color:#fff;
    min-width: 1100px;
}
a {
	text-decoration: none !important;
}
.section{
    margin:0px;
    height:900px;
    width:100%;
    float:left;
	position:relative;
    z-index: 2;overflow: hidden;

    min-width: 1100px;
}
li.ticket {
display: none;
}
#Stage_man-tibox {
top: 205px !important;
}
h2 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	z-index:9999;
	margin: 0;
}
.section h2{
	font-size: 70px;
	line-height: 80px;
	margin-bottom: 20px;
	font-weight: 700;
	position: relative;
z-index: 9999;
}
strong {
	font-weight:700 !important;
}

.section .bloq{
	display:block;
}
.fixed {
    position:fixed;
    top:0;
}

.container1 {
width: 100%;
margin: auto;
float: left;
min-width: 1100px;  z-index: 2;
}
.cont {
	padding: 120px 50px;
	max-width: 1100px;
	border-right: 0px solid;
	position: absolute;
	height: 100%;
	width: 100%;

}
.edgeLoad-tibox-content { visibility:hidden; }
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 70px;
font-size: 13px;
z-index: 99;
background: rgb(56, 71, 86);
min-width: 1100px;
}
header ul{
	position:relative;
	height:70px;
	float:left;
}
header .logo li {
display: block;
float: left;
height: 100%;
border-right: 1px solid rgba(198, 208, 218, 0);
text-align: center;
}
header .logo li a#logotibox {
padding: 10px;
background-image: url(../images/logo-tibox.png);
left: 0;
top: 0;
z-index: 2;
width: 100%;
min-width: 350px;
height: 100%;
text-indent: -999999px;
background-repeat: no-repeat;
background-position: center right;
display: block;
background-size: 85%;
}
nav {
	 float:right;
 }
nav ul{
	height:auto;
	margin-top: 18px;
margin-right: 20px;
 }
nav li {
display: block;
float: left;
margin-left: 10px;
margin-top: 0px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz--border-radius: 4px;
-o--border-radius: 4px;
text-transform: uppercase;
}
nav li a {
display: block;
font-size: 13px;
padding: 0.7em 1.1em ;
background: rgba(0, 131, 169, 0);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz--border-radius: 5px;
-o--border-radius: 5px;
color: rgba(255, 255, 255, 0.75);
font-weight: 900;
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
transition-duration: 0.6s;
}
nav li a:hover, nav li a.active {
color: rgb(255, 255, 255);
background: rgb(12, 198, 222);
text-shadow: none;
}

.gn-icon::before {
display: inline-block;
width: auto;
text-align: left;
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: FontAwesome;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
margin-right: 10px;
display: none;
}

.animaciones {
	padding:0;
	position: absolute;
	height: 100%;
	width: 100%;
}			
.slider	 {
	position:relative;
	z-index:999999999999999;
}
.gn-menu-main {
	background: rgba(0, 0, 0, 0.15);
}
#home h2{
	font-weight: 300; position: relative;
}
.section p{
	margin: 0;
	font-size: 22px;
	line-height: 25px;
	font-weight:300;
	width: 570px;
	z-index:9999;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	letter-spacing: 1px;position: relative;
}
.font-t {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 20px;color: #FFE800;
}
#clientes .ft .col-3 {
	width: 20%;
}
.sty {
}
h2.animad,
p.animad {
	position:relative  ;	
}

.animad-bloque {
	visibility:hidden;
}
.hide-left,
.hideme{
    opacity:1;
}

.footer-datos {
line-height: 18px;
text-align: left;
padding: 8px 20px;
position: relative;
float: left;
}

.footer-datos .info  {
}

.footer-datos .info strong {
}

footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 54px;
font-size: 12px;
z-index: 98;
background: rgba(56, 71, 86, 1);
min-width: 1100px;
}

.menu-list ul{
margin-top: 0px;
}


/*! colores de fondo */
#seelmasfuerte {
	background : rgba(255, 51, 18, 1);
}
#soluciones {
	background-color: rgba(29, 49, 86, 1); overflow: hidden; z-index: 1;
	background-image: url(../images/2.jpg);
	background-size: cover;
background-repeat: no-repeat;
}
#nosotros {
background-color: rgba(255, 255, 255, 1);
background-image: url(../images/1.jpg);
background-size: cover;
background-repeat: no-repeat;
color: #4C4C4C;
background-position: left center;
}

#clientes {
background: rgba(1, 0, 40, 1);
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/clientes/Fondo.jpg);
background-position: -50px center;
}
#home {
background: rgba(36, 34, 37, 1);
  margin-bottom: -50px;
  z-index: 1;
}

#conectate {
	background: rgba(248, 246, 242, 1);
background-size: cover;
background-repeat: no-repeat;
}
.box.soluciones{
	background : rgba(5, 140, 216, 1);
} 
.box.servicios{
	background : rgba(120, 30, 125, 1);
} 
.box.infraestructura{
	background : rgba(245, 175, 1, 1);
} 
.box.aplicaciones{
	background : rgba(128, 177, 3, 1);
} 
.box.colaboracion{
	background : rgba(237, 79, 37, 1);
} 




.animad {
	background-repeat : no-repeat;
	position : absolute ;
	background-position:center;
	display: block;
	-webkit-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility:hidden;
}
.servicios .animad,
.infraestructura .animad,
.aplicaciones .animad,
.colaboracion .animad {
	visibility: visible;
}
#linea1{
	background-image: url(../images/tiquet-01.png);
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-position: 0PX center;
}

#esfera1,
#esfera2,
#esfera3,
#esfera4,
#esfera5,
#esfera6,
#esfera7,
#esfera8,
#esfera9 {
	background-image : url(../images/icon-circulo.png);
	width:63px;
	height:100px;
	z-index:3;
}
	
#esfera1 {
  left : 35px;
  bottom: 190px;
}
#esfera2 {
  left : 146px;
  bottom: 118px;	
}

#esfera3 {
  left : 465px;
  bottom: 191px;
}
#esfera4 {
  left : 620px;
  bottom: 119px;
}

#esfera5 {
  left : 866px;
  bottom: 190px;
}
#esfera6 {
  left : 1064px;
  bottom: 180px;
}

#esfera7 {
  left : 1244px;
  bottom: 305px;
}
#esfera8 {
  left : 1382px;
  bottom: 309px;
}

#esfera9 {
  left : 1526px;
  bottom: 490px;
}
#home-back {
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background-image: url(../images/Home-01.png);
z-index: 1;
background-position: bottom left;
}
#back1{
	background-image: url(../images/back-1.png);
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-position: 0px bottom;
}

#back2{
	background-image: url(../images/back-2.png);
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-position: 0PX bottom;
}


#lupa{
  background-image : url(../images/lupa.png);
  width:163px;
  height:157px;
  left: 691px;
  bottom: 210px;
  z-index:9;
}

#mac {
  background-image : url(../images/mac.png);
  width:331px;
  height:277px;
  left: 455px;
  bottom: 150px;
  z-index:7;
}


#tablet {
  background-image : url(../images/tablet.png);
  width:123px;
  height:163px;
  left: 420px;
  bottom: 120px;
  z-index:8;
}


#icon-nosotros-01,
#icon-nosotros-02,
#icon-nosotros-03,
#icon-nosotros-04, 
#icon-nosotros-05, 
#icon-nosotros-06 {
	height:62px;
	z-index:9;
}

#icon-nosotros-01 {
	bottom: 479px;
	left: 365px;
}
#icon-nosotros-02 {
	left: 120px;
	bottom: 380px;
}
#icon-nosotros-03 {
	bottom: 285px;
	left: 50px;
}
#icon-nosotros-04 {
	left: 927px;
	bottom: 479px;
}
#icon-nosotros-05 {
	left: 170px;
	bottom: 180px;
}
#icon-nosotros-06 {
	left: 1007px;
	bottom: 197px;
}
#globo1 {
	  left: 45px;
	  bottom: 240px;
}

#globo2 {
	left: 395PX;
	bottom: 385PX;
}


#globo1,
#globo2 {
	width: 200px;
	z-index:9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background : rgba(255, 117, 23, 1);
	padding: 10px;
	line-height: 18PX;
	font-size: 12PX;
	text-align: center;
}
#globo1:before,
#globo2:before {
	border-color: rgba(255, 117, 23, 1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 12px 8px;
	content: "";
	display: block;
	height: 0;
	bottom: -24px;
	position: absolute;
	left: 50%;
	margin-left: -6PX;
	width: 0;
}



/* el mas fuerte */

#sec5-linea{
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/seelmasfuerte-back.png);
	z-index: 3;
	background-position: bottom left;
}
#sec5-back{
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/seelmasfuerte-back2.png);
	z-index:1;
	background-position: center left;
}
#sec5-man{
	width:285px;
	height:439px;
	bottom:0;
	left:0;
	left : 785px;
  
	bottom: 105px;
	background-image : url(../images/seelmasfuerte-man.png);
	z-index: 2;
}


/* clientes */
#clientes-back {
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/clientes/Fondo.jpg);
	z-index:1;
	background-position: center left;
}



/* soluciones  */
#soluciones-back {
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/soluciones-back.png);
	z-index:1;
	background-position: center left;
}

/* soluciones servicios ti */
#servicios-back {
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/servicios-back.png);
	z-index:1;
	background-position: left bottom;
}
#servicios-line {
	width:407px;
	height:318px;
	bottom: 160px;
	 left : 348px;
	background-image : url(../images/servicios-line.png);
	z-index:2;
}
#servicios-man {
	width:229px;
	height:303px;
	bottom: 130px;
	left : 453px;
	background-image : url(../images/servicios-ti.png);
	z-index:3;
}
#servicios-icon1,
#servicios-icon2,
#servicios-icon3,
#servicios-icon4,
#servicios-icon5,
#servicios-icon6 {
	width:95px;
	height:95px;
	z-index:4;
}
#servicios-icon1 {
	bottom: 460px;
	left: 405px;
}
#servicios-icon2 {
	bottom: 320px;
	left: 285px;
}
#servicios-icon3 {
	bottom: 320px;
	left: 728px;
}
#servicios-icon4 {
	bottom: 160px;
	left: 285px;
}
#servicios-icon5 {
	bottom: 160px;
	left: 728px;
}
#servicios-icon6 {
	bottom: 460px;
	left: 600px;
}
.servicios .hi-icon {
	margin: 0;
}
.servicios .hi-icon-effect-1 .hi-icon {
	background:#FFF;
}
#servicios-icon1 .hi-icon{
	color:#EA4F25;
}
#servicios-icon2 .hi-icon{
	color: #781E7D;
}
#servicios-icon3 .hi-icon{
	color:#0598E4;
}
#servicios-icon4 .hi-icon{
	color:#A77906;
}
#servicios-icon5 .hi-icon{
	color:#80AE03;
}
#servicios-icon6 .hi-icon{
	color:#80AE03;
}


/* soluciones  infrestructura ti */
#infraestructura-back {
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/infraestructura-back.png);
	z-index:1;
	background-position: left bottom;
}

#infraestructura-man {
	width:176px;
	height:206px;
	bottom: 200px;
	left: 488px;
	background-image : url(../images/infraestructura-man.png);
	z-index:2;
}
#infraestructura-icon1,
#infraestructura-icon2,
#infraestructura-icon3,
#infraestructura-icon4,
#infraestructura-icon5 {
	width:95px;
	height:95px;
	z-index:3;
}
#infraestructura-icon1 {
bottom: 480px;
left: 505px;
}
#infraestructura-icon2 {
	bottom: 330px;
	left: 315px;
}
#infraestructura-icon3 {
	bottom: 330px;
	left: 678px;
}
#infraestructura-icon4 {
	bottom: 130px;
	left: 378px;
}
#infraestructura-icon5 {
	bottom: 130px;
	left: 610px;
}


/* soluciones aplicaciones ti */
#aplicaciones-back {
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/aplicaciones-back.png);
	z-index:1;
	background-position: center left;
}

/* soluciones colaboracion ti */
#colaboracion-back {
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/colaboraciones-02.png);
	z-index:1;
	background-position: left bottom;
}
#colaboracion-line {
	width:916px;
	height:304px;
	bottom: 140px;
	 
	left: 90px;
	background-image : url(../images/colaboracion-lineas.png);
	z-index:2;
}
#colaboracion-nube {
	width:369px;
	height:140px;
	bottom: 400px;
	 left : 348px;
	background-image : url(../images/colaboraciones-01.png);
	z-index:3;
}

#colaboracion-equipo1 {
	width:211px;
	height:83px;
	bottom: 90px;
	 
	left: 50px;
	background-image : url(../images/colaboraciones-03.png);
	z-index:3;
}
#colaboracion-equipo2 {
	width:258px;
	height:100px;
	bottom: 90px;
	 
	left: 220px;
	background-image : url(../images/colaboraciones-04.png);
	z-index:3;
}
#colaboracion-equipo3 {
	width: 299px;
	height:158px;
	bottom: 90px;
	 
	left: 440px;
	background-image : url(../images/colaboraciones-05.png);
	z-index:3;
}

#colaboracion-equipo4 {
	width:287px;
	height:119px;
	bottom: 90px;
	 
	left: 668px;
	background-image : url(../images/colaboraciones-06.png);
	z-index:3;
}

#colaboracion-equipo5 {
	width:150px;
	height:93px;
	bottom: 90px;
	left: 948px;
	background-image : url(../images/colaboraciones-07.png);
	z-index:3;
}

#colaboracion-equipo1 a,
#colaboracion-equipo2 a,
#colaboracion-equipo3 a,
#colaboracion-equipo4 a,
#colaboracion-equipo5 a {
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	position: absolute;	
}

#colaboracion-equipo1 a{
width: 120px;
height: 83px;

}
#colaboracion-equipo2 a{
	width: 145px;
	height: 98px;
	left: 20px;
}

#colaboracion-equipo3 a{
	width: 175px;
	height: 140px;

	left: 18px;
}
#colaboracion-equipo4 a{
	width: 170px;
	height: 115px;
	left: 25px;
}
#colaboracion-equipo5 a{
	width: 55px;
	height:93px;
}




/* 	CONTACTO */

#conectate .cont {
	position: initial;
	z-index: 2;
}
#consulta1 {
	margin-bottom: 50px;
	margin-top: 20px;
}
#conectate .animaciones {
	top:0;
	z-index: -1;
}
#contacto-back {
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/contacto-back.png);
	z-index:1;
	background-position: center left;
}
#redes {
    background : #0086B5;
    display: block;
    position: absolute;  width: 100%;  left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility:hidden;
}

#redes #contenido-red{
	max-width: 1100px;min-width: 100px;
}

#redes .col-4{
    
    text-align: center;
    padding-top: 3em;
    padding-bottom: 3em;
}

#redes .col-4 i{
}

#redes .col-4 img{
    display: inline-block;
}

#redes a.col-4{
	background: #000;
}

#redes a.col-4:hover{
}

#redes a.col-4.re-linkedin{
	 background : #0080A3;
}

#redes a.col-4.re-twitter{
	background : #0098DA;
}
#redes a.col-4.re-yammer{
	background : #0086B5;
}




/* 	ICONOS */
.hi-icon-wrap a span {
width: 250px;
height: auto;
line-height: 15px;
padding: 5px;
left: -180px;
margin-left: -90px;
font-family: 'Lato', Arial, sans-serif;
font-weight: 400;
font-size: 11px;
color: rgb(23, 143, 148);
text-align: center;
border: 4px solid rgb(255, 255, 255);
background: rgb(255, 255, 255);
text-indent: 0px;
border-radius: 5px;
position: absolute;
top: 0;
opacity: 1;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 99999;
pointer-events: none;
}
.hi-icon-wrap a span:before{
	border-color: rgba(0, 0, 0, 0) rgba(188, 16, 16, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255);
	border-style: solid;
	border-width: 8px 10px;
	content: "";
	display: block;
	height: 0;
	right: -24px;
	position: absolute;
	top: 50%;
	width: 0;
	margin-top: -7px;
}
.hi-icon-wrap a span:after{
	content: "";
	display: block;
	width: 80px;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	right: -85px;
}
.hi-icon-wrap a:hover span{
	opacity: 1;
	top: 0;
	pointer-events: visible;
	left: -180px;
}


.hi-icon-wrap.hi-right  a span{
left: auto;
margin-left: auto;
right: -190px;
margin-right: -90px;
}
.hi-icon-wrap.hi-right a span:before{
	border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 1) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
	right: auto;
	top: 50%;
	margin-top: -7px;
	left: -24px;
}
.hi-icon-wrap.hi-right a span:after{
	right: auto;
	left: -85px;
}
.hi-icon-wrap.hi-right a:hover span{
	left: auto;
	right: -180px;
}
.hi-icon-wrap strong {
    color: inherit;
    text-transform: u;
}
strong.leermas{
    color: inherit;
    border-bottom: 1px solid;
}

strong.leermas:hover{
	color: #000;
}

#bloque-tablet {
    height: 415px;
    display: block;
    background-color: #148006;
    border: 3px solid #1B8E0A;
    border-radius: 8px;
    position: absolute;
    bottom: 130px;
    left: 40px;
    z-index: 9;
	width: 830px;
}

#contenido-tablet {
    background-color: #FFF;
    width: 90%;
    height: 85%;
    top: 8%;
    position: absolute;
    left: 2%;
    border-radius: 3px;
	padding: 25px 0;
}

.hi-icon-wrap.top a span{
	left: auto;
	margin-left: auto;
	left: 50%;
	top: auto;
	bottom: 160%;
	margin-left: -94px;
	width: 190px;
}
.hi-icon-wrap.top a span:before{
	border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
	right: auto;
	top: auto;
	margin-top: 0;
	margin-left: -8px;
	left: 50%;
	bottom: -24px;
	border-width: 10px 8px;
}
.hi-icon-wrap.hi-right a span:after{
	right: auto;
	left: -85px;
}
.hi-icon-wrap.top a:hover span{
	left: auto;
	bottom: 120%;
	margin-left: -94px;
}
.hi-icon-wrap.top a span:after {
	width: 100%;
	height: 80px;
	top: auto;
	left: 0;
	bottom: -83px;
}


#nosotros .hi-icon {
	margin:0;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	color: rgb(255, 255, 255);
}



#nosotros .hi-icon:before {
	font-size: 35px;
	line-height: 70px;
}
#nosotros .hi-icon-effect-2 .hi-icon {
	color: #148006;
	box-shadow: 0 0 0 3px rgb(89, 150, 6);
}

#nosotros .hi-icon-effect-2 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	background: #fff;
}

#nosotros .hi-icon-effect-2a .hi-icon:hover {
	color: #148006;
	box-shadow: 0 0 0 0px #148006;
}

#nosotros .hi-icon-effect-2a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
}
#nosotros .hi-icon-wrap a span {
color: rgb(255, 255, 255);
border: 4px solid rgb(68, 144, 8);
background: rgba(76, 171, 0, 0.87);
}
#nosotros .hi-icon-wrap a span:before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(68, 144, 8);
}
#nosotros .hi-icon-wrap.hi-right a span:before{
	border-color: rgba(0, 0, 0, 0) rgb(68, 144, 8) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

#nosotros #icon-nosotros-01 .hi-icon-wrap a span {
	top: -25px;
}
#nosotros #icon-nosotros-02 .hi-icon-wrap a span {
	top: -15px;
}
#nosotros #icon-nosotros-03 .hi-icon-wrap a span {
	top: -15px;
}
#nosotros #icon-nosotros-04 .hi-icon-wrap a span {
	top: -20px;
}
#nosotros #icon-nosotros-05 .hi-icon-wrap a span {
	top: -10px;
}

#nosotros #icon-nosotros-06 .hi-icon-wrap a span {
	top: -28px;
}
#soluciones #servicios-icon1 .hi-icon-wrap a span {
	top: -20px;
}

#soluciones #servicios-icon2 .hi-icon-wrap a span {
	top: -10px;
}
#soluciones #servicios-icon3 .hi-icon-wrap a span {
	top: -5px;
}
#soluciones #servicios-icon4 .hi-icon-wrap a span {
	top: -20px;
}
#soluciones #servicios-icon5 .hi-icon-wrap a span {
	top: -28px;
}
#soluciones #servicios-icon6 .hi-icon-wrap a span {
	top: -8px;
}
#soluciones .servicios .hi-icon-wrap a span {
	color: #FFF;
	border: 4px solid rgb(255, 255, 2);
	background: rgb(255, 255, 2);
	color: #000;
}
#soluciones .servicios  .hi-icon-wrap a span:before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 2);
}
#soluciones .servicios  .hi-icon-wrap.hi-right a span:before{
	border-color: rgba(0, 0, 0, 0) rgb(255, 255, 2) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

#soluciones #infraestructura-icon1 .hi-icon-wrap a span {
	top:0;
}
#soluciones #infraestructura-icon2 .hi-icon-wrap a span {
	top:0;
}
#soluciones #infraestructura-icon3 .hi-icon-wrap a span {
	top:0;
}
#soluciones #infraestructura-icon4 .hi-icon-wrap a span {
	top:0;
}
#soluciones #infraestructura-icon5 .hi-icon-wrap a span {
	top:0;
}


#soluciones .infraestructura .hi-icon-wrap a span {
	color: #FFF;
	border: 4px solid rgb(0, 173, 255);
	background: rgb(0, 173, 255);
}
#soluciones .infraestructura  .hi-icon-wrap a span:before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(0, 173, 255);
}
#soluciones .infraestructura  .hi-icon-wrap.hi-right a span:before{
	border-color: rgba(0, 0, 0, 0) rgb(0, 173, 255) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}



#nosotros .hi-icon-effect-2 .hi-icon {
    background: #62A604;
}
#soluciones .hi-icon-effect-2 .hi-icon {
    background: #0592DE;
}

#soluciones #firts-icon {
    margin-top: 30px;
}

#soluciones #firts-icon .hi-icon-wrap {
margin-bottom: 15px;
}

#clientes #firts-icon {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

#clientes  #second-icon {
    text-align: center;
}

#clientes  .hi-icon-effect-2 .hi-icon {
color: #951141;
background: rgb(230, 20, 95);
}
#clientes  .hi-icon-effect-2 .hi-icon:after {
	background: #fff;

}
#clientes  .hi-icon-effect-2 .hi-icon:hover {
color:rgb(230, 20, 95);

}

.infraestructura .hi-icon {
	margin: 0;
}
.infraestructura .hi-icon-effect-1 .hi-icon {
	background:#FFF;
}
#infraestructura-icon1 .hi-icon{
	color:#EA4F25;
}
#infraestructura-icon2 .hi-icon{
	color: #781E7D;
}
#infraestructura-icon3 .hi-icon{
	color:#0598E4;
}
#infraestructura-icon4 .hi-icon{
	color:#A77906;
}
#infraestructura-icon5 .hi-icon{
	color:#80AE03;
}


/* SLIDER SOLUCIONES */
.slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slider__wrapper {
  height: 100%;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.slider__item {
  height: 100%;
  float: left;
  clear: none;
}

.slider__arrows-item {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
  font-size: 0;
  width: 40px;
  height: 40px;
}
.slider__arrows-item--right {
  bottom: 50%;
  right: 30px;
}
.slider__arrows-item--left {
  bottom: 50%;
  right: 80px;
}

.slider__arrows-item--right:before,
.slider__arrows-item--left:before {
	content: "";
	display: block;
	font-size: 50px;
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	font-family:FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.slider__arrows-item--right:before {
	content: "\f105";
}

.slider__arrows-item--left:before {
	content: "\f104";
}
.slider__arrows-item--right:before:hover,
.slider__arrows-item--left:before:hover {
	opacity:.7;
}
.slider__nav {
  position: absolute;
  bottom: 30px;
}
.slider__nav-item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
}
.slider__nav-item--current {
  background: #ccc;
}
.slider__nav-item:hover {
  background: #ccc;
}

.box {
	width: 100%;
	height: 100%;position: relative;
}
/*  */



/* lista  */
.menu-list {
    margin-top: 10px;
    position: relative;
}

.menu-list li{
    padding: 3px 0;
    padding-left: 15px;
}
.menu-list li a{
	color:#FFF;

}
.menu-list li a:hover{
	text-decoration:underline !important;
}
.menu-list li:before{
	content: "\f101";
	display: block;
	font-size: 17px;
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	height: 0;
	font-family:FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}


.bloqe-1 {
	background : #EA4F25;
}
.bloqe-2 {
	background : #F3AD01;
}
.bloqe-3 {
	background : #0598E4;
}
.bq {
	width:80%;
	height: 30%;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
	position: relative;
	margin: 1% 8%;
	padding: 20px;padding-left: 12%;
}
.bq:before {
	font-family: FontAwesome;
	speak: none;
	font-size: 48px;
	line-height: 98px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	height: 100%;
	top: 0;
	padding-right: 2%;
	left: 2%;
	border-right: 1px solid;
}
.bloqe-1.bq:before {
	content: "\f015";
}
.bloqe-2.bq:before {
	content: "\f015";
}
.bloqe-3.bq:before {
	content: "\f015";
}

.bq:hover {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
footer ul {
	float: left;
}

footer ul li {
display: block;
float: left;
height: 100%;
text-align: center;
height: 70px;
margin-left: 10px;
}
footer ul li a {
margin: 10px 0;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 33PX;
text-indent: -999999px;
display: block;
}

footer ul li a#microsoftpartner {

}
footer ul li a#microsoft {

}
footer ul li a#entel {

}
footer ul li a#office {

}
footer ul li a img{
max-height: 100%;
}

footer #redes {
background: rgba(0, 134, 181, 0);
display: block;
position: absolute;
width: auto;
left: auto;
top: -40px;
right: 10px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
max-width: 100px;
}
footer #redes #contenido-red {
max-width: 1100px;
}
footer #redes .col-4 {
text-align: center;
padding: 7px;
float: left;
height: 31px;
margin-right: 2%;
border: 1px solid rgba(255, 255, 255, 0.35);
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
transition-duration: 0.6s;
width: 31.33333333333333%;min-width: 31px;
}

footer #redes .col-4 i{
}

footer #redes .col-4 img {
display: inline-block;
}

footer #redes a.col-4{
	background: #000;
}

footer #redes a.col-4:hover{
	border: 1px solid rgba(255, 255, 255,1);
}

footer #redes a.col-4.re-linkedin {
background: rgb(14, 149, 187);

}

footer #redes a.col-4.re-twitter {
background: rgb(44, 178, 235);
}
footer #redes a.col-4.re-yammer {
background: rgb(0, 103, 237);
}
#nosotros .animaciones {
height: 950px;
}

.tooltip-item {
width: 74px;
height: 74px;
left: 0%;
top: 0%;
margin: -2px 0 0 -2px;
position: absolute;
border-radius: 50%;
border: 2px solid rgb(255, 255, 255);
-webkit-animation: pulse1 0.9s infinite alternate;
animation: pulse1 0.9s infinite alternate;
}

@-webkit-keyframes pulse1 {
	from { -webkit-transform: scale3d(0.9,0.9,1); opacity:0; }
	to { -webkit-transform: scale3d(1,1,1); opacity:1; }
}

@keyframes pulse1 {
	from { -webkit-transform: scale3d(0.9,0.9,1); transform: scale3d(0.9,0.9,1);opacity:0; }
	to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);opacity:1; }
}
@-ms-keyframes pulse1 {
	from { -ms-transform: scale3d(0.9,0.9,1); opacity:0; }
	to { -ms-transform: scale3d(1,1,1); opacity:1; }
}
@-o-keyframes pulse1 {
	from { -o-transform: scale3d(0.9,0.9,1); opacity:0; }
	to { -o-transform: scale3d(1,1,1); opacity:1; }
}
@-moz-keyframes pulse1 {
	from { -moz-transform: scale3d(0.9,0.9,1); opacity:0; }
	to { -moz-transform: scale3d(1,1,1); opacity:1; }
}
#Stage_man-02 {
	-webkit-animation: floating 1.9s infinite;
	animation: floating 1.9s infinite;
}
#backhome{
	width:100%;
	height:100%;
	min-width:1100px;
	min-height:640px;
	z-index:4;
	position:absolute;
bottom: 0;
left: 0;
	display:block;
	background-color: rgba(128, 23, 196, 0);
	-moz-animation: fadeIncolor linear 8s;
	-ms-animation: fadeIncolor linear 8s;
	-o-animation: fadeIncolor linear 8s;
	  -moz-animation-iteration-count: 4;
	    -o-animation-iteration-count: 4; 
		  -webkit-animation-iteration-count: 4;   animation-iteration-count: 4;
	-webkit-animation: fadeIncolor  linear 8s;
	animation: fadeIncolor linear 8s;
	visibility:visible !important;
	background-size: 100%;
}
@-webkit-keyframes fadeIncolor { 
    0% {opacity: 1;background-color:rgb(128, 23, 196);} 
    100% {opacity: 0;background-color: rgba(128, 23, 196, 0);} 
} 
@-o-keyframes fadeIncolor { 
    0% {opacity: 1;background-color:rgb(128, 23, 196);} 
    100% {opacity: 0;background-color: rgba(128, 23, 196, 0);} 
} 
@-ms-keyframes fadeIncolor { 
    0% {opacity: 1;background-color:rgb(128, 23, 196);} 
    100% {opacity: 0;background-color: rgba(128, 23, 196, 0);} 
} 
@-moz-keyframes fadeIncolor { 
    0% {opacity: 1;background-color:rgb(128, 23, 196);} 
    100% {opacity: 0;background-color: rgba(128, 23, 196, 0);} 
} 
@keyframes fadeIncolor { 
    0% {opacity: 1;background-color:rgb(128, 23, 196);} 
    100% {opacity: 0;background-color: rgba(128, 23, 196, 0);} 
} 
#engranaje{
	width:33px;
	height:33px;
	z-index:2;
	position:absolute;
bottom: 193px;
left: 552px;
	display:block;
	background-image: url(../images/engrana.png);
	-moz-animation: engranaje infinite linear 10s;
	-ms-animation: engranaje infinite linear 10s;
	-o-animation: engranaje infinite linear 10s;
	-webkit-animation: engranaje infinite linear 10s;
	animation: engranaje  infinite linear 10s;
	visibility:visible !important;
	background-size: 100%;
}

@keyframes engranaje {
	0 { transform: rotate(0deg); }
	100% { transform:  rotate(-360deg); }
}
@-webkit-keyframes engranaje {
	0 { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform:  rotate(-360deg); }
}
@-o-keyframes engranaje {
	0 { -o-transform: rotate(0deg); }
	100% { -o-transform:  rotate(-360deg); }
}
@-moz-keyframes engranaje {
	0 { -moz-transform: rotate(0deg); }
	100% { -moz-transform:  rotate(-360deg); }
}
@-ms-keyframes engranaje {
	0 { -ms-transform: rotate(0deg); }
	100% { -ms-transform:  rotate(-360deg); }
}

#man{
width: 251px;
height: 183px;
z-index: 2;
position: absolute;
bottom: 0px;
left: 117px;
display: block;
background-image: url(../images/man.gif);
visibility: visible !important;
background-size: 100%;
	-moz-animation: fadeIn 1 ease-in 1.5s;
	-ms-animation: fadeIn 1 ease-in 1.5s;
	-o-animation: fadeIn 1 ease-in 1.5s;
	-webkit-animation: fadeIn 1 ease-in 1.5s;
	animation: fadeIn  1 ease-in 1.5s;
	visibility:visible !important;
}


#brillo2,
#brillo{
	width:99px;
	height:99px;
	z-index:2;
	position:absolute;
	bottom: 395px;
	left: 383px;
	display:block;
	background-image: url(../images/brillo.png);
	-webkit-animation: pulse 1.9s infinite;
	animation: pulse 1.9s infinite;
	visibility:visible !important;
	background-size: 100%;
}
#brillo2 {
width: 70px;
height: 70px;
z-index: 2;
bottom: 367px;
left: 1510px;
}
#avion1{
	width:65px;
	height:23px;
	z-index:2;
	position:absolute;
	bottom:450px;
	left:400px;
	display:block;
	background-image: url(../images/avion.png);
	 visibility:visible !important;
  animation: animationFrames linear 25s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 25s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 25s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 25s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}


@keyframes animationFrames{
  0% {opacity:0;transform:  translate(-535px,25px)  rotate(-12deg) ;}
  6% {opacity:1;transform:  translate(-429px,3px)  rotate(-8deg) ;}
  18% {opacity:1;transform:  translate(-216px,-41px)  rotate(-1deg) ;}
  34% {opacity:1;transform:  translate(154px,3px)  rotate(17deg) ;}
  50% {opacity:1;transform:  translate(523px,46px)  rotate(2deg) ;}
  74% {opacity:1;transform:  translate(899px,-25px)  rotate(-9deg) ;}
  100% {opacity:0;transform:  translate(1213px,-87px)  ;}

}

@-moz-keyframes animationFrames{
  0% {opacity:0;-moz-transform:  translate(-535px,25px)  rotate(-12deg) ;}
  6% {opacity:1;-moz-transform:  translate(-429px,3px)  rotate(-8deg) ;}
  18% {opacity:1; -moz-transform:  translate(-216px,-41px)  rotate(-1deg) ;}
  34% {opacity:1;-moz-transform:  translate(154px,3px)  rotate(17deg) ;}
  50% {opacity:1;-moz-transform:  translate(523px,46px)  rotate(2deg) ;}
  74% {opacity:1;-moz-transform:  translate(899px,-25px)  rotate(-9deg) ;}
  100% {opacity:0;-moz-transform:  translate(1213px,-87px)  ;}
}

@-webkit-keyframes animationFrames {
  0% {opacity:0;-webkit-transform:  translate(-535px,25px)  rotate(-12deg) ;}
  6% {opacity:1;-webkit-transform:  translate(-429px,3px)  rotate(-8deg) ;}
  18% {opacity:1;-webkit-transform:  translate(-216px,-41px)  rotate(-1deg) ;}
  34% {opacity:1;-webkit-transform:  translate(154px,3px)  rotate(17deg) ;}
  50% {opacity:1;-webkit-transform:  translate(523px,46px)  rotate(2deg) ;}
  74% {opacity:1;-webkit-transform:  translate(899px,-25px)  rotate(-9deg) ;}
  100% {opacity:0;-webkit-transform:  translate(1213px,-87px)  ;}
}

@-o-keyframes animationFrames {
  0% {opacity:0;-o-transform:  translate(-535px,25px)  rotate(-12deg) ;}
  6% {opacity:1;-o-transform:  translate(-429px,3px)  rotate(-8deg) ;}
  18% {opacity:1;-o-transform:  translate(-216px,-41px)  rotate(-1deg) ;}
  34% {opacity:1;-o-transform:  translate(154px,3px)  rotate(17deg) ;}
  50% {opacity:1;-o-transform:  translate(523px,46px)  rotate(2deg) ;}
  74% {opacity:1;-o-transform:  translate(899px,-25px)  rotate(-9deg) ;}
  100% {opacity:0;-o-transform:  translate(1213px,-87px)  ;}
}

@-ms-keyframes animationFrames {
  0% {opacity:0;-ms-transform:  translate(-535px,25px)  rotate(-12deg) ;}
  6% {opacity:1;-ms-transform:  translate(-429px,3px)  rotate(-8deg) ;}
  18% {opacity:1;-ms-transform:  translate(-216px,-41px)  rotate(-1deg) ;}
  34% {opacity:1;-ms-transform:  translate(154px,3px)  rotate(17deg) ;}
  50% {opacity:1;-ms-transform:  translate(523px,46px)  rotate(2deg) ;}
  74% {opacity:1;-ms-transform:  translate(899px,-25px)  rotate(-9deg) ;}
  100% {opacity:0;-ms-transform:  translate(1213px,-87px)  ;}
}

#avion2{
	width:83px;
	height:26px;
	z-index:2;
	position:absolute;
	bottom:550px;
	left:300px;
	display:block;
	background-image: url(../images/avion2.png);
	 visibility:visible !important;
  animation: animationavion2 linear 29s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationavion2 linear 29s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationavion2 linear 29s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationavion2 linear 29s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationavion2 linear 29s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}



@keyframes animationavion2{
  0% {
	opacity:0;  
    transform:  translate(1265px,-161px)  rotate(-6deg) ;
  }
  10% {opacity:1; transform:  translate(1100px,-141px)  rotate(-5deg) ;}
  51% {
    transform:  translate(409px,-53px)  rotate(0deg) ;
  }
  100% {
    transform:  translate(-381px,-103px)  rotate(6deg) ;
  }
}

@-moz-keyframes animationavion2{
  0% {
	  opacity:0;
    -moz-transform:  translate(1265px,-161px)  rotate(-6deg) ;
  }
  10% {opacity:1;-moz-transform:  translate(1100px,-141px)  rotate(-5deg) ;}
  51% {
    -moz-transform:  translate(409px,-53px)  rotate(0deg) ;
  }
  100% {
    -moz-transform:  translate(-381px,-103px)  rotate(6deg) ;
  }
}

@-webkit-keyframes animationavion2 {
  0% {
	  opacity:0;
    -webkit-transform:  translate(1265px,-161px)  rotate(-6deg) ;
  }
  10% {opacity:1;-webkit-transform:  translate(1100px,-141px)  rotate(-5deg) ;}
  51% {
    -webkit-transform:  translate(409px,-53px)  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  translate(-381px,-103px)  rotate(6deg) ;
  }
}

@-o-keyframes animationavion2 {
  0% {
	  opacity:0;
    -o-transform:  translate(1265px,-161px)  rotate(-6deg) ;
  }
  10% {opacity:1;-o-transform:  translate(1100px,-141px)  rotate(-5deg) ;}
  51% {
    -o-transform:  translate(409px,-53px)  rotate(0deg) ;
  }
  100% {
    -o-transform:  translate(-381px,-103px)  rotate(6deg) ;
  }
}

@-ms-keyframes animationavion2 {
  0% {
	  opacity:0;
    -ms-transform:  translate(1265px,-161px)  rotate(-6deg) ;
  }
  10% {opacity:1;-ms-transform:  translate(1100px,-141px)  rotate(-5deg) ;}
  51% {
    -ms-transform:  translate(409px,-53px)  rotate(0deg) ;
  }
  100% {
    -ms-transform:  translate(-381px,-103px)  rotate(6deg) ;
  }
}


html[xmlns*=""] body:last-child h2 {

  color: #CCCCCC;

}

#servicios .hi-icon-effect-2 .hi-icon {
background: rgb(213, 15, 45);
}
#servicios .hi-icon-effect-2  .hi-icon {
color: rgb(137, 5, 25);
box-shadow: 0 0 0 3px  #FFFFFF;
}

#infraestructura .hi-icon-effect-2 .hi-icon {
background: rgb(0, 103, 237);
}
#infraestructura .hi-icon-effect-2  .hi-icon {
color: rgb(4, 53, 118);
box-shadow: 0 0 0 3px  #FFFFFF;
}
#aplicaciones .hi-icon-effect-2 .hi-icon {
background: #719904;
}
#aplicaciones .hi-icon-effect-2  .hi-icon {
color: #384C02;
box-shadow: 0 0 0 3px #fff;
}
#colaboracion .hi-icon-effect-2 .hi-icon {
background: #EA4F25;
}
#colaboracion .hi-icon-effect-2  .hi-icon {
color: #B33411;
box-shadow: 0 0 0 3px #fff;
}


#nube1 {
	background: url(../images/cloud-10.png);
	width: 82px;
	height: 45px;
	bottom:600px;
	left:0;
	animation: nube 100s infinite linear;
	-moz-animation: nube 100s infinite; /* Firefox */
	-webkit-animation: nube 100s infinite linear; /* Safari and Chrome */
	-o-animation: nube 100s infinite linear; /* para cuando Ópera... */
	-ms-animation: nube 100s infinite linear; /* para cuando IE... */
	visibility:visible !important;
} 
#nube4 {
	background: url(../images/cloud-10.png);
	width: 82px;
	height: 45px;
	bottom:600px;
	right:0;
	animation: nube2 160s infinite linear;
	-moz-animation: nube2 160s infinite; /* Firefox */
	-webkit-animation: nube2 160s infinite linear; /* Safari and Chrome */
	-o-animation: nube2 160s infinite linear; /* para cuando Ópera... */
	-ms-animation: nube2 160s infinite linear; /* para cuando IE... */
	visibility:visible !important;
} 
#nube2 {
	background: url(../images/cloud-9.png);
	width: 35px;
	height: 20px;
	bottom:550px;
	right:0;
	animation: nube2 100s infinite linear;
	-moz-animation: nube2 100s infinite; /* Firefox */
	-webkit-animation: nube2 100s infinite linear; /* Safari and Chrome */
	-o-animation: nube2 100s infinite linear; /* para cuando Ópera... */
	-ms-animation: nube2 100s infinite linear; /* para cuando IE... */
	visibility:visible !important;
}  
#nube3 {
background: url(../images/cloud-4.png);
width: 54px;
height: 30px;
bottom: 500px;
left: 0;
animation: nube 150s infinite linear;
-moz-animation: nube 150s infinite linear;
-webkit-animation: nube 150s infinite linear;
-o-animation: nube 150s infinite linear;
-ms-animation: nube 150s infinite linear;
visibility: visible !important;
}
#nube5 {
	background: url(../images/cloud-10.png);
	width: 82px;
	height: 45px;
	bottom:0px;
	right:0;
	animation: nube2 40s infinite linear;
	-moz-animation: nube2 40s infinite; /* Firefox */
	-webkit-animation: nube2 40s infinite linear; /* Safari and Chrome */
	-o-animation: nube2 40s infinite linear; /* para cuando Ópera... */
	-ms-animation: nube2 40s infinite linear; /* para cuando IE... */
	visibility:visible !important;
} 



#content-nube5,       
.nube {
	z-index:2;
	background-repeat : no-repeat;
	position : absolute ;
	background-position:center;
	display: block;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility:hidden;
}
#content-nube5{
width: 500px;
height: 80px;
bottom: 470px;
left: 500px;
visibility: visible !important;
}
 @keyframes nube {
    0% {
      left: 0%;
      transform: linear(0deg);
    }
  50% {
      left: 100%;
      transform: linear(100deg);
     } 
    100% {
      left: 0%;
      transform: linear(0deg);
    }
  }
 @-moz-keyframes nube {
    0% {
      left: 0%;
      -moz-transform: linear(0deg);
    }
  50% {
      left: 100%;
      -moz-transform: linear(100deg);
     }
    100% {
      left: 0%;
      -moz-transform: linear(0deg);
    }
  }
 @-webkit-keyframes nube {
    0% {
      left: 0%;
      -webkit-transform: linear(0deg);
    }
  50% {
      left: 100%;
      -webkit-transform: linear(100deg);
     }
    100% {
      left: 0%;
      -webkit-transform: linear(0deg);
    } 
  }
 @-o-keyframes nube  {
    0% {
      left: 0%;
      -o-transform: linear(0deg);
    }
  50% {
      left: 100%;
      -webkit-transform: linear(100deg);
     }
    100% {
      left: 0%;
      -o-transform: linear(0deg);
    }
  }
@-ms-keyframes nube  {
    0% {
      left: 0%;
      -ms-transform: linear(0deg);
    }
  50% {
      left: 100%;
      transform: linear(100deg);
     }
    100% {
      left: 0%;
      -ms-transform: linear(0deg);
    } 
  }
  
  
  
  
  
  
  
  
 @keyframes nube2 {
    0% {

	  right:0%;
      transform: linear(0deg);
    }
  50% {

	 right:100%;
      transform: linear(-100deg);
     } 
    100% {
	right:0%;
      transform: linear(0deg);
    }
  }
 @-moz-keyframes nube2 {
    0% {
      	  right:0%;
      -moz-transform: linear(0deg);
    }
  50% {

	  right:100%;
      -moz-transform: linear(-100deg);
     }
    100% {
      right:0%;
      -moz-transform: linear(0deg);
    }
  }
 @-webkit-keyframes nube2 {
    0% {
      	  right:0%;
      -webkit-transform: linear(0deg);
    }
  50% {
	  right:100%;
      -webkit-transform: linear(-100deg);
     }
    100% {
      right:0%;
      -webkit-transform: linear(0deg);
    } 
  }
 @-o-keyframes nube2  {
    0% {
     right:0%;
      -o-transform: linear(0deg);
    }
  50% {
	  right:100%;
      -webkit-transform: linear(-100deg);
     }
    100% {
      right:0%;
      -o-transform: linear(0deg);
    }
  }
@-ms-keyframes nube2  {
    0% {
      	  right:0%;
      -ms-transform: linear(0deg);
    }
  50% {
      right:100%;
      transform: linear(-100deg);
     }
    100% {
      right:0%;
      -ms-transform: linear(0deg);
    } 
  }

#globo{
width: 116px;
height: 180px;
z-index: 3;
position: absolute;
bottom: 480px;
left:0;
display: block;
background-image: url(../images/globo.png);
visibility: visible !important;
background-size: 100%;
	-moz-animation: globo infinite linear 100s;
	-ms-animation: globo infinite linear 100s;
	-o-animation: globo infinite linear 100s;
	-webkit-animation: globo infinite linear 100s;
	animation: globo  infinite linear 100s;
	visibility:visible !important;
}


@keyframes globo{
  0% {
    opacity:0;
    transform:  translate(0px,-4px)  ;
  }
  8% {
    opacity:1;
    transform:  translate(103px,23px)  ;
  }
  16% {
    opacity:1;
    transform:  translate(205px,-8px)  ;
  }
  25% {
    opacity:1;
    transform:  translate(321px,18px)  ;
  }
  33% {
    opacity:1;
    transform:  translate(456px,-3px)  ;
  }
  41% {
    opacity:1;
    transform:  translate(590px,22px)  ;
  }
  50% {
    opacity:1;
    transform:  translate(742px,-9px)  ;
  }
  58% {
    opacity:1;
    transform:  translate(839px,26px)  ;
  }
  66% {
    opacity:1;
    transform:  translate(936px,-22px)  ;
  }
  75% {
    opacity:1;
    transform:  translate(1046px,18px)  ;
  }
  83% {
    opacity:1;
    transform:  translate(1200px,-13px)  ;
  }
  92% {
    opacity:1;
    transform:  translate(1372px,34px)  ;
  }
  100% {
    opacity:0;
    transform:  translate(1526px,0px)  ;
  }
}

@-moz-keyframes globo{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-4px)  ;
  }
  8% {
    opacity:1;
    -moz-transform:  translate(103px,23px)  ;
  }
  16% {
    opacity:1;
    -moz-transform:  translate(205px,-8px)  ;
  }
  25% {
    opacity:1;
    -moz-transform:  translate(321px,18px)  ;
  }
  33% {
    opacity:1;
    -moz-transform:  translate(456px,-3px)  ;
  }
  41% {
    opacity:1;
    -moz-transform:  translate(590px,22px)  ;
  }
  50% {
    opacity:1;
    -moz-transform:  translate(742px,-9px)  ;
  }
  58% {
    opacity:1;
    -moz-transform:  translate(839px,26px)  ;
  }
  66% {
    opacity:1;
    -moz-transform:  translate(936px,-22px)  ;
  }
  75% {
    opacity:1;
    -moz-transform:  translate(1046px,18px)  ;
  }
  83% {
    opacity:1;
    -moz-transform:  translate(1200px,-13px)  ;
  }
  92% {
    opacity:1;
    -moz-transform:  translate(1372px,34px)  ;
  }
  100% {
    opacity:0;
    -moz-transform:  translate(1526px,0px)  ;
  }
}

@-webkit-keyframes globo {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-4px)  ;
  }
  8% {
    opacity:1;
    -webkit-transform:  translate(103px,23px)  ;
  }
  16% {
    opacity:1;
    -webkit-transform:  translate(205px,-8px)  ;
  }
  25% {
    opacity:1;
    -webkit-transform:  translate(321px,18px)  ;
  }
  33% {
    opacity:1;
    -webkit-transform:  translate(456px,-3px)  ;
  }
  41% {
    opacity:1;
    -webkit-transform:  translate(590px,22px)  ;
  }
  50% {
    opacity:1;
    -webkit-transform:  translate(742px,-9px)  ;
  }
  58% {
    opacity:1;
    -webkit-transform:  translate(839px,26px)  ;
  }
  66% {
    opacity:1;
    -webkit-transform:  translate(936px,-22px)  ;
  }
  75% {
    opacity:1;
    -webkit-transform:  translate(1046px,18px)  ;
  }
  83% {
    opacity:1;
    -webkit-transform:  translate(1200px,-13px)  ;
  }
  92% {
    opacity:1;
    -webkit-transform:  translate(1372px,34px)  ;
  }
  100% {
    opacity:0;
    -webkit-transform:  translate(1526px,0px)  ;
  }
}

@-o-keyframes globo {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-4px)  ;
  }
  8% {
    opacity:1;
    -o-transform:  translate(103px,23px)  ;
  }
  16% {
    opacity:1;
    -o-transform:  translate(205px,-8px)  ;
  }
  25% {
    opacity:1;
    -o-transform:  translate(321px,18px)  ;
  }
  33% {
    opacity:1;
    -o-transform:  translate(456px,-3px)  ;
  }
  41% {
    opacity:1;
    -o-transform:  translate(590px,22px)  ;
  }
  50% {
    opacity:1;
    -o-transform:  translate(742px,-9px)  ;
  }
  58% {
    opacity:1;
    -o-transform:  translate(839px,26px)  ;
  }
  66% {
    opacity:1;
    -o-transform:  translate(936px,-22px)  ;
  }
  75% {
    opacity:1;
    -o-transform:  translate(1046px,18px)  ;
  }
  83% {
    opacity:1;
    -o-transform:  translate(1200px,-13px)  ;
  }
  92% {
    opacity:1;
    -o-transform:  translate(1372px,34px)  ;
  }
  100% {
    opacity:0;
    -o-transform:  translate(1526px,0px)  ;
  }
}

@-ms-keyframes globo {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-4px)  ;
  }
  8% {
    opacity:1;
    -ms-transform:  translate(103px,23px)  ;
  }
  16% {
    opacity:1;
    -ms-transform:  translate(205px,-8px)  ;
  }
  25% {
    opacity:1;
    -ms-transform:  translate(321px,18px)  ;
  }
  33% {
    opacity:1;
    -ms-transform:  translate(456px,-3px)  ;
  }
  41% {
    opacity:1;
    -ms-transform:  translate(590px,22px)  ;
  }
  50% {
    opacity:1;
    -ms-transform:  translate(742px,-9px)  ;
  }
  58% {
    opacity:1;
    -ms-transform:  translate(839px,26px)  ;
  }
  66% {
    opacity:1;
    -ms-transform:  translate(936px,-22px)  ;
  }
  75% {
    opacity:1;
    -ms-transform:  translate(1046px,18px)  ;
  }
  83% {
    opacity:1;
    -ms-transform:  translate(1200px,-13px)  ;
  }
  92% {
    opacity:1;
    -ms-transform:  translate(1372px,34px)  ;
  }
  100% {
    opacity:0;
    -ms-transform:  translate(1526px,0px)  ;
  }
}


#Stage {
	z-index:;
}
#Stage {
position: relative; 
-webkit-transform: translateZ(0px); 
overflow: hidden; 
height: 900px; 
width: 1980px; 
}
#flo {
position: absolute; 
height: 100%; 
width: 100%;
display:block;
z-index:6;
visibility:visible !important;
	-moz-animation: fadeIn3 1 ease-in 3s;
	-ms-animation: fadeIn3 1 ease-in 3s;
	-o-animation: fadeIn3 1 ease-in 3s;
	-webkit-animation: fadeIn3 1 ease-in 3s;
	animation: fadeIn3  1 ease-in 3s;
top: 0;
left: 0;
}
#flo1 {
position: absolute; 
height: 100%; 
width: 100%;
display:block;
z-index:8;
visibility:visible !important;
	-moz-animation: fadeIn4 1 ease-in 3s;
	-ms-animation: fadeIn4 1 ease-in 3s;
	-o-animation: fadeIn4 1 ease-in 3s;
	-webkit-animation: fadeIn4 1 ease-in 3s;
	animation: fadeIn4  1 ease-in 3s;
top: 0;
left: 0;
}
#Stage_back-color {visibility:visible !important;position: absolute; margin: 0px; left: 0px; top: 0px; width: 1981px; height: 900px; right: auto; bottom: auto; border: 0px none rgb(0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-color: rgb(128, 45, 187);}
#Stage_city {visibility:visible !important;position: absolute; margin: 0px; left: 0px; top: 569px; width: 1981px; height: 338px; right: auto; bottom: auto; -webkit-background-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-image: url(../images/home-back1-01.png); background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;}
#Stage_lineas-home {z-index: 0;visibility:visible !important;position: absolute; margin: 0px; left: 0px; top: 106px; width: 1981px; height: 569px; right: auto; bottom: auto; -webkit-background-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-image: url(../images/home-back4-01.png); background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;}
#Stage_man-tibox {z-index: 1;visibility:visible !important;position: absolute; margin: 0px; left: 0px; top: 0px; width: 1981px; height: 562px; right: auto; bottom: auto; -webkit-background-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-image: url(../images/home-back3-01.png); background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;}
#Stage_city-two {visibility:visible !important;position: absolute; margin: 0px; left: 0px; top: 413px; width: 1981px; height: 494px; right: auto; bottom: auto; -webkit-background-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform-origin: 0% 0%; opacity: 1; background-image: url(../images/home-back2-01.png); background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;}
#Stage_man-02 {z-index: 1;visibility:visible !important;position: absolute; margin: 0px; left: 1265px; top: 430px; width: 236px; height: 212px; right: auto; bottom: auto; -webkit-background-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-image: url(../images/man-02.png); background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;}


#Stage_city { 
	-moz-animation: fadeIn1 1 ease-in 1s;
	-ms-animation: fadeIn1 1 ease-in 1s;
	-o-animation: fadeIn1 1 ease-in 1s;
	-webkit-animation: fadeIn1 1 ease-in 1s;
	animation: fadeIn1  1 ease-in 1s;
}

@-webkit-keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-o-keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-ms-keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-moz-keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
#Stage_city-two { 
	-moz-animation: fadeIn2 1 ease-in 2s;
	-ms-animation: fadeIn2 1 ease-in 2s;
	-o-animation: fadeIn2 1 ease-in 2s;
	-webkit-animation: fadeIn2 1 ease-in 2s;
	animation: fadeIn2  1 ease-in 2s;
	}
@-webkit-keyframes fadeIn2 { 
    0% {opacity: 0;} 
	30% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn2 { 
    0% {opacity: 0;} 
	30% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-o-keyframes fadeIn2 { 
    0% {opacity: 0;} 
	30% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-ms-keyframes fadeIn2 { 
    0% {opacity: 0;} 
	30% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-moz-keyframes fadeIn2 { 
    0% {opacity: 0;} 
	30% {opacity: 0;} 
    100% {opacity: 1;} 
} 

#Stage_man-tibox { 
	-moz-animation: fadeIn3 1 ease-in 3s;
	-ms-animation: fadeIn3 1 ease-in 3s;
	-o-animation: fadeIn3 1 ease-in 3s;
	-webkit-animation: fadeIn3 1 ease-in 3s;
	animation: fadeIn3  1 ease-in 3s;
	}
@-webkit-keyframes fadeIn3 { 
    0% {opacity: 0;} 
	50% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn3 { 
    0% {opacity: 0;} 
	50% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-o-keyframes fadeIn3 { 
    0% {opacity: 0;} 
	50% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-ms-keyframes fadeIn3 { 
    0% {opacity: 0;} 
	50% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-moz-keyframes fadeIn3 { 
    0% {opacity: 0;} 
	50% {opacity: 0;} 
    100% {opacity: 1;} 
} 

#Stage_lineas-home { 
	-moz-animation: fadeIn4 1 ease-in 3s;
	-ms-animation: fadeIn4 1 ease-in 3s;
	-o-animation: fadeIn4 1 ease-in 3s;
	-webkit-animation: fadeIn4 1 ease-in 3s;
	animation: fadeIn4  1 ease-in 3s;
	}
@-webkit-keyframes fadeIn4 { 
    0% {opacity: 0;} 
	70% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn4 { 
    0% {opacity: 0;} 
	70% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-o-keyframes fadeIn4 { 
    0% {opacity: 0;} 
	70% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-ms-keyframes fadeIn4 { 
    0% {opacity: 0;} 
	70% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@-moz-keyframes fadeIn4 { 
    0% {opacity: 0;} 
	70% {opacity: 0;} 
    100% {opacity: 1;} 
} 

#por {
position: absolute;visibility:visible !important; 
height: 57px; 
width: 57px;
display:block;
z-index:6;
bottom: 268px;
left: 1686px;
background-image: url(../images/por.gif);
 background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;
}
#face {
position: absolute; visibility:visible !important;
height: 95px; 
width: 95px;
display:block;
z-index:6;
bottom: 85px;
left: 646px;
background-image: url(../images/face.gif);
 background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;
}
#barra {
position: absolute;visibility:visible !important; 
height: 40px; 
width: 80px;
display:block;
z-index:6;
bottom: 288px;
left: 1203px;
background-image: url(../images/barra.gif);
 background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;
}

#circulo {
position: absolute;visibility:visible !important; 
height: 172px; 
width: 172px;
display:block;
z-index:6;
bottom: 285px;
left: 140px;
background-image: url(../images/circulo.png);
 background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;
	-moz-animation: engranaje infinite linear 15s;
	-ms-animation: engranaje infinite linear 15s;
	-o-animation: engranaje infinite linear 15s;
	-webkit-animation: engranaje infinite linear 15s;
	animation: engranaje  infinite linear 15s;
	visibility:visible !important;
}
#obj-1,
#obj-2,
#obj-3,
#obj-4 {
height: 74px; 
width: 74px;
position: absolute;
visibility:visible !important; 
display:block;
z-index:6;
 background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat;
	-moz-animation: engranaje2 infinite linear 15s;
	-ms-animation: engranaje2 infinite linear 15s;
	-o-animation: engranaje2 infinite linear 15s;
	-webkit-animation: engranaje2 infinite linear 15s;
	animation: engranaje2  infinite linear 15s;
	visibility:visible !important;
}
#obj-1 {
top: -37px;
left: 50%;
margin-left: -37px;
background-image: url(../images/obj-01.png);
}
#obj-2 {
top: 50%;
margin-top: -37px;
left: -37px;
background-image: url(../images/obj-02.png);
}
#obj-3 {
bottom: -37px;
left: 50%;
margin-left: -37px;
background-image: url(../images/obj-03.png);
}
#obj-4 {
top: 50%;
margin-top: -37px;
right: -37px;
background-image: url(../images/obj-04.png);
}
@keyframes engranaje2 {
	0 { transform: rotate(0deg); }
	100% { transform:  rotate(360deg); }
}
@-webkit-keyframes engranaje2 {
	0 { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform:  rotate(360deg); }
}
@-o-keyframes engranaje2 {
	0 { -o-transform: rotate(0deg); }
	100% { -o-transform:  rotate(360deg); }
}
@-moz-keyframes engranaje2 {
	0 { -moz-transform: rotate(0deg); }
	100% { -moz-transform:  rotate(360deg); }
}
@-ms-keyframes engranaje2 {
	0 { -ms-transform: rotate(0deg); }
	100% { -ms-transform:  rotate(360deg); }
}


#clientes  #second-icon .col-3 {
	display:inline-block;
	float:none;
}


#mapa {
	width: 100%;
	height: 100%;
	position:absolute;
	display: block;
	z-index: 1;
	top: 0;
	right: 0px;
	
}
.bloque-datos {
max-width: 600px;
padding: 20px;
background: rgba(0, 0, 0, 0.38);
z-index: 2;
position: relative;margin-bottom: 50px;
}

.section .bloque-datos p {
	width:100%;
	color:#fff;

}
#consulta1 {
margin-bottom: 0;
margin-top: 20px;
	width:100%;
}
.section .bloque-datos h2 {
	color: #FFC200;
}
#redes {
z-index: 999;
}

a.email {
color: #FFFC05;
text-decoration: underline;
border-bottom: 1px dotted;
}

#clientes .animad {

}
#clientes p.animad,
#clientes h2.animad {
position: relative;

}
.cont {
z-index:9;
}
#regiones {
	max-width: 500px;
}
.region-nombre {
position: absolute;
right: -100px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 25px;
top: 50%;
margin-top: -15px;
line-height:25px;color: #667D93;
}
#regiones .animated1 {visibility: inherit;text-align: right;
}

#clientes .ft .col-3 {
width: 13.6%;
display: inline-block;
float: none;
}
#regiones .animated1 img {

width: 100%;

}
#regiones .blqe{
display: block;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
-ms-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
visibility: hidden;
}
.blqe {
padding-bottom: 8px;
margin-bottom: 8px;
}

/* clientes */
#mapa-chile {
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image : url(../images/clientes/mapa.png);
	z-index:1;
	background-position: 550px 0 !important;
}


		#back_to_camera {
			background: rgba(255,255,255,.9);
			clear: both;
			display: block;
			height: 40px;
			line-height: 40px;
			padding: 20px;
			position: relative;
			z-index: 1;
		}
		.fluid_container {
			bottom: 0;
			height: 100%;
			left: 0;
			position: relative;
			right: 0;
			top: 0;
			z-index: 1;
		}
	  		#camera_wrap_4 {
			bottom: 0;
			height: 100%;
			left: 0;
			margin-bottom: 0!important;
			position: absolute;
			right: 0;
			top: 0;
		}
		.camera_bar {
			z-index: 2;
		}
		.camera_thumbs {
			margin-top: -100px;
			position: relative;
			z-index: 1;
		}
		.camera_thumbs_cont {
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.camera_overlayer {
			opacity: .1;
		}
/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;z-index: 97;
	position: relative;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}

.not-fullscreen {
    height:50%;
}
.caption {
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-position: 15% center;
background-repeat: no-repeat;
background-size:auto 85%;
position: absolute;
}
.caption01{
	background-image: url(../images/slides/1.png);
}	
.caption02{
	background-image: url(../images/slides/2_.png);
	background-position:center;
}	
.caption03{
	background-image: url(../images/slides/3_.png);
}	
.caption04{
	background-image: url(../images/slides/4.png);
}	
.caption05{
	background-image: url(../images/slides/5.png);
}
.camera_pag {
  position: absolute;
  bottom: 20px;
  left: 30px;
}	



#nosotros #firts-icon .hi-icon-wrap {
margin-bottom: 15px;
}

#nosotros #firts-icon {
    margin-top: 30px;
    margin-bottom: 30px;
	position:relative;
}

#nosotros  #second-icon {
	position:relative;

}
#nosotros .hi-icon-wrap {
margin-bottom: 15px;
}
#nosotros .col-3 {
width: 33.33333333333333%;
}
#nosotros .col-3 p {
font-size: inherit;
font-family: inherit;
line-height: 19px;
width: auto;
font-weight: normal;
letter-spacing: 0;
margin-top: 10px;
}
#nosotros .font-t {
color: #06C;
}

.content-b {
  background: #000;
    padding: 70px 0 50px 0;
}


.bloque-h {
	float:left;
	height:100px;
	display:block;
  
  z-index: 1;
  background-position: center;
  background-size:cover;  position: relative;
  box-shadow: inset 0 0 90px -5px #000;
  -webkit-box-shadow: inset 0 0 90px -15px #000;
  -o-box-shadow: inset 0 0 90px -15px #000;
  -moz-box-shadow: inset 0 0 90px -15px #000;
  box-shadow: inset 0 0 90px -15px #000;
}
.bloque-h a {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.full {
	  width: 66.66%;
	  height: 40%;
}

.big {
	  width: 33.3333333333%;
	  height: 40%;
}
.median {
	width: 33.333333333333%;
	height: 16.6665%;
}
.small {
	  width: 16.6665%;
	  height: 20.01%;
}
.normal {
	  width: 100%;
	  height: 50%;
}
.big-small {
	  width: 100%;
	  height: 20.1%;
	  border: 0;
}
.big-small .small{
	  height: 100%;
}
#home .noticias {
	background-color: rgb(45, 102, 248);
	background-image: url(../images/home/prontoforms.jpg);
	
	
}
#home .ser01 {
	background-color: #05C1C8;background-image: url(../images/home/tibox-servicio1.jpg);
}
#home .ser02 {
	background-color: #7C00D0;background-image: url(../images/home/tibox-servicio2.jpg);
}
#home .gestion {
	background-color:#C54832;
	background-image: url(../images/home/gestion.jpg);
}

#home .ser-ti01 {
	background-color: #DD5013;
	background-image: url(../images/home/tibox_back_ser1.jpg);

}
#home .ser-ti02 {
background-color: rgb(30, 174, 125);
background-image: url(../images/home/tibox_back_ser2.jpg);

}
#home .ser-ti03 {
	background-color: rgb(25, 145, 208);
	background-image: url(../images/home/tibox_back_ser3.jpg); 
	
}
#home .ser-ti04 {
	background-color: #E50D46;
	background-image: url(../images/home/tibox_back_ser4.jpg); 
	
}


#home .app-01 {
	background-color: #BE4154;background-image: url(../images/home/tibox_back_app-01.jpg);
}
#home .app-02 {
	background-color: #0081D0;background-image: url(../images/home/tibox_back_app-02.jpg);
}

#home .app-03 {
	background-color: rgb(13, 197, 211);background-image: url(../images/home/tibox_back_app-03.jpg);
}
#home .app-04 {
	background-color: #3C69DA;
	background-image: url(../images/home/tibox_back_app-04.jpg);
}

#home .app-05 {
	background-color: #3A45BE;background-image: url(../images/home/tibox_back_app-05.jpg);
}
#home .app-06 {
	background-color: #0081D0;background-image: url(../images/home/tibox_back_app-06.jpg);
}
.img-bloque {
}
span {
}
.bloque-h.small a{
    background: rgba(0, 0, 0, 0.43);
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.bloque-h.small a:hover{
      background: rgba(0, 0, 0, 0.62);
}
.bloque-h.noticias a,
.bloque-h.gestion a{
    background: rgba(0, 0, 0, 0.1);
}
.bloque-h.noticias a:hover,
.bloque-h.gestion a:hover{
      background: rgba(0, 0, 0, 0.31);
}
.new-s {
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
  text-align: left;
    background: rgba(0, 204, 252, 0.47);
}
.bloque-h.noticias a:hover .new-s {
    background: rgba(0, 204, 252, 0.47);
}

.bloque-h.small.app a {
  background: rgba(0, 0, 0, 0);
}
.bloque-h.small.app a:hover {
   background: rgba(0, 0, 0, 0.19);
}
#home .bloque-h.big-small .bloque-h {
	box-shadow:none;
	background-image:none !important;
}
.date {
  border-bottom: 1px solid rgba(255, 255, 255, 0.31);
  padding-bottom: 12px;
  margin-bottom: 12px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}
.tit-new {
  margin: 0;
  font-size: 26px;
  line-height: 25px;
  font-weight: 300;
  z-index: 9999;
  letter-spacing: 1px;
  position: relative;
}
.img-bloque {
  top: 50%;
  position: absolute;
  width: 100%;
    margin-top: -23%;
}
.ser-ti .img-bloque span {
  font-weight: 700;
  font-size: 16px;
  display: block;
    -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.bloque-h.ser-ti a:hover .img-bloque span {
	color:#0CF;
}
.img-bloque img {
  margin: 0 auto;
  max-height: 120px;
}
.app .img-bloque span {
  font-weight: 300;
  text-transform: lowercase;
  font-size: 16px;
}
.app .img-bloque img {
  margin: 0 auto;
}
.app .img-bloque {
  top: 50%;
  position: absolute;
  width: 100%;
  margin-top: -17%;
}
.gestion span {
  font-weight: 300;
  font-size: 40px;
  margin-top: 24%;
  position: relative;
  display: block;
}
.gestion a {

}
.ser-ti .img-bloque img {
  margin: 0 auto;
  max-height: 90px;
}
.lig {
  font-weight: 300 !important;
}
.bq-1 {
    margin-left: 20px;    text-align: left;
    
    margin-top: 20px;
}
.bq-2 {
    margin-left: 20px;
    text-align: left;
    margin-top: 20px;
}
.font1 {
    color: #FFFC7E;    
    font-weight: 800;    text-transform: uppercase;    
    font-size: 23px;    line-height: inherit;
    max-width: 250px;
}
.font2 {
    color: #FFFFFF;    
    font-weight: 300;    text-transform: uppercase;    
    font-size: 14px;    line-height: inherit;
    max-width: 300px;
    margin-top: 6px;
}
.font3 {
    color: #FFFFFF;    font-weight: 800;    
    /* text-transform: uppercase; */    font-size: 23px;    line-height: inherit;    max-width: 250px;
}
.servicio .font4 {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.26);
    display: inline-block;
}
.font5 {
    color: #FFFFFF;    font-weight: 300;    
    /* text-transform: uppercase; */    
    font-size: 18px;    line-height: inherit;    
    max-width: 300px;    
    margin-top: 0;
}
.servicio .btn-servicios {
    color: #FFFEFE;    
    font-weight: 700;        
    font-size: 14px;    
    line-height: inherit;;
    background: rgba(253, 202, 0, 0.69);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
}
.ser-ti .img-bloque span.lg {
    font-weight: 300;    
    font-size: 14px;
}
.btn-contr {
	  color: #FFFEFE;
  font-weight: 700;
  font-size: 14px;
  line-height: inherit;
  
	  background: rgba(0, 215, 253, 0.69);
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 10px;
}
.servicio span {
  display: block;
}

.gestion .promo {
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
background-position: 10% center;
  background-repeat: no-repeat;
  background-size: auto 55%;
  position: absolute;
  background-image: url(../images/home/2.png);
}
body.contacto #conectate {
  background: rgba(248, 246, 242, 0);
  background-size: cover;
  background-repeat: no-repeat;
}
body.contacto  {
  background-size: cover;
    color: #4A4A4A;
  background-repeat: no-repeat;
    background-image: url(../images/home/back-contacto.jpg);
}
.footer-datos .info {
  color: #fff;
}
.service-desk .section h2 {
  font-size: 60px;
}
body.service-desk  {
  background-size: cover;
    color: #4A4A4A;
  background-repeat: no-repeat;
    background-image: url(/Content/images/home/back-service-desk.jpg);
}
body.service-desk-index  {
  background-size: cover;
    color: #4A4A4A;
  background-repeat: no-repeat;
    background-image: url(/Content/images/home/back-service-desk.png);
}
body.service-desk #seelmasfuerte {
  background: rgba(255, 51, 18, 0); 
}
body.service-desk #consulta1 form {
  margin: 0;
  margin-top: 10px;
  max-width: 300px;
}
.btn-contr {
	display:none;
}

.text-danger {
    color: #820101;
    font-weight: 700;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    margin-bottom: 12px;
    font-size: 16px;
}