.navbar{
	padding: .8rem 1rem;
}

img#logo_bar {

max-height: 50px;

}

.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

a.mail_link{
  color:white;
  font-weight: 700;
}


.titulo_clientes{

  text-align: center;
  color: white;
  font-size: 35px;
  font-weight: 700;
  font-family: Catamaran, Helvetica, Arial, sans-serif;


}

#contacto{

  position:absolute;

}


.download{


padding-top: 10%;

padding-bottom: 10%;

}


.imgNosotros{


height: 25%;
width: auto;

margin-right: auto!important;
margin-left: auto!important;


}

#idea{

margin-top: 5%;
width: 40%;

}


header.masthead{

background-image: url("../img/fondoinicio1.jpg");
background-size: cover;




}

@media (min-width: 992px){

header.masthead {
    height: 100vh;
    min-height: 500px;
    padding-top: 0;
    padding-bottom: 0;
}


}



section.download{

      padding: 0px ;
  background-size: 100% auto;
}


#mainNav .navbar-nav>li>a.active {
    color: #00A0A0!important;
}


nav#mainNav{

background-color: white;

}



span.titulo2{

font-family: 'Raleway', sans-serif;
background-color: #00AEBC;


font-weight: 300;
padding: 5px;

font-size: 20px;

-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

}


.btn-outline{

	font-weight: 300;
	font-size: 15px;
}


h1.titulo,
span.titulo{


font-family: 'Raleway', sans-serif;
background-color: rgba(0,160,160,.7	);
text-transform: uppercase;
padding: 5px;
font-weight: 900;

-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

margin-right: auto!important;
margin-left: auto!important;



}




.titulo{

font-family: 'Raleway', sans-serif;
color:white;
text-transform: uppercase;
padding: 5px;
font-weight: 900;
}


.textoNosotros{

font-family: 'Raleway', sans-serif;
color:white;
text-transform: uppercase;
	font-size: 25px;

  border-radius: 50px;
background-color: rgba(0,160,160,.7 );
padding: 5px;
font-weight: 500;

  text-shadow: 2px 2px 2px #00AEBC;

}


.device .screenJSolution{
    position: absolute;
    top: 55px;
    bottom: 0;
    left: 14px;
    right: 0px;
    width: 98%;
    height: 86%;
    background-size: 90% 90%;
    background-repeat: no-repeat;
    background-image: url("../img/demo-screen-1.jpg");

}


.ingresar{

position: absolute;

    display: block;
    top: 89.9%;
    bottom: 3.2%;
    left: 43%;
    right: 43%;

}



.boton-titulo{

font-family: 'Raleway', sans-serif;
background-color: rgba(0,160,160,.7	);
margin-top: 40px;

}


.contacto ,
span.contacto{

  font-size: 15px;
  padding-left: 20px;
  background-color:  #00AEBC;
  color:white;
}

section.features{

padding: 0px;
background-image: url('../img/fondo-features.jpg');
background-size: cover;

}


.divBackgroundImage{

    position:relative;
    height: 100%;
    width: 100%;
    right: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

  background-color: rgba(256,256,256,0.5);

}






section.features .section-heading{

  padding-top: 30px;
  z-index: 2;
  opacity: 1;
  margin-bottom: 10px;
}


section.features .feature-item{

  opacity: 1;
  padding-top: 0px;
  padding-bottom: 0px;
    z-index: 1000;

}

.my-auto-features{

  opacity: 1;
padding-top: 30px;

}



section.features .feature-item  i{


background: -webkit-gradient(linear,right top,left top,from(#0099cc),to(#66cccc));
background: linear-gradient(to top,#0099cc,#66cccc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 1;


}


#logo_bar_inicio{

width: 30%;
height: auto;
opacity: 1;

}

@media (max-width: 992px) {


	#logo_bar_inicio{
	width: 70%;
	height: auto;
	opacity: 1;


	}

	#device-container{

		width: 0px;
		height: 0px;
		opacity: 0;
		content: " ";
	}


	header.masthead{

		padding-bottom: 0px;

	}


	span.separador::after{

			 content: "\A";
  white-space: pre;

	}

}



#contenidoSinFondo,
.contenidoSinFondo{

position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+10,9fc9c9+50,b3dced+89&0+10,0.7+50,0+90 */
display: block;
opacity: 1;

z-index:130;

}

.fondoImg::after,
header.fondoImg::after{


background: -moz-linear-gradient(left, rgba(179,220,237,0) 0%,  rgba(159,201,201,0.35) 25%,rgba(159,201,201,0.5) 50%, rgba(159,201,201,0.35) 75%, rgba(179,220,237,0) 100%);
background: -webkit-linear-gradient(left, rgba(179,220,237,0) 0%,  rgba(159,201,201,0.35) 25%,rgba(159,201,201,0.5) 50%, rgba(159,201,201,0.35) 75%, rgba(179,220,237,0) 100%);
background: linear-gradient(to right, rgba(179,220,237,0) 0%,  rgba(159,201,201,0.35) 25%,rgba(159,201,201,0.5) 50%, rgba(159,201,201,0.35) 75%, rgba(179,220,237,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3dced', endColorstr='#00b3dced',GradientType=1 );

z-index: 1;
position: absolute;
content: ' ';

top:0;
bottom: 0;
right: 0;
left:0;

height: 100%;
width: 100%;

}





.fondoImgNosotros{

position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+10,9fc9c9+50,b3dced+89&0+10,0.7+50,0+90 */

background:  rgba(147,147,147,0.3);


}

section.clientes{

position:relative;
padding: 10px;
background-color: black;

}


section.contact ul.list-social li.social-instagram a {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}



section.contact{
padding: 5%;

background-color: #66cccc;

}


section.contact h2 i {
    color: white;
}


img.clientesLogos{

opacity: 0.5;
z-index: 10;

}

img.clientesLogos:hover{

transition: all 1s;
opacity: 1;

}



section.features .device-container, section.features .feature-item {


max-width: 240px;
  }

.my-auto-features {
    padding-top: 15px;
}



span.titulo:hover{

transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-origin: 50% 50% 0px;
background-color: rgba(0,160,160,1	);
transition: all 3s;
display: i

}


h1.bordes,
.bordes{

	    border-radius: 50px;
}


img.bordesImg{

      border-radius: 200px;
      background-color: white;
        padding: 20px;
        background: -webkit-gradient(linear,right top,left top,from(#0099cc),to(#66cccc));
background: linear-gradient(to top,#0099cc,#66cccc);
}

header.masthead .header-content {


max-width: 100%;
text-align: center;
margin-bottom: 130px;

padding-top: 0%;

}


header.masthead {

padding-top: 0%;

}


#mainNav .navbar-nav>li>a {

	font-size: 14px;
}

@media (min-width: 992px)
{

  #mainNav .navbar-nav > li > a:hover,
  #mainNav .navbar-nav > li > a:focus:hover,
  #mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,
   #mainNav.navbar-shrink .navbar-nav>li>a:hover
  {
    color: #00A0A0;
  }

#mainNav .navbar-nav>li>a,
#mainNav .navbar-nav>li>a:focus {
    color: black;
}



#mainNav.navbar-shrink {

 padding: .6rem 1rem;
 opacity: 1;


}





}