@import url('reset.css');
@import url('fonts.css');
@import url('jquery-ui-1.9.2.custom.min.css?v=1212');
@import url('font-awesome.min.css?v=1.1');

body{ 
	width: 100%; 
	background: #fff url('../img/body-bg.png') no-repeat 50% bottom; 
	font: 100%/1.5em Arial, Helvetica, sans-serif; 
	color: #555; 
}

body * { box-sizing: border-box; }


/* -----------------
	// BODY WRAPPER
-------------------- */
.wrapper {
	width: 100%;    
}

/* Sponsors */
.folks-sponsor-box {
	padding: 20px;
	background: #fafafa;
}

.folks-sponsor-text {
	text-align: justify;
	width: 100%;
	float: left;
	line-height: 1.5em;
}

@media( max-width: 767px ) {

	.folks-sponsor-text > .left-content {
		float: none;
		width: 100% !important;
		display: block;
	}

	.folks-sponsor-text .right-content {
		float: none;
	}

	.folks-sponsor-text .right-content img {
		display: block;
		max-width: 145px;
		margin: 0 auto;
		float: none;
	}

}

.folks-sponsor-logo {
	width: 35%;
	float: right;
	padding: 85px 0 0;
}

.folks-sponsor-logo img {
	display: block;
	margin: 0 auto;
}

/* -----------
	// BANNER 
-------------- */
.banner-wrapper {
	width: 100%;
	height: 630px;
	position: relative;
}

@media ( max-width: 767px ) {

	.banner-wrapper {
		z-index: 5;
	}

}

.banner-wrapper--interna {
	width: 100%;
	height: 400px;
	position: relative;
	overflow-y: hidden;
	/*background: url('../img/banner-1.jpg') no-repeat 50% 50%;*/
}

@media ( max-width: 767px ) {

	.banner-wrapper--interna {
		overflow-y: visible;
	}

}

.banner-slide {
	width: 100%;
	height: 630px;
	position: absolute !important;
	top: 0; left: 0;
	z-index: -1 !important;
}
.banner-slide--interna { height: 400px; }

@media ( max-width: 767px ) {

	.banner-wrapper, 
	.banner-slide {
		height: 180px;
	}

}


/* BANNER HOME */
.banner-home.banner-slide--one {
	background: url('../img/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-home.banner-slide--two {
	background: url('../img/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-home.banner-slide--three {
	background: url('../img/banner-3.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER INSTITUCIONAL */
.banner-institucional.banner-slide--one {
	background: url('../img/institucional/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER IMPORTAÇÃO TERCEIROS */
.banner-importacao-terc.banner-slide--one {
	background: url('../img/importacao-terceiros/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-importacao-terc.banner-slide--two {
	background: url('../img/importacao-terceiros/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER IMPORTAÇÃO ENCOMENDA */
.banner-importacao-enc.banner-slide--one {
	background: url('../img/importacao-encomenda/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-importacao-enc.banner-slide--two {
	background: url('../img/importacao-encomenda/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER EXPORTAÇÃO */
.banner-exportacao.banner-slide--one {
	background: url('../img/exportacao/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-exportacao.banner-slide--two {
	background: url('../img/exportacao/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}

/* BANNER CERVEJA */
.banner-beer.banner-slide--one {
	background: url('../img/barris/main-banner.jpg') no-repeat 50% 50%;
	background-size: cover;
}

/* BANNER PAINEIS */
.banner-panel.banner-slide--one {
	background: url('../img/paineis/main-banner.jpg') no-repeat 50% 50%;
	background-size: cover;
}

/* BANNER SOURCING */
.banner-sourcing.banner-slide--one {
	background: url('../img/sourcing/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-sourcing.banner-slide--two {
	background: url('../img/sourcing/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER OUTROS SERVIÇOS */
.banner-outros.banner-slide--one {
	background: url('../img/outros-servicos/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-outros.banner-slide--two {
	background: url('../img/outros-servicos/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER FITAS ADESIVAS */
.banner-fitas.banner-slide--one {
	background: url('../img/fitas-adesivas/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-fitas.banner-slide--two {
	background: url('../img/fitas-adesivas/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER POLÍMEROS */
.banner-polimeros.banner-slide--one {
	background: url('../img/polimeros/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-polimeros.banner-slide--two {
	background: url('../img/polimeros/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}

/* BANNER CINEMA */
.banner-cinema.banner-slide--one {
	background: url('../img/cinema/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER BLOCO */
.banner-blocos.banner-slide--one {
	background: url('../img/blocos/banner-1.jpg') no-repeat 50% 50%;
}

.banner-blocos.banner-slide--two {
	background: url('../img/blocos/banner-2.jpg') no-repeat 50% 50%;
}


/* BANNER PLÁSTICOS */
.banner-plasticos.banner-slide--one {
	background: url('../img/plasticos/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER RECICLAGEM */
.banner-reciclagem.banner-slide--one {
	background: url('../img/reciclagem/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.banner-reciclagem.banner-slide--two {
	background: url('../img/reciclagem/banner-2.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* BANNER MINÉRIOS */
.banner-minerios.banner-slide--one {
	background: url('../img/minerios/banner-1.jpg') no-repeat 50% 50%;
	background-size: cover;
}


/* -------------------
	// MOBILE ICOS 
---------------------- */
.mobile-icos {
	display: none;

	position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    border-radius: 7px;
    background: rgba(2, 54, 73, 0.5);
}

.mobile-icos .fa {
	font-size: 24px;
	color: #fff;
}

.mobile-icos .menu-ico {
	font-size: 28px;
}

@media ( max-width: 767px ) {
	.mobile-icos {
		display: block;
	}
}


/* -------------------
	// SEARCH (TOPO) 
---------------------- */
.search-wrappper {
	width: ;
	padding: 1px 0;
}

@media ( max-width: 767px ) {

	.search-wrappper.inner {
		position: relative;
		display: block;
	}

}


/* --------------
	// SEARCH FORM 
----------------- */
.search-form {
	float: right;
	background: #58595b;
	padding: 3px;
}
	.search-form * { 
		outline: none;
	}

	@media ( max-width: 767px ) {
		
		.search-form {
			display: none;
			position: absolute;
			width: 95%;
			top: 80px;
			left: 50%;
    		transform: translateX(-50%);
			/*float: none;*/
		}

	}

	.search-form__field {
		background: none;
		font: 11px Arial, sans-serif;
		color: #a4a4a4;
		padding: 10px;
		border: none;
		width: 200px;
	}

	@media ( max-width: 767px ) {
		.search-form__field {
			width: 86%;
			font-size: 16px;
		}
	}

	.search-form__btn {
		display: inline-block;
		padding: 5px;
		background: #383839 url('../img/lupa-busca-topo.png') no-repeat 50% 50%;
		text-indent: -5000px;
		width: 35px; 
		height: 35px;
		border: none;
		cursor: pointer;
		/*transition: background-color .2s ease;*/
	}
	.search-form__btn:hover { background-color: #424246; }

	@media ( max-width: 767px ) {

		.search-form__btn {
			float: right;
			height: 38px;
		}

	}



/* LANGUAGE MENU */
.lang-menu {
	float: right;
	display: block;
	margin-left: 5px;
}

@media ( max-width: 767px ) {
	
	.lang-menu {
		width: 95%;
		position: absolute;
		top: 80px;
		display: none;
		float: none;
		margin: 0;
		left: 50%;
    	transform: translateX(-50%);
	}

}

/* LANGUAGE LIST */
.lang-list {
	
}


.lang-list li {
	display: block;
	position: relative;
}

.lang-list li a, 
.lang-sublist li a {
	background: #383839;
	color: #FFF;
	font: 12px 'oswaldregular', arial, sans-serif;
	padding: 11px 10px 12px 10px;
	text-decoration: none;
	display: block;
}

.lang-list li a:hover {
	background: #48484b;
}


/* LANGUAGE SUBLIST */
.lang-sublist {
	display: none;
	width: 140px;
	position: absolute; top: 41px; right: 0;
	z-index: 444;
}
.lang-sublist li { margin-bottom: 1px; }
.lang-sublist li a {  }
.lang-sublist li a:hover {
	
}

.lang-list li:hover > .lang-sublist {
	display: block;
}

@media ( max-width: 767px ) {

	.lang-sublist {
		width: 100%;
		top: 0;
	}

	.lang-list {
		width: 100%;
	}

	.lang-list > li > a {
		display: none;
	}

}


/* ----------------
	// HEADER 
----------------- */

.header {
	/* background: #fff; */
	background: none;
	clear: both;
	padding: 20px 0 0 0;
}

.header .logo {
	float: left;
	/*transition: opacity .3s ease;*/
	position: relative; top: 0;
}
.header .logo:hover {
	opacity: .9;
	-moz-opacity: .9;
	-webkit-opacity: .9;
}

@media ( max-width: 767px ) {

	.header .logo {
		width: 180px;
		display: block;
		position: absolute;
		top: 10px;
		left: 10px;
	}

	.header .logo a,
	.header .logo img {
		width: 100%;
		display: block;
	}

}

@media ( max-width: 320px ) {

	.header .logo {
		width: 150px;
	}

}


/* ----------------
	// MENU 
----------------- */
.menu-wrapper { float: right; }

@media ( max-width: 767px ) {
	.menu-wrapper {
		float: none;
		position: absolute;
		top: 80px;
		left: 50%;
		width: 95%;
		transform: translateX(-50%);
		z-index: 5;
		border-bottom: solid 2px #081934;
		display: none;
		z-index: 5;
	}
}

.main-menu { 
	float: right;
	clear: both;
}

	@media ( max-width: 767px ) {

		.main-menu { 
			float: none;
			width: 100%;
			background: #fff;
		}

	}

	.main-menu li {
		font: 12px 'oswaldregular', Arial, sans-serif;
		color: #fff;
		float: left;
	}

	@media ( max-width: 767px ) {

		.main-menu li { 
			float: none;
			font-size: 16px;
			color: #747474;
			z-index: 5;
		 }		 

	}

	.main-menu li a {
		font: 12px 'oswaldregular', Arial, sans-serif;
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 2px 8px;
		/*transition: background-color .2s ease;*/
	}

	@media ( max-width: 767px ) {

		.main-menu li a {
			font-size: 16px;
			padding: 9px;
			color: #747474;
		}

		.main-menu li:nth-child(odd) a {
			background: #f5f5f5;
			color: #747474;
		}

	}

	.main-menu li a:hover{
		/*background: #023649;
		color: #fff;*/
	}

	.seta-menu {
		width: 9px; height: 4px;
		position: relative; top: -3px;
		margin-left: 10px;
		display: inline-block;
		background: url('../img/seta-menu.png') no-repeat -20px 0;
	}

	.main-menu li a:hover .seta-menu {
		background-position: -20px 0;
	}

	@media ( max-width: 767px ) {

		.main-menu li a .seta-menu {
			background-position: 0 0;
		}

	}

	.main-menu .submenu .seta-menu {
		background-position: 0 0 !important;
	}

	.main-menu .submenu li a:hover .seta-menu {
		background-position: -20px 0 !important;
	}


/* MENU A
------------- */
.menu-a {
	margin-bottom: 0;
}

.menu-a li { 
	margin: 0 8px;
}

@media ( max-width: 767px ) {

	.menu-a li {
		margin: 0;
	}

}

.menu-a li a { 
	font-size: 12px;
	/*color: #a4a4a4;*/
	color: #fff;	
}

.menu-a li a:hover { text-decoration: underline; }

@media ( max-width: 767px ) {

	.menu-a li a { 
		font-size: 16px;
		color: #747474;
	}

}

/* MENU B
------------- */
.menu-b li a{ 
	font-size: 14px;
	/*color: #023649;*/
	color: #fff;
	padding: 10px 15px 10px 15px;
}

.menu-b li a:hover { 
	background: #023649;
	color: #FFF;
}

@media ( max-width: 767px ) {

	.menu-b li a { 
		font-size: 16px;
		padding: 9px;
		color: #747474;
	}

}


/* SUBMENU
----------------- */
.submenu-item { 
	position: relative;
}

.submenu-item > .submenu {
	position: absolute;
	top: 42px;
	right: 0;
	background: #fff;
	width: 280px;
	display: none;
	border-top: solid 1px #ccc;
}

@media ( max-width: 767px ) {

	.submenu-item > .submenu { 
		position: relative;	
		top: auto;
		width: 100%;	
		display: none;
	}

}

.submenu-item:hover > .submenu {
	display: block;
}

@media ( max-width: 767px ) {
	
	.submenu-item:hover > .submenu {
		display: none;
	}

}

.submenu-item:hover > a {
	background: #023649;
	color: #fff;
}

.submenu-item:hover .seta-menu{ background-position: -20px 0; }

.submenu-item .submenu li:nth-child(2n) a{ background: #f9f9f9; }
.submenu-item--level-two li:nth-child(2n+1) a { background: #fff !important; }

.submenu-item .submenu li{ 
	float: none;
	clear: both;
	display: block;
	text-align: right;
}

@media ( max-width: 767px ) {

	.submenu-item .submenu li {
		text-align: left;
	}

	.submenu-item .submenu li:nth-child(odd) a,
	.submenu-item .submenu li:nth-child(even) a {
		background: #fff;
	}

}

.submenu-item .submenu li a:hover {
	background: #0c585d !important;
	color: #fff;
}


/* SUBMENU LEVEL TWO
------------------------ */
.submenu-item--level-two:hover > a {
	background: #0C585D !important;
	color: #fff !important;
}

.submenu-item--level-two:hover .seta-menu {
	background-position: -20px 0 !important;
}

.submenu-item--level-two {
	position: relative;
}

.submenu-item--level-two > .submenu--level-two {
	position: absolute;
	top: 0; right: 280px;
	width: 360px;
	background: #fff;
	display: none;
}

@media ( max-width: 767px ) {

	.submenu-item--level-two > .submenu--level-two {
		position: relative;
		top: auto; 
		left: auto;
		right: auto;
		width: 100%;
		display: none;		
	}

}

.submenu-item--level-two:hover > .submenu--level-two {
	display: block;
}

@media ( max-width: 767px ) {

	.submenu-item--level-two:hover > .submenu--level-two {
		display: none;
	}

}

.submenu-item > .submenu a,
.submenu-item--level-two > .submenu--level-two a {
	font-size: 13px;
	color: #747474;
	padding: 10px;
}

@media ( max-width: 767px ) {
	.submenu-item > .submenu a {
		padding-left: 25px;
	}

	.submenu-item--level-two > .submenu--level-two a {
		padding-left: 40px;
	}
}


/* -------------------
 // MAIN CONTENT 
----------------------- */
.main-content {
	padding: 40px 0 0;
}

.main-content--interna { 
	padding: 5px 0 0;
}


/* ----------------
	// BREADCRUMBS 
------------------- */
.breadcrumbs {
	border-bottom: solid 1px #e1e1e1;
	padding: 10px 0;
	clear: both;
	font: 11px Arial, sans-serif;
	color: #747474;
}

.breadcrumbs__links { 
	display: inline-block;
	width: auto;
	float: left;
}

.breadcrumbs__links a {
	color: #747474;
	text-decoration: none;
}

.breadcrumbs__links a:hover {
	text-decoration: underline;
}

.bread-arrow { font-size: 9px; }


/* COMPARTILHAR 
------------------- */
.breadcrumbs__share {
	float: right;
	width: auto;
}

@media ( max-width: 767px ) {

	.breadcrumbs__share {
		float: none;
		width: 100%;
		padding-top: 10px;
		clear: both;
	}

}

.a-pequeno, 
.a-grande { cursor: pointer; }
.a-grande {  }

.share-text { 
	display: inline-block;
	margin-left: 20px;
	position: relative;
	cursor: pointer;
}

.share-ico {
	width: 11px; height: 15px;
	display: inline-block;
	background: url('../img/share-ico.png') no-repeat 50% 50%;
	position: relative;
	top: 2px; left: 5px;
	cursor: pointer;
}



/* SOCIAL BOX 
--------------- */
.social-box {
	position: absolute;
	top: 30px; right: 0;
	width: 250px; height: auto;
	display: none;
	padding: 10px; 
	background: #fff;
}

.social-box a {
	float: left;
	display: inline-block;
	text-decoration: none;
	margin-right: 15px;
	color: #023649;
	/*transition: color .2s ease;*/
}
.social-box a:hover {
	text-decoration: underline;
}

.social-box a:last-child { margin-right: 0; }

.social-box .social-ico { 
	display: inline-block;
	width: 20px; height: 15px;
	background: url('../img/social-icos.png') no-repeat 0 0;
	position: relative;
	top: 3px; left: 5px; 
}

.social-box .facebook-ico { 
	background-position: 0 0;
}

.social-box .gplus-ico { 
	background-position: -44px 0;
}

.social-box .twitter-ico { 
	background-position: -84px 0;
}


/* -------------------
 // LEFT CONTENT
----------------------- */

.main-content__left {
	float: left;
	display: block;
	width: 660px;
}

@media ( max-width: 767px ) {

	.main-content__left {
		float: none;
		width: 100%;
	}

}

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

	.main-content__left {
		width: 400px;
	}

}

.see-also-box {
	clear: both;
}

.see-also__title {
	display: block;
	font: 18px 'oswaldlight', Arial, sans-serif;
	color: #535353;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: dashed 1px #bdbdbd;
}

.see-also__content {
	
}

.see-also-box .info-widget__btn{
	/*margin-right: 180px;
	margin-right: 6.5%;*/
	/*display: block;*/
	/*margin-bottom: 10px;*/
}

.see-also-box .info-widget__btn:last-child { 
	/*margin-right: 0;*/
}


/* -------------------
 // SIDEBAR
----------------------- */

.sidebar-map iframe {
	width: 100%;
}

.main-content__sidebar {
	float: right;
	width: 300px;	
	padding: 30px 0 0;
	font: 13px Arial, sans-serif;
}

@media ( max-width: 767px ) {

	.main-content__sidebar {
		width: 100%;
		float: none;
	}

}

.box-sidebar {
	width: 100%;
	margin-bottom: 30px;
	box-sizing: border-box;
	line-height: 1.5em;
}
.box-sidebar--contato {
	padding: 10px;
	background: #0c585d;
	color: #fff;
	line-height: 2em;
}

.box-sidebar__border {
	border: solid 1px #1e767c;
	padding: 20px;
	box-sizing: border-box;
}

.box-sidebar--contato .std-title {
	color: #fff;
	margin: 0; padding: 0 0 15px 0;
}

.box-sidebar--contato .label {  
	display: inline-block;
	width: 110px;
}

.box-sidebar:last-child { margin-bottom: 0; }


/* ---------------
 // INFO WIDGET 
------------------- */
.info-widget { 
	width: 310px;	
	padding: 10px 0 0;
}
	
@media ( max-width: 767px ) {

	.info-widget { 
		width: 100%;
	}

}

.main-content__sidebar .info-widget { 
	width: 100%;
}

.info-widget--border {
	border-top: solid 5px #ccc;	
}

.info-widget--borderblue { border-color: #023649; }
.info-widget--bordergreen { border-color: #0c585d; }
.info-widget--borderbeige { border-color: #cec6b7; }

	.info-widget__title {
		font: 24px 'oswaldlight', Arial, sans-serif;
		color: #081934;	
		padding: 0 0 10px 0;
		line-height: 1.3em;
	}

	.info-widget__title a {
		color: #081934;
		/*transition: color .2s ease;*/
		text-decoration: none;
	}
	.info-widget__title a:hover { color: #030c1b; }

	.info-widget__img {
		display: block;
		margin: 0 auto;
		/*transition: opacity .2s ease;*/
	}
	
	@media ( max-width: 767px ) {

		.info-widget__img {
			width: 315px;
		} 

	}

	.info-widget__img:hover { opacity: .9; }

	.info-widget__content {
		font: 13px/1.5em Arial, sans-serif;
		color: #747474;
	}

	@media ( max-width: 767px ) {

		.info-widget__content {
			font-size: 15px;
		}

	}

	.info-widget__btn {
		font: 13px Arial, sans-serif;
		color: #081934;
		display: inline-block;
		text-decoration: none;
		/*float: right;*/
		clear: both;
	}

	.info-widget__btn:hover {
		text-decoration: underline;
	}

		.info-widget__btn__seta {
			display: inline-block;
			width: 11px; height: 12px;
			background: #081934;
			color: #fff;
			font: 11px Arial, sans-serif;
			text-align: center;
			margin-right: 5px;
			top: -2px;
			position: relative;
			/*transition: background-color .2s ease;*/
		}
		.info-widget__btn:hover .info-widget__btn__seta { background: #11284c; }


/* --------------------------
	// SIDEBAR SERVICES LIST 
----------------------------- */
.services-list {
	
}

	.services-list li {
		font: 15px arial, sans-serif;
		color: #023649;
		display: block;
		background: url('../img/');
		margin-bottom: 10px;
		/*padding-left: 9px;*/
	}
		.services-list li:last-child { margin-bottom: 0; }

		.services-list li a{
			color: #023649;
			text-decoration: none;
		}

		.services-list li a:hover{
			text-decoration: underline;
		}

		.services-list .info-widget__btn__seta {
			position: relative;
			top: -2px; right: 0;
		}

	
/* --------------------------
 // INFO WIDGET - HOME
----------------------------- */	
.info-wrapper-home .info-widget {
	float: left;
	margin-right: 30px;
	height: 360px;
	position: relative;
	z-index: 4;
}
.info-wrapper-home .info-widget:last-child { margin-right: 0; }

.info-wrapper-home .info-widget .info-widget__btn {
	position: absolute;
	bottom: 0; right: 0;
}

.slide-info {
	width: 100%;
	height: 360px !important;
	width: 310px;
	padding: 10px 0 0;
	/* position: relative !important; */
}

@media( max-width: 767px ) {

	.info-wrapper-home .info-widget {
		width: 100%;
		height: auto;
	}

	.info-wrapper-home .info-widget .info-widget__btn {
		position: relative;
		bottom: auto; right: auto;
		margin: 20px auto;
		display: block;
	}

	.slide-info {
		width: 100%;
		height: auto !important;
	}

}


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

	.info-wrapper-home .info-widget { 
		/*float: none;*/
		width: 50%;
		padding-right: 20px;
		margin-right: 0;
	}

	.slide-info {
		width: 100%;
		/*float: none;*/
		height: auto;
	}

	.info-wrapper-home .info-widget .info-widget__btn {
		right: 20px;
		bottom: 20px;
	}

}


/* --------------------------
 // NEWS WIDGET - HOME
----------------------------- */	
.news-widget {
	padding: 0 0 0 0;	
	margin: 30px 0 0;
}

.news-widget--first {
	margin-top: 0;
}

.news-widget__title-wrapper { 
	height: 65px;
	margin-bottom: 10px;
	border-top: solid 1px #ddd;
}

.news-widget__title {
	float: left;
	width: 80%;
	font: 18px 'oswaldlight', Arial, sans-serif;
	color: #58595b;
	padding: 10px 0 0;
}

.news-widget__title a {
	text-decoration: none;
	color: #58595b;
	/*transition: color .2s ease;*/
}

@media ( max-width: 767px ) {

	.news-widget__title a {
		font-weight: 600;
	}

}

.news-widget__title a:hover { color: #333; }

.news-widget__date {
	float: right;
	width: 13%; height: 100%;
	padding: 15px 5px;
	background: #023649;
	color: #fff;
	text-align: center;
	font-family: 'oswaldlight', Arial, sans-serif;
	line-height: 1.4em;
	letter-spacing: 1px;
}

.main-content__sidebar .news-widget__date {
	line-height: 1.6em;
}

.news-widget__date .news-day { font-size: 21px; display: block; }
.news-widget__date .news-month { font-size: 16px; display: block; }

.news-widget__content {
	font: 13px/1.5em Arial, sans-serif;
	color: #747474;
	clear: both;
}

.news-widget__content a {
	color: #747474;
	text-decoration: none;
	/*transition: color .2s ease;*/
	display: block;
}
.news-widget__content a:hover {
	color: #444;
}

@media ( max-width: 767px ) {

	.news-widget__content {
		font-size: 15px;
	}

}

/* LOADING 
------------------- */
#loadMorePosts {
	font: 12px arial, sans-serif;
	color: #555;
	display: block;
}

#loadMorePosts img {
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative; top: 2px;
}


/* --------------------------
 // NEWS (PÁGINA DE NOTÍCIAS)
----------------------------- */	
.news-wrapper {
	margin-bottom: 30px;
	clear: both;
	width: 100%;
}

.news-wrapper:last-child {
	margin-bottom: 0;
}

.news-wrapper a {
	/*transition: color .2s ease;*/
	text-decoration: none;
}

.news-date {
	float: left;
	width: 10%; height: 92px;
	padding: 15px 5px;
	background: #023649;
	color: #fff;
	text-align: center;
	font-family: 'oswaldlight', Arial, sans-serif;
	line-height: 2.2em;
}

@media ( max-width: 767px ) {

	.news-date {
		width: 25%;		
	}

}

.news-date__day {
	font-size: 36px; display: block;
}

.news-date__month {
	font-size: 24px; display: block;
}

.news-content {
	float: right;
	width: 86%;
}

@media ( max-width: 767px ) {

	.news-content {
		width: 70%;
	}

}

.news-title {
	font: 21px 'oswaldlight', arial, sans-serif;
	color: #58595b;
	display: block;
	margin-bottom: 10px;
}

.news-title a {  
	color: #58595b; 
}
.news-title a:hover { color: #000; }

.news-description {
	font: 13px arial, sans-serif;
	color: #747474;
	line-height: 1.5em;
}

@media ( max-width: 767px ) {

	.news-description {
		font-size: 15px;
	}

}

.news-description a {
	color: #747474;
}
.news-description a:hover {
	color: #000;
}

.inner-news-date {

}

.inner-news-content {

}


/* ---------------------------
 // CLIENTES E PARCEIROSS
------------------------------ */
.client-logos {
	width: 100%;
}

.client-logos .logos-row {
	width: 100%;
	display: block;
}

.client-logos .logo {
	width: 190px;
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
	height: 150px;
	background: #fff;
	text-align: center;
	text-align: center;
}

.client-logos .logo img {
	width: 100%;
	display: block;
}

.client-logos .logos-row .logo:last-child {
	margin-right: 0;
}

@media ( max-width: 767px ) {

	.client-logos .logo,
	.client-logos .logos-row .logo:last-child {
		width: 100%;
		max-width: 190px;
		float: none;
		height: auto;
		margin-right: 0;
		margin: 0 auto;
	}
	
}


/* --------------------------
 // POLTRONAS
----------------------------- */
.products-section {
	
}

	.products-section.md {
		width: 650px;
		display: block;
		margin: 0 auto;
	}

	.products-section .product { 
		width: 310px;
		height: auto;
		display: block;
		border: solid 1px #ddd;
		padding: 20px;
		border-radius: 2px;
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
		cursor: pointer;
	}

	.products-section .product.no-pointer {
		cursor: default;
	}

	.products-section .product.sm {
		width: 222px;
	}

	@media ( max-width: 767px ) {

		.products-section .product,
		.products-section .product.sm {
			width: 100%;
		}

	}

	.products-section .product.no-margin {
		margin-right: 0;
	}

		.products-section .product .product-image {			
			margin-bottom: 15px;
		}

			.products-section .product .product-image img {
				display: block;
				width: 100%;
			}

			.products-section.panels img {
				max-height: 330px;
			}

		.products-section .product .product-title {
			display: block;
			font: 18px 'oswaldlight', Arial, sans-serif;
			color: #a1a1a1;
		}


/* Poltronas Gallery */
.poltronas-gallery {
	margin-bottom: 30px;
	height: 500px;
	overflow-y: hidden;
	border-radius: 5px;
}

@media ( max-width: 767px ) {

	.poltronas-gallery {
		height: 255px;
	}

}

@media ( max-width: 320px ) {

	.poltronas-gallery {
		height: 200px;
	}

}

.poltronas-gallery img {
	width: 100%;
}

.poltronas-gallery .fa {
	font-size: 60px;
	position: absolute;
	top: 45%;
	cursor: pointer;
	z-index: 200;
	color: #fff;
}

@media ( max-width: 767px ) {

	.poltronas-gallery .fa {
		top: 40%;
	}

}

.poltronas-gallery .left-arrow {
	left: 15px;
}

.poltronas-gallery .right-arrow {
	right: 15px;
}


/* ------------------------
 // PAINÉIS FOTOVOLTAICO
--------------------------- */
.panel-thumbs {}
.std-text .panel-thumbs img {
	float: left;
	width: 49%;
	height: 320px;
	margin-bottom: 20px;
	object-fit: cover;
}
.std-text .panel-thumbs img:nth-child(even) {
	float: right;
}

.std-text .panel-thumbs img.no-fit {
	object-fit: none;
}

@media ( max-width: 600px ) {

	.std-text .panel-thumbs img {
		width: 100%;
		float: none;
		height: auto;
	}

}


/* ---------------
 // CONTATO
------------------ */
.form *{
	outline: none;
}

.contact-form {
	color: #747474;
}

.formgroup {
	margin-bottom: 20px;
	clear: both;
}

.formgroup label {
	font: 13px arial, sans-serif;
	color: #747474;
	display: inline-block;
	width: 110px;
}
.contact-form.en .formgroup label { width: 180px; }

.textarea-label {
	float: left;
}

@media ( max-width: 1023px ) {
	.textarea-label {
		display: block;
		margin-bottom: 8px;
	}
}

.form-field, 
.form textarea {
	font: 13px arial, sans-serif;
	color: 	#222;
	background: #e2e2e2;
	border: none;
	box-sizing: border-box;
}

.text-field {
	padding: 10px;
	width: 545px;
}
.contact-form.en .text-field { width: 470px; }

.ddd-field,
.contact-form.en .ddd-field { width: 70px; }

.tel-field,
.contact-form.en .tel-field { width: 220px; }

@media ( max-width: 1023px ) {

	.form-field, 
	.form textarea {
		font-size: 15px;
	}

	.text-field {
		width: 100%;
	}

	.ddd-field,
	.contact-form.en .ddd-field { width: 70px; }

	.tel-field,
	.contact-form.en .tel-field { width: 145px; }

}


.formcontrol { clear: both; }

.form-btn {
	border: none;
	width: 128px;
	font: 24px 'oswaldlight', arial, sans-serif;
	color: #fff;
	text-align: center;
	padding: 3px 0;
	background: #0c585d;
	cursor: pointer;
	/*transition: background-color .2s ease;*/
}	
.form-btn:hover { background: #094e53; }

.erro-form {
	display: block;
	padding: 2px 0 2px 115px;
	font: 11px arial, sans-serif;
	color: #f55;
}

.contact-form.en .erro-form { padding: 2px 0 2px 185px; }


/* ---------------
 // FOOTER
------------------ */
.footer {
	padding: 40px 0 0;
	clear: both;
}

	.footer__list {
		width: auto;
		float: left;
		padding: 0 45px 0 0;
	}
	
	@media ( max-width: 767px ) {

		.footer__list {
			padding-bottom: 20px;
		}

	}

	.footer__list:last-child { padding-right: 0; width: auto; }

	.footer__list.en { padding: 0 96px 0 0; }
	.footer__list.ch { padding: 0 165px 0 0; }

	.footer__list__title {
		font: 18px 'oswaldlight', Arial, sans-serif;
		color: #a1a1a1;
		padding: 0 0 10px 0;
	}

	@media ( max-width: 767px ) {
		.footer__list__title { 
			padding-bottom: 5px;
		}

	}

	.footer__list:last-child .footer__list__title { padding-bottom: 10px; } 

	.footer__list__title a { 
		color: #a1a1a1; 
		text-decoration: none; 
		/*transition: color .2s ease;*/
	}
	.footer__list__title a:hover { color: #555; } 
 
	.footer__list ul {
		
	}
	
		.footer__list ul li{
			font: 12px Arial, sans-serif;
			color: #bdbfc0;
			display: block;
			margin: 0 0 8px 0;
		}

		.footer__list ul li a{
			color: #bdbfc0;
			text-decoration: none;
		}
		.footer__list ul li a:hover { text-decoration: underline; }

		.copyright {
			background: #023649;
			clear: both;
			margin: 40px 0 0;
			text-align: center;
			font: 10px Arial, sans-serif;
			color: #fff;
			padding: 8px 0;
			border-bottom: solid 4px #0C585D;
		}

		.copyright a { text-decoration: none; color: #fff; }
		.copyright a:hover{ text-decoration: underline; }


/* -----------
	// TOOLTIP
-------------- */
.tooltip {
	display: inline-block;
	background: #023649;
	padding: 5px 12px;
	font: 12px arial, sans-serif;
	color: #fff;
	position: absolute;
	text-align: center;
	border-radius: 2px;
	z-index: 600;
}



/* --------------------------
 // MODAL
----------------------------- */

.modal-overlay {
	position: fixed;
	display: block;
	z-index: 500;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	display: none;

	overflow-x: hidden;
    overflow-y: auto;

    padding-bottom: 100px;

}

.modal {
	width: 990px;
	height: auto;
	overflow-y: auto;
	position: absolute;
	top: 100px;
	margin-bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	display: block;
	z-index: 101;
	display: none;
	border-radius: 5px;

	transition: top .2s ease;
}

.modal img {
	width: 100%;
	display: block;
}

.modal-header {
	display: block;
	font: 22px 'oswaldlight', Arial, sans-serif;
	color: #333;
	display: block;
	height: 50px;
	width: 100%;
	background: #fff;
	position: relative;

	padding: 15px;
}

.modal-header .fa-close {
	font-size: 28px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}


/* ----------------
	// BACK TO TOP
------------------- */
.backtotop {
	width: 49px; height: 49px;
	position: fixed;
	bottom: 60px; right: 20px;
	background: url('../img/back-top-ico.png') no-repeat 0 0;
	cursor: pointer; display: none;
	opacity: .8;
	z-index: 10;
}


/* --------------------------
 // TEXTS
----------------------------- */	
.std-title {
	display: block;
	font: 22px 'oswaldlight', Arial, sans-serif;
	color: #0c585d;
	margin: 20px 0 25px 0; 
}

.title-lg { font-size: 35px; }
.title-md { font-size: 24px; }
.title-sm { font-size: 18px; }

.title-blue { color: #081934; }

.title--dashed {
	padding: 0 0 20px 0;
	border-bottom: dashed 1px #bdbdbd;
}

.std-text {
	font: 15px Arial, sans-serif;
	color: #747474;
	line-height: 1.5em !important;
	text-align: justify;
}

@media ( max-width: 767px ) {

	.std-text {
		font-size: 16px;
		text-align: left;
	}

}

.std-text img {
	display: block;
	width: 100%;
	height: auto;
}

.std-text img.width-auto {
	width: auto;
}

.std-text .panel-thumbs .carport-img {
	width: 450px;
	height: 450px;
	display: block;
}

@media ( max-width: 600px ) {

	.std-text .panel-thumbs .carport-img {
		width: 100%;
		height: auto;
	}

}

.std-text a {
	text-decoration: underline;
	color: #747474;
	/*transition: color .3s ease;*/
}

.std-text h1,
.std-text h2,
.std-text h3,
.std-text h4 {
	font: 13px Arial, sans-serif;
	display: inline;
}

@media ( max-width: 767px ) {

	.std-text h1,
	.std-text h2,
	.std-text h3,
	.std-text h4 { font-size: 16px; }

}

.std-text a:hover {
	color: #444;
}

.text-11 {
	font-size: 11px;
}

.text-12 {
	font-size: 12px;
}

.text-14 {
	font-size: 14px;
}


/* -------------
 // LINKS
---------------- */
.link {
	font: 12px arial, sans-serif;
	color: #555;
	text-decoration: none !important;
}
.link:hover { 
	text-decoration: underline !important;
}

/* LINK BLUE 
--------------- */
.link-blue {
	color: #081934 !important;
}
.link-blue:hover {
	text-decoration: underline;
}


/* -------------------
 // UTILITY CLASSES 
----------------------- */
.clear {	clear: both; }
.fl { float: left; }
.fr { float: right; }
.db { display: block; }
.inner { display: block; margin: 0 auto; width: 990px; }

.text-black { color: #111; }
.text-gray { color: #555; }

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

	.inner{ 
		width: 100%; 
		padding:  15px;
	}

}


/**
 * -------------
 * MARGINS
 * --------------------
 */

/* Right */
.m-r-5 { margin-right: 5px; }
.m-r-10 { margin-right: 10px; }
.m-r-20 { margin-right: 20px; }
.m-r-30 { margin-right: 30px; }
.m-r-40 { margin-right: 40px; }


/* Bottom */
.m-b-20 {
	margin-bottom: 20px;
}
.m-b-30 {
	margin-bottom: 30px;
}
.m-b-40 {
	margin-bottom: 40px;
}
.m-b-50 {
	margin-bottom: 50px;
}
.m-b-60 {
	margin-bottom: 60px;
}

.img-full {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

@media ( max-width: 767px ) {

	.inner {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
}

.keg-detail {
	max-width: 700px; margin: 0 auto;
}


/**
 * -------------
 * LARGURAS
 * -----------------
 */

.w-300 {
	width: 300px;
}

.w-450 {
	width: 450px;
}

.w-510 {
	width: 510px;
}

@media ( max-width: 600px ) {

	.w-300, .w-450, .w-510 {
		width: 100%;
	}
	
}

.lose-image {
	max-width: 550px;
	display: block;
	/*margin: 0 auto;*/
}

a.btn-tech {
	display: block;
	padding: 10px 30px;
	background: #0c585d;
	margin: 0 auto;
	width: 450px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
}
a.btn-tech:hover {
	background: #0c585d;
	opacity: 0.9;
	color: #fff;
}

@media ( max-width: 600px ) {

	a.btn-tech {
		width: 98%;
		margin: 0 auto;
	}

}

.green-stripe {
	background: #00a7a6;
	padding: 7px 14px;
	color: #fff;
	display: block;
}

.c-list {
	padding-left: 20px;
}

.c-list li {
	list-style: square;
}

.energy-map {
	width: 350px;
	display: block;
	margin: 0 auto;
}

.img-painel-alma {
	max-width: 500px;
}

.graphic {
	max-width: 100%;
}

@media ( max-width: 600px ) {

	.graphic {
		margin-top: 30px;
	}

}

[data-view="panels"] hr {
	margin: 30px 0;
    border: 0;
    border-top: 1px solid #eee;
}