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

@media (min-width: 768px) and (max-width: 991px) {
.container{
	padding:0;
	width: calc(100% - 70px);
}

#header{
	z-index:99;
}

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

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

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

#header.active .logo{
	left:50px;
}
	
	#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:340px;
		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:340px;
		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 40px;
	}
	
	#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:60px;
		right:50px;
		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 .bottom-left-corner{
	position:absolute;
	width:18vw;
	height:18vw;
	left:50px;
	bottom:50px;
	transition:all 0.4s;
	z-index:8;
}

#first-top-content .text-box{
	position:absolute;
	width:50%;
	height:auto;
	left:110px;
	bottom:110px;
	margin:0;
	padding:0;
	color:rgba(255,255,255,1);
	z-index:8;
}

#first-top-content .text-box h1{
	font-size:52px;
	line-height:54px;
}

#first-top-content .bottom-right-corner{
	position:absolute;
	width:auto;
	height:auto;
	bottom:50px;
	right:50px;
	z-index:8;
}

#recondicionamento{
	padding:50px 0;
}

#recondicionamento img{
	position:absolute;
	width:auto;
	height:auto;
	max-width:calc(100% - 40px);
	max-height: calc(100%);
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	bottom:-20px;
}

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

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

#servico{
	padding:50px 0;
}

#servico img{
	position:absolute;
	max-height: calc(100% + 104px);
	left:50%;
	transform: translate(-50%, 0);
	bottom:-80px;
}

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

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

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

#content-empresa .right-painel{
	width:100%;
	padding:50px 50px;
}

#content-empresa .right-painel h2{
	text-align:center;
}

#content-empresa .right-painel p{
	text-align:center;
}

#content-servicos{
	padding:50px 40px 40px 40px;
	margin:0;
	min-height:calc(100% - 70px);
	z-index:8;
}

#content-servicos h2{
	margin:0 0 40px 0;
}

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

#content-servicos-recondicionamneto{
	padding:50px;
}

#content-servicos-recondicionamneto p{
	padding:0;
}

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

#content-recondicionamento .content-top p{
	padding:0;
}

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

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

#content-contactos .info{
	padding:50px 25px 50px 50px;
}

#content-contactos .contact{
	padding:50px 50px 50px 25px;
}

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

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

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

#content-termosepoliticas{
	padding:50px 0 0 0;
	margin:0 auto 0 auto;
	min-height:calc(100% - 70px);
	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 50px 0;
	padding:0;
	z-index:7;
}

#footer{
	padding:40px 50px;
}

#footer .info{
	font-size:12px;
}

#footer .info a{
	margin:0 0 0 20px;
}

#footer .developer{
	font-size:12px;
}

#footer .developer svg{
	height:14px;
}
}