.display-mediano{
	display:inherit !important;
}


*{
	margin:0px;
	padding:0px;
}

html{
	height:100%; 
	margin:0; 
	padding:0;
	width:100%;
	top:0px;
	background-color:#242424;
	left:0px;
}


/*----------------------------
	 frase
-----------------------------*/	



#frase{
	left:5%;
    height: auto;
	width: 90%;
	top: 100px;
    position:relative;
    background-color:#242424;
 }


.text-new{
	font-weight: 900;
	text-align:center;
	color: #fff;
	position: relative;
    font-size: 60px; 
	line-height: 59px; 
    font-family: 'Archivo', sans-serif;
}

 
/*----------------------------
	 PEDIDOS
-----------------------------*/	

 
#pedidos-urban{
	left:0px;
    height: auto;
	width: 100%;
	top: 0px;
	margin: 50px 0px 0px;
    position:relative;
	background: #fff;
}

.pedidos {
    width: 100%;
	height: auto;
    display: inline-block;	    
	
	

}	

.mayoristas {
    width: 100%;
	height: auto;
    display: inline-block;	    
	vertical-align: top;


}	
.mayoristas h1{
    font-size: 50px; 
	line-height: 55px; 
    font-family: 'Archivo', sans-serif;
	font-weight: 900;
    text-align: left;
	color: #242424;
	position: relative;
	padding: 50px 50px 50px;
	box-sizing:border-box;
	margin-bottom: 20px;
	text-transform: uppercase;
	
}


.pedidos h1{
    font-size: 14px; 
	line-height: 20px; 
    font-family: 'Archivo', sans-serif;
	font-weight: 700;
    text-align: left;
	color: #242424;
	position: relative;
	padding: 120px 50px 0px;
	box-sizing:border-box;
	margin-bottom: 20px;
	
}
.boton{
    font-size: 16px; 
	line-height: 30px; 
    font-family: 'Archivo', sans-serif;
	font-weight: 700;
	text-align: left;
	color: #fff;
	padding: 15px 50px;
	margin: 0px 50px;
	box-sizing:border-box;
	background: #242424;
	display: inline;
	transition: 1s;

}

.boton:hover{
    font-size: 16px; 
	line-height: 30px; 
    font-family: 'Archivo', sans-serif;
	font-weight: 700;
	text-align: left;
	color: #ffed00;
	padding: 15px 50px;
	margin: 0px 50px;
	box-sizing:border-box;
 	display: inline;
	transition: 1s;

}
 
/*----------------------------
	gallardo vigna
-----------------------------*/	

#season{
	width: 90%;
	height: auto;
	position: relative;
	left: 5%;
	margin-top: 150px;
}


.caracteristica{
	width:100%;
	height: auto;
	display: inline-block;
	box-sizing: border-box;
	

}

.caracteristica50{
	width:100%;
	height: auto;
	display: inline-block;
	box-sizing: border-box;
}

#foto-1{
		width:100%;
		height: 580px;
	    box-sizing: border-box;
	    background-image:url("imagenes/pilling.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	     padding: 50px;
	     margin-bottom: 50px;

}

#foto-2{
		width: 100%;
		height: 580px;
	    box-sizing: border-box;
	    background-image:url("imagenes/cloro.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	     padding: 50px;
	     margin-bottom: 50px;
	

}

#foto-3{
		width:  100%;
		height: 580px;
	    box-sizing: border-box;
	    background-image:url("imagenes/color.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	     padding: 50px;
	     margin-bottom: 50px;

}

#foto-4{
		width:100%;
		height: 580px;
	    box-sizing: border-box;
	    background-image:url("imagenes/compresion.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	     padding: 50px;
	     margin-bottom: 50px;

}


#foto-5{
		idth:100%;
		height: 580px;
	    box-sizing: border-box;
	    background-image:url("imagenes/h2o.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	     padding: 50px;
	     margin-bottom: 50px;
	

}
#foto-6{
		idth:100%;
		height: 580px;
	    box-sizing: border-box;
	    background-image:url("imagenes/secado.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	     padding: 50px;
	     margin-bottom: 50px;

}

#foto-7{
		width:100%;
		height: 580px;
	    box-sizing: border-box;
	    background-image:url("imagenes/temperatura.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	     padding: 50px;
	     margin-bottom: 50px;

}
#foto-8{
		width:100%;
		height: 580px;
	    box-sizing: border-box;
	    background-image:url("imagenes/calor.jpg");
	    background-position: top center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	     padding: 350px;
	     margin-bottom: 50px;

}




#season h2{ 
	   font-family: 'Oswald', sans-serif;
	   font-weight: 900;
        font-size: 70px;
	     line-height:60px;
	    text-align:center;
     	color:#fff;
	    text-transform: uppercase;
	margin-bottom: 50px;
	
}
	


#season h3{   
    font-family: 'Archivo', sans-serif;
    font-weight: 500;    
	font-size:16px;
	line-height: 22px;
	text-align:center;
	color:#fff;
	text-transform: uppercase;
	box-sizing: border-box;
	background-color:rgba(29,29,29,0.9);
	padding: 30px 20px;
	border-radius: 5px;

	
}



/*----------------------------
	FIN gallardo vigna
-----------------------------*/	

/*----------------------------
LOCALES
-----------------------------*/

#locales{
        height: auto;
	    width: 100%;
		position:relative;
		background-color:#242424;
	    box-sizing: border-box;
 border: 2px solid #fff;
}

#locales h1{
color: #fff;
text-decoration: none;
font-family: 'Archivo', sans-serif;
font-weight: 700;
font-size:12px;
letter-spacing: 1px;
padding: 16px 0px 16px 13px;
box-sizing: border-box;
border: 2px solid #fff;
 	border-right: 0px;
	border-left: 0px;
width: 100%;
text-align: left;
text-transform: uppercase;
}
.margin50px{
	padding: 24px 0px;
}

.locales{
        height: 100%;
	    width: 100%;
		position:relative;
	    display: inline-block;
}


.locales h2{
color: #fff;
text-decoration: none;
font-family: 'Archivo', sans-serif;
font-weight: 400;
font-size:12px;
letter-spacing: 1px;
padding: 16px 0px 16px 13px;
box-sizing: border-box;
border: 2px solid #fff;
 	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
width: 100%;
text-align: left;
display: block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.locales h2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.locales h2:hover, .locales h2:focus, .locales h2:active {
  color: #ffed00;
}
.locales h2:hover:before, .locales h2:focus:before, .locales h2:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*----------------------------
	 RIEL
-----------------------------*/	

#sub-footer { 
	position: relative; 
	width: 100%; 
	height: auto; 
	background-color: #fff; 
	text-align: center; 
	padding: 10px 0px; 
    font-family: 'Roboto Mono', monospace;
	font-weight: 300;
	font-size: 8pt;
	letter-spacing: 1pt;
    top: 100px;

  }

.btn-riel{
	color: #242424;
}

.btn-riel:hover{
	color: #ccc;
}

