@charset "utf-8";
@media only screen and (max-width : 767px) {

	:root {
		--main-padding-top: 70px;
		--main-padding-lados: 0px;
		--main-tamanio: 30px;
		--main-delta: 10px;
	  }

	  body{
		font-size: 12px;
		line-height: 4px;
		overflow-x: hidden;
	}

	header{
		padding-left: 0px;
		padding-right: 0px;
		height: 70px;
	}
	header .lang{
		margin-left: 0px;
		padding-right: 10px;
	}
	header .lang:second-child{
		margin: 0px 5px;
	}
	header #logo{
		height: 70px;
		margin: 0px;
		padding: 5px;
	}
	header #logo img{
		 height: 100%;
		 width: auto;
	}

	.hamburger {
		top: 20px;
		right: 20px;
	}

	header #menu{
		width: 100vw;
		padding-top: 12vh;
    	padding-left: 52px;
	}
	header ul{
		padding-top: 0vh;
		padding-left: 0px;
	}

	header.achicado {
		 height: 70px;
	}

	.side_buttons{
		display: none;
	}

	#content{
		padding-top: var(--main-padding-top);
		padding-left: var(--main-padding-lados);
		padding-right: var(--main-padding-lados);
		padding-bottom: 130px;
	}

	#slider .texto{
		/* right: 3vw; */
		bottom: -6vw;
		font-size: 23vw;
		line-height: 20%;
	}
	#slider .texto .linea1{
		font-size: 21%;
   		margin-bottom: 5px;
	}
	#slider .texto .linea2{
		font-size: 21%;
		margin-bottom: 5px;
	}
	#slider .texto .linea3{
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color:#333333;
		font-size: 21%;
	}
		
	.mitadLeft{
		margin-top: 60px;
		line-height: 26px;
		width: 100%;
		padding: 0px 10px;
	}

	.mitadLeft .violeta{
		margin-top: 30px;
		font-size: 120%;
	}
	
	#content .bottom{
		width: 34px;
    	height: 100px;
	}


	.bloque .txt .logo{
		max-width: 100%;
	}


	#content .bloque{
		margin: 35px 0px;
	}
	/*#content .bloque img{
		height: auto;
		width: 100%;
		float: right;
	}

	
	 #content .bloque img{
		height: 100%;
		float: left;	
	} */
	#content .bloque .fotos{
		width: 100%;
	}


	
	#content .bloque .txt{
		width: 100%;
		position: relative;
		padding: 30px;
	}
	#content h1{
		-webkit-text-stroke-width: 1px;
	
		font-size: 200%;
		padding: 0px 5px;
		margin: 10px 0px;
	}

	.tercio{
		line-height: 140%;
		width: 100vw;
		padding: 10px 30px;
	}
	.tercio.real{
		width: 100%;
		padding: 30px;
	}
	
	.cuarto{
		float: left;
		padding: 30px;
		text-align: justify;
	}


	.decor_horizontal{
		margin:20px 10px;
		width: 80vw;
		height: var(--main-tamanio);
	}
	
	.decor_horizontal .linea{
		height: 1px;
		right:0px;
		top:calc(var(--main-tamanio) / 2);
		left: 0px;
	}
	
	.decor_horizontal  .romboNegro{
		right: 20px;
		height: var(--main-tamanio);
		width:var(--main-tamanio);
	}
	.decor_horizontal .romboVioleta{
		right: 0px;
		top:var(--main-middle);
		height: calc(var(--main-tamanio) - var(--main-delta));
		width:calc(var(--main-tamanio) - var(--main-delta));
	}
	.decor_horizontal .romboVioleta.izq{
		--main-deltaizq: 20px;
		--main-middleizq: calc(var(--main-deltaizq) / 2);
		left:0px;
		top:var(--main-middleizq);
		height: calc(var(--main-tamanio) - var(--main-deltaizq));
		width:calc(var(--main-tamanio) - var(--main-deltaizq));
	}
	.decor_horizontal .romboNegro.der{
		--main-deltaizq: 20px;
		--main-middleizq: calc(var(--main-deltaizq) / 2);
		right:0px;
		top:var(--main-middleizq);
		height: calc(var(--main-tamanio) - var(--main-deltaizq));
		width:calc(var(--main-tamanio) - var(--main-deltaizq)); 
	}
	.decor_horizontal .romboNegro.izq{
		--main-deltaizq: 20px;
		--main-middleizq: calc(var(--main-deltaizq) / 2);
		left:0px;
		top:var(--main-middleizq);
		height: calc(var(--main-tamanio) - var(--main-deltaizq));
		width:calc(var(--main-tamanio) - var(--main-deltaizq));
	}

	.bloque.violeta1 h2.brands{
		position: relative;
		font-size: 9vw;
    	padding: 0 30px;
	}
	.lineaFucsia, .lineaNegra{
		display: none;
	}

	h2{
	   -webkit-text-stroke-width: 1px;
	   line-height: 100%;
	   font-size: 280%;
	   padding-left:0px;
	   float: left;
	}

	.bloque2 {
		 padding: 0px;
	}
	#content .bloque.negro .brands {
		float: left;
		position: relative; 
		width: 100%; 
		bottom: 0px;
		padding:10px 30px 0px 30px;
		text-align: left;
	}
	#content .bloque.negro .brands h2
{
	position: relative;
	bottom: 0px; 
	margin-top: 20px;
}

	.mitades {
		width: 100%;
		padding: 15px;
		float: left;
	}

	.mitades .content {
		padding: 20px;
		margin-top: 0px;
	}


	/*	CONTACT US	*/

#content .bloque .txt_relative{
	width: 100%;
	padding: 30px;
}

form{
    padding:0px 30px;
}
form input, textarea , form input:-internal-autofill-selected{
    border:1px solid #fff;
    float:left;
    background-color:transparent;
    margin:15px 0px;
    padding:10px;
}
form input[type=text]{
    width:100%;
}
form input[type=text]:first-of-type{
    margin-right:0%;
}
form textarea{
    width:100%;
	font-family:Helvetica;
	color: #fff;
	height: 100px;
}
form input[type=submit]{
    float:right;
    background-color:#fff;
    /* line-height:60px; */
    font-weight:bold;
    width:150px;
    padding:15px;
}
form input[type=submit]:hover{
    cursor:pointer;
    opacity:0.8;
    transition: color 0.5s ease;
}

}