@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mokoko:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://use.typekit.net/hho4icq.css"); /* MOKOKO */ 

body{
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
}

#page-airfry {
	max-width: 1220px;
	margin: 0px auto;
	overflow-x: hidden;
	position: relative;
}

.relative {
	position: relative;
}

.left-bloco {
    position: absolute;
    z-index: 9;
    top: -22%;}

strong	{
	font-weight: 900;
}

#bloco_20 .text {     max-width: 230px;
    text-align: right; }

#bloco_20 .max-produto {     max-width: 61%;}

#bloco_20 .position {     position: absolute;
    top: 19.8%;
    right: 10.4%; }

#bloco_20 .position_20 {     position: absolute;
    top: 7.8%;
    left: 10.4%; }

#bloco_20 .infos_20 {     position: absolute;
    left: 10%;
    bottom: 11%;  }

#bloco_20 .back_20	{  padding: 120px 10px 60px 100px; }

#bloco_20 h5 {     color: #f6a500;
    font-size: 32px;
    line-height: 1.03;
    text-transform: uppercase;
    font-weight: 800; }


#bloco_20 h6	{    color: #fff;
		font-weight: 300;
		text-transform: math-auto;
		font-size: 21px;
		line-height: 1.2;
		padding-left: 0px;
		max-width: 205px;
		padding-top: 5px; }

#bloco_20 {  background: url('../img/back_20.webp') no-repeat;
	background-size: 100% 100%;
	background-size: cover;
	position: relative; }

#doisalimentos .text {text-align: center;
    line-height: 1.1;
    padding-top: 5px;
    padding-right: 0px;
    font-weight: 600;
    color: #fff;
    font-size: 64px;
    max-width: 280px;}


#doisalimentos h3	{    font-size: 38px;
    padding-right: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    text-align: right;
    margin-bottom: 0px;
    max-width: 230px;
    line-height: 0.8; }

#doisalimentos { z-index: 0;}

#intro .img-intro {    padding-top: 8%;
    padding-bottom: 10%; }

.intro h1 {     text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    line-height: 1.1; }

.fonte-intro { font-family: 'Mokoko', sans-serif; }

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

header {
	background: #151515;
	padding: 20px 0px;
	position: relative;
	z-index: 10;
}

#bloco_04 .text {
	color: #fff;
    font-weight: 300;
    text-transform: math-auto;
    font-size: 23px;
    line-height: 1.2;
    padding-left: 110px;
    max-width: 485px;
    padding-top: 25px;
}

#bloco_04 hr {      border-top: 3px solid rgb(255 255 255);
    width: 330px;
    padding-left: 20px; }

#bloco_04 p {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 54px;
	line-height: 1.02;
	padding-left: 110px;
}
 
#bloco_04 { background: url('../img/back_amarelo.webp') no-repeat;
	background-size: 100% 100%;
	background-size: cover;
	position: relative;     padding: 35px 0px 15px 10px;}

#bloco_08 {	background: url('../img/black_08.webp') no-repeat;
	background-size: 100% 100%;
	background-size: cover;
	position: relative; }

#bloco_07 .position_07 {        position: absolute;
    z-index: 0;
    bottom: 30px;
	}

#bloco_07 .index_07 {
	z-index: 1;
	position: relative;
	padding-bottom: 30px; }

#intro {
	background: url('../img/rect-intro.webp') no-repeat;
	background-size: 100% 100%;
    background-size: cover;
	padding-top: 1%;
    padding-bottom: 1%;
}

#bloco_02 h3 {color: #fff;
    text-transform: uppercase;
    font-weight: 700;    margin: 0 auto;
    font-size: 52px;
    max-width: 460px;
    text-align: center;
    line-height: 1.05; }

#bloco_02 h4 {    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding-top: 10px;
    font-size: 29px;}


#bloco_02 {
	background: url('../img/back-02.webp') no-repeat;
	background-size: 100% 100%;
    background-size: cover;
}


#bloco_02 h5 {    color: #fff;
    font-weight: 300;
    font-size: 22px;
    max-width: 450px;
    margin: 0 auto; }


#bloco_02 .rect_02 {       background: rgb(0 0 0 / 50%);
    padding-top: 75px;
    padding-bottom: 80px;
    margin-top: 95px;
    margin-bottom: 135px; }


#bloco_02 hr {max-width: 455px;
    border-top: 3px solid rgb(255 255 255);
    margin-top: 25px;
    margin-bottom: 42px;}

#bloco_06 .col_06 {       max-height: 649px;
    padding-top: 21%;
    margin-left: 6%;   }

#bloco_06 .p_bloco {    padding-top: 30px;}


#bloco_06 p {color: #fff;
    font-size: 27px;
    font-weight: 300;
    text-align: right;
    max-width: 410px;
    line-height: 1.3;}


#bloco_06 .position_06 {position: absolute;   
    right: 0px;}

#bloco_06 { 	background: url('../img/back_06.webp') no-repeat;
	background-size: 100% 100%;min-height: 750px;
    background-size: cover;    }

#bloco_06 h6 {    color: #f6a500;
		font-size: 32px;
		margin-bottom: 0px;}

#bloco_07 {
	background: url('../img/back_07.webp') no-repeat;
	background-size: 100% 100%;
    background-size: cover;    padding-top: 30px;
}

#bloco_08 .position_08 {     position: absolute;
    left: 28%;
    top: 63px; }

#bloco_08 p { text-align: left;
    color: #FFF;
    font-size: 66px;
    line-height: 0.95;
    text-transform: uppercase;
    font-weight: 800;
    padding: 58% 25% 12% 19%; }


#intro h1 {     font-size: 68px;
    text-transform: uppercase;
    font-weight: 200;
    line-height: 1; }

#intro h2 {
	font-weight: 500;
    /* text-transform: uppercase; */
    letter-spacing: 0px;
    margin: 0px;
    line-height: 1.2em;
    padding-left: 2px;
    font-size: 28px;
    color: #212322;
}

#intro h3 {
	color: #f6a500;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 900;
	line-height: 1em;
	font-size: 2em;
}

#intro p {
	line-height: 1em;
	font-size: 1.2em;
	margin: 15px 0px 30px 0px;
}

#intro .slogan {
	font-family: 'mokoko', serif;
	font-weight: 700;
	font-style: italic;
	color: #f6a500;
	text-transform: uppercase;
	font-size: 1.5em;
	margin-bottom: 30px;
}

#cesto { background: url('../img/back-cafe.webp') no-repeat;
	background-size: cover; }

.circle-intro {
	position: absolute;
	bottom: 20%;
	right: 0px;
	z-index: 0;
}

#doisalimentos {
	background: url(../img/bloco_03.webp) no-repeat;
    background-size: cover;
    background-position: center;
}

#doisalimentos .preparo {
	font-weight: 800;
    font-size: 1.4em;
    line-height: 1em;
    color: #fff;padding-right: 15%;
    text-transform: uppercase;
    font-size: 58px !important;
}

#cesto {
	font-size: 1.2em;
	text-align: center;
}

#cesto .info-cesto {
	padding: 30px 0px 0px 0px;
}

#cesto h5 {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0px;
	line-height: 1em;
	padding-left: 5px;
	font-size: 3.5em;
}

#cesto h6 {
	color: #f6a500;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 900;
	line-height: 1em;
	font-size: 3.8em;
}

#cesto p {
	line-height: 1em;
	font-size: 0.9em;
	font-weight: 600;
}

#cesto .litros {
	color: #eb6606;
	font-weight: 800;
}

#cesto .hexagons {
	position: absolute;
	right: 10px;
	bottom: 0%;
	transform: translate(0%,50%);
}

#potencia .info-potencia {
	background: url('../img/box-potencia.webp') no-repeat center right;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 25px;
	text-align: center;
	line-height: 1em;
	padding: 15px 30px 10px 20px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 0.8em;
}

#potencia .info-potencia .watts {
	font-size: 2em;
	font-weight: 900;
}

#detalhes h5 {
	font-weight: 300;
	text-transform: uppercase;
	margin: 0px;
	line-height: 1em;
	padding-left: 5px;
	font-size: 2em;
}

#detalhes h6 {
	color: #f6a500;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 900;
	line-height: 1em;
	font-size: 2.5em;
}

.selo-redstone {
	margin-top: -30px;
}

#doisalimentos .img-produto {     margin-top: -265px; }

.info-detalhe {
	padding: 30px 0px;
}

#doisalimentos p {
	text-align: left;
    line-height: 1.3;
    padding-top: 3px;
    padding-right: 0px;
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    max-width: 240px;
}


.receitas {
	position: relative;
	z-index: 1;
}

#tecnologia {
	margin-top: -20px;
	position: relative;
	z-index: 2;
	padding-bottom: 50px;
}

.info-tecnologia {
	background: url('../img/box-tecnologia.webp') no-repeat top right;
	background-size: 100% 100%;
    font-size: 0.8em;
    padding: 10px 25px 10px 20px;
    line-height: 1em;
    margin-bottom: 25px;
}

.info-tecnologia h5 {
	color: #f6a500;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.5em;
	margin-bottom: 10px;
}

.feature {
	line-height: 1em;
	margin-bottom: 30px;
}

footer {
	background: #151515;
	padding: 20px 0px;
	position: relative;
	z-index: 10;
}

.nota-footer {
	color: #FFF;
	font-size: 0.6em;
	padding-top: 20px;
	text-align: center;
}

.rotating {
	-webkit-animation: rotating 5s linear infinite;
	-moz-animation: rotating 5s linear infinite;
	-ms-animation: rotating 5s linear infinite;
	-o-animation: rotating 5s linear infinite;
	animation: rotating 5s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


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

@media (max-width: 319px)  {
	#bloco_20 .position_20 {
		top: 5.8%;
        left: 3.4%;
    }

	#bloco_20 h6 {
        font-size: 15px;
        line-height: 1.1;
        padding-left: 0px;
        max-width: 114px;
        padding-top: 5px;
    }

	#bloco_20 .back_20 {
		padding: 160px 0px 60px 115px;
	}

	#bloco_20 .max-produto {
        max-width: 78%;
        margin-right: -31px;
    }

	#bloco_20 h5 {
        font-size: 15px;
        padding-bottom: 0px;
		margin-bottom: 0px;
    }

	#bloco_20 .infos_20 {
        left: 1%;
        bottom: 10%;
        max-width: 49%;
        width: 200px !important;
    }

	#bloco_20 .position {
        top: 15.8%;
        right: 3.4%;
    }


	#bloco_04 p {
		font-size: 26px;
		line-height: 1.02;
		padding-left: 12px;
	}

	#bloco_04 .text {
        font-size: 17px;
        line-height: 1.2;
        padding-left: 10px;
        max-width: 95%;
        padding-top: 5px;
        padding-bottom: 16px;
    }

	#bloco_04 hr {
		width: 84%;
		padding-left: 20px;
	}

	#doisalimentos h3 {
		font-size: 12px;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 0px;
        max-width: 72px;
        padding-top: 15px;
    }

	#bloco_08 .position_08 {
		left: 28%;
		top: 5px;
		width: 129px;
	}

	#bloco_08 p {
        padding: 174% 0% 0% 0%;
        font-size: 16px;
    }

	#doisalimentos {
        background-size: cover;
        background-position: 64%;
    }

	#doisalimentos p {
        text-align: left;
        line-height: 1.1;
        padding-top: 0px;
        padding-right: 0px;
        font-size: 12px;
        max-width: 100%;
        margin-left: 0px;
        margin-left: 0px;
        padding-right: 58%;
        padding-left: 5px;
    }

	#doisalimentos .text {
        font-size: 16px;
        max-width: 143px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
    }

	#bloco_02 h3 {
		font-size: 12px;
		max-width: 95%;
	}

	#bloco_02 h4 {
		padding-top: 5px;
		font-size: 12px;
	}

	#bloco_02 hr {
        max-width: 95%;
        margin-top: 5px;
        margin-bottom: 5px;
    }

	#bloco_02 .rect_02 {
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 5%;
        margin-bottom: 5%;
	}

	#bloco_02 h5 {
		font-size: 12px;
		max-width: 95%;
	}

	#bloco_06 .position_06 {
        max-width: 42%;
    }

	.col-intro {
        width: 100%;
        text-align: center;
    }

	#bloco_06 {
        background-position: left;
        min-height: 335px;
    }

	#bloco_06 .p_bloco {
        padding-top: 0px;
    }

	#bloco_06 h6 {
        font-size: 13px;
    }
	
	#bloco_06 .col_06 {
        max-height: 215px;
        padding-top: 10px;
        margin-left: 0px;
        max-width: 61%;
    }

	#bloco_06 p {
        font-size: 12px;
        max-width: 100%;
        line-height: 1.2;
    }

	#bloco_07 .index_07 {
        padding-bottom: 30px;
		max-width: 50%;
    }

	#bloco_07 .flex_07 {justify-content: start !important;}

	#cesto .left-bloco {
		max-width: 26%;
        position: absolute;
        z-index: 9;
        top: -3%;
        max-width: 43%;}

		#cesto .imagem-min {
			padding-top: 30px;
			padding-bottom: 0px;
			padding-left: 5px;
		}

	    #cesto .cafe-img {
			max-width: 100%;
			padding-left: 5%;
			padding-right: 20px;
			padding-top: 0px;
		}


	#doisalimentos .img-produto {
		margin-top: 0px;
		margin: 0 auto;
	}

	.rect-intro {
        width: 180px;
        position: absolute;
        right: -17%;
        bottom: auto;
        top: -30%;
        max-width: 162px;
    }

	.infos-intro {
        max-width: 199px;
    }


	#intro {
        padding-top: 10%;
        padding-bottom: 6%;
        padding-right: 8%;
        max-width: 100%;
        margin-right: 0%;
        padding-left: 9%;
    }
	#intro h2 {
        line-height: 1.1em;
        padding-left: 2px;
        font-size: 11px;
    }

	#intro h1 {
        font-size: 14px;
    }
}


@media (min-width: 320px) and (max-width: 419px)  {

	#bloco_20 .position_20 {
		top: 5.8%;
        left: 3.4%;
    }

	#bloco_20 h6 {
        font-size: 15px;
        line-height: 1.1;
        padding-left: 0px;
        max-width: 114px;
        padding-top: 5px;
    }

	#bloco_20 .back_20 {
		padding: 160px 0px 60px 115px;
	}

	#bloco_20 .max-produto {
        max-width: 78%;
        margin-right: -31px;
    }

	#bloco_20 h5 {
        font-size: 15px;
        padding-bottom: 0px;
		margin-bottom: 0px;
    }

	#bloco_20 .infos_20 {
        left: 2%;
        bottom: 10%;
        max-width: 40%;
        width: 200px !important;
    }

	#bloco_20 .position {
        top: 15.8%;
        right: 3.4%;
    }

	#doisalimentos h3 {
		font-size: 18px;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 0px;
        max-width: 98px;
        padding-left: 0px;
    }

	#bloco_04 p {
		font-size: 26px;
		line-height: 1.02;
		padding-left: 12px;
	}

	#bloco_04 .text {
		font-size: 17px;
		line-height: 1.2;
		padding-left: 10px;
		max-width: 95%;
		padding-top: 15px;
	}

	#bloco_04 hr {
		width: 84%;
		padding-left: 20px;
	}

	#doisalimentos {
        background-size: cover;
        background-position: 64%;
    }

	#doisalimentos p {
        text-align: left;
        line-height: 1.1;
        padding-top: 0px;
        padding-right: 0px;
        font-size: 12px;
        max-width: 100%;
        margin-left: 0px;
        margin-left: 0px;
        padding-right: 58%;
        padding-left: 5px;
    }

	#doisalimentos .text {
        font-size: 29px;
        max-width: 120px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
	
	#bloco_02 h3 {
		font-size: 13px;
		max-width: 90%;
	}

	#bloco_02 h4 {
		padding-top: 5px;
		font-size: 12px;
	}

	#bloco_02 hr {
        max-width: 90%;
        margin-top: 5px;
        margin-bottom: 5px;
    }

	#bloco_02 .rect_02 {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 8%;
        margin-bottom: 9%;
	}

	#bloco_02 h5 {
		font-size: 12px;
		max-width: 90%;
	}


	#intro .col-intro {     text-align: center; }

	#bloco_06 .position_06 {
        max-width: 42%;
    }

	#bloco_06 {
        background-position: left;
        min-height: 367px;
    }

	#bloco_06 .p_bloco {
        padding-top: 0px;
    }

	#bloco_06 h6 {
        font-size: 16px;
    }
	
	#bloco_06 .col_06 {
        max-height: 250px;
        padding-top: 25px;
        margin-left: 0px;
        max-width: 61%;
    }

	#bloco_06 p {
        font-size: 14px;
        max-width: 326px;
        line-height: 1.2;
    }

	#bloco_08 .position_08 {
		left: 34%;
		top: 11px;
		max-width: 35%;
	}

	#bloco_07 .index_07 {
        padding-bottom: 30px;
		max-width: 50%;
    }

	#bloco_07 .flex_07 {justify-content: start !important;}

	#bloco_08 p {
        padding: 145% 0% 15% 0%;
        font-size: 18px;
        line-height: 1;
    }

	#cesto .left-bloco {    max-width: 26%; position: absolute;
		z-index: 9;
		top: -10%;
		max-width: 45%; }

		#cesto .imagem-min {
			padding-top: 15px;
			padding-bottom: 0px;
			padding-left: 0px;
			max-width: 80%;
		}

	#cesto .cafe-img{   
		max-width: 80%;
        padding-left: 0%;
        padding-right: 25px;
        padding-top: 10px;
    }

	#doisalimentos {
        padding: 30px 15px 11px 10px;
    }
	
	#doisalimentos .img-produto {
		margin-top: 0px;
		margin: 0 auto;
	}

	.rect-intro {
        width: 180px;
        position: absolute;
        right: -17%;
        bottom: auto;
        top: -30%;
        max-width: 162px;
    }

	.infos-intro {
        max-width: 199px;
    }

	#intro {
        padding-top: 10%;
        padding-bottom: 4%;
        padding-right: 7%;
        max-width: 100%;
        margin-right: 0px;
        padding-left: 7%;
    }

	#intro h2 {
        line-height: 1.1em;
        padding-left: 2px;
        font-size: 13px;
    }

	#intro h1 {
		font-size: 18px;
	}
}


@media (min-width: 420px) and (max-width: 559px)  {
	#bloco_20 .position_20 {
		top: 5.8%;
        left: 3.4%;
    }

	#bloco_20 h6 {
        font-size: 15px;
        line-height: 1.1;
        padding-left: 0px;
        max-width: 114px;
        padding-top: 5px;
    }

	#bloco_20 .max-produto {
		max-width: 78%;
	}

	#bloco_20 h5 {
        font-size: 15px;
        padding-bottom: 0px;
		margin-bottom: 0px;
    }

	#bloco_20 .infos_20 {
		position: absolute;
        left: 2%;
        bottom: 10%;
        max-width: 35%;
        width: 155px !important;
    }

	#bloco_20 .position {
        top: 15.8%;
        right: 3.4%;
    }

	#doisalimentos h3 {
		font-size: 18px;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 0px;
        max-width: 98px;
        padding-left: 0px;
    }

	#bloco_04 .max-img { padding-left: 25px; }

	#bloco_04 .text {
		font-size: 20px;
		line-height: 1.2;
		padding-left: 10px;
		max-width: 93%;
		padding-top: 15px;
		padding-bottom: 20px;
	}

	#bloco_04 p {
		font-size: 36px;
		line-height: 1.05;
		padding-left: 5px;
	}

	#doisalimentos {
		background-size: cover;
		background-position: 67%;
	}

	#doisalimentos p {
        text-align: left;
        line-height: 1.1;
        padding-top: 0px;
        padding-right: 0px;
        font-size: 15px;
        max-width: 100%;
        margin-left: 0px;
        margin-left: 0px;
		padding-right: 58%;
        padding-left: 0px;
    }

	#doisalimentos .text {
        font-size: 29px;
        max-width: 120px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

	#bloco_02 h3 {
		font-size: 18px;
		max-width: 160px;
	}

	#bloco_02 h4 {
		padding-top: 10px;
		font-size: 16px;
	}

	#bloco_02 hr {
        max-width: 160px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

	#bloco_02 .rect_02 {
		padding-top: 25px;
		padding-bottom: 25px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#bloco_02 h5 {
		font-size: 13px;
		max-width: 90%;
	}
	

	.col-intro { text-align: center;}

	#bloco_06 {
        background-position: left;
        min-height: 570px;
    }

	#bloco_06 .p_bloco {
        padding-top: 25px;
    }

	#bloco_06 h6 {
        font-size: 16px;
    }
	
	#bloco_06 .col_06 {
        max-height: 340px;
        padding-top: 63px;
        margin-left: 3px;
        max-width: 49%;
    }

	#bloco_06 p {
        font-size: 14px;
        max-width: 326px;
        line-height: 1.2;
    }

	#bloco_06 .position_06 {
        max-width: 52%;
    }

	#bloco_07 .index_07 {
        padding-bottom: 30px;
        max-width: 205px;
    }

	#bloco_07 .flex_07 {justify-content: start !important;}

	#bloco_08 p {
        padding: 132% 1% 12% 0%;
        font-size: 23px;
        line-height: 1;
    }

	#bloco_08 .position_08 {
		left: 35%;
		top: 10px;
		max-width: 120px;
	}

	#cesto .left-bloco {    max-width: 26%; position: absolute;
		z-index: 9;
		top: -10%;
		max-width: 45%; }

	#cesto .imagem-min {
		padding-top: 20px;
		padding-bottom: 0px;
		max-width: 70%;
	}

	#cesto .cafe-img {
		max-width: 70%;
		padding-left: 0%;
		padding-right: 45px;
		padding-top: 0px;
	}

	
	#doisalimentos {
		padding: 30px 20px 11px 20px;
	}


	#doisalimentos .img-produto {
		margin-top: 0px;
		margin: 0 auto;
	}

	.rect-intro {
        width: 201px;
        position: absolute;
        right: 14%;
        bottom: auto;
        top: -39%;
        max-width: 200px;
    }

	.infos-intro {
        max-width: 199px;
    }

	#intro {
        padding-top: 9%;
        padding-bottom: 6%;
        padding-right: 0%;
        max-width: 100%;
        margin-right: 0px;
        padding-left: 10%;
        padding-right: 10%;
    }

	    #intro h2 {
			line-height: 1.1em;
			padding-left: 2px;
			font-size: 14px;
		}

	#intro h1 {
        font-size: 21px;
    }
}


@media (min-width: 560px)  {
	  .display_mob {display: none;}
}

@media (max-width: 559px)  {
	.display_desk {display: none;}
}

@media (min-width: 560px) and (max-width: 767px)  {
	#bloco_20 .position_20 {
		top: 5.8%;
        left: 3.4%;
    }

	#bloco_20 h6 {
		font-size: 16px;
		line-height: 1.1;
		padding-left: 0px;
		max-width: 115px;
		padding-top: 5px;
	}

	#bloco_20 h5 {
		font-size: 16px;
	}

	#bloco_20 .infos_20 {
        position: absolute;
        left: 3%;
        bottom: 10%;
        max-width: 32%;
    }

	#bloco_20 .position {
        top: 15.8%;
        right: 3.4%;
    }

	#doisalimentos p {
		text-align: left;
		line-height: 1.2;
		padding-top: 0px;
		padding-right: 0px;
		font-weight: 300;
		color: #fff;
		font-size: 15px;
		max-width: 165px;
	}

	#doisalimentos h3 {
		font-size: 18px;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 0px;
        max-width: 95px;
        padding-left: 0px;
        padding-top: 5px;
    }

	#doisalimentos .text {
        font-size: 30px;
        max-width: 180px;
        padding-top: 3px;
    }

	#bloco_02 h3 {
		font-size: 20px;
		max-width: 180px;
	}

	#bloco_02 h4 {
		padding-top: 10px;
		font-size: 17px;
	}

	#bloco_02 hr {
        max-width: 180px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

	#bloco_02 .rect_02 {
		padding-top: 40px;
		padding-bottom: 40px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#bloco_02 h5 {
		font-size: 14px;
		max-width: 180px;
	}

	#bloco_06 .p_bloco {
        padding-top: 25px;
    }

	#bloco_06 h6 {
        font-size: 18px;
    }
	
	#bloco_06 .col_06 {
        max-height: 380px;
        padding-top: 114px;
        margin-left: 0px;
        max-width: 50%;
    }

	#bloco_06 p {
        font-size: 16px;
        max-width: 326px;
        line-height: 1.2;
    }


	#bloco_06 .position_06 {
        max-width: 290px;
    }

	#bloco_08 .position_08 {
		left: 35%;
		top: 15px;
		max-width: 155px;
	}

	#bloco_07 .index_07 {
		padding-bottom: 30px;
		max-width: 220px;
	}

	#bloco_07 .flex_07 {justify-content: start !important;}

	#bloco_08 p {
        padding: 110% 7% 25% 0%;
        font-size: 32px;
        line-height: 1;
    }

	#cesto .left-bloco {    max-width: 26%; position: absolute;
		z-index: 9;
		top: -10%;
		max-width: 45%; }

	#cesto .imagem-min {
		padding-top: 30px;
		padding-bottom: 0px;
		max-width: 75%;
	}

	#cesto .cafe-img {
        max-width: 75%;
        padding-left: 0%;
        padding-right: 25%;
        padding-top: 5px;
    }


	#doisalimentos {
		padding: 30px 20px 11px 20px;
	}


	#doisalimentos .img-produto {
		margin-top: 0px;
		margin: 0 auto;
	}

	.rect-intro {
		width: 290px;
        position: absolute;
        right: 10%;
        bottom: auto;
        top: -41%;
        max-width: 290px;

    }


	.infos-intro {
        max-width: 275px;        text-align: center;
    }

	#intro {
        padding-top: 10%;
        padding-bottom: 2%;
        padding-right: 10%;
        max-width: 100%;
        margin-right: 0px;
        padding-left: 10%;
    }

	#intro h2 {
		line-height: 1.1em;
		padding-left: 2px;
		font-size: 17px;
	}

	#intro h1 {
		font-size: 30px;}
}



@media (min-width: 768px) and (max-width: 991px)  {
	#bloco_20 .position_20 {
        top: 5.8%;
        left: 4.4%;
    }

	#bloco_20 .infos_20 {
		position: absolute;
		left: 4%;
		bottom: 10%;
	}

	#bloco_20 .position {
        top: 15.8%;
        right: 3.4%;
    }

	#bloco_04 p {
		font-size: 26px;
		line-height: 1.09;
		padding-left: 5px;
	}

	#bloco_04 hr {
		border-top: 3px solid rgb(255 255 255);
		width: 100%;
		padding-left: 4px;
	}

	#bloco_04 .text {
		font-size: 19px;
		line-height: 1.2;
		padding-left: 0px;
		max-width: 310px;
		padding-top: 25px;
	}

	#doisalimentos p {
		line-height: 1.3;
		padding-top: 0px;
		padding-right: 0px;
		font-size: 15px;
		max-width: 195px;
	}

	#bloco_08 .position_08 {
        left: 28%;
        top: 21px;
        max-width: 175px;
    }

	#doisalimentos .text {
		font-size: 42px;
		max-width: 180px;
	}

	#bloco_02 h3 {
		font-size: 24px;
		max-width: 215px;
	}

	#bloco_02 hr {
		max-width: 260px;
		margin-top: 20px;
		margin-bottom: 35px;
	}

	#bloco_02 .rect_02 {
		padding-top: 55px;
		padding-bottom: 55px;
		margin-top: 90px;
		margin-bottom: 95px;
	}

	#bloco_02 h5 {
		font-size: 16px;
		max-width: 290px;
	}

	#bloco_06 .p_bloco {
        padding-top: 25px;
    }

	#bloco_02 h4 {
		padding-top: 10px;
		font-size: 18px;
	}

	
	#bloco_06 .col_06 {
        max-height: 470px;
        padding-top: 160px;
        margin-left: 120px;
        max-width: 36%;
    }

	#bloco_06 p {
		font-size: 22px;
		max-width: 330px;
		line-height: 1.2;
	}


	#bloco_06 h6 {
		font-size: 24px;
	}

	#bloco_06 .position_06 {
        max-width: 390px;
    }

	#bloco_08 p {
        padding: 68% 17% 12% 1%;
        font-size: 42px;
        line-height: 1;
    }

	.left-bloco {    max-width: 26%; }

	.cafe-img{   	max-width: 90%;
		padding-left: 0%; }
	

	#doisalimentos h3 {
		font-size: 26px;
		padding-right: 5px;
		max-width: 159px;
		padding-top: 5px;
	}

	#doisalimentos {
		padding: 60px 20px 25px 10px;}

	.rect-intro {
		width: 290px;
        position: absolute;
        right: 10%;
        bottom: auto;
        top: -41%;
        max-width: 290px;

    }

	#intro {
        padding-top: 1%;
        padding-bottom: 0%;
        padding-right: 15%;
    }


		#intro h2 {
			line-height: 1.1em;
			padding-left: 2px;
			font-size: 17px;
		}

		#intro h1 {
			font-size: 30px;}
}

@media (min-width: 992px) and (max-width: 1099px)  {
	#bloco_20 .position_20 {
		top: 6.8%;
		left: 5.4%;
	}

	#bloco_20 .infos_20 {
		position: absolute;
		left: 4%;
		bottom: 10%;
	}

	#bloco_20 .position {
		top: 18.8%;
		right: 6.4%;
	}

	#bloco_04 p {
		font-size: 46px;
		line-height: 1.02;
		padding-left: 57px;
	}

	#bloco_04 .text {
		font-size: 20px;
		line-height: 1.2;
		padding-left: 60px;
		max-width: 370px;
		padding-top: 20px;
	}

	.col-intro {     padding-left: 50px;
		padding-bottom: 100px; }

	#cesto .info-cesto {
		padding: 0px 40px 0px 0px !important;
	}

	#bloco_08 .position_08 {
		left: 30%;
		top: 50px;
		max-width: 222px;
	}

	#bloco_02 h3 {
			font-size: 40px;
			max-width: 365px;
	}

	#bloco_08 p {
        padding: 63% 16% 17% 9%;
        font-size: 59px;
        line-height: 1;
    }

	#bloco_06 .col_06 {
        max-height: 617px;
        padding-top: 24%;
        margin-left: 15%;
        max-width: 401px;
    }

	#bloco_06 p {
		font-size: 22px;
		max-width: 330px;
		line-height: 1.2;
	}


	#bloco_06 h6 {
		font-size: 24px;
	}

	#bloco_06 .position_06 {
		max-width: 44%;
	}

	.rect-intro {           max-width: 100%;
        position: absolute;
        right: 59px;
        bottom: auto;
        top: -38%; }

		#intro {
			padding-top: 0%;
			padding-bottom: 0%;
		}

		.left-bloco {    max-width: 26%; }

		.cafe-img{    max-width: 90%;
			padding-left: 17%; }

		#doisalimentos {
			padding: 65px 20px 10px 20px;
		}

}

@media (min-width: 768px) {


	.circle-intro {
		right: -20%;
		bottom: -20%;
	}

	.nota-footer {
		padding-top: 0px !important;
		position: absolute;
		text-align: left;
		left: 0px;
		bottom: 0px;
	}

	.infos-intro {
		position: relative;

		font-size: 1.1em;
	}

	#intro p {
		font-size: 1.4em;
	}

	#doisalimentos {
		font-size: 1.4em;
	}

	#doisalimentos .preparo {
		font-size: 1.6em;
	}

	#cesto {
		font-size: 1.3em;
	}

	#potencia .info-potencia {
		left: 0px;
		top: 50px;
		padding: 30px 50px 10px 80px;
		font-size: 1.8em;
	}

	.selo-redstone {
		position: absolute;
		margin: 0px;
		top: 15px;
		right: 0px;
		transform: translate(50%,0);
	}

	.info-detalhe {
		padding: 30px 0px;
	}

	.info-detalhe p {
		line-height: 1em;
	}

	#detalhes h5 {
		font-size: 1.6em;
	}

	#detalhes h6, #aderente h6 {
		font-size: 2em;
	}

	.hexagons-intro {
		position: absolute;
		bottom: 0px;
		left: 0px;
	}

	#cesto .info-cesto {
		padding: 0px 0px 0px 80px;
	}
	
	#cesto .info-cesto p{
		text-align: left;
	}

	#cesto h5 {
		font-size: 2.5em;
	}

	#cesto h6 {
		font-size: 2.8em;
	}

	#tecnologia {
		margin-top: -30px;
	}

	.info-tecnologia {
		position: absolute;
		z-index: -1;
	    right: 10px;
	    top: 50px;
	    font-size: 1.1em;
	    padding: 20px 30px 25px 50px;		
	}

	.features {
		padding-bottom: 100px;
	}

}


@media (min-width: 992px) {
	
	.infos-intro {

		font-size: 1.4em;
	}

	#cesto {
		font-size: 1.3em;
	}

	#cesto h5 {
		font-size: 3.2em;
	}

	#cesto h6 {
		font-size: 3em;
	}

	#cesto .hexagons {
		position: absolute;
		right: 10px;
		bottom: 0%;
		transform: translate(0%,70%);
	}

	#potencia .info-potencia {
		padding: 30px 50px 10px 120px;
	}

	#tecnologia {
		margin-top: -50px;
	}

	.info-tecnologia {
	    right: 120px;
	    top: 65px;
	    font-size: 1.2em;
	    padding: 40px 50px 50px 180px;
	}

	.info-tecnologia h5 {
		font-size: 1.5em;
		margin-bottom: 15px;
	}

	.feature {
		font-size: 1.5em;
		margin-bottom: 50px;
	}

}


@media (min-width: 1100px) {

	#cesto .info-cesto {
        padding: 0;
        text-align: center;
        padding-left: 40px;
    }

	#intro .col-intro {   max-width: 350px;
        margin-bottom: 50px; }

	.infos-intro {
		font-size: 1.5em;
        padding-top: 0px;
        max-width: 410px;
        padding-left: 50px;
	}

	.rect-intro {             max-width: 100%;
        position: absolute;
        right: 61px;
        bottom: -81px; }

	#intro p {
		margin: 50px 0px 80px 0px;
	}


	#intro .slogan {
		font-size: 1.5em;
		padding-right: 20px;
	}

	#doisalimentos {
		font-size: 2em;
        padding: 95px 30px 40px 10%;
    }

	#cesto {
		font-size: 1.8em;
        padding-top: 10px;
        padding-bottom: 0px;
	}

}