body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, table, td, tr {
	font-family: "Open Sans", Helvetica, Arial, sans-serif; 
}

/** CORES **/

.bg-branco { background-color: #FFF; }
.bg-black { background-color: #000; }
.bg-colorsys { background-color: #e6187e;  }
.bg-treatsys { background-color: #5999d4; }
.bg-relaxsys { background-color: #b5c732; }
.bg-smootsys { background-color: #5d3083; }
.bg-wavesys  { background-color: #f0c949; }
.bg-cinza-escuro { background-color: #333; }
.bg-cinza-medio { background-color: #888992; }
.bg-cinza { background-color: #575757; }
.bg-botao-verde { background-color: #b5c732; }
.bg-botao-verde-escuro { background-color: #919f28; }
.bg-botao-cinza { background-color: #868585; }

.texto-branco { color: #FFF; }
.texto-colorsys { color: #c51e7b;  }
.texto-treatsys { color: #5999d4; }
.texto-relaxsys { color: #b5c732; }
.texto-smootsys { color: #5d3083; }
.texto-wavesys  { color: #f0c949; }

/** ESPAÇAMENTOS **/

.pb90 { padding-bottom: 5.625em; }
.pt90 { padding-top: 5.625em; }

.pb70 { padding-bottom: 4.375em; }
.pt70 { padding-top: 4.375em; }

/** AJUSTES PADRÃO **/

.row {
	max-width: 62.5rem;
	margin-left: auto;
	margin-right: auto;
}

img {
	border-radius: 4px;
}

h1, h2 {
	text-transform: uppercase;
}

section h2 {
	font-weight: lighter;
	font-size: 2em;
	margin-bottom: 0.8em;
}

/** HEADER **/

.top-bar {
	position: relative;
	padding-top: 0;
	padding-bottom: 3em;
}

.top-bar .top-bar-title img {
	border-radius: 0;
}

.top-bar ul {
	background: none;
}

.top-bar .menu {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.5rem;
}

.top-bar ul.menu li {
	text-transform: uppercase;
}

.top-bar ul.menu li a {
	color: #888686;
}

.top-bar ul.menu li a:hover {
	color: #333;
}

/** SLIDER **/

.slider-home {
	width: 100%;
}

.slider-home .expanded {
	text-align: center;
}

.slider-home img {
	border-radius: 0;
}

/** NOSSAS LINHAS **/

.nossas-linhas .header-linhas {
	position: relative;
}

.nossas-linhas .header-linhas h2 {
	float: left;
}

.nossas-linhas .nav-linhas {
	float: right;
	padding-top: 10px;
}

.nossas-linhas .nav-linhas li {
	display: block;
	float: left;
	margin-right: 2em;
}

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

.nossas-linhas .linha-container {
	display: block;
	width: 100%;
}

.nossas-linhas .linha-first-row, .nossas-linhas .linha-first-row-mobile {
	margin-bottom: 1.875em;
}

/** SEJA UM DISTRIBUIDOR **/

.distribua {
	background-image: url('/_img/bg-distribuicao.jpg');
	background-repeat: no-repeat;
	background-position: right;
}

.distribua h2 {
	font-weight: 700;
}

.distribua .bt-distribua {
	text-transform: uppercase;
	border: 0;
	border-radius: 4px;
	background: #b5c732;
	padding: 1.45em 1.835em;
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 0;
}

.distribua .bt-distribua:hover {
	background-color: #919f28;
}


/** FOOTER **/

footer h2, footer p, footer a, footer a:hover,  footer label {
	color: #FFF;
}

footer h2 {
	text-decoration: none;
	text-align: right;
	font-weight: lighter;
	font-size: 2.6em;
}

footer input, footer textarea, footer button, .distribua-form button.button {
	border-radius: 4px !important;
}

footer button.button, .distribua-form button.button {
	background-color: #868585;
	padding: 1.5em 3em;
	font-size: 1.2em;
}

footer button.button:hover, footer button.button:focus, .distribua-form button.button:hover, .distribua-form button.button:focus {
	background-color: #FFF;
	color: #542a33;
}

.distribua-form button.button:hover {
	border: 1px solid #868585;
}

footer hr {
	border-color: #868585;
	margin-bottom: 80px;
	margin-top: 80px;
}

footer .data-footer {
	margin-top: 1.5em;
	display: block;
    float: right;
}

footer .data-footer span {
    display: block;
    float: right;
    clear: both;
    color: #FFF;
}

footer .endereco .data-footer {
	float: none;
	margin-bottom: 2em;
}

footer .endereco .data-footer span {
    display: block;
    float: none;
    clear: both;
    color: #FFF;
    text-align: center;
}

footer .data-footer span.email {
    font-size: 0.9em;
    margin-top: 0.4em;
    text-align: right;
}

footer .logo-footer img {
	border-radius: 0;
}

/** FORCE HIDE TOGGLE **/
.title-bar { 
	display: none;
}


/** MENU RESPONSIVO **/

@media (min-width:640px) and (max-width:840px) {

	.pb90, .pb70 { padding-bottom: 1.875em; }
	.pt90, .pt70 { padding-top: 1.875em; }

	.top-bar {
		padding-bottom: 1em;
	}

	.top-bar .top-bar-title, .top-bar .top-bar-right {
        display: block;
        width: 100%;
        text-align: center;
    }

    .top-bar .menu {
    	position: relative;
    	top: auto;
    	transform: none;
    	right: auto;
    	padding: 0.5em;
    }

    .top-bar-title {
    	margin-bottom: 50px;
	}

	.top-bar ul.menu li a {
	    line-height: 1.3em;
	}

	.nav-linhas {
		display: none;
	}

	.distribua { 
    	background-image: none;
    }

    .distribua .medium-6, .distribua .bt-distribua {
    	width: 100%;
    }

}

@media (max-width:639px) {




	.pb90, .pb70 { padding-bottom: 1.875em; }
	.pt90, .pt70 { padding-top: 1.875em; }

	section h2 { font-size: 1.5em; }

	.top-bar {
		padding-bottom: 0.5em;
	}

    .top-bar-title {
        display: block;
        width: 100%;
        text-align: center;
    }

    .title-bar {
        background: none;
        color: #333;
    }

    .title-bar .menu-icon:after {
        background: #333;
        box-shadow: 0 7px 0 #333, 0 14px 0 #333;
    }

    .top-bar .menu {
    	position: relative;
    	top: auto;
    	transform: none;
    	right: auto;
    	padding: 0.5em;
    }

    .top-bar .menu li {
    	width: 100%;
    	display: block;
    	font-size: 0.8em;
    	padding-bottom: 0.3em;
    }

    .top-bar .menu li:last-child {
    	padding-bottom: 0;
    }

    .quem-somos .foto-fabrica {
    	padding-bottom: 1.5em;
    }

    .distribua { 
    	background-image: none;
    }

    .distribua .bt-distribua {
    	width: 100%;
    }

    .galeria-profissional .linha1 {
    	padding-bottom: 20px;
    }

    footer h2 {
    	text-align: center;
    	font-size: 1.5em;
    }

    footer .logo-footer, footer .endereco, footer .text-right {
    	text-align: center;
    }

}