.top-colun
{
	width: 100%;
	position: absolute;
	top:0;
	right: 0;
	height: 60px;
	text-align: center;
	vertical-align: text-top;
	z-index: 10;
	background-color: #00007E;
}

.laranja
{
	width: 100%;
	position: absolute;
	top:60;
	right: 0;
	height: 35px;
	text-align: left;
	vertical-align: text-top;
	z-index: 10;
	background-color: #FF5715;
}

.laranja h1
{
	line-height: 0px;
	margin-left: 250px;
}

.bloco-nav-mobile
{
	position: fixed;
	top: 85px;
	width: 100%;
	height: 100%;
	background-color: #00007E;
	z-index: 20;
	display: none;
}

.nav-mobile
{
	position: absolute;
	width: 350px;
	height: 700px;
	left: 50%;
	margin-left: -175px;
	top: 80px;
	text-align: center;
	color: white;
	list-style-type: none;
}

.nav-mobile a
{
	color: white;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1.8em;
	line-height: 90px;
	text-transform: uppercase;
}

.nav2
{
	margin-top: 12px;
	text-align: right;
}

.nav li, .nav2 li
{
	display: inline;
}

.nav li a, .nav2 li a
{
	color: white;
	text-decoration: none;
	margin-right: 35px;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	cursor: pointer;
}

.nav li .last
{
	margin-right: 0;
}

.nav li a:hover, .nav2 li a:hover
{
	color: grey;
}



.fundo
{
	background-image: url(../images/fundo.jpg);
	height: 100%;
	width: auto;
	background-size: cover;
	text-align: center;
	background-position: center;
	z-index: 30;
}


.container
{
	position: absolute;
	top: 45%;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	z-index: 5;
	text-align: center;
}

.container h1, .containerestacao h1, .box h2, .laranja h1
{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: white;
	font-size: 1.4em;
	text-transform: uppercase;
}

.laranja h1
{
	font-size: 1.3em;
}

.container p, .containerestacao p, .box p
{
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: white;
	font-size: 1.2em;
}

.container .caixa, .containerestacao .caixa, .containerseguro .caixa, .containersobrenos .caixablack, .col1 .caixa, .col2 .caixa, .col3 .caixa, .tabelatestemunhos .caixa, .sobreozono .tabela .caixa, .blackversion .col1 .caixa, .blackversion .col2 .caixa, .blackversion .col3 .caixa, .containerfuncionamento .caixa
{
	margin-top: 3px;
	border: 0.8px solid white;
	width: 200px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
}

.containermaquina .caixablack, .produtos .caixablack
{
	margin-top: 3px;
	border: 0.8px solid white;
	width: 200px;
	height: 30px;
	cursor: pointer;
	text-align: center;
}



.containersobrenos .caixablack, .tabelatestemunhos .caixa, .containerfuncionamento .caixa, .produtos .caixablack
{
	border: 0.8px solid black;
}


.containerfuncionamento .caixa p, .containerestacao .caixa p, .containerseguro .caixa p, .container .caixa p, .containersobrenos .caixablack p, .col1 .caixa p, .col2 .caixa p, .col3 .caixa p, .containermaquina .caixablack p, .tabelatestemunhos .caixa p, .sobreozono .tabela .col2 .caixa p, .produtos .caixablack p
{
	font-size: 0.8em;
	line-height: 30px;
	text-transform: uppercase;
}

.containerestacao .caixa a, .containerseguro .caixa a, .container .caixa a, .containersobrenos .caixablack a, .col1 .caixa a, .col2 .caixa a, .col3 .caixa a, .containermaquina .caixablack a, .tabelatestemunhos .caixa a, .produtos .caixablack a
{
	color: #FFFFFF;
    text-decoration: none;
}


.produtos .caixablack p
{
	color: black;
}

.logo
{
	background-image: url(../images/logo2.svg);
	width: 240px;
	height: 120px;
	position: absolute;
	left: 5px;
	top: 0px;
	z-index: 25;
}

.sobrenos
{
	background-color: white;
	width: 100%;
	height: 700px;
	position: relative;
	overflow: hidden;
}

.containersobrenos, .containerembalagem
{
	position: absolute;
	left: 50%;
	width: 750px;
	margin-left: -375px;
	z-index: 5;
	text-align: center;
	top: 50%;
	margin-top: -150px;
}

.containersobrenos h2, .containerembalagem h3, .col1 h4, .col2 h4, .col3 h4, .foto h5, .beneficios h3, .col-sm-3 h4, .containermaquina h4, .testemunhos h5, .pop h4, .pop2 h4, .seguro h3, .funcionamento h3, .emcasa h3, .pop3 h4, .pop4 h4, .pop5 h4, .pop6 h4, .pop7 h4, .pop8 h4, .pop9 h4, .col-sm-4 .col1 h4, .ingredientes h4, .parcerias h4
{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: black;
	font-size: 1.2em;
	text-transform: uppercase;
}

.containersobrenos p, .containerembalagem p, .col1 p, .col2 p, .col3 p, .foto p, .beneficios p, .col-sm-3 p, .containermaquina p, .testemunhos p, .pop p, .pop2 p, .pop3 p, .pop4 p, .pop5 p, .pop6 p, .pop7 p, .pop8 p, .seguro p, .funcionamento p, .emcasa p, .pop9 p, .col-sm-4 .col1 p
{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	color: black;
	font-size: 1em;
	line-height: 35px;
}

.containersobrenos p, .beneficios p, .containermaquina p, .testemunhos p
{
	font-weight: 400;
}

.parcerias h4
{
	font-size: 0.8em;
	margin-left: 50px;
	margin-top: 30px;
}


.produtos
{
	position: relative;
	background-color: white;
	left: 0px;
	width: 100%;
	height: 530px;
	overflow: hidden;
}

.produtos .caixablack
{
	margin-right: auto;
	margin-left: auto;
}




.containerembalagem
{
	left: 50%;
	width: 900px;
	margin-left: -450px;
	top: 250px;
}

.emcasa h3
{
	color: white;
}

.tabela, .tabelatestemunhos
{
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 100px;
	padding-right: 180px;
	padding-left: 180px;
}

.tabelatestemunhos
{
	margin-top: 90px;
}

.row
{
	margin-right: 0px;
	margin-left: 0px;
}

.produto1
{
	width: 54.59px;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
}

.foto
{
	background-image: url(../images/carnew2.jpg);
	position: relative;
	height: 350px;
	width: 100%;
	background-size: cover;
	text-align: right;
	background-position: center;
	overflow: hidden;
}

.foto h5
{
	margin-top: 60px;
	margin-right: 50px;
	font-size: 4em;
	font-weight: 300;
	text-transform: none;
}

.foto p
{
	margin-top: -20px;
	margin-right: 70px;
}

.beneficios
{
	background-color: white;
	width: 100%;
	height: 700px;
	position: relative;
	overflow: hidden;
	text-align: left;
}

.containerbeneficios, .containerseguro, .containerfuncionamento, .containeremcasa
{
	position: absolute;
	left: 10%;
	width: 100%;
	top: 120px;
}

.ingredientes
{
	position: relative;
	background-color: #000080;
	left: 0px;
	width: 100%;
	height: 700px;
	text-align: center;
}

.ingredientescontainer
{
	position: absolute;
	margin-top: 85px;
	margin-left: 35px;
	margin-right: 35px;
}

.ingrediente1
{
	width: 148px;
	height: 148px;
	margin-right: auto;
	margin-left: auto;
}

.glyphicon-plus
{
	color: black;
}

.glyphicon-remove-circle
{
	font-size: 1.4em;
	color: white;
	position: absolute;
	top: 9px;
	left: 9px;
	cursor: pointer;
}



.close
{
	position: absolute;
	left: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
}

.nano .nano-content { padding: 10px; }
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }

::-webkit-scrollbar             
 {
 	background-color: rgba(0,0,0,0.8); 
 	width: 10px;
 	border-radius: 2em;
 }

::-webkit-scrollbar-thumb        
{
	background-color: rgba(90,90,90,0.8);
	border-radius: 2em;	
}



.ingredientes h4
{
	color: white;
	text-decoration: none;
}


.containermaquina
{
	text-align: left;
	position: absolute;
	left: 120px;
	width: 100%;
	top: 85px;
}

.maquina2
{
	position: absolute;
	left: 0;
	top: 300px;
}

.testemunhos
{
	background-color: white;
	width: 100%;
	height: 700px;
	position: relative;
	overflow: hidden;
	text-align: left;
}

.testemunhos img
{
	margin-bottom: 20px;
}

.parcerias, .parceriasmobile
{
	width: 100%;
	height: 200px;
	position: relative;
	overflow: hidden;
	text-align: left;
	background-color: white;
}

.parcerias .row
{
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.parcerias .row .col-sm-3 img, .parceriasmobile .row .col-sm-3 img
{

	width: 126.76px;

}

.carrinho
{
	width: 180px;
	height: auto;
	position: absolute;
	bottom: 0px;
	right: -100px;
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 7s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-iteration-count: infinite;
}

@-webkit-keyframes example {
    0%   {right:-200px; bottom:0px;}
    25%  {right: 300px; bottom:5px; transform: rotate(1deg);}
    50%  {right: 200px; bottom:0px; transform: rotate(3deg);}
    55%  {right: 200px; bottom:0px; transform: rotate(5deg);}
    75%  {bottom:1px; transform: rotate(8deg);}
    100% {right:1750px;}
}

/* Standard syntax */
@keyframes example {
    0%   {right:-200px; bottom:0px;}
    25%  {right: 300px; bottom:5px; transform: rotate(1deg);}
    50%  {right: 200px; bottom:0px; transform: rotate(3deg);}
    55%  {right: 200px; bottom:0px; transform: rotate(5deg);}
    75%  {bottom:1px; transform: rotate(8deg);}
    100% {right:1750px;}
}





footer
{
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	text-align: center;
	background-color: black;
}

footer img
{
	width: 40px;
	height: 40px;
}

footer .footerrow
{
	margin-top: 60px;
}

.redessociais img, .lojapointer 
{
	cursor: pointer;
}


.carrinho2
{
	display: none;
}

.main {
  position: absolute;
  width:100%;
  overflow:hidden;
  background-color: black;
  height: 50px;
  font-size: 1.4em;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: white;
  z-index: 2;
  word-spacing: 50px;
}



.containerfuncionamento .scrollcontactos
{
	background-color: black !important;
	color: white;
	width: 220px;
}


.containerfuncionamento .scrollcontactos a p
{
	color: white !important;
	font-size: 1em;
}





.parceriasmobile
	{
		display: none;
	}






.fotomaquina
{
	position: absolute;
	left: -500px;
	top: 300px;
	animation: imganim 2s linear both;
	animation-delay: 2s;
}

@keyframes imganim {
from {left: -500px}
to {left: 0px} 
}


.animation
{
	position: absolute;
	width: 100%;
	height: 700px;
	top: 50px;
	left: 0px;
	overflow: hidden;
}


.col-sm-1
{
	width: 180px !important;
}

.ingredientescontainer
{
	width: 900px;
	margin-left: -450px;
	left: 50%;
}





.ingredientes .row h4
{
	font-size: 1em;
}


.containermaquina p
{
	line-height: 20px;
}

.footerrow
{
	color: white;

}

.footerrow h3
{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 1.1em;
}

.footerrow p
{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: white;
}


.whites
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-color: black;
	color: white;
}

.casa
{
	background-image: url(../images/casa.svg);
	position: absolute;
	width: 150px;
	height: 67.5px;
	right: 50px;
	bottom: 25px;

}






/* MOBILE MOBILE MOBILE */

@media (max-width: 1350px) {

	.produtos .tabela
	{
		padding-right: 20px;
		padding-left: 20px;
	}
}


@media (max-width: 940px) {



	.menu
	{
		background-image: url(../images/menu.svg);
		width: 45px;
		height: 45px;
		position: fixed;
		right: 15px;
		top: 10px;
		z-index: 25;
		cursor: pointer;
	}

	.nav2
	{
		display: none;
	}

	.top-colun, .logo, .laranja
	{
		position: fixed;
	}

	.fundo
	{
		height: 100%;
		width: auto;
		background-size: cover;
		text-align: center;
		background-position: center;
		z-index: 30;
		overflow: hidden;
	}

	.produtos
	{
		height: 900px;	
	}

	.produtos .tabela .col-sm-4
	{
		width: 100%;
	}

	.ingredientes
	{
		height: 1295px;
	}

	.ingredientescontainer
	{
		width: 100%;
		margin-left: 0px;
		left: 0px;

	}

	.ingredientescontainer .row
	{
		width: 360px;
		margin-right: auto;
		margin-left: auto;
	}

	.ingredientescontainer .row .col-sm-1
	{
		float: left;
	}

	.parcerias
	{
		height: 360px;
	}

	.parcerias .row
	{
		width: 370px;
	}

	.parcerias .row .col-sm-1
	{
		float: left;
	}


	footer
	{
		height: 320px;
	}
	

}



@media (max-width: 800px) {


	.produtos
	{
		height: 910px;	
	}


	.ingrediente1
	{
		width: 128px;
		height: 128px;
	}

	.footerrow .col-sm-3
	{
		width: 100%;
	}

	footer
	{
		height: 850px;
	}
	
	.casa
	{
		position: absolute;
		width: 150px;
		height: 67.5px;
		right: unset;
		left: 50%;
		margin-left: -75px;
		bottom: 75px;
	}
}

@media (max-width: 580px) {


	.produtos
	{
		height: 1200px;	
	}

	.parcerias h4
	{
		margin-left: 20px;
	}

	/*.laranja
	{
		text-align: right;
		height: 70px;
	}

	.laranja h1
	{
		line-height: 25px;
		margin-top: 10px;
		margin-right: 10px;
		width: 150px;
		font-size: 1.3em;
	}*/

	.top-colun
	{
		height: 100px;
	}

	.logo
	{
		margin-left: -10px;
	}

	.laranja
	{
		top: 100px;
		height: 38px;
		text-align: right;
	}

	.laranja h1
	{
		font-size: 1.1em;
		margin-top: 20px;
		margin-right: 14px;
		margin-left: 0px;
	}

	.menu
	{
		top: 29px;
	}

	.bloco-nav-mobile
	{
		top: 109px;
	}

}



@media (max-width: 380px) {

	.top-colun
	{
		height: 80px;
	}

	.logo
	{
		margin-left: -10px;
		width: 180px;
		height: 90px;
	}

	.laranja
	{
		top: 80px;
		height: 30px;
		text-align: right;
	}

	.laranja h1
	{
		font-size: 0.95em;
		margin-top: 15px;
		margin-right: 14px;
		margin-left: 0px;
	}

	.menu
	{
		top: 20px;
	}

	.bloco-nav-mobile
	{
		top: 109px;
	}

}	



@media (max-width: 350px) {

	

	.col-sm-1
	{
		width: 160px !important;
	}

	.produtos
	{
		height: 1400px;
	}

	.ingredientescontainer .row
	{
		width: 100%;
	}

	.ingredientes .row h4
	{
		font-size: 0.9em;
	}

	.ingredientes
	{
		height: 1245px;
	}

	

}