body {
  padding-top: 56px;
  font-family: 'Eureka Sans','Roboto Condensed', sans-serif;
}

li a, .dropbtn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {

}

li.dropdown {
  display: inline-block;
}

p{
text-align: justify-all;
}
span{
  text-align: center;
}

.dropdown-content {
  display: none;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}
.footer{
  position: fixed;
  z-index: 1;
  bottom: 0px;

}
.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}


.navbar{
  font-family: 'Eureka Sans','Roboto Condensed', sans-serif;
  font-size: 17px; 
  color: white; 
  position: fixed;
 line-height: 75px;
 text-align: center;
 width: 100%;
 }


 @font-face {
font-family: 'Eureka Sans';
font-style: normal;
font-weight: normal;
src: local('fonts/EurekaSans-Black.woff'), url('EurekaSans-Black.woff') format('woff');
}


.ingreso{
  position: relative;
  z-index: 5;
	font-family: 'Eureka Sans','Roboto Condensed', sans-serif;
	color: white;
	display: block;
	height: 8em;
	background: rgba(133,177,188,0.7);
background: -moz-linear-gradient(left, rgba(133,177,188,1) 0%, rgba(6,65,113,1) 80%, rgba(16,61,85,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(133,177,188,1)), color-stop(80%, rgba(6,65,113,1)), color-stop(100%, rgba(16,61,85,1)));
background: -webkit-linear-gradient(left, rgba(133,177,188,1) 0%, rgba(6,65,113,1) 80%, rgba(16,61,85,1) 100%);
background: -o-linear-gradient(left, rgba(133,177,188,1) 0%, rgba(6,65,113,1) 80%, rgba(16,61,85,1) 100%);
background: -ms-linear-gradient(left, rgba(133,177,188,1) 0%, rgba(6,65,113,1) 80%, rgba(16,61,85,1) 100%);
background: linear-gradient(to right, rgba(133,177,188,1) 0%, rgba(6,65,113,1) 80%, rgba(16,61,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b1bc', endColorstr='#103d55', GradientType=1 );

}
.socios{
	padding-top: 2em; 
	display: inline-block;
	float: left;
}

 .afiliate{
	padding-top: 2em; 
	display: inline-block;
	float: right;
  padding-right:-3px;
	background: #A52990;
		height: 8em;
}
.ingresosocios{
	float:left;
	padding-left: 10em;
	padding-right: 3em;
}
.formularioingreso {
	float: left;
	padding: 0 2em 0 2em;
  display: inline-block;


}
.bienvenido{
	height: 75vh;
	color: white;
	font-family: 'Eureka Sans','Roboto Condensed', sans-serif;
	text-align: center;
	padding-bottom: 20em;
	padding-left: -3;
	padding-right: -3;

}


.brandriel{
  top:30vh;
  max-width: 60vh;
  align-items: center;
  top:0;
  
}

.titulosb{
 
	text-align: center;
	font-weight: 600;
}
.textosb{
  
	max-width: 100%;
  text-align: center;

}
@media (min-width: 576px) {
  .textosb {
    max-width: 540px;
  }
}

#carrusel {
    
    width:60%;
    overflow:hidden;
    height:20em;
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
}
 
#carrusel .leftarrow {
    position:absolute;
    left:1px;
    z-index:1;
    top:50%;
    margin-top:-9px;
}
 
#carrusel .rightarrow {
    position:absolute;
    right:1px;
    z-index:1;
    top:50%;
    margin-top:-9px;
}
 
.carrusel {
    width:4000px;
    left:0px;
    position:absolute;
    z-index:0;
}
 
.carrusel>div {
    float: left;
    height: 100%;
    margin-right: 16px;
    width: 800px;
    text-align:center;
}
 
.carrusel img {
    cursor:pointer;
}


.product{
 	width: 100%;
  height: 46%;
 }

.counter{
  text-align: center;
  font-size: 100px;
  font-family:'Eureka Sans','Roboto Condensed', sans-serif;
}
.carousel-marcas{
  background: rgba(18,9,134,1);
background: -moz-linear-gradient(left, rgba(18,9,134,1) 0%, rgba(22,100,185,0.69) 55%, rgba(26,171,224,0.69) 98%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(18,9,134,1)), color-stop(55%, rgba(22,100,185,0.69)), color-stop(98%, rgba(26,171,224,0.69)));
background: -webkit-linear-gradient(left, rgba(18,9,134,1) 0%, rgba(22,100,185,0.69) 55%, rgba(26,171,224,0.69) 98%);
background: -o-linear-gradient(left, rgba(18,9,134,1) 0%, rgba(22,100,185,0.69) 55%, rgba(26,171,224,0.69) 98%);
background: -ms-linear-gradient(left, rgba(18,9,134,1) 0%, rgba(22,100,185,0.69) 55%, rgba(26,171,224,0.69) 98%);
background: linear-gradient(to right, rgba(18,9,134,1) 0%, rgba(22,100,185,0.69) 55%, rgba(26,171,224,0.69) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#120986', endColorstr='#1aabe0', GradientType=1 );

}

.brandsection{
  position: absolute;
  bottom: 0px;
  z-index: 3;
background-size:contain ;
width: 100%;
background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,248,0) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,248,0) 100%);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,248,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fffff8",GradientType=1);
}

.titulos{
  font-family:'Eureka Sans','Roboto Condensed', sans-serif;
  background: rgb(134,10,31, 0.5);
  top: 0px;
 height: 100%:
margin-top:0px;
}

.btn-grad {background-image: linear-gradient(to right, #DA22FF 0%, #9733EE 51%, #DA22FF 100%)}
.btn-grad:hover { background-position: right center; }

.serv:hover {filter: grayscale(80%);
-webkit-transform:scale(1.1);
transform:scale(1.1);
overflow:hidden;
}

.patrocinios {
 height: 8em;
 background-color: #f252f7;
 color: white;
 font-family: font-family:'Eureka Sans','Roboto Condensed', sans-serif;
 text-align: center;
}

.formulariocontacto{
  background-color: #0d0d66;
  background-size: contain;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  width: 100%;
  color: white;
 font-family: 'Eureka Sans','Roboto Condensed', sans-serif;
 text-align: center;

  }

p
{font-family:'Eureka Sans','Roboto Condensed', sans-serif;


}
span{font-family:'Eureka Sans','Roboto Condensed', sans-serif;}

.form-consulta {max-width: 100%; padding: 25px;}
.campo-form {width:100%; height:36px; margin:2px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0;  font-size:1em;}
label span {}
textarea {min-height: 150px!important;}
.btn-form {display: inline-block; border:0; background: #000; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px}
.btn-form:hover {background: #444}