@charset "UTF-8";
/* THE WISHLIST - for small devices */

@media (max-width: 767px){
.container{
	padding:0;
	width:100%;
}

#header{
	z-index:99;
}

#header .logo{
	position:absolute;
	height:60px;
	top:30px;
	left:15px;
	margin:0;
	padding:0;
	transition:all 0.4s;
	z-index:99;
}

#header .logo svg{
	display:block;
	position:relative;
	height:60px;
	width:auto;
	margin:0;
	padding:0;
	transition:all 0.4s;
	z-index:99;
}

#header .logo.activ{
	position:fixed;
	height:50px;
	top:10px;
	left:15px;
}

#header .logo.activ svg{
	height:50px;
}

#header .logo.activ svg g.change path{
	fill:rgba(63,56,68,1);
}

#header.shrink .logo{
	left:15px;
}

#header.active .logo{
	left:15px;
}
	
	#header .nav{
		position:fixed;
		width:0;
		height:100%;
		top:0;
		right:0;
		background-color:transparent;
	}
	
	#header.shrink .nav{
		height:calc(100% - 60px);
		top:70px;
		background-color:transparent;
	}
	
	#header.active .nav{
		height:calc(100% - 60px);
		top:70px;
		padding:0;
	}
	
	#header .nav:before{
		border:none;
	}
	
	#header .nav.open{
		position:fixed;
		width:100%;
		right:0;
		padding:0;
		margin:0;
		z-index:7;
		transition:all 0.4s;
		background-color:transparent;
	}
	
	.nav-wraper{
		position:fixed;
		width:0;
		height:100%;
		top:0;
		right:0;
		background-color:#FFFFFF;
		transition:all 0.4s;
	}
	
	.nav-wraper.open{
		position:fixed;
		width:100%;
		right:0;
		padding:0;
		margin:0;
		z-index:98;
		background-color:#FFFFFF;
		box-shadow:0 0 8px rgba(0,0,0,0.2);
		transition:all 0.4s;
	}
	
	#header .nav.open ul{
		position:absolute;
		width:100%;
		height:100%;
		top:70px;
		padding:0;
		margin:0;
		background-color:transparent;
	}
	
	#header.shrink .nav ul{
		top:0;
	}
	
	#header.active .nav ul{
		top:0;
	}
	
	#header .nav.open ul li{
		display:block;
		width:100%;
		height:60px;
		border-bottom:1px solid rgba(0,0,0,0.08);
	}
	
	#header .nav.open ul li:first-child{
		border-top:1px solid rgba(0,0,0,0.08);
	}
	
	#header.shrink .nav ul li:first-child{
		border-top:none;
	}
	
	#header.active .nav ul li:first-child{
		border-top:none;
	}
	
	#header .nav.open ul li a{
		display:block;
		width:100%;
		height:60px;
		line-height:60px;
		padding:0 15px;
	}
	
	#header .nav .menu-phone{
		width:0;
		height:0;
		display:none;
		border:none;
	}
	
	#header .nav .menu-phone:before{
		width:0;
		height:0;
		display:none;
		border:none;
	}
	
	#header.shrink .nav .menu-phone{
		width:0;
		height:0;
		display:none;
		border:none;
	}
	
	#header.shrink .nav .menu-phone:before{
		width:0;
		height:0;
		display:none;
		border:none;
	}
	
	#header.active .nav .menu-phone{
		width:0;
		height:0;
		display:none;
		border:none;
	}
	
	#header.active .nav .menu-phone:before{
		width:0;
		height:0;
		display:none;
		border:none;
	}
	
	#header .nav.open .menu-phone{
		width:0;
		height:0;
		display:none;
		border:none;
	}
	
	#header .nav.open .menu-phone:before{
		width:0;
		height:0;
		display:none;
		border:none;
	}
	
	.menu-toggle{
		position:absolute;
		display:block;
		cursor:pointer;
		top:40px;
		right:15px;
		width:50px;
		height:40px;
		padding:10px 10px;
		background-color:#D32F2F;
		text-align:right;
		transition:all 0.4s;
		z-index:9;
	}
	
	.menu-toggle.shrink{
		position:fixed;
		top:15px;
	}
	
	.menu-toggle.active{
		position:fixed;
		top:15px;
	}
	
	.menu-toggle.activ{
		position:fixed;
		right:15px;
		top:15px;
	}
	
	.menu-toggle:before{
		content: '';
   		position:absolute;
   		top:0;
		left:-25px;
   		border-top:40px solid #D32F2F;
   		border-left:25px solid rgba(0,0,0,0);
   		width:0;
		transition:all 0.2s;
	}
	
	.menu-toggle .top-line{
		display:block;
		width:30px;
		height:4px;
		margin-bottom:4px;
		background-color:rgba(255,255,255,1);
	}
	
	.menu-toggle .middle-line{
		display:block;
		width:30px;
		height:4px;
		margin-bottom:4px;
		background-color:rgba(255,255,255,1);
	}
	
	.menu-toggle .bottom-line{
		display:block;
		width:30px;
		height:4px;
		background-color:rgba(255,255,255,1);
	}
	
#first-top-content{
	
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#first-top-content .bottom-left-corner{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	transition:all 0.4s;
	z-index:8;
}

#first-top-content .text-box{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:150px 15px 30px 15px;
	color:rgba(255,255,255,1);
	top:0;
	left:0;
	z-index:8;
}

#first-top-content .text-box h1{
	width:100%;
	height:auto;
	text-transform:uppercase;
	font-size:3em;
	line-height:1.05em;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-align:left;
	margin:0 0 15px 0;
	padding:0;
}

#first-top-content .text-box p{
	width:100%;
	height:auto;
	font-size:16px;
	text-align:left;
	margin:0;
	padding:0;
}

#first-top-content .bottom-right-corner{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	bottom:auto;
	right:auto;
	left:0;
	padding:0 0 30px 15px;
	z-index:8;
}

#first-top-content .bottom-right-corner .right-tall-button:before{
	content: '';
   	position:absolute;
   	top:0;
	right:-30px;
	left:auto;
   	border-bottom:50px solid rgba(211,47,47,1);
   	border-right:30px solid rgba(0,0,0,0);
	border-left:none;
   	width:0;
	transition:all 0.2s;
}

#first-top-content .bottom-right-corner .right-tall-button.white:hover:before{
	border-bottom:50px solid rgba(255,255,255,1);
}

#recondicionamento{
	position:relative;
	display:block;
	margin:0;
	padding:30px 0;
	text-align:center;
}

#recondicionamento img{
	position:relative;
	width:calc(100% - 30px);
	max-height:auto;
	left:auto;
	transform:none;
	bottom:auto;
	margin-bottom:30px;
}

#recondicionamento h2{
	font-size:1.75em;
	line-height:1.25em;
	text-align:center;
}

#recondicionamento p{
	font-size:14px;
	text-align:center;
}

#recondicionamento .right-medium-button:before{
	content: '';
   	position:absolute;
   	top:0;
	right:-25px;
	left:auto;
   	border-top:40px solid rgba(211,47,47,1);
	border-bottom:0;
   	border-left:none;
	border-right:25px solid rgba(0,0,0,0);
   	width:0;
	transition:all 0.2s;
}

#recondicionamento .right-medium-button:after{
	content: '';
   	position:absolute;
   	top:0;
	left:-25px;
   	border-bottom:40px solid rgba(211,47,47,1);
	border-left:25px solid rgba(0,0,0,0);
   	width:0;
	transition:all 0.2s;
}

#recondicionamento .right-medium-button.gray:hover:before{
	border-top:40px solid rgba(63,56,68,1);
}

#recondicionamento .right-medium-button.gray:hover:after{
	border-bottom:40px solid rgba(63,56,68,1);
}

#servico{
	padding:30px 0;
	text-align:center;
}

#servico img{
	position:relative;
	width:calc(100% - 120px);
	max-height:auto;
	left:auto;
	transform:none;
	bottom:-30px;
}

#servico h2{
	font-size:1.75em;
	line-height:1.25em;
	text-align:center;
}

#servico p{
	font-size:14px;
	text-align:center;
}

#servico .left-medium-button:before{
	content: '';
   	position:absolute;
   	top:0;
	right:-25px;
	left:auto;
   	border-top:40px solid rgba(211,47,47,1);
	border-bottom:0;
   	border-left:none;
	border-right:25px solid rgba(0,0,0,0);
   	width:0;
	transition:all 0.2s;
}

#servico .left-medium-button:after{
	content: '';
   	position:absolute;
   	top:0;
	left:-25px;
   	border-bottom:40px solid rgba(211,47,47,1);
	border-left:25px solid rgba(0,0,0,0);
   	width:0;
	transition:all 0.2s;
}

#servico .left-medium-button.white:hover:before{
	border-top:40px solid rgba(255,255,255,1);
}

#servico .left-medium-button.white:hover:after{
	border-bottom:40px solid rgba(255,255,255,1);
}

#content-empresa{
	padding:0;
	margin:0;
	min-height:auto;
	margin:0;
}

#content-empresa .left-painel{
	display:none;
}

#content-empresa .right-painel{
	position:block;
	width:100%;
	padding:26px 15px 0 15px;
	margin:0;
}

#content-empresa .right-painel h2{
	width:100%;
	height:auto;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-align:center;
	margin:0 0 30px 0;
	padding:0;
}

#content-empresa .right-painel p{
	width:100%;
	height:auto;
	font-size:16px;
	text-align:center;
	margin:0 0 80px 0;
	padding:0;
}

#content-empresa .right-painel svg{
	display:block;
	position:relative;
	width:auto;
	height:80px;
	margin:0 0 0 50%;
	transform: translate(-50%, 0);
	padding:0;
}

#content-servicos{
	padding:30px 5px 30px 5px;
	margin:0;
	min-height:auto;
	z-index:8;
}

#content-servicos h2{
	width:100%;
	height:auto;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	z-index:7;
}

#content-servicos .servico{
	margin:0;
	padding:10px;
	z-index:7;
}

#content-servicos-recondicionamneto{
	padding:30px 5px 30px 5px;
	margin:0;
	margin: 0 0 -110px 0;
	background-image:url(../images/iStock-612741322.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-color:rgba(0,0,0,1);
	text-align:center;
	color:rgba(255,255,255,1);
	z-index:8;
}

#content-servicos-recondicionamneto .filter{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
	z-index:6;
}

#content-servicos-recondicionamneto h2{
	position:relative;
	width:100%;
	height:auto;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	font-size:1.75em;
	line-height:1.25em;
	text-align:center;
	margin:0 0 20px 0;
	padding:0;
	z-index:8;
}

#content-servicos-recondicionamneto p{
	position:relative;
	width:100%;
	height:auto;
	font-size:14px;
	margin:0 0 30px 0;
	padding:0;
	z-index:8;
}

#content-recondicionamento .content-top{
	padding:30px 15px;
	margin:0;
}

#content-recondicionamento .content-top h2{
	font-size:1.75em;
	line-height:1.25em;
	margin-bottom:20px;
}

#content-recondicionamento .content-top p{
	padding:0;
	font-size:14px;
}

#content-recondicionamento .step{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	background-color:rgba(0,255,0,0);
	box-shadow:none;
}

#content-recondicionamento .step .description{
	padding:30px 15px;
}

#content-recondicionamento .step .imagem{
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-color:rgba(0,0,0,1);
}

#content-recondicionamento .step .imagem:after {
  padding-top: 73.5%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

#content-recondicionamento .step .imagem h1{
	display:none;
}

#content-recondicionamento .step .imagem h1.right{
	display:none;
}

#content-contactos .info{
	padding:30px 15px;
}

#content-contactos .contact{
	padding:0 15px 30px 15px;
}

#content-contactos .info h2{
	font-size:1.75em;
	line-height:1.25em;
}

#content-contactos .contact h2{
	font-size:1.75em;
	line-height:1.25em;
	text-align:left;
}

#content-contactos .contact p{
	font-size:14px;
	text-align:left;
}

#content-termosepoliticas{
	padding:30px 0 0 0;
	margin:0 auto 0 auto;
	min-height:auto;
	z-index:8;
}

#content-termosepoliticas h2{
	width:100%;
	height:auto;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-align:center;
	margin:0 0 30px 0;
	padding:0;
	z-index:7;
}

#footer{
	position:relative;
	display:block;
	margin:0;
	width:100%;
	height:auto;
	padding:30px 15px;
	color:rgba(255,255,255,1);
	background-color:rgba(211,47,47,1);
	z-index:9;
	
}

#footer .info{
	display:block;
	float:none;
	width:100%;
	height:auto;
	font-size:14px;
	font-weight:500;
	text-align:center;
}

#footer .info a{
	display:block;
	width:100%;
	color:rgba(255,255,255,1);
	text-decoration:none;
	margin:0;
	text-align:center;
	transition:all 0.2s;
}

#footer .info a:first-child{
	margin-top:10px;
}

#footer .info a:last-child{
	margin-bottom:10px;
}

#footer .info a:hover{
	color:rgba(255,255,255,1);
}

#footer .developer{
	display:block;
	float:none;
	height:30px;
	line-height:30px;
	font-size:15px;
	font-weight:500;
	text-align:center;
}
}