@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

/*reset*/
*{
     margin : 0;
     padding: 0;
}
.til-1 {
	color: #2d3e50;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	font-style: normal;
	font-weight: 700;
	line-height: 2;
	margin-bottom: 2%;
	/* padding-top: 3%; */
	text-align: left;
}
.til-2{
  color        : #2d3e50;
  font-family: 'Open Sans', sans-serif;
  font-size    : 1.4em;
  font-style   : normal;
  font-weight  : 500;
  line-height  : 2;
  margin-bottom: 2%;
  text-align   : left;

}
.til-3{
  color        : #2d3e50;
  font-family: 'Open Sans', sans-serif;
  font-size    : 1.1em;
  font-style   : normal;
  font-weight  : 500;
  line-height  : 2;
  margin-bottom: 2%;
  text-align   : left;
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control {
	font-size: 20px;
	color: #009EE3;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0);
}
.carousel-control:focus, .carousel-control:hover {
	color: #cacaca;
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #3A97D3;
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	/* background-color: #000 \9; */
	background-color: rgb(185, 185, 185);
	border:none;
	border-radius: 10px;
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
	display: none;
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: none;
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: none;
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow:none;
}

.info{
  background-color: #3A97D3;
  border-radius   : 3px;
  color           : #fff;
  font-family     : 'Open Sans', sans-serif;
  font-size       : 14px;
  letter-spacing  : 1px;
  padding         : 15px 20px;
  text-decoration : none;
  font-weight     : 400;
  margin-top: 10px;

}
.info:hover{
  background     : transparent;
  border         : solid 1px #3A97D3;
  color          : #3A97D3;
  text-decoration: none;
  transition      : background-color 0.30s ease-in-out,
  border-color 0.20s ease-in-out,
  box-shadow 0.20s ease-in-out;

}

     
body {
     background-image: url(img-contenido/cream_pixels.png);
     margin          : 0px;
     padding         : 0px;
}
     
img, video{ max-width: 100%;}
     
/* logo */
     
.logo{
     width            : 100%;
     text-align       :center;
}
     
span.color-issa{
     color      : #0066cc;
     font-family: "comfortaa regular";
     font-weight: bold;
}
    .link-logo{
     -moz-transition   : opacity 0.2s linear;
     -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -ms-transition    : opacity 0.2s linear;
     -o-transition     : opacity 0.2s linear;
     -webkit-transition: opacity 0.2s linear;
     color             : #FFFFFF;
     filter            : alpha(opacity=100);
     opacity           : 1;
     text-decoration   : none;
     transition        : opacity 0.2s linear;
    
    }
     
.link-logo:hover{
     -moz-transition   : opacity 0.2s linear;
     -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     -ms-transition    : opacity 0.2s linear;
     -o-transition     : opacity 0.2s linear;
     -webkit-transition: opacity 0.2s linear;
     color             : #FBFBFB;
     filter            : alpha(opacity=100);
     opacity           : 0.3;
     transition        : opacity 0.2s linear;
     }
/*end*/
     
/* menu */

nav {
     background-color: #363636;
     display         :none;
     float           : right;
     height          :70px;
     margin          :0 15%;
     width           :70%;
     }
.btn_menu {
     background-color: #009EE3;
     background-image: url(img-contenido/menu.png);
     background-position: right;
     background-repeat: no-repeat;
     center;
     cursor: pointer;
     float: left;
     height: 45px;
     width: 100%;
     }
     
.menu {
     float:left;
     width:100%;
     font-size:16px;
     color:#000;
     background:#FFF;
     display:none;
     }
.menu a{
     display: block;
     padding: 7px 0 7px 30px;
     text-align: left;
     color: #808080;
     text-decoration: none;
     line-height: none;
     border-bottom: solid 1px #ccc;
     font-family: 'Open Sans', sans-serif;
     }
.menu a:hover {
     background-color: #FF4000;
     color: #fff;
     }

#active  {
     color: #FF4000;
     font-weight: bold;
}


span.active {
  color: #FF4000;
  font-weight: bold;

}
     
     
/*Columnas*/
.col_1 {
     width: 96%;
     display: block;
     margin-right: 2%;
     margin-left: 2%;
     margin-bottom: 2%;
     }
     
.col_2 {
     display: block;
     width: 96%;
     margin-right: 2%;
     margin-left: 2%;
     margin-bottom: 2%;
     float: left;
     }
     
.col_3 {
     width: 96%;
     float: left;
     margin-right: 2%;
     margin-left: 2%;
     margin-bottom: 2% 
     }
     
.col_4 {
     width: 21%;
     display: block;
     float: left;
     margin-right: 2%;
     margin-left: 2%;
     margin-bottom: 1%;
     }
.col_5 {
     width: 18%;
     display: block;
     float: left;
     margin-right: 1%;
     margin-left: 1%;
     margin-bottom: 1%;
     }
/*end*/
     
/*home*/
.c-sec{
     max-height: 0px;
     font-size: 0;
     display: none !important;
     }
     
.sec-2{
     margin-right: auto;
     margin-left: auto;
     font: 0.875em arial;
     color: #9c9c9c;
     text-align: center;
     }
span.tex2{
     color: #868686;
     line-height: 1.2em;
     font-size: 1.2px;
     font-family: arial;
     text-align: justify;
     padding-right: 10px;
     padding-left: 10px;
     margin-bottom: 20px;
     font-size: 1.3em;
     }
.img-s123{
     text-align: center;
     width: 100%;
     height: 60px;
     padding-top: 7px;
     margin-bottom: 10px;
     }
.txt-s{
     color      : #2d3e50;
     font-family: 'Raleway', sans-serif;
     font-size  : 1.2em;
     text-align : center;

     }
span.tile-s{
     font-size: 1.6em;
     color: #009EE3;
     font-family: 'Open Sans', sans-serif;
     line-height: 1.6em;
     }
/*baner 2*/
.c-baner-2{
    background-color: #009EE3;
    padding-bottom  : 5px;
    padding-top     : 5px;
    width           : 100%;
    height: 110px;
     
}
.txt-baner2{
     color: #FFFFFF;
     font-family: 'Open Sans', sans-serif;
     font-size: 1.4em;
     text-align: center;
     }
span.bc{
  
  color: #fff;
  text-shadow: 2px 2px 5px #000;
  font-weight: bold;

     }
     
.c-button{
     max-height: 0px;
     font-size: 0;
     display: none !important;
     }
     
.c-home1{
     
     }
.con-home1{
     margin-right: auto;
     margin-left: auto;
     overflow-x: hidden;
     }
.tile-h1{
     text-align: center;
     color: #2d3e50;
     font-size: 1.6em;
  font-family: 'Raleway', sans-serif;
     margin-bottom: 2%;
     padding-top: 3%;
     font-style: normal;
     font-weight: 400;
     }
.icon{
     text-align: center;
     margin-bottom: 10px; 
     }
.tc{
     color: #009EE3;
     font: 1.3em 'Raleway', sans-serif;
     text-align: center;
     margin-top: 1%;
     margin-bottom: 2%;
 }
.txt-article{
     color: #2d3e50;
     font-size: 15px;
     font-family: arial;
     text-align: justify;
     line-height: 1.7 !important;
}
     
/* home */
     
header{
     width: 100%;
     }
.contenido{ width: 100%;
     }
     
.tile-1{
     text-align: center;
     color: #727272;
     font: 2em/1.3em geosanslight;
     margin-top: 5%;
     }
.img-home { text-align: center;}
.tile-cajas{
     color: #0066cc;
     font: 1.4em arial;
     text-align: center;
     }
     
.txt-article{
     color: #2d3e50;
     line-height: 1.2em;
     font-size: 15px;
     font-family: 'Raleway', sans-serif;
     text-align: justify;
     padding-right: 5px;
     padding-left: 5px;
     margin-bottom: 20px;
     }
     
.sep-tile{
     width: 80px;
     margin: 1% auto 10%;
     background-color: #0066cc;
     height: 8px;
     border-radius: 10rem;
     -webkit-  ;  clear: both;
     }
     
.c-sec{
     overflow-x: hidden;
     
     
     
     
     }
     
.sec-1{
     width: 0%;
     margin-right: auto;
     margin-left: auto;
     overflow-x: hidden;
     padding-top: 3%;
     overflow-x: hidden;
     
     }
     
.contenedor{
     margin-right: auto;
     margin-left: auto;
     padding-top: 30px;
     padding-bottom: 30px;
     }
     
/*nosotros*/
.c-nosotros {
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
     }

.img-left{
     text-align: center;
     margin-top: 20px;
     }
.tile-left{
     color: #0066cc;
     font: 2em geosanslight;
     }
article.left{
     color: #A3A3A3;
     font: 1.05em/2em Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
     padding-right: 5px;
     padding-left: 5px;
     padding-bottom: 5px;
     text-align: justify;
     }
.tile-blanco{
     color: #FFFFFF;
     font: 2em geosanslight;
     }
.txt-blanco{
     color: #FFFFFF;
     font: 1.05em/2em Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
     }
.c-color{
     background-color: #0066cc;
     padding-top: 15px;
     padding-bottom: 15px;
     overflow-x: hidden;
     margin-top: 15px;
     }
     
     
/*team*/
.team{
     width: 100%;
     }
.img-team{ text-align: center; }
.tile-team{
     color: #007EA8;
     font: 1.25em/1em geosanslight;
     text-align: center;
     }
article.team{
     color: #8F8F8F;
     font: 1em/2em arial;
     width: 100%;
     text-align: center;
     margin-bottom: 20px;
     }
     
 /*clientes*/
.c-c{
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 15px;
     }
     
.tile-clientes{
     text-align: center;
     color: #727272;
     font: 1.8em/1.3em geosanslight;
     margin-top: 2%;
     }
.sep-clientes{
     
     width: 90%;
     margin: 1% auto 2%;
     background-color: #0066cc;
     height: 2px;   
     
     
     }
     
.img-cliente{
     text-align: center;
     background-color: #FFFFFF;
     -webkit-box-shadow: 0px 0px 3px #C3C3C3;
     box-shadow: 0px 0px 3px #C3C3C3;
     border-radius: 3%;
     }
     
/*contacto*/
.c-contacto{
     overflow-x: hidden;
     padding-top: 3%;
     padding-bottom: 2%;
     background-image: url(img-contenido/mapa.png);
     background-color: #0066cc;
     }
     
/*from*/
     
#feedback-page{
     text-align:center;
     }
     
#form-main{
     width:100%;
     float:left;
     padding-top:0px;
     }
     
#form-div {
     background-color:rgba(72,72,72,0.4);
     padding: 15px;
     width: 450px;
     left: 50%;
     position: relative;
     margin-left: -260px;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     }
     
.feedback-input {
     color:#3c3c3c;
     font-family: Helvetica, Arial, sans-serif;
     font-weight:500;
     font-size: 18px;
     border-radius: 0;
     line-height: 22px;
     background-color: #fbfbfb;
     padding: 13px 13px 13px 54px;
     margin-bottom: 10px;
     width:100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
     border: 3px solid rgba(0,0,0,0);
     }
     
.feedback-input:focus{
     background: #fff;
     box-shadow: 0;
     border: 3px solid #3498db;
     color: #3498db;
     outline: none;
     padding: 13px 13px 13px 54px;
     }
     
.focused{
     color:#30aed6;
     border:#30aed6 solid 3px;
     }
     
/* Icons ---------------------------------- */
#name{
     background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
     background-size: 30px 30px;
     background-position: 11px 8px;
     background-repeat: no-repeat;
     }
     
#name:focus{
     background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
     background-size: 30px 30px;
     background-position: 8px 5px;
     background-position: 11px 8px;
     background-repeat: no-repeat;
     }
     
#email{
     background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
     background-size: 30px 30px;
     background-position: 11px 8px;
     background-repeat: no-repeat;
     }
     
#email:focus{
     background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
     background-size: 30px 30px;
     background-position: 11px 8px;
     background-repeat: no-repeat;
     }
     
#comment{
     background-image: url(http://rexkirby.com/kirbyandson/images/comment.svg);
     background-size: 30px 30px;
     background-position: 11px 8px;
     background-repeat: no-repeat;
     }
     
textarea {
     width: 100%;
     height: 150px;
     line-height: 150%;
     resize:vertical;
     }
     
input:hover, textarea:hover,
input:focus, textarea:focus {
     background-color:white;
     }
     
#button-blue{
     font-family: 'Montserrat', Arial, Helvetica, sans-serif;
     float:left;
     width: 100%;
     border: #fbfbfb solid 4px;
     cursor:pointer;
     background-color: #3498db;
     color:white;
     font-size:24px;
     padding-top:22px;
     padding-bottom:22px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     margin-top:-4px;
     font-weight:700;
     }
     
#button-blue:hover{
     background-color: rgba(0,0,0,0);
     color: #0493bd;
     }
     
.submit:hover {
     color: #3498db;
     }
     
.ease {
     width: 0px;
     height: 74px;
     background-color: #fbfbfb;
     -webkit-transition: .3s ease;
     -moz-transition: .3s ease;
     -o-transition: .3s ease;
     -ms-transition: .3s ease;
     transition: .3s ease;
     }
     
.submit:hover .ease{
     width:100%;
     background-color:white;
     }
     
@media only screen and (max-width: 580px) {
#form-div{
     left: 3%;
     margin-right: 3%;
     width: 88%;
     margin-left: 0;
     padding-left: 3%;
     padding-right: 3%;
     }
     }
     
.c-firma{
     height: 100px;
     
     }
     
     /*--------*/
     
.animation {
     display: inline-block;
     position: relative;
     width: 378px;
     height: 290px;
     margin: 0 auto;
     vertical-align: middle;
     }
.animation .device {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 50%;
     top: 50%;
     background: #FFF;
     -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     -ms-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     }
.animation .device .phone-home-button,
.animation .device .tablet-home-button {
     position: absolute;
     border-radius: 50%;
     background: #444;
     opacity: 0;
     z-index: 1;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease;
     }
.animation .device .phone-home-button {
     width: 16px;
     height: 16px;
     margin-top: -8px;
     right: 11px;
     top: 50%;
     }
.animation .device .tablet-home-button {
     width: 12px;
     height: 12px;
     margin-left: -6px;
     bottom: 7px;
     left: 50%;
     }
.animation .device .screen-stand {
     position: absolute;
     width: 100%;
     margin-left: -10px;
     margin-top: -1px;
     top: 60%;
     opacity: 0;
     z-index: 1;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -ms-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out;
     }
.animation .device .screen-stand .leg {
     position: absolute;
     width: 12px;
     height: 16px;
     left: 50%;
     top: 0;
     margin-left: -6px;
     background: #FFF;
     }
.animation .device .screen-stand .foot {
     position: absolute;
     width: 120px;
     height: 4px;
     left: 50%;
     top: 15px;
     margin-left: -60px;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
     background: #FFF;
     }
.animation .device .display {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background: #34495e;
     z-index: 3;
     }
.animation .device .display div {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 100%;
     white-space: nowrap;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease;
     }
.animation .device .display div div {
     position: absolute;
     width: 100%;
     left: 0;
     top: 50%;
     margin-top: -14px;
     font-size: 1.1em;
     text-align: center;
     color: #fff;
     }
.animation .device .display div div em {
     font-weight: bold;
     }
.animation .device .display .slide1 {
     background: #1a3c90;
     }
.animation .device .display .slide2 {
     background: #16a085;
     }
.animation .device .display .slide3 {
     background: #3498db;
     }
.animation[data-animation-step="1"] .device {
     width: 70%;
     height: 70%;
     padding: 10px;
     border-radius: 4px;
     }
.animation[data-animation-step="1"] .device .slide1 {
     left: 0%;
     }
.animation[data-animation-step="1"] .device .screen-stand {
     opacity: 1;
     top: 100%;
     }
.animation[data-animation-step="2"] .device {
     width: 45%;
     height: 82%;
     padding: 24px;
     border-radius: 10px;
     }
.animation[data-animation-step="2"] .device .slide1 {
     left: -100%;
     }
.animation[data-animation-step="2"] .device .slide2 {
     left: 0%;
     }
.animation[data-animation-step="2"] .device .tablet-home-button {
     opacity: 1;
     }
.animation[data-animation-step="3"] .device {
     width: 60%;
     height: 42%;
     padding: 10px 36px;
     border-radius: 6px;
     }
.animation[data-animation-step="3"] .device .slide1,
.animation[data-animation-step="3"] .device .slide2 {
     left: -100%;
     }
.animation[data-animation-step="3"] .device .slide3 {
     left: 0%;
     }
.animation[data-animation-step="3"] .device .phone-home-button {
     opacity: 1;
     }
     
     
/*foote*/
     
.c-footer{
     position: relative;
     background-repeat: no-repeat;
     background-image: url('img-contenido/fondo_footer.jpg');
     background-attachment: fixed;
     background-position: center 20px;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     min-height: 200px;
     }
footer{
     width: 100%;
     margin-right: auto;
     margin-left: auto;
     overflow-x: hidden;
     }
.tile-footer{
     text-align: center;
     color: #FFFFFF;
     line-height: 1em;
     font-size: 2.2em;
     font-family: 'Open Sans', sans-serif;
     margin-bottom: 2%;
     padding-top: 8%;
     font-style: normal;
     font-weight: 400;
     }
.t-derecho{
     text-align:center;
     color: #FFFFFF;
     font-family: arial;
     font-size: 1em;
     line-height: 1.2em;
     visibility: hidden; display:none;

     }
.numero{
     text-align:center;
     color: #fff;
     font-family: 'Raleway', sans-serif;
     line-height: 1.4em;
     font-size: 1.4em;
     }
span.tex-footer{
     text-align:center;
     color: #fff;
     font-size: 0.55em;
     font-family: arial;
     visibility: hidden; display:none;
     
     }
.contenido-autores{
     display     : block;
     margin-left : auto;
     margin-right: auto;
     overflow-x  : hidden;
     padding-top : 20px;
     width       : 80%;
}

.dra{
     clear     : both;
     text-align: center;
     color     : #9C9C9C;
     font      : 15px/2em 'Raleway', sans-serif;
;
}
.correo{
     color: #3A97D3;
     text-decoration: none;
}

.correo:hover{ 
    color: #006B97;
 }
.desa{
    text-align: center;
}
     
/*scrol top*/
.go-top { 
     position           : fixed;
     bottom             : 2em;
     right              : 2em;
     padding            : 1em;
     display            : none;
     background-image   : url(img-contenido/icon_top.png);
     background-position: center center;
     background-repeat  : no-repeat;
     opacity            : 1;
}
/*end*/
     
/*standar*/   
     
.fade {
     -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter            : alpha(opacity=100);
     opacity           : 1;
     -webkit-transition: opacity 0.2s linear;
     -moz-transition   : opacity 0.2s linear;
     -o-transition     : opacity 0.2s linear;
     -ms-transition    : opacity 0.2s linear;
     transition        : opacity 0.2s linear;
}
     
.fade:hover {
     -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     filter            : alpha(opacity=100);
     opacity           : 0.3;
     -webkit-transition: opacity 0.2s linear;
     -moz-transition   : opacity 0.2s linear;
     -o-transition     : opacity 0.2s linear;
     -ms-transition    : opacity 0.2s linear;
     transition        : opacity 0.2s linear;
}
.zoom {
     transition        : 0.5s ease;
     -moz-transition   : 0.5s ease; /* Firefox */
     -webkit-transition: 0.5s ease; /* Chrome - Safari */
     -o-transition     : 0.5s ease;
}
     
.zoom:hover {
     transform        : scale(1.1);
     -moz-transform   : scale(1.1); /* Firefox */
     -webkit-transform: scale(1.1); /* Chrome - Safari */
     -o-transform     : scale(1.1); /* Opera */
     -ms-transform    : scale(1.1); /* IE9 */
     text-align       : center;
}
     
.clr { 
       clear      : both;
       padding    : 0;
       width      : 100%;
       font-size  : 0px;
       line-height: 0px;
       margin     : 0px 0 0;
}

hr.style-two {
background-image: -moz-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%);
       background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
       background-image: -o-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%);
       background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%)
       background-image: linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%); 
       border: 0;
       box-shadow: 0px 0px 0px 0px rgba(137,137,137,1.00);
       clear: both; -webkit-box-shadow: 0px 0px 0px 0px rgba(137,137,137,1.00);
       height: 1px;
       margin-right: auto; margin-left: auto;
}
     
.separador { 
      border-top   : 1px solid rgba(203,203,203,1.00);
      clear        : both;
      margin-bottom: 25px;
      margin-top   : 10px;
      float        : left;
      margin-left  : auto;
      position     : relative;
      width        : 100%;
}
#fade { 
       -moz-transition   : opacity 0.2s linear;
       -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       -ms-transition    : opacity 0.2s linear;
       -o-transition     : opacity 0.2s linear;
       -webkit-transition: opacity 0.2s linear;
       filter            : alpha(opacity=100);
       opacity           : 1;
       transition        : opacity 0.2s linear;
}
#fade:hover { 
       -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter            : alpha(opacity=100);
       opacity           : 0.3;
       -webkit-transition: opacity 0.2s linear;
       -moz-transition   : opacity 0.2s linear;
       -o-transition     : opacity 0.2s linear;
       -ms-transition    : opacity 0.2s linear;
       transition        : opacity 0.2s linear;
}
     
/* Efectos iconos */
.socialicons {
     -moz-transition   : all 0.8s ease-in-out;
     -webkit-transition: all 0.8s ease-in-out;
     -o-transition     : all 0.8s ease-in-out;
     -ms-transition    : all 0.8s ease-in-out;
     transition        : all 0.8s ease-in-out;
}
     
.socialicons:hover {
     -moz-transform   : rotate(360deg);
     -webkit-transform: rotate(360deg);
     -o-transform     : rotate(360deg);
     -ms-transform    : rotate(360deg);
     transform        : rotate(360deg);
}
     
/*nosotros*/
.c-nosotros{
  max-width: 100%;

}
.nosotros{
  margin-left : auto;
  margin-right: auto;
  overflow-x  : hidden;
  width       : 90%;
  padding-top: 10px;

}
.texto-nos{

}

p.tile{

  font-size: 1.6em;
  color: #2d3e50;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  line-height: 2em;

}
.article-nos{
     color: #2d3e50;
     font-family: 'Raleway', sans-serif;
     font-size: 0.95em;
     line-height: 1.6em;
     margin-left   : 2.00%;
     margin-right  : 2.00%;
     padding-bottom: 5.00%;
     text-align: justify;
 

}
.img-nos{
  width: 100%;
  visibility: hidden; display:none;
}


 hr.style-two { 
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%);
  background-image: -moz-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%);
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image: -o-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%);
  background-image: linear-gradient(90deg,#fff 0%,#fff 49.21%,#fff 100%);
  clear: both;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(137,137,137,1.00);
  box-shadow: 0px 0px 0px 0px #fff;
  margin-right: auto;
  margin-left: auto;
 }
 hr.style-1{ 
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%);
  background-image: -moz-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%);
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image: -o-linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(136,136,136,0.79) 49.21%,rgba(0,0,0,0.00) 100%);
  background-image: linear-gradient(90deg,#2d3e50 0%,#2d3e50 49.21%,#2d3e50 100%);
  clear: both;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(137,137,137,1.00);
  box-shadow: 0px 0px 0px 0px #fff;
  margin-right: auto;
  margin-left: auto;
  }
.el-equipo{
   margin-left : auto;
  margin-right: auto;
  overflow-x  : hidden;
  width       : 90%;
  margin-bottom: 10px;
  padding-top: 10px;
}
.equipo{
    text-align: center; 

}
.des-equ{
  color        : #3A97D3;
  font         : 1.3em arial;
  margin-bottom: 2%;
  margin-top   : 1%;
  text-align   : center;

}
.equi{
     color     : #2d3e50;
     line-height: 1.5em;
     font-size: 1em;
     font-family: arial;
     text-align: center;
}
.col_3u {
     max-width: 100%;
  margin-left   : 2.00%;
  margin-right  : 2.00%;
  margin-bottom : 2.00%;
  float         : left;
  display       : block;
}
/*Productos*/

.c-p{
  width: 100%;
  background-color: #009EE3;
  padding-top: 15px;
}
.p{
  margin-left : auto;
  margin-right: auto;
  overflow-x  : hidden;
  width       : 96%;
}

.col_p { 
  display     : block;
  float       : left;
  margin-left : 2.00%;
  margin-right: 2.00%;
  width       : 96%;
}
.img-{
  display   : block;
  height    : auto;
  max-width : 100%;
  text-align: center;

}
.tile-p{
  color      : #fff;
  font-family: 'Open Sans', sans-serif;
  font-size  : 2em;
  text-align:center;
}

article.txt-p{
  color      : #fff;
  font-family: 'Raleway', sans-serif;
  font-size  : 1.1em;
  line-height: 1.7em;
  text-align: justify;
  padding-bottom: 4%;

}

.c-p2{
  width: 100%;
  padding-top: 15px;
}
.p2{
  margin-left : auto;
  margin-right: auto;
  overflow-x  : hidden;
  width       : 96%;
}

.tile-p2{
  color      : #2c3e50;
  font-family: 'Open Sans', sans-serif;
  font-size  : 2em;
  text-align:center;

}

article.txt-p2{
  color      : #2c3e50;
  font-family: 'Raleway', sans-serif;
  font-size  : 1.1em;
  line-height: 1.7em;
  padding-bottom: 4%;
 text-align: justify;


}

.col_1b { 
  display     : block;
  float       : left;
  margin-bottom: 2.00%;
  margin-left : 2.00%;
  margin-right: 2.00%;
  width       : 96%;
 }

 /*servicios*/
.c-s{
  width: 100%;
}
.servicios{
  margin-left : auto;
  margin-right: auto;
  overflow-x  : hidden;
  width       : 96%;
  padding-top: 10px;
}
.tile-srv {
color      : #2c3e50;
font-family: 'Open Sans', sans-serif;
font-size  : 2em;
padding-bottom: 2%;
text-align:center;
}
.txt-srv {
  color      : #2c3e50;
  font-family: 'Raleway', sans-serif;
  font-size  : 1.1em;
  line-height: 1.7em;
}
.icon-checkbox-checked:before {
  content: "\ea52";
  font-size: 0.9em;
  color: #009EE3;
}
.icon-radio-unchecked:before {
  content: "\ea56";
  font-size: 0.9em;
  color: #FF4000;
}
.icon-users:before {
  content: "\e972";
  font-size: 0.9em;
  color: #009EE3;
}
.icon-database:before {
  content: "\e964";
  font-size: 0.9em;
  color: #FF4000;

}
.icon-cog:before {
  content: "\e994";
  font-size: 0.9em;
  color: #009EE3;
}