@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap');
@import url('../fonts/stylesheet.css');

body{
	overflow-x: hidden;
	font-size: 1em;
	font-family: Montserrat, sans-serif;
}

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

.position_auto {
    position: absolute;
    left: 9%;
    top: 12%;
    width: 24%;
}

.position_ice { position: absolute;
    left: 9%;
    top: 35%;
    width: 24%;
}

.position_porta {     position: absolute;
    left: 8%;
    top: 59%;
    width: 24%;
}

.position_filtro {
    position: absolute;
    right: 3%;
    top: 21%;
    width: 24%;
}

.position_pulsar { position: absolute;
    right: 3%;
    top: 52%;
    width: 24%; }

#bloco_06 .mt-06 { margin-top: -65px; }

#bloco_06 h3 {      color: #bd2e56;
    font-size: 23px;     line-height: 1.4rem;
    font-weight: 800;      margin-bottom: 6px;  }

#bloco_06 h4 {      color: #bd2e56;
		font-size: 15px;     line-height: 1rem;
		font-weight: 500;  }	


#bloco_06 { background: url(../img/bloco_06.webp) no-repeat;
    margin-top: -70px;
    z-index: 5;
    position: relative;
    padding-top: 7%;
    width: 100%;
    background-size: contain;
    padding-bottom: 16%; }



#bloco_07 .position-logo {
    position: absolute;
    bottom: 35px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#bloco_07 {      padding-top: 10px;
    margin-top: -16%;
    z-index: 9;
    position: relative;
    background-color: #fff;
    border-radius: 80px; }



#bloco_07 .p-bloco	{   padding-left: 5px;
		padding-right: 5px;   }
	


#bloco_07 h3 { color: #bd3e56;
    text-transform: uppercase;
    font-size: 29px;
    text-align: center;
    padding-top: 45px; }


	#bloco_07 h4 { color: #bd3e56;
		text-align: center;
		text-transform: uppercase;
		font-size: 31px;
		font-weight: 800;
		line-height: 1;
		margin-bottom: 40px; }

.relative {
	position: relative;
}

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

header	{
	padding: 15px 0px;
	position: relative;
	z-index: 5;
}


.cor-britaniar {
	color: #bd3e56;
}


#bloco_04 h3 {      color: #fff;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 200;  }

#end p {     color: #bd3e56;
    font-size: 15px;
    position: absolute;
    bottom: 10px;
    left: 50px; }

#slogan {
    font-size: 2em;
}

#slogan h3 {      color: #bd3e56;
    font-size: 28px;
    text-align: justify;
    line-height: 1.25;
    padding-left: 2%;
    padding-right: 2%; }

#intro h2 {   color: #bd3e56;
    font-size: 31px;
    text-align: center;
    padding-left: 6%;
    max-width: 355px;
    padding-top: 30px;
    line-height: 2rem; }

#intro {
	margin-top: -30px;
	position: relative;
	z-index: 4;
}

#intro h1 {   font-size: 24px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 3px;
    padding-top: 30px;
    text-transform: uppercase; }

.info-britaniar {
	color: #FFF;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1em;
	position: absolute;
	left: 0px;
	top: 18%;
}


#bloco_04 .position { position: absolute;
    left: 14%;
    top: 18%; }


#bloco_04 .position_bloco {        position: absolute;
    left: 16%;
    top: 24%;
    background: #fff;
    border-radius: 30px;
    padding: 25px 45px 22px 45px;
    max-width: 450px; }

	#bloco_04 .position_prepare {
		position: absolute;
		left: 7%;
		bottom: 26%;
		background: #bd3e56;
		border-radius: 30px;
		padding: 15px 45px 15px 45px;
		text-align: center;
		max-width: 450px;
	}


.position_bloco h2 { font-size: 38px;
    color: #eb4162;;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    padding-left: 10px;
    line-height: 1.1; }



 #bloco_04 h3 {    color: #fcd1da;
    text-align: center;
    font-size: 27px;
    font-weight: 400;
    /* width: 254px; */
    padding-left: 12%;
    padding-right: 12%;
    line-height: 1.1;  }

#bloco_04 h4 {         color: #fff;
    font-size: 39px;
    padding-top: 0px;
    line-height: 1.8rem;
    font-weight: 700; }

#bloco_04 h5 {
	color: #eb4162;
    font-size: 20px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    font-weight: 500;
}

#bloco_04 p {   padding-left: 10px;
	font-size: 34px;
    color: #bd3e56;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
 }

#intro .logo { max-width: 80%; }

.nome-produto {
	background: #FFF;
	color: #152942;
	padding: 5px;
	font-size: 0.8em;
	text-transform: uppercase;
	line-height: 1em;
	position: absolute;
	right: 0px;
	top: 50px;
}

.modelo {
	color: #CC9A33;
	text-align: center;
	font-size: 0.8em;
	font-family: Montserrat, sans-serif;
}

#slogan {
	color: #fff;
    padding: 50px 0px 105px 0px;
    text-align: center;
    font-size: 1em;
    line-height: 1em;
	background: #ededed;
    margin-top: -105px;
    z-index: 4;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

#slogan .margin { padding-bottom: 30px; }


#bloco_04 .icon-prepare {     max-width: 130px;
    padding-bottom: 12px;}

#bloco_04 {   z-index: 9; }

#bloco_03 .margin { text-align: right;  padding: 0px 25px 5px 25px; }
#bloco_03 .margin__2 {   text-align: left;  padding: 0px 25px 5px 25px; }


#bloco_03 {     background: url(../img/bg-vidro.webp) no-repeat;
	margin-top: -70px;
    z-index: 5;
    position: relative;
    padding-top: 7%;
    width: 100%;
    background-size: contain;
    padding-bottom: 16%; }

#bloco_03 .rect_03 {      height: 205px;
    background: linear-gradient(179deg, #FFC6DA 0%, #FF9DC0 100%);
    border-radius: 40px;
	max-width: 43%;
    margin: 0px 20px 10px 22px; }


#bloco_03 .text { font-size: 72px;
		color: #bd3e56;
		font-weight: 900; }


#bloco_03 span { font-size: 56px;
    color: #bd3e56;
    font-weight: 900; }


#bloco_03 .titulo { font-size: 42px; }


#bloco_07 p {     color: #eb5f7a;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px; }


#bloco_03 h4 {     color: #c0445c;
    font-size: 24px;
    text-align: center;   
    padding: 70px 17% 55px 17%; }
	

#bloco_03 h3 { color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    font-weight: 300;
    line-height: 3rem;
    padding: 52px 0px 0px 0px; }

#xicaras {
	background: url('../img/bg-xicaras-mobile.jpg') no-repeat center bottom;
	background-size: cover;
	line-height: 1em;
}

.info-xicaras {
	background: #FFF;
	padding: 20px 0px;
	color: #555555;
	text-align: center;
}

.title-xicaras {
	color: #152942;
	font-size: 2.5em;
	text-transform: uppercase;
	line-height: 1.8em;
}

.title-xicaras .numero {
	width: 100%;
	display: block;	
	color: #CD9A33;
	font-size: 2.8em;
}

.product-xicaras {
	margin-top: -25px;
}

.info-placa {
	padding-bottom: 30px;
}

.info-placa h4 {
	color: #152942;
	line-height: 1em;
	font-size: 1.2em;
}

#detalhes {
	background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 33.33%, #bd3e56 0%, #bd3e56 66.66%, rgb(255 255 255 / 0%) 0%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0px 0px;
	margin-top: 30px;
    z-index: 3;
    position: relative;
}


#detalhes .margin {  padding-bottom: 15px; }

.detalhe {
	background: #ededed;
    color: #bd3e56;
    padding: 5px;
    font-size: 20px;
    margin-bottom: 0px;
    text-align: center;
    height: 100%;
    line-height: 1.2em;
    border-radius: 30px;
}

.title-detalhe {
	color: #bd3e56;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 23px;
    margin: 12px 10px 10px 10px;
    line-height: 1.2;
    font-weight: 700;
}

.detalhe-espaco {
	margin-bottom: 30px;
    padding: 0px;
}

#ambientada h3 {
	color: #152942;
	text-transform: uppercase;
	font-size: 1.8em;
	padding: 30px 15px;
}

.info-colher {
	background: #CD9A33;
	color: #152942;
	margin-left: -30px;
	padding: 50px 50px 50px 30px;
	margin-bottom: 50px;
	position: relative;
	border-radius: 0px 200px 200px 0px;
	font-size: 1.5em;
	line-height: 1em;
}

.info-colher h4 {
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.2em;
}

.colher {
	position: absolute;
	right: -80px;
	bottom: -80px;
}

.info-display {
	line-height: 1em;
	color: #555555;
	font-size: 1.2em;
}

.info-display h3 {
	padding: 20px 0px 10px 0px !important;
	margin-bottom: 0px;
}

.img-ambientada {
	background: url('../img/bg-ambientada.jpg') no-repeat center center;
	background-size: cover;
}

#end {
	margin-top: -90px;
    z-index: 9;
    position: relative;
}

#end .position {     position: absolute;
    z-index: 9;
    top: 33%;
    left: 4%; }

#footer p {
	color: #eb5f7a;
    padding-left: 105px;
    margin-top: 35px;
}

#footer .feature {      padding-top: 40px;
    padding-left: 0px;
    max-width: 460px; } 

#footer .text { color: #eb4162;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.2;
    font-size: 1.1rem; }


#footer {
    background-color: #fff;
    margin-top: -70px;
    padding-top: 80px;
    border-radius: 70px;
    z-index: 9;
	padding-bottom: 50px;    padding-bottom: 5px;
}

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

@media (min-width: 991px) and (max-width: 1099px)  {
	#bloco_07 .position-logo {  max-width: 39%;}

	#bloco_03 {     margin-top: -70px;
		padding-top: 0%;
		padding-bottom: 15%; }

	#end .position {
		top: 33%;
		left: 3%;
		max-width: 400px;
	}


	#bloco_04 p {
		padding-left: 0px;
		font-size: 29px;
	}

	

	.position_bloco h2 {
		font-size: 29px;
		text-align: center;
		text-transform: uppercase;
		padding-left: 10px;
		line-height: 1.1; }


	#bloco_04 h5 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.info-britaniar {
		left: 25px;
		top: 12%;
	}

	#slogan h3 { font-size: 25px; }

}


@media (min-width: 991px) and (max-width: 1199px)  {
	#bloco_04 .position_prepare {
		position: absolute;
		left: 5%;
		bottom: 20%;
		background: #bd3e56;
		border-radius: 30px;
		padding: 15px 45px 15px 45px;
		text-align: center;
		max-width: 39%;
	}

	#bloco_07 {
		padding-top: 10px;
		margin-top: -17%;
		z-index: 9;
		position: relative;
		background-color: #fff;
		border-radius: 35px;
	}

	.position_pulsar {
		position: absolute;
    right: 2%;
    top: 50%;
    width: 21%;
	}

	.position_filtro {
		position: absolute;
    right: 0%;
    top: 21%;    padding-right: 20px;
    width: 23%;
	}

	.position_porta {
		position: absolute;
		left: 5%;
		top: 60%;
		width: 24%;
	}

	.position_ice {
		position: absolute;
		left: 5%;
		top: 34%;
		width: 24%;
	}

	.position_auto {
		position: absolute;
		left: 5%;
		top: 10%;
		width: 24%;
	}

	
	#bloco_04 .position_bloco {
		position: absolute;
		left: 15%;
		top: 21%;
		background: #fff;
		border-radius: 30px;
		padding: 25px 45px 22px 45px;
		max-width: 39%;
	}


}


@media (min-width: 768px) and (max-width: 990px)  {


    .position_auto {
		position: absolute;
		left: 4%;
		top: 6%;
		width: 24%;
	}

	#bloco_06 .mt-06 {
		margin-top: -65px;
		padding-left: 24%;
		padding-right: 24%;
	}

	.position_pulsar {
		position: absolute;
		right: 2%;
		top: 38%;
		width: 24%;
	}

	.position_filtro {
		position: absolute;
		right: 2%;
		top: 9%;
		width: 24%;
	}

	.position_ice {
		position: absolute;
		left: 4%;
		top: 26%;
		width: 18%;
	}

	.position_porta {
		position: absolute;
		left: 4%;
		top: 56%;
		width: 20%;
	}

	#bloco_06 h3 {
		color: #bd2e56;
		font-size: 17px;
		line-height: 1.15rem;
		font-weight: 800;
		margin-bottom: 3px;
	}


	#bloco_07 .position-logo {  max-width: 39%;}

	#bloco_03 {     margin-top: -70px;
		padding-top: 0%;
		padding-bottom: 15%; }

		#bloco_03 .margin {     padding: 0px 10px 5px 70px; }

		#bloco_03 .margin__2  {     padding: 0px 70px 5px 10px; }


	#bloco_04 .icon-prepare {
		max-width: 105px;
		padding-bottom: 8px;
	}

	#bloco_04 h3 {     font-size: 21px;     line-height: 1; }


	#end .position {
		top: 33%;
		left: 2%;
		max-width: 325px;
	}

	.info-britaniar {
		left: 25px;
		top: 15%;
	}

	#bloco_04 .position {
		position: absolute;
		left: 12%;
		top: 21%;
	}

	#bloco_04 .position_bloco {
		position: absolute;
		left: 11%;
		top: 24%;
		background: #fff;
		border-radius: 20px;
		padding: 20px 45px 15px 45px;
		max-width: 40%;
	}

	#bloco_04 .position_prepare {
		position: absolute;
		left: 4%;
		bottom: 20%;
		background: #bd3e56;
		border-radius: 30px;
		padding: 15px 25px 15px 25px;
		text-align: center;
		max-width: 40%;
	}

	#bloco_04 h5 {
		font-size: 17px;
		padding-left: 0px;
		padding-right: 0px;
		line-height: 1.1;
	}

	#bloco_04 p {
		padding-left: 1px;
		font-size: 20px;
	}

	#bloco_04 h4 {
		font-size: 18px;
		/* padding-left: 0px; */
		padding-top: 0px;
		/* padding-right: 34%; */
		line-height: 0.8rem;
		
	}



	#bloco_04 {     padding-top: 15px; }

	.position_bloco h2 {
		font-size: 20px;
		padding-left: 0px;
		line-height: 1.1;
	}

	.title-detalhe { line-height: 1.1; }


	#bloco_03 .rect_03 {     max-width: 47%;
		margin: 0px 10px 10px 10px; }

	#detalhes {
		background: #bd3e56;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		padding: 90px 0px;
	}

	#slogan h3 {
		color: #bd3e56;
		font-size: 20px;
		text-align: justify;
		line-height: 1.25;
		padding-left: 0%;
		padding-right: 0%;
	}

	#intro h1 {
		font-size: 17px;
		letter-spacing: 3px;
		padding-top: 21px;
	}
	#intro {
		margin-top: 0px !important;
	}
	#intro h2 {
		font-size: 25px;
		padding-left: 0%;
		max-width: 260px;
		padding-top: 25px;
		line-height: 1.5rem;
	}
	#intro .logo {
		max-width: 70%;
	}
}


@media (min-width: 510px) and (max-width: 767px)  {
	
	#bloco_06 {      margin-top: -78px;
		z-index: 5;
		position: relative;
		padding-top: 20%;
		width: 100%;
		background-size: cover;
		padding-bottom: 12%;}

	.display_06 {     max-width: 435px;
		margin-left: -57%; }

		.position_auto {
			position: absolute;
    left: 60%;
    top: 21%;
    width: 36%;

		
		}

		.position_pulsar {
			position: absolute;
			/* right: 1%; */
			top: 63%;
			width: 38%;
			left: 60%;
			padding-right: 17px;
		}

		.position_porta {
			position: absolute;
			left: 60%;
			top: 75%;
			width: 39%;
			/* left: auto; */
			padding-right: 10px;
			max-width: 246px;
		}

		.position_filtro {
			position: absolute;
			left: 60%;
			top: 35%;
			width: 34%;
			left: 60% !important;
			top: 46% !important;
			width: 37% !important;
		}

		.position_ice {
			position: absolute;
			/* left: auto; */
			left: 60% !important;
			top: 30% !important;
			width: 37% !important;
		}

		#bloco_06 h3 {
			color: #bd2e56;
			font-size: 14px;
			line-height: 1rem;
			font-weight: 800;
			margin-bottom: 0px;
		}

	#footer .features { padding: 60px 10px 95px 10% !important; }

	#bloco_07 .position-logo {  bottom: 9px;
		max-width: 42%; }

	#bloco_07 h3 { font-size: 22px; }

	#bloco_07 {     margin-top: -12%; }

	#bloco_04 .position_prepare {
		position: absolute;
		left: 0%;
		top: 76%;
		background: transparent;
		border-radius: 30px;
		padding: 0px 45px 15px 45px;
		text-align: center;
		right: 0%;
		margin: 0 auto;
	}

	#bloco_04 .icon-prepare {
		max-width: 115px;
	   padding-bottom: 11px;
	}


	#bloco_04 p {
		padding-left: 1px;
		font-size: 20px;
	}

	#bloco_04 h4 {
		font-size: 33px;
	padding-left: 0px;
	padding-top: 14px;
	padding-right: 0px;
	line-height: 1rem;
	margin-top: -5px;
	width: 290px;
	margin: 0 auto;
	}



	#bloco_04 {     padding-top: 15px; }

	#bloco_04 .col_bloco { -ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%; }

	#bloco_04 .position_bloco {
		position: absolute;
		left: 0%;
		top: 54%;
		background: transparent;
		border-radius: 30px;
		padding: 25px 34px 22px 35px;
		right: 0%;
		margin: 0 auto;
	}

	#bloco_04 h5 {
		font-size: 17px;
		padding-left: 60px;
		padding-right: 60px;
		line-height: 1.1;
		padding-top: 13px;
		width: 305px;
		margin: 0 auto;
	}

	#bloco_04 h3 {
		color: #fcd1da;
		text-align: center;
		font-size: 27px;
		font-weight: 400;
		/* width: 254px; */
		padding-left: 12%;
		padding-right: 12%;
		line-height: 1.1;
		width: 300px;
		margin: 0 auto;
	}

	#bloco_04 .position {
		position: absolute;
		left: 12%;
		top: 57%;
	}

	#end p {
		font-size: 13px;
		position: absolute;
		bottom: 4px;
		left: 18px;
	}

	#end {
		margin-top: -40px;
	}

	#end .position {
		top: 33%;
		left: 2%;
		max-width: 230px;
	}


	.position_bloco h2 {     font-size: 38px;
		color: #eb4162;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		padding-left: 0px;
		padding-right: 0px;
		line-height: 1.1;
		width: 200px;
		text-align: center;
		width: 330px;
		margin: 0 auto; }

		

	.info-britaniar {
		left: 15px;
		top: 19%;
	}

	#bloco_03 .titulo {
		font-size: 24px;
	}

	#bloco_03 .text {
		font-size: 42px;
	}

	#bloco_03 span { font-size: 32px; }

	#bloco_03 h3 {
		font-size: 21px;
		font-weight: 400;
		line-height: 1.9rem;
		padding: 40px 5px 10px 5px;
	}


	#bloco_03 {       margin-top: -70px;
		padding-top: 2%;
		padding-bottom: 21%;}

		#bloco_03 .margin {     padding: 0px 10px 5px 70px; }

		#bloco_03 .margin__2  {     padding: 0px 70px 5px 10px; }



	#bloco_03 .rect_03 {     max-width: 50%;
		margin: 0px 5px 10px 5px; height: 140px; }

	#bloco_03 h4 { padding: 50px 30px 40px 30px; }

	#slogan h3 {
		color: #bd3e56;
		font-size: 16px;
		text-align: justify;
		line-height: 1.25;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 5%;
		padding-bottom: 10%;
	}

	#slogan {     padding: 40px 30px 80px 30px; }

	#intro h1 {
		font-size: 13px;
		letter-spacing: 0.1rem;
		padding-top: 10px;
	}
	#intro {
		margin-top: 0px !important;
	}
	#intro h2 {
		font-size: 18px;
		padding-left: 0%;
		max-width: 185px;
		padding-top: 15px;
		line-height: 1.1rem;
	}
	#intro .logo {
		max-width: 60%;
	}
}


@media (max-width: 575px) {


	#bloco_03  {
		background: url(../img/mobile-vidro.webp) no-repeat;
		margin-top: -40px;
		z-index: 5;
		position: relative;
		padding-top: 7%;
		width: 100%;
		background-size: contain;
		padding-bottom: 16%;
	}

	#bloco_03 .margin {
		text-align: right;
		padding: 0px 5px 40px 5px;
	}

	#bloco_03 .margin__2 {
		text-align: left;
		padding: 0px 5px 40px 5px;
	}

	#bloco_03 { height: 780px; }

}


@media (min-width: 510px) {
	.display-mobile { display: none; }
}

@media (max-width: 509px) {




	#footer {
		background-color: #fff;
		margin-top: 20px;
		padding-top: 80px;
		border-radius: 70px;
		z-index: 9;
		padding-bottom: 50px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer p {
		color: #eb5f7a;
		padding-left: 18px;
		margin-top: 0px;
		font-size: 12px;
	}
	#footer .features { padding: 60px 10px 95px 5% !important; }
	.display-desk { display: none; }
	#slogan {     margin-top: 0px !important; border-top-left-radius: 0px;
		border-top-right-radius: 0px; }

		#footer .text {    line-height: 1.2;
			font-size: 15px;
			padding-left: 9px;}
		
}


@media (min-width: 768px) {
	#bloco_04 .display_04 { display: none; }
	.display_06 { display: none; }
}

@media (max-width: 767px) {
	#bloco_04 .mobile_04 { display: none; }
	.mobile_06 { display: none; }
}




@media (max-width: 767px) {
	#detalhes { background: #bd3e56;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		padding: 90px 0px; }
}


@media (min-width: 408px) and (max-width: 509px)  {
	#bloco_06 {
		margin-top: -70px;
		z-index: 5;
		position: relative;
		padding-top: 22%;
		width: 100%;
		background-size: cover;
		padding-bottom: 17%;
	}

	#bloco_06 h3 {
		color: #bd2e56;
		font-size: 12px;
		line-height: 0.8rem;
		font-weight: 800;
		margin-bottom: 0px;
	}

	#bloco_06 h4 {
		color: #bd2e56;
		font-size: 12px;
		line-height: 0.8rem;
		font-weight: 500;
		padding-top: 2px;
	}


	.display_06 { margin-left: -251px; }

	.position_auto {
	    position: absolute;
    left: 62%;
    top: 18%;
    width: 36%;
	
	}

	.position_pulsar {
		position: absolute;
		/* right: 1%; */
		top: 60%;
		width: 38%;
		left: 62%;
		padding-right: 17px;
	}

	.position_porta {
		position: absolute;
    left: 62%;
    top: 74%;
    width: 39%;
    /* left: auto; */
    padding-right: 10px;
    max-width: 246px;
	}

	.position_filtro {
		
	    position: absolute;
    left: 62%;
    top: 35%;
    width: 34%;
    left: 62% !important;
    top: 44% !important;
    width: 37% !important;
	
	}

	.position_ice {
		position: absolute;
    /* left: auto; */
    left: 62% !important;
    top: 29% !important;
    width: 37% !important;
	}

	#bloco_04 .icon-prepare {
		max-width: 85px;
		padding-bottom: 10px;
	}

	#bloco_07 h4 {font-size: 18px;}

	#bloco_07 h3 {  
		font-size: 23px;
		padding-top: 35px; }

	#bloco_07 { padding-top: 10px;
		margin-top: -17%; }

	#bloco_07 .position-logo { bottom: 5px; width: 41%; }

	#bloco_04 h4 {
		font-size: 28px;
		padding-left: 0px;
		padding-top: 5px;
		padding-right: 0px;
		line-height: 1rem;
		margin-top: -5px;
		width: 290px;
		margin: 0 auto;
	}

	#bloco_04 h3 {
		color: #fcd1da;
		text-align: center;
		font-size: 19px;
		font-weight: 400;
		/* width: 254px; */
		padding-left: 12%;
		padding-right: 12%;
		line-height: 1.1;
		width: 190px;
		margin: 0 auto;
	}

	#bloco_04 .position_prepare {
		position: absolute;
		left: 0%;
		top: 74%;
		background: transparent;
		border-radius: 30px;
		padding: 15px 30px 15px 30px;
		text-align: center;
		max-width: 100% !important;
		right: 0%;
		margin: 0 auto;
	}




	#bloco_04 {     padding-top: 15px; }

	#bloco_04 .col_bloco { -ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%; }

		#bloco_04 .position_bloco {
			position: absolute;
			left: 0%;
			top: 54%;
			background: transparent;
			border-radius: 30px;
			padding: 25px 34px 22px 35px;
			right: 0%;
			margin: 0 auto;
		}

	#bloco_04 h5 {
		font-size: 17px;
		padding-left: 0px;
		padding-right: 0px;
		line-height: 1.1;
		padding-top: 12px;
		width: 217px;
		margin: 0 auto;
	}

	#bloco_04 h3 {
		color: #fcd1da;
		text-align: center;
		font-size: 27px;
		font-weight: 400;
		/* width: 254px; */
		padding-left: 12%;
		padding-right: 12%;
		line-height: 1.1;
		width: 300px;
		margin: 0 auto;
	}

	#bloco_04 .position {
		position: absolute;
		left: 12%;
		top: 57%;
	}


	#end p {
		font-size: 12px;
		position: absolute;
		bottom: 0px;
		left: 6px;
		line-height: 1rem;
	}
	

	.position_bloco h2 {
		font-size: 22px;
		text-align: center;
		padding-left: 10px;
		line-height: 1.1;
	}

	#end .position {
		position: absolute;
		z-index: 9;
		top: 30%;
		left: 0%;
		max-width: 190px;
	}

	#end {
		margin-top: -20px;
	}



	.info-britaniar {
		left: 15px;
        top: 6%;
	}

	#bloco_03 span {
		font-size: 26px;
	}


	#bloco_03 .text {
		font-size: 29px;
	}

	#bloco_03 .rect_03 {     max-width: 50%;     height: 130px !important;
		margin: 0px 5px 10px 5px; }

	#bloco_03 h3 {
		font-size: 17px !important;
		font-weight: 400;
		line-height: 1.5rem;
		padding: 38px 0px 0px 0px;
	}

	#bloco_03 h4 { padding: 41px 20px 40px 20px; }

	#bloco_03 h4 { font-size: 21px; }

	#slogan h3 {  
		font-size: 20px;
	 }

	 #slogan {
		padding: 45px 10px 120px 10px;
	}

	.col-intro {  -ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%; }

	#intro h1 {
		font-size: 14px;
		letter-spacing: 0.2rem;
		padding-top: 6px;
	}
	#intro {
		margin-top: 0px !important;
	}
	#intro h2 {
		font-size: 20px;
		padding-left: 4%;
		max-width: 224px;
		padding-top: 15px;
		line-height: 1.2rem;
	}
	#intro .logo {
		max-width: 70%;
	}
}


@media (min-width: 408px) and (max-width: 575px)  {
	#bloco_03 {
		background: url(../img/mobile-vidro.webp) no-repeat;
		margin-top: -40px;
		z-index: 5;
		position: relative;
		padding-top: 10%;
		width: 100%;
		background-size: cover;
		padding-bottom: 20%;
		background-position: bottom;
		height: auto;
	}
}



@media (max-width: 407px)  {
	#bloco_06 {
		margin-top: -96px;
		z-index: 5;
		position: relative;
		padding-top: 37%;
		width: 100%;
		background-size: cover;
		padding-bottom: 38%;
	}

	#bloco_06 h3 {
		color: #bd2e56;
		font-size: 12px;
		line-height: 0.8rem;
		font-weight: 800;
		margin-bottom: 0px;
	}

	#bloco_06 h4 {
		color: #bd2e56;
		font-size: 12px;
		line-height: 0.8rem;
		font-weight: 500;
		padding-top: 2px;
	}
	.display_06 {
		margin-left: -251px;
		min-width: 450px !important;
	}

	.position_auto {
		position: absolute;
		left: 62%;
		top: 17%;
		width: 36%;
		background: #fff;
		border-radius: 10px;
	
	}

	.position_pulsar {
		position: absolute;
    /* right: 1%; */
    top: 63%;
    width: 50%;
    left: 55%;
    padding-right: 19px;
    /* background: #fff; */
    border-radius: 10px;
	}

	.position_porta {
	    position: absolute;
    left: 59%;
    top: 75%;
    width: 45%;
    /* left: auto; */padding-right: 13px;
    padding-right: 12px;
    max-width: 161px;
	}

	.position_filtro {
		
		position: absolute;
		left: 62%;
		top: 35%;
		width: 34%;
		left: 62% !important;
		top: 47% !important;
		width: 37% !important;
		background: #fff;
	
	}

	.position_ice {
		position: absolute;
		/* left: auto; */
		left: 62% !important;
		top: 29% !important;
		width: 37% !important;
		background: #fff;
	}

	#bloco_07 {
		padding-top: 10px;
		margin-top: -38%;
		z-index: 9;
		position: relative;
		background-color: #fff;
		border-radius: 45px;
	}

	#bloco_07 .position-logo {
		position: absolute;
		bottom: 1px;
		margin: 0 auto;
		left: 0px;
		right: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 45%;
	}

	#bloco_03 {     background-size: cover !important; }

	#bloco_03 .block { display: block !important; }

	#bloco_03 .col-block { -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;  }

}



@media (min-width: 310px) and (max-width: 407px)  {

	

	#bloco_04 .icon-prepare {
		max-width: 50px;
		padding-bottom: 5px;
	}

	#bloco_04 h4 {
		font-size: 22px;
    padding-left: 0px;
    padding-top: 5px;
    padding-right: 0px;
    line-height: 1rem;
    margin-top: -5px;
    width: 185px;
    margin: 0 auto;
	}

	#bloco_04 h3 {
		color: #fcd1da;
		text-align: center;
		font-size: 18px;
		font-weight: 400;
		/* width: 254px; */
		padding-left: 12%;
		padding-right: 12%;
		line-height: 1.1;
		width: 188px;
		margin: 0 auto;
	}

	#bloco_04 .position_prepare {
		position: absolute;
		left: 0%;
		top: 74%;
		background: transparent;
		border-radius: 30px;
		padding: 15px 30px 15px 30px;
		text-align: center;
		max-width: 100% !important;
		right: 0%;
		margin: 0 auto;
	}




	#bloco_04 {     padding-top: 15px; }

	#bloco_04 .col_bloco { -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%; }

		#bloco_04 .position_bloco {
			position: absolute;
			left: 0%;
			top: 54%;
			background: transparent;
			border-radius: 30px;
			padding: 25px 34px 22px 35px;
			right: 0%;
			margin: 0 auto;
		}

	#bloco_04 h5 {
		font-size: 14px;
		padding-left: 0px;
		padding-right: 0px;
		line-height: 1.1;
		padding-top: 12px;
		width: 217px;
		margin: 0 auto;
	}


	#bloco_04 .position {
		position: absolute;
		left: 12%;
		top: 57%;
	}




	#end p {
		color: #bd3e56;
		font-size: 11px;
		position: absolute;
		bottom: -5px;
		left: 8px;
		line-height: 1.1;
	}

	#end {
		margin-top: -10px;
	}

	#end .position {
		top: 33%;
		left: 0%;
	}

	.position_bloco h2 {
		font-size: 17px;
    line-height: 1.2;
    padding-left: 0px;
    width: 155px;
    padding-right: 0px;
    margin: 0 auto;
	}

	#bloco_03 .margin { padding: 0px 40px 0px 40px;     margin-top: -12px; }

	#bloco_03 .margin__2 {  padding: 0px 40px 0px 40px;     margin-top: -12px; }

	#bloco_03 {     margin-top: -40px!important;
		z-index: 5;
		position: relative;
		padding-top: 0% !important;
		width: 100%;
	
		padding-bottom: 43% !important;
		height: auto !important; }

	#bloco_03 h4 {
		font-size: 19px;
		padding: 70px 5px 40px 5px;
	}

	#bloco_03 .titulo {
		font-size: 20px !important;
	}

	#bloco_03 .titulo {
		font-size: 13px !important;
	}

	#bloco_03 span { font-size: 18px !important; }

	#bloco_03 .rect_03 {
		height: 100px;
		border-radius: 20px;
		max-width: 51%;
		margin: 0px 2px 5px 2px;
	}

	#bloco_03 h3 {
		font-size: 12px;
		line-height: 1.2rem;
		padding: 29px 0px 0px 0px;
		font-weight: 600 !important;
	}

	#bloco_03 .text {
		font-size: 24px;
	}


	.title-detalhe {  font-size: 17px;      font-size: 17px;
		-ms-flex: 0 0 95%;
		flex: 0 0 95%;
		max-width: 95%; }

	.info-britaniar {
		left: 23px;
        top: 6%;
	}


	#slogan {     padding: 0px 0px 120px 0px; }

	#slogan h3 {
		font-size: 15px;
		line-height: 1.25;
		padding-left: 3%;
		padding-right: 3%;
	}

	#slogan .margin {
		padding-bottom: 30px;
		padding-top: 45px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.col-intro {  -ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%; }

	#intro h1 {
		font-size: 12px;
		letter-spacing: 0.1rem;
		padding-top: 6px;
	}
	#intro {
		margin-top: 0px !important;
	}
	#intro h2 {
		font-size: 16px;
		padding-left: 4%;
		max-width: 175px;
		padding-top: 10px;
		line-height: 1rem;
	}
	#intro .logo {
		max-width: 60%;
	}
}


@media (max-width: 309px) {

	#bloco_03 .margin { padding: 0px 20px 0px 20px !important; margin-top: -20px !important; }
	#bloco_03 .margin__2 { padding: 0px 20px 0px 20px !important; margin-top: -20px!important;  }


	#bloco_03 .margin { padding: 0px 40px 0px 40px;     margin-top: -12px; }

	#bloco_03 .margin__2 {  padding: 0px 40px 0px 40px;     margin-top: -12px; }

	#bloco_03 {     margin-top: -40px!important;
		z-index: 5;
		position: relative;
		padding-top: 0% !important;
		width: 100%;
		background-size: contain !important;
		padding-bottom: 43% !important;
		height: auto !important; }

	#bloco_03 h4 {
		font-size: 19px;
		padding: 70px 5px 40px 5px;
	}

	#bloco_03 .titulo {
		font-size: 20px !important;
	}

	#bloco_03 .titulo {
		font-size: 13px !important;
	}

	#bloco_03 span { font-size: 18px !important; }

	#bloco_03 .rect_03 {
		height: 100px;
		border-radius: 20px;
		max-width: 51%;
		margin: 0px 2px 5px 2px;
	}

	#bloco_03 h3 {
		font-size: 12px;
		line-height: 1.2rem;
		padding: 29px 0px 0px 0px;
		font-weight: 600 !important;
	}

	#bloco_03 .text {
		font-size: 24px;
	}

	#bloco_04 .icon-prepare {
		max-width: 50px;
		padding-bottom: 5px;
	}

	#bloco_04 h4 {
		font-size: 22px;
    padding-left: 0px;
    padding-top: 5px;
    padding-right: 0px;
    line-height: 1rem;
    margin-top: -5px;
    width: 185px;
    margin: 0 auto;
	}

	#bloco_04 h3 {
		color: #fcd1da;
		text-align: center;
		font-size: 18px;
		font-weight: 400;
		/* width: 254px; */
		padding-left: 12%;
		padding-right: 12%;
		line-height: 1.1;
		width: 188px;
		margin: 0 auto;
	}

	#bloco_04 .position_prepare {
		position: absolute;
		left: 0%;
		top: 74%;
		background: transparent;
		border-radius: 30px;
		padding: 15px 30px 15px 30px;
		text-align: center;
		max-width: 100% !important;
		right: 0%;
		margin: 0 auto;
	}




	#bloco_04 {     padding-top: 15px; }

	#bloco_04 .col_bloco { -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%; }

		#bloco_04 .position_bloco {
			position: absolute;
			left: 0%;
			top: 54%;
			background: transparent;
			border-radius: 30px;
			padding: 25px 34px 22px 35px;
			right: 0%;
			margin: 0 auto;
		}

	#bloco_04 h5 {
		font-size: 14px;
		padding-left: 0px;
		padding-right: 0px;
		line-height: 1.1;
		padding-top: 12px;
		width: 217px;
		margin: 0 auto;
	}


	#bloco_04 .position {
		position: absolute;
		left: 12%;
		top: 57%;
	}

	#bloco_03 { height: 650px; }

	#end p {
		font-size: 11px;
		bottom: -5px;
		left: 8px;
		line-height: 1.1;
	}


	#end {
		margin-top: -10px;
	}

	#end .position {
		top: 32%;
		left: 0%;
	}

	

	.position_bloco h2 {
		font-size: 16px;
		line-height: 1;
		margin-bottom: 0px;
	}

	

	#bloco_03 h3 {
		font-size: 10px !important;
		line-height: 1rem !important;
		padding: 33px 0px 0px 0px !important;
	}

	#bloco_03 .text {
		font-size: 22px; }

	#bloco_03 span {
		font-size: 16px;
	}

	#bloco_03 .rect_03 {
		height: 100px !important;
		border-radius: 15px;
		max-width: 51%;
		margin: 35px 5px 10px 5px !important;
	}

	.title-detalhe {  font-size: 17px;     font-size: 17px;
		-ms-flex: 0 0 95%;
		flex: 0 0 95%;
		max-width: 95%; }

    .info-britaniar {
		left: 5px;
		top: 5%;
	}

	#bloco_03 .rect_03 {
		height: 205px;
		border-radius: 20px;
		max-width: 51%;
		margin: 0px 10px 10px 10px;
	}

	#bloco_03 h4 {
		font-size: 18px;
		padding: 80px 5px 10px 5px;
	}

	#slogan h3 {
		font-size: 16px;
		line-height: 1.25;
		padding-left: 2%;
		padding-right: 2%;
	}

	#slogan {
		padding: 40px 0px 110px 0px;
	}

	.col-intro {  -ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%; }

	#intro h1 {
		font-size: 13px;
		letter-spacing: 0rem;
		padding-top: 6px;
	}
	#intro {
		margin-top: 0px !important;
	}
	#intro h2 {
		font-size: 16px;
		padding-left: 4%;
		max-width: 175px;
		padding-top: 10px;
		line-height: 1rem;
	}
	#intro .logo {
		max-width: 60%;
	}
}


@media (min-width: 768px) {

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

	.info-britaniar {
		font-size: 1.5em;
		padding: 30px;
	}

	.nome-produto { 
		padding: 20px;
		font-size: 1.5em;
		top: 100px;
	}

	#slogan {
		font-size: 1.2em;
	}

	#xicaras {
		background: none;
	}

	.xicara-right {
		background: url('../img/xicara-right.jpg') no-repeat center center;
		background-size: cover;
	}

	.xicara-left {
		background: url('../img/xicara-left.jpg') no-repeat center center;
		background-size: cover;
	}

	.info-xicaras {
		background: none;
		text-align: left;
		font-size: 1.2em;
		line-height: 1.1em;
	}

	.info-placa {
		text-align: right;
		padding-bottom: 0px;
	}

	.product-xicaras {
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%,0%);
		margin-top: 0px;
	}

	.title-xicaras {
		font-size: 1.5em;
		line-height: 1.8em;
	}

	.colher {
		right: -260px;
		bottom: -140px;
	}


	.info-colher {
		margin-bottom: 100px;
	}

	.info-display { 
		margin-bottom: 30px;
	}

}


@media (max-width: 889px) {
    #slogan {     margin-top: -42px; }
}


@media (min-width: 992px) {

	#intro {
		margin-top: 0px;
	}

	#slogan {
		font-size: 1.8em;		
		line-height: 1.2em;
	}

	.info-britaniar {
		font-size: 2em;
		padding: 30px;
	}

	.nome-produto { 
		padding: 20px;
		font-size: 2em;
		top: 150px;
	}

	#ambientada h3 {
		font-size: 2.2em;
	}

	.colher {
		right: -110px;
		bottom: -140px;
	}


}

@media (min-width: 1100px) {

	.info-britaniar {
		font-size: 2.2em; 
       padding: 10px 0px 130px 110px;
	}

	.nome-produto { 
		font-size: 2.2em;
	}

	#slogan {
		font-size: 2em;
	}

	.info-xicaras {
		font-size: 1.4em;
		padding: 40px 20px;
	}

	.colher {
		right: -180px;
		bottom: -120px;
		z-index: 5;
	}

}

@media (min-width: 1200px) {


}