@charset "utf-8";
/* ######################### */
/* ### CONTEÚDOS - GERAL ### */
/* ######################### */
body{
	background-color: #ffffff;
	color: #111; font-size: 14px; 
	font-family: 'Open Sans', sans-serif;
}
.container_wrap{
	max-width: 1020px; 
	width: 100%;
	height: 95px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* ############ */
/* ### TOPO ### */
/* ############ */
.top_header{ 
	background-color: #F6F6F6;
	margin-bottom: 5px;
	width: 100%;
	height: 95px;
	z-index: 1000;
}

.fixed {
	position: fixed;
}

.top_header .logo{ 
	float: left; 
	width: 180px; 
	margin: 25px 0 0 10px; 
}

.top_bar{ background-color: #E7E2DD; }
.top_bar .login{ display: inline-block; padding: 10px 0; }

.info {
	float: right;
	width: 150px;
	margin-right: 10px;
	margin-top: 40px;
}

.info a.facebook {
	float: left;
	width: 19px;
	height: 19px;
	margin-left: 10px;
	background: url('../img/icone-facebook.png') no-repeat 0 0 transparent;
	text-indent: -9999px;
	transition: 0.6s all;
}

.info a.facebook:hover {
	opacity: 6;
	transition: 0.6s all;
}

.info p.telefone {
	margin-left: 47px;
	padding-left: 13px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000000;
	background: url('../img/icone-telefone.png') no-repeat 0 0 transparent;
}

.info p.telefone span.ddd {
	font-size: 14px;
}

.info p.telefone span.numero {
	font-weight: bold;
}

/* ################### */
/* ### TOPO > MENU ### */
/* ################### */
.menu_mobile_button{
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 40px;
	text-decoration: none;
	color: #A7A7A7;
	width: 60px;
	height: 60px;
	text-align: center;
	background: #f2f2f2;
}

.menu_container{
	position: absolute; left: 0; top: 95px;
	z-index: 1;
	width: 100%;
	text-align: center;
	z-index: 1000;
}
.menu_top ul{ list-style: none; }
.menu_top li ul{ display: none; }
.menu_top{
	/* display: block; overflow: hidden; height: 0; */
	padding: 0;
	display: none;
	list-style: none;
	width: 100%;
	background: #f6f6f6;
}
.menu_top > li{
	position: relative; z-index: 1;
	box-sizing: border-box;
	display: block; width: 100%;
}
.menu_top li a, .menu_top li a:visited{
	display: block;
	text-decoration: none;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 20px 0px;
	transition: 0.3s all;
}
.menu_top li:hover > a{ 
	opacity: 0.5; 
	transition: 0.3s all;
}
.submenu{}
.active{}

/* #################### */
/* ### MAIN CONTENT ### */
/* #################### */
.title_page, .title_page > a{
	background-color: #ccc;
	text-decoration: none; color: #090909; font-size: 18px;
	padding: 5px;
	font-weight: normal;
	box-sizing: border-box;
}
.title_page_wrap{
	background-color: #ccc;
	padding: 15px 0;
}
.title_container{
	background-color: #ccc;
	color: #090909; font-size: 16px;
	padding: 15px;
	margin: 0 0 10px 0;
}
.container_main{ background-color: #e0e0e0; }
.container_text{ text-align: justify; }
.container_text p{ margin: 6px 0; }
aside .title{
	background-color: #ccc;
	color: #090909; font-size: 16px;
	padding: 5px;
	margin-bottom: 10px;
}
aside.container{ background-color: #bababa; }
._pagination{ clear: both; display: block; }
.list a{ color: #111; text-decoration: none; }
.list ._img-bg{ float: left; margin-right: 3px; }

/* ############## */
/* ### SLIDER ### */
/* ############## */
.carouFredSel.slider.home{ width: 100%; max-width: 1980px; max-height: 600px; }
.carouFredSel.slider.home{ overflow: hidden; }
.carouFredSel.slider.home .container img,
.carouFredSel.slider.home .container > a {
	width: 100%; height: auto; max-width: 1980px; max-height: 600px;
}
.carouFredSel-slider.home .pager { text-align: right; }
.carouFredSel-slider.home .container > figure figcaption{
	position: absolute; top: 60px; left: 0px;
	width: 380px;
	font-size: 16px;
}
.carouFredSel-slider.home .container > figure figcaption h2{ color: #b40000; font-size: 36px; }

/* ################# */
/* ### CARROUSEL ### */
/* ################# */
.carousel-wrapper{ box-sizing: border-box; padding: 0 10px; } /* MANTEM SETAS DE NAVEGAÇÃO DENTRO DO CONTEÚDO PRINCIPAL */
.carouFredSel.carousel.home{ width: 100%; }
.carouFredSel.carousel.home .container > a { margin: 0 15px; }

/* ############ */
/* ### FORM ### */
/* ############ */
._form{
}
._form input, ._form select, ._form textarea, ._form-input, ._form-box-msg{
	font-size: 15px;
	width: 100%;
	padding: 7px 5px;
}
._form textarea{ height: 150px; }
._form input[type="submit"], ._form input[type="button"], ._form input[type="reset"], ._form button, ._form ._button, ._form .fileinput-button{
	padding: 7px 20px;
	font-size: 15px;
	width: 100%;
	background-color: #ababab;
	transition: all 0.1s linear 0s; /* EFEITOS */
}
._form input[type="submit"]:hover, ._form input[type="button"]:hover, ._form input[type="reset"]:hover, ._form button:hover, ._form ._button:hover, ._form .fileinput-button:hover{
	background-color: #9d9d9d;
}
.contato button{ margin: 15px 0; }

/* ############## */
/* ### FOOTER ### */
/* ############## */
.footer_wrapper{ padding-top: 40px; background-color: #1692a5; clear: both; }
.footer{
	box-sizing: border-box;
	display: block;
	padding: 0 0px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	height: 280px;
}

.footer h2 {
	float: left;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: -1px;
	text-align: center;
}

.footer .col {
	height: 200px;
}

.footer .col img {
	margin-top: 50px;
	margin-bottom: 10px;
}

.footer .col p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #ffffff;
}

.footer .col p a.facebook {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	transition: 0.3s all;
}

.footer .col p a.acesse {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	transition: 0.3s all;
}

.footer .col p a.facebook:hover {
	opacity: 0.7;
	transition: 0.3s all;
}

.footer .col p a.acesse:hover {
	opacity: 0.7;
	transition: 0.3s all;
}

footer .col p strong {
	font-size: 15px;
}

.footer_wrapper .assinatura {
	width: 100%;
	height: 60px;
	background-color: #0b8598;
	clear: both;
}

.footer_wrapper .assinatura .container_wrap {
	height: 60px;
}

.footer_wrapper .assinatura p { 
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}

.footer_wrapper .assinatura p a {
	color: #ffffff;
	text-decoration: none;
	transition: 0.3s all;
}

.footer_wrapper .assinatura p a:hover {
	opacity: 0.7;
	transition: 0.3s all;
}

.footer .developer{ padding: 3px 0; color: black; }

/* ############# */
/* ### PAGES ### */
/* ############# */
.container_main .flex_ratio_wrap{ display: block; }

.bg-silder-content .texto {
	float: left;
	width: 415px;
	margin-top: 90px;
	margin-left: 10px;
}

.bg-silder-content .texto h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 44px;
	font-style: italic;
	font-weight: 400;
	color: #ffffff;
}

.bg-silder-content .texto p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
}

.bg-silder-content img {
	float: right;
	width: 677px;
	height: 385px;
	display: block;
	position: absolute;
	right: 20px;
	top: 130px;
}

.porquefazer {
	width: 100%;
	height: 540px;
	background: #f6f6f6;
}

.porquefazer h2.titulo {
	margin-top: 70px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 26px;
	color: #1692a5;
	letter-spacing: -1px;
}

.porquefazer p.desc-left {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #3d3d3d;
}

.porquefazer p.desc-right {
	float: right;
	margin-top: 210px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #222222;
}

.porquefazer .imgpassos {
	margin-left: 10px;
	margin-top: 55px;
}

.vantagens {
	width: 100%;
	height: 460px;
	background: url('../img/bg-vantagens.jpg') center center;
	clear: both;
}

.vantagens h2 {
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: #222222;
	text-align: center;
	letter-spacing: -1px;
}

.vantagens .item {
	padding: 0 10px 0 10px;
}

.vantagens img {
	float: left;
	margin-left: 65px;
}

.vantagens h4 {
	float: left;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #222222;
	clear: both;
}

.vantagens p {
	float: left;
	margin: 20px 0 0 0;
	padding: 20px 0 0 10px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #3d3d3d;
	border-top: 1px solid #d3d3d3;
	clear: both;
}

.teste-responsivo {
	width: 100%;
	height: 208px;
}

.teste-responsivo h2 {
	margin-top: 60px;
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	font-weight: 600;
	color: #1692a5;
	letter-spacing: -1px;
}

.teste-responsivo p {
	margin-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #3d3d3d;
}

.teste-responsivo a.cliqueaqui {
	float: right;
	margin-top: 95px;
	padding-top: 10px;
	width: 290px;
	height: 35px;
	background-color: #44b6c2;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	transition: 0.3s all;
}

.teste-responsivo a.cliqueaqui:hover {
	background-color: #14778b;
	transition: 0.3s all;
}

.home ._img-bg {
	margin-top:10px; 
	width:100%; 
	height:374px;
	background-size: contain;
}

.clientes {
	width: 100%;
	height: 600px;
	background: url('../img/bg-clientes.jpg')  center center;
}

.clientes h2 {
	float: left;
	width: 100%;
	margin: 20px 0 45px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	font-weight: 600;
	color: #222222;
	text-align: center;
	letter-spacing: -1px;
}


.clientes h4 {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #222222;
	text-align: center;
}

.clientes span {
	float: left;
	width: 100%;
	padding-top: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #3d3d3d;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #d1d1d1;
	transition: 0.3s all;
}

@media screen and (min-width: 600px) and (max-width: 949px) {

	.vantagens {
		height: 1185px;
		background: #e1e1e1;
	}

	.vantagens img {
		margin-left: 45%;
	}

	.teste-responsivo .item {
		min-height: auto !important;
	}
	
	.teste-responsivo h2 {
		margin-top: 10px;
		font-size: 24px;
		text-align: center;
	}
	
	.teste-responsivo p {
		margin-top: 5px;
		text-align: center;
	}
	
	.teste-responsivo a.cliqueaqui {
		float: left;
		margin-top: 15px;
		margin-left: 30%;
	}
	
	.clientes .carouFredSel.carousel .next {
		width: 19px;
		height: 28px;
		background: url('../img/row-right.png') no-repeat 0 0;
		text-indent: -9999px;
		right: 10px;
		top: 180px;
	}
	
	.clientes .carouFredSel.carousel .prev {
		width: 19px;
		height: 28px;
		background: url('../img/row-left.png') no-repeat 0 0;
		text-indent: -9999px;
		left: -5px;
		top: 180px;
	}
	
	.porquefazer p.desc-right {
		margin-top: 30px;
	}
	
	.bg-silder-content img {
		width: 477px;
		height: 270px;
		top: 205px;
	}
	
	.info {
		margin-right: 115px;
	}
	
	.footer .col {
		width: 365px;
	}
	
}


@media only screen and (max-width: 599px){

	.top_header {
		height: 105px;
	}
	
	.menu_container {
		top: 105px;
	}

	.info {
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
		clear: both;
	}
	
	.menu_top > li{
		border-bottom: 1px solid #F2F2F2;
	}
	
	.bg-slider {
		background: #1692a5 !important;
	}
	
	.bg-silder-content .texto {
		width: 292px;
		margin-top: 35px;
	}
	
	.bg-silder-content .texto h2 {
		font-size: 30px;
	}
	
	.bg-silder-content .texto p {
		font-size: 16px;
	}
	
	.bg-silder-content img {
		position: relative;
		top: 0;
		left: 0;
		float: left;
		display: block;
		width: 90%;
		height: 100%;
		padding-left: 10px;
		margin-top: 30px;
	}
	
	.porquefazer h2.titulo {
		margin-top: 40px;
		font-size: 24px;
		text-align: center;
	}
	
	.porquefazer p.desc-left {
		margin-top: 20px;
		text-align: center;
	}
	
	.porquefazer .imgpassos {
		margin-top: 20px;
		width: 90%;
		height: 100%;
		margin-left: 10px;
	}
	
	.porquefazer p.desc-right {
		float: left;
		margin-top: 50px;
		text-align: center;
		height: 245px;
	}
	
	.vantagens {
		width: 100%;
		height: 1220px;
		background: #e1e1e1;
		clear: both;
	}
	
	.vantagens h2 {
		margin-top: 20px;
		margin-bottom: 40px;
		font-size: 26px;
	}
	
	.vantagens .item {
		padding: 0;
		margin-bottom: 40px !important;
	}
	
	.vantagens img {
		margin-left: 35%;
	}

	.vantagens h4 {
		margin: 5px 0 0 0;
		padding: 0;
	}
	.vantagens p {
		margin-top: 10px;
		padding-top: 10px;
		padding-left: 0;
	}
	
	.teste-responsivo {
		height: 280px;
	} 
	
	.teste-responsivo .item {
		min-height: auto !important;
	}
	
	.teste-responsivo h2 {
		margin-top: 15px;
		font-size: 26px;
		text-align: center;
	}
	
	.teste-responsivo p {
		margin-top: 10px;
		text-align: center;
	}
	
	.teste-responsivo a.cliqueaqui {
		float: left;
		width: 90%;
		margin-top: 10px;
		margin-left: 3%;
	}
	
	.clientes {
		height: 600px;
		background: #e9e9e9;
	}
	
	.clientes h2 {
		margin-top: 10px;
		margin-bottom: 30px;
		font-size: 24px;
	}
	
	.clientes .carouFredSel.carousel .next {
		width: 19px;
		height: 28px;
		background: url('../img/row-right.png') no-repeat 0 0;
		text-indent: -9999px;
		right: 10px;
		top: 180px;
	}
	
	.clientes .carouFredSel.carousel .prev {
		width: 19px;
		height: 28px;
		background: url('../img/row-left.png') no-repeat 0 0;
		text-indent: -9999px;
		left: -5px;
		top: 180px;
	}
	
	.footer .col {
		height: 130px;
	}
	
	.footer .localizacao { 
		min-height: 130px !important;
		height: 130px;
	}
	
	.footer .col img {
		margin-top: 15px;
	}
	
	.footer_wrapper .assinatura p {
		font-size: 13px;
		width: 100%;
	}
}

@media screen and (min-width: 359px) and (max-width: 599px) {
	
	.clientes .carouFredSel.carousel .next {
		right: -1px;
		top: 180px;
	}
	
	.clientes .carouFredSel.carousel .prev {
		left: -10px;
		top: 180px;
	}
	
	.home ._img-bg {
		height: 300px;
		margin-top: 0;
	}
	
	.clientes span {
		padding-top: 0;
	}
	
}


/* GRIDS */
.grid [class^="col"], .grid [class*=" col"]{ /*border: 1px solid green;*/ }
section .grid [class^="col"], .grid [class*=" col"]{ min-height: 200px; }