@import url("../fonts/stylesheet.css");
/* futura */ @import url("https://use.typekit.net/wcr3auy.css");
/* forma djr */  @import url("https://use.typekit.net/zel0bhg.css");

body{
	overflow-x: hidden;
	font-family: forma-djr-display, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
}

#page-depurador {
	max-width: 1140px;
	margin: 0px auto;
	position: relative;
}

.relative {
	position: relative;
}


.img-bg {
	width: 100%;
	height: auto;
}

header {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 50;
}

#intro {
	background: url('../img/bg-intro.jpg');
}

.intro-content {
	background: url('../img/fogao-intro.png') bottom center no-repeat;
	background-size: 140% auto;
}

.product-intro {
	padding: 100px 0px 50px 0px;  
}

.nome-produto {
	color: 	#152942;
	font-family: 'akrobatblack';
	text-transform: uppercase;
	font-size: 	3em;
	line-height: 1em;
	text-align: center;
	margin-bottom: 30px;
}

.nome-produto .modelo {
	font-family: 'akrobatsemibold';
}

.nome-produto .cod {
	font-family: 'akrobatextralight';
}

.tamanho {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 2.5em;
    line-height: 1em;
    text-align: center;
}

#intro h2 {
	color: 	#6ca4ad;
	font-family: 'akrobatblack';
	text-transform: uppercase;
	font-size: 	3em;
	line-height: 1em;
	text-align: center;
	width: 100%;
	padding: 50px 0px;
}

.bocas {
	padding-bottom: 200px;
	color: #6ca4ad;
	line-height: 1em;
	text-transform: uppercase;
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.5em;
}

.bocas .nr {
	font-size: 4em;
	padding-right: 10px;
}

.bocas .boca {
	font-size: 1.5em;
	line-height: 1.3em;
}

.content-preparo {
	color: 	#152942;
	font-family: 'akrobatblack';
	font-size: 	1.2em;
	line-height: 1em;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 10px;
}

#modos {
	background: url('../img/bg-blue.jpg') no-repeat;
	background-size: cover;
	padding: 50px 0px;
	color: #FFF;
	font-size: 1.3em;
}

#modos h4 {
	color: #bddbbe;
	font-family: forma-djr-display, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.5em;
}

#especificacoes {
	padding: 50px 0px;
}

#especificacoes h4 {
	color: #acd2ae;
	font-family: forma-djr-display, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.8em;
}

#especificacoes .doisemum {
	color: #619fae;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.2em;
}

#especificacoes .doisemum h3{
	color: #619fae;
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.5em;
}

#especificacoes .doisemum h3 .nr{
	font-size: 1.5em;
}


#especificacoes .espec {
	color: #023162;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 0.8em;
	line-height: 1em;
}

#especificacoes .espec h4 {
	color: #68a3b1;
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1em;
	margin: 0px;
}

#especificacoes .espec h4 .nr {
	font-size: 1.5em;
}

#especificacoes .filtragem{
	text-align: left;
	position: relative;
	bottom: 30px;
	left: -10px;
}

#especificacoes .velocidades{
	text-align: left;
	width: 100%;
	bottom: 55px;
	right: 45px;
	z-index: -1;
	position: absolute;
}

#led {
	background: url('../img/bg-blue.jpg') no-repeat;
	background-size: cover;
	padding-bottom: 80px;
}

#led .facilidade {
	color: #FFF;
	font-family: forma-djr-display, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	font-size: 1.2em;
	line-height: 1em;
	position: absolute;
	bottom: 30px;
    text-align: center;
    width: 100%;
}

#led .info-led {
	position: absolute;
	color: #FFF;
	font-size: 1em;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.1em;
	right: 30px;
    top: 100px;
}

#led .info-led h4 {
	color: #4b8c9c;
	font-size: 1.5em;
	text-transform: uppercase;
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
}

#led .info-led .icon-led {
	padding-left: 10px;
}

#dimensoes {
	background: #d0912a;
	color: #FFF;
	font-family: 'akrobatregular';
	padding: 80px 0px;
}

#dimensoes h4{
	font-size: 1.2em;
	font-family: 'akrobatblack';
}

.infos-dimensao .linha {
	margin: 0px 10px;
}

.infos-dimensao .linha .inner	{
	border-bottom: 1px solid #fefefe;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

#modelos {
	background:#152942;
	padding: 80px 0px;
}

#modelos h4 {
	color: #d0912a;
	font-size: 3.5em;
	font-family: 'akrobatblack';
	text-align: center;
}

#modelos .inox {
	color: #FFF;
	font-family: forma-djr-display, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	font-size: 2.5em;
	padding-bottom: 60px;
	line-height: 1em;
}

.carousel-control-next, .carousel-control-prev {
	opacity: 1 !important;
}

.modelos-carousel {
	margin: 0px auto;
	display: table;
}

.link-conheca {
	margin-top: 40px;
}

.carousel-item {
	padding: 0px 15px;
}

.carousel-control-prev {
    left: -45px;
}

.carousel-control-next {
    right: -45px;
}

footer {
	background:#222222;
	width: 100%;
	padding: 40px;
	position: relative;
	z-index: 5;
}

.text-footer {
	font-size: 0.9em;
	color: #FFF;
}


/*------------------------------------------------------------------
---------------------------- RESPONSIVO ----------------------------
--------------------------------------------------------------------*/

@media (min-width: 768px) {

	.content-preparo {
		font-size: 	2em;
		top: 50px;
	}

	#especificacoes .filtragem{
		position: absolute;
		bottom: 0px;
		left: -10px;
	}

	#especificacoes .espec {
		font-size: 1em;
	}

	#especificacoes .espec h4 .nr {
		font-size: 1.2em;
	}

	#especificacoes .espec h4 .nr {
		font-size: 2em;
	}

	#especificacoes .velocidades {
	    bottom: -10px;
	    right: 70px;
	}

	#led .info-led {
		right: 140px;
		top: 210px
	}

	#led .facilidade {
		font-size: 2.5em;
		line-height: 1em;
		bottom: 50px;
	}

}

@media (min-width: 992px) {

	.product-intro {
		padding: 150px 0px 50px 0px;  
	}

	.nome-produto {
		text-align: left;
		margin-bottom: 0px;
	}

	.tamanho {
	    text-align: left;
	}

	#intro h2 {
		font-size: 	4em;
	}

	.intro-content {
		background-size: 100% auto;
	}

	.content-preparo {
		font-size: 	3em;
		top: 50px;
	}

	#led .info-led {
	    right: 330px;
	    top: 290px;
	}

	header {
		left: 20px;
	}

	#especificacoes .filtragem{
		left: -30px;
	}

	#especificacoes .velocidades{
		bottom: 0px;
		right: 50px;
	}

	#led .facilidade {
		bottom: 80px;
	}



}

@media (min-width: 1100px) {

	#especificacoes .filtragem{
		left: 140px;
	}

	#especificacoes .velocidades{
		bottom: 20px;
		right: 100px;
	}

}