body 								{ padding: 0; font-family: 'Asap', sans-serif; color: #003641; width: 100%; overflow-x: hidden; }
.body p 							{ line-height: 120%; }
.body a							    { text-decoration: none; color: inherit; }
.body a:focus 					    { outline: 0; }

.body section						{ z-index: 1; }

.body button						{ vertical-align: middle; display: inline-block; font-family: 'Asap', sans-serif; font-size: 16px; border-radius: 30px; border: 0; margin: 0; padding: 20px 40px; color: #FFF; background-color: #00AE9D; cursor: pointer; }
.body button:active				    ,
.body button:hover				    { opacity: 0.8; }
.body button:focus 				    { outline: 0; }

.body input			    		    ,
.body textarea    				    ,
.body select		    			,
.body option		    			,
.body optgroup    				    { outline: 0; }

.body h1  						    { font-size: 28px; font-weight: 700; width: 100%; text-align: center; margin: 0 0 40px 0; padding: 0; }

form select					    ,
form option					    ,
form textarea				    ,
form input					    { height: 40px; line-height: 40px; vertical-align: middle; font-family: 'Asap', sans-serif; font-size: 18px; font-weight: 400; display: block; width: 100%; margin-bottom: 20px; padding: 0 6px; box-sizing: border-box; border: 1px solid #00AE9D; box-shadow: 2px 2px 4px -2px rgba(0,0,0,.65) inset; }
form textarea				    { height: 160px; }
form select:focus			    ,
form input:focus			    ,
form textarea:focus			    { border: 1px solid #003641; }

form .inputfile 					{ width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
form .inputfile + label 			{ position: relative; margin-bottom: 20px; width: 100%; height: 40px; line-height: 40px; vertical-align: middle; font-size: 18px; font-weight: 400; padding: 0 6px; box-sizing: border-box; border: 1px solid #00AE9D; box-shadow: 2px 2px 4px -2px rgba(0,0,0,.65) inset; background-color: #FFF; display: inline-block; }
form .inputfile:focus + label		,
form .inputfile + label:hover 		{ background-color: #FFF; }
form .inputfile + label 			{ cursor: pointer; /* "hand" cursor */ }
form .inputfile:focus + label 		{ outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
form .inputfile + label * 			{ pointer-events: none; }
form .inputfile + label strong 		{ line-height: 38px; width: 50%; position: absolute; right: 0; text-align: center; font-weight: 400; color: #FFF; background-color: #00AE9D; }
form .inputfile + label span 		{ line-height: 38px; width: 50%; position: absolute; left: 0; padding-left: 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
form .inputfile + label svg 		{ width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em; }

.center								{ text-align: center; }
.right								{ text-align: right; }
.top-0								{ padding-top: 0 !important; }
.margin-0							{ margin: 0 !important; }
.clear								{ clear: both; }
.container							{ box-sizing: border-box; padding: 40px; }
.container.small					{ max-width: 60%; min-width: 600px; margin: 0 auto; }
.swiper-wrapper						{ align-items: center; }

.top-bar 							{ line-height: 45px; padding: 0 8px; background-color: #00AE9D; color: #FFF; box-sizing: border-box; }
.top-bar *							{ vertical-align: middle; }
.top-bar form 						{ display: inline; }
.top-bar select 					,
.top-bar input 						{ width: 140px; height: 30px; display: inline-block; margin-bottom: 0; margin-right: 20px; margin-left: 10px; font-size: 14px; font-weight: 600; }
.top-bar select option				{ font-size: 14px; font-weight: 600; }
.top-bar button						{ background-color: #003641; padding: 7px 8px; border-radius: 0; font-size: 14px; margin-left: -10px; }
.top-bar .left						{ float: left; }
.top-bar .left img					{ margin-right: 20px; }
.top-bar .left span					{ font-weight: 400; font-size: 16px; }
.top-bar .left strong				{ font-weight: 700; font-size: 16px; margin-right: 12px; }
.top-bar .right						{ float: right; }
.top-bar .right a					{ margin-left: 8px; }
.top-bar .right a:hover				{ opacity: 0.7; }
.top-bar .internet-banking-label	{ display: inline-block; position: relative; }
.top-bar .internet-banking-link		{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#navigation							{ width: 100%; height: 80px; }
.menu								{ width: 100%; height: 80px; display: flex; align-items: center; justify-content: space-between; color: #FFF; clear: both; z-index: 10; }
.menu.fixed							{ position: fixed; top: 0; height: 60px; }
.menu.fixed	ul						{ min-height: 60px; }
.menu.fixed	ul li a					,
.menu.fixed ul li.logo img			{ line-height: 60px; }
.menu.fixed ul li.logo img			{ max-width: 300px; }
.menu.fixed ul li.logo 				{ margin: 0 20px; }
.menu ul							{ list-style: none; width: 100%; min-height: 80px; background-color: #003641; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.menu ul li							{ display: inline-block; font-size: 16px; font-weight: 400; }
.menu ul li.logo 					{ text-align: center; box-sizing: border-box; }
.menu ul li.logo img				{ width: 100%; vertical-align: middle; }
.menu ul li	a						{ position: relative; display: inline-block; padding: 0 8px; line-height: 80px; white-space: nowrap; }
.menu ul li:not(.logo)	a.selected	,
.menu ul li:not(.logo)	a:hover		{ background-color: #7DB61C; }
.menu .social						{ display: none; position: absolute; top: 45px; left: 0; height: 80px; line-height: 80px; }
.menu.fixed .social					{ top: 0; height: 60px; line-height: 60px; }
.menu .social a						{ margin-left: 20px; }
.menu .social a img					{ vertical-align: middle; width: 24px; }
.menu .social a:hover				{ opacity: 0.7; }

.mobile-menu					{ display: none; }
.mobile-menu .hamburger-menu 	{ position: fixed; right: -100px; top: -100px; z-index: 100; width: 200px; height: 200px; background: #003641; border-radius: 50% 50% 50% 50%; transition: .5s ease-in-out; box-shadow: 0 0 0 0 #003641, 0 0 0 0 #003641; cursor: pointer; }
.mobile-menu .hamburger 		{ position: absolute; top: 135px; left: 50px; width: 30px; height: 2px; background: #FFF; display: block; -webkit-transform-origin: center; transform-origin: center; transition: .5s ease-in-out; }
.mobile-menu .hamburger:after	,
.mobile-menu .hamburger:before 	{ transition: .5s ease-in-out; content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #FFF; }
.mobile-menu .hamburger:before 	{ top: -10px; }
.mobile-menu .hamburger:after 	{ bottom: -10px; }
.mobile-menu input 												{ display: none; }
.mobile-menu input:checked + .hamburger-menu 					{ box-shadow: 0 0 0 100vw #003641, 0 0 0 100vh #003641; border-radius: 0; }
.mobile-menu input:checked + .hamburger-menu .hamburger 		{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-menu input:checked + .hamburger-menu .hamburger:after 	{ -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: 0; }
.mobile-menu input:checked + .hamburger-menu .hamburger:before 	{ -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 0; }
.mobile-menu input:checked + .hamburger-menu + ul 				{ opacity: 1; z-index: 200;  }
.mobile-menu ul 							{ z-index: -1; position: fixed; top: 50%; left: 50%; list-style: none; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; transition-delay: .5s; transition: .3s 0s ease-in-out; }
.mobile-menu a 								{ line-height: 2; padding: 0 10px; display: block; color: #FFF; text-decoration: none; }
.mobile-menu ul li:not(.logo) a.selected	,
.mobile-menu ul li:not(.logo) a:hover		{ background-color: #00AE9D; }
.mobile-menu ul li.logo 					{ margin-bottom: 40px; }
.mobile-menu ul li.logo a img 				{ max-height: 200px; max-width: 80vw; }

.banner								{ position: relative; background-color: #003641; width:100%; height: 37.29vw; overflow: hidden; }
.banner .image						{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner .image.current				{ z-index: 2; }
.banner .image.next					{ z-index: 1; }
.banner .image.in					{ -webkit-animation: zoomin 1s linear 0s 1 forwards; animation: zoomin 1s linear 0s 1 forwards; }
.banner .image.out					{ -webkit-animation: zoomout 1s linear 0s 1 forwards; animation: zoomout 1s linear 0s 1 forwards; }

.online-services 						{ display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; background-color: #00AE9D; }
.online-services .item 					{ display: inline-block; text-align: center; width: 100%; font-weight: 400; font-size: 1.4vw; color: #FFF; }
.online-services .item img				{ width: 6vw; }
.online-services .item.item-1 			{ font-size: 3.1vw; width: auto; padding: 22px 40px; text-align: right; }
.online-services .item.item-1 strong 	{ font-weight: 700; }
.online-services .item.item-2 			{ background-color: #00AE9D; }
.online-services .item.item-3 			{ background-color: #7DB61C; }
.online-services .item.item-4 			{ background-color: #49479D; }
.online-services .item.item-5 			{ background-color: #C9D200;}
.online-services .item span				{ display: block; }
.online-services a.item 				{ padding: 40px 0; }
.online-services a.item span			{ padding-top: 4px; }
.online-services a.item:hover			{ opacity: 0.8; }

#linha-do-tempo             ,
.timeline 					{ background-color: #FFF; }
.timeline h1 				{ color: #00AE9D; }
.timeline h2				{ margin: 0 0 10px 0; font-size: 22px; }
.timeline .timeline-item	{ margin: 20px 0; }
.timeline .timeline-item p	{ font-size: 16px; }

.news 						{ color: #FFF; }
.news h2					{ margin: 0 0 20px 0; font-size: 22px }
.news.container				{ padding: 0; }
.news .items 				{ display: flex; justify-content: stretch; box-sizing: border-box; }
.news .items .item			{ padding: 40px; box-sizing: border-box; }
.news .item > small			{ display:block; font-size: 16px; text-align: center; margin-top: 30px; }
.news .news-item			{ margin: 10px 0; }
.news .news-item a			{ font-weight: 600; }
.news .news-item a>span		{ display: block; font-weight: 400; }
.news .indices-item 		{ margin: 10px 0; }
.news .indices-item small 	{ font-size: 14px; }
.news .item.item-50 		{ width: 50%; }
.news .item.item-100 		{ width: 100%; }
.news .item.exchange		{ padding: 0 10px 0 0; }
.news .item.indices-rates	{ padding: 0 0 0 10px; }
.news .item.news			{ background-color: #003641; }
.news .item.indices			{ background-color: #0DA597;  }

.benefits 					{ background-color: #FFF; }
.benefits h1 				{ color: #00AE9D; }
.benefits .items 			{ width: 100%; box-sizing: border-box; }
.benefits .item 			{ box-sizing: border-box; text-align: center; display: inline-block; }
.benefits .item.item-50 	{ width: 50%; height: 180px; line-height: 180px; background-position: center center; background-repeat: no-repeat; background-size: contain; font-size: 26px; font-weight: 400; }
.benefits .item.item-100	{ width: 100%; }
.benefits .item.logo		{ padding: 60px 0; }
.benefits .item strong		{ font-weight: 700; }
.benefits .item.economy		{ background-image: url('../img/benefits/economy.png'); }
.benefits .item.results		{ background-image: url('../img/benefits/results.png'); }
.benefits .item.tax			{ background-image: url('../img/benefits/tax.png'); }
.benefits .item.time		{ background-image: url('../img/benefits/time.png'); }
.benefits .item.be-partner	{ padding: 60px 0 0 0; }
.benefits a 				{ display: inline-block; background-color: #0DA597; border-radius: 30px; padding: 20px 40px; color: #FFF; }
.benefits a:hover 			{ opacity: 0.7; }

/* .products-services 					{ font-size: 2.18vw; font-weight: 400; text-align: center; color: #FFF; box-sizing: border-box; display: flex; } */
.products-services 						{ padding-top: 40px; font-weight: 400; text-align: center; color: #FFF; box-sizing: border-box; background-color: #49479D; }
.products-services ul 					{ list-style: none; padding: 0; }
.products-services li 					{ padding: 10px 0 10px 30px; cursor: pointer; }
.products-services li:before 			{ content: ""; display: inline-block; margin-left: 30px; width: 30px; height: 15px; background: transparent url('../img/products-services/marker.png') center center no-repeat; background-size: contain; }
.products-services li:hover				,
.products-services li.active			{ background-color: #013F4E; }
.products-services .items				{ display: flex; justify-content: stretch; }
.products-services .item				{ display: inline-block; box-sizing: border-box; flex: 1; }
.products-services .item.list			{ font-size: 18px; background-color: #0DA597; padding: 40px 0; }
.products-services .item.description	{ font-size: 16px; display: none; background-color: #013F4E; padding: 40px; text-align: left; }
.products-services .item.description p	{ margin: 20px 0; line-height: 120%; }
.products-services .item.description p:first-child 	{ margin-top: 0; }
.products-services .item.description p:last-child 	{ margin-bottom: 0; }
.products-services .item.active			{ display: inline-block; }
/* .products-services .products			{ background-color: #0DA597; }
.products-services .services			{ background-color: #013F4E; } */

.attendance 					{ padding: 40px; box-sizing: border-box; color: #003641; background-color: #FFF; font-size: 1.35vw; }
.attendance h1 					{ color: #00AE9D; }
.attendance h2 					{ width: 100%; color: #003641; text-align: left; font-size: 22px; font-weight: 600; padding: 0; margin: 0 0 20px 0; }
.attendance .items 				{ display: flex;flex-flow: row wrap; justify-content: space-between; flex-grow: 3; }
.attendance .item 				{ width: 33.33%; padding: 0; box-sizing: border-box; margin-bottom: 40px; }
.attendance .item:last-child	{ margin-bottom: 0; }
.attendance .item img 			{ margin-right: 10px; vertical-align: middle; }
.attendance .item span 			{ display: block; text-align: left; padding: 4px 0; font-size: 18px; font-weight: 400; }
.attendance .item span.no-image { margin-left: 30px;  }
.attendance .item a 			{ text-decoration: underline; }
.attendance .item a:hover 		{ opacity: 0.8; }

.contact-us 		{ background-color: #013F4E; padding: 40px; box-sizing: border-box; }
.contact-us h1 		{ color: #FFF; }
.contact-us .items	{ display: flex; justify-content: space-around; }
.contact-us .item	{ display: inline-block; box-sizing: border-box; width: 50%; padding: 40px 40px 0 40px; }
.contact-us button	{ background-color: #0DA597; border-radius: 30px; padding: 20px 40px; color: #FFF; }

.footer .bottom-bar				{ line-height: 85px; vertical-align: middle; padding: 0 20px; background-color: #013F4E; color: #FFF; box-sizing: border-box; }
.footer .bottom-bar span		{ font-weight: 400; font-size: 18px; vertical-align: middle; }
.footer .bottom-bar strong		{ font-weight: 700; font-size: 18px; margin-right: 20px; vertical-align: middle; }
.footer .bottom-bar img			{ vertical-align: middle; }
.footer .bottom-bar .left		{ float: left; }
.footer .bottom-bar .right		{ float: right; }
.footer .bottom-bar .right a	{ margin-left: 20px; }
.footer .bottom-bar .left a		{ margin-right: 20px; }
.footer .bottom-bar a:hover		{ opacity: 0.7; }

.footer 						{ background-color: #FFF; }
.footer .items 					{ padding: 40px; display: flex; align-items: center; }
.footer .item 					{ display: inline-block; box-sizing: border-box; }
.footer .item.item-50 			{ width: 50%; padding-right: 20px; }
.footer .item.item-25 			{ width: 25%; }
.footer .item span 				{ display: block; text-align: left; padding: 4px 0; font-size: 18px; font-weight: 400; }
.footer .item span img 			{ margin-right: 10px; vertical-align: middle; }
.footer .item span.no-image 	{ margin-left: 40px; line-height: 30px; }
.footer .item.buttons  			{ padding: 20px; }
.footer .item.buttons a 		{ display: block; width: 100%; text-align: center; font-size: 16px; background-color: #49479D; border-radius: 30px; padding: 20px 10px; color: #FFF; display: inline-block; margin: 20px 0; box-sizing: border-box; }
.footer .item.buttons a:hover 	{ opacity: 0.7; }
.footer .item .logo				{ width: 100%; max-width: 512px; margin-bottom: 40px; }
.footer ul 						{ list-style: none; padding: 0; }
.footer li 						{ padding: 10px 0; }
.footer li a					{ color: #0DA597; font-size: 16px; }
.footer li a:hover				{ opacity: 0.8; text-decoration: underline; }
.footer .social 				{ display: inline-block; vertical-align: middle; }

.copyright			 		{ height: 50px; background-color: #49479D; position: relative; padding-left: 30px; font-size: 14px; font-weight: 400; line-height: 50px; color: #FFF; }
.copyright .leaf-web 		{ position: absolute; top: 0; right: 30px; line-height: 50px; }
.copyright .leaf-web a 		{ text-decoration: underline; }
.copyright .leaf-web a:hover{ color: #DDD; }

.goto-top					{ position: fixed; display: none; bottom: 20px; right: 20px; width: 40px; height: 40px; border-radius: 20px; background-color: #7C654D; opacity: 0.8; z-index: 5; }

.internal h1					{ font-size: 28px; margin-bottom: 32px; text-align: left; width: auto; display: inline-block; padding-right: 40px; padding-bottom: 8px; border-bottom: 1px dashed #000; }
.internal .items				{ display: flex; justify-content: space-around; flex-flow: row wrap; }
.internal .item					{ display: inline-block; padding: 40px; box-sizing: border-box; }
.internal .item p				{ font-size: 20px; font-weight: 400; }
.internal .item.item.item-50	{ width: 50%; }
.internal .item.item-100		{ width: 100%; }
.internal .item.color-0			{ background-color: #FFF; color: #000; }
.internal .item.color-1			{ background-color: #7DB61C; color: #000; }
.internal .item.color-2			{ background-color: #C9D200; color: #000; }
.internal .item.color-3			{ background-color: #009F91; color: #FFF; }
.internal .item.color-4			{ background-color: #49479D; color: #FFF; }
.internal .item.color-5			{ background-color: #003641; color: #FFF; }
.internal .item.color-3 h1		,
.internal .item.color-4 h1		,
.internal .item.color-5 h1		{ border-bottom-color: #FFF; }

.update .item 			{ flex: 1; }
.update .item form 		{ width: 100%; max-width: 600px; margin: 0 auto; }
.join .item 			{ flex: 1; }
.join .item form		{ width: 100%; max-width: 600px; margin: 0 auto; }
/* .join.internal .items 	{ flex-flow: row nowrap; } */

.simulator.internal .items 	{ justify-content: stretch; }
.simulator .items .item 	{ flex: 1; }
.simulator .items .item form{ max-width: 600px; margin: 0 auto; }
.simulator .results 		{ display: none; }
.simulator .results p > * 	{ font-size: 1.2vw; }

select.error	,
option.error	,
textarea.error	,
input.error 	{ border-color: red; }
label.error 	{ margin-top: -16px; display: block; margin-bottom: 20px; color: red; }


.cooperative-files .pdf				{ font-size: 32px; font-weight: 400; display: block; padding-left: 53px; line-height: 40px; vertical-align: top; margin-bottom: 20px; background-position: left top; background-repeat: no-repeat; background-size: 35px; }
.cooperative-files .pdf:hover		{ opacity: 0.7; }
.cooperative-files .pdf:last-child	{ margin-bottom: 0; }
.cooperative-files .pdf.light		{ background-image: url('../img/cooperative-files/pdf-light.png'); color: #FFF; }
.cooperative-files .pdf.dark		{ background-image: url('../img/cooperative-files/pdf-dark.png'); color: #000; }
.cooperative-files .bylaws			{ font-size: 42px; font-weight: 400; background-position-y: center !important; }

/*Media Query*/

/*
  ##Device = Desktops
  ##Screen = 1921px to higher resolution desktops
*/
/* @media (min-width: 1921px)
{
	.top-bar .left span		,
	.top-bar .left strong	,
	.menu ul li 			{ font-size: .7em; }
	.online-services .item.item-1 { font-size: 2.1em; }
} */

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (max-width: 1280px)
{
	.menu ul li								{ font-size: 14px; }
	.cooperative-files .pdf:not(.bylaws) 	{ font-size: 24px;  background-size: 25px; padding-left: 34px; line-height: 30px; }

	.simulator .results p > * { font-size: 22px; }

	.attendance h2 			{ font-size: 20px; }
	.attendance .item span 	{ font-size: 16px; }
}
@media (max-width: 1215px)
{
	.top-bar select				,
	.top-bar select	option		,
	.top-bar input				{ margin-right: 10px; font-size: 12px; }
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (max-width: 1024px)
{
	.mobile-menu			{ display: block; }
	.menu ul li:not(.logo) 	{ display: none; }
	.menu ul li.logo 		{ width: 100%; }
	.menu .social			{ display: block; }

	.top-bar .right			{ display: none; }
	.top-bar .left span		{ font-size: 14px; }
	.top-bar .left strong	{ font-size: 14px; }

	.cooperative-files .pdf:not(.bylaws) 	{ font-size: 20px;  background-size: 20px; padding-left: 28px; line-height: 24px; }
	.cooperative-files .bylaws 				{ font-size: 32px;  background-size: 32px; padding-left: 40px; line-height: 40px; }

	.simulator .results p > * { font-size: 18px; }

	.attendance h2 			{ font-size: 18px; }
	.attendance .item span 	{ font-size: 14px; }
}

@media (max-width: 890px)
{
	.top-bar .left img				{ margin-right: 8px; }
	.top-bar .left strong			{ margin-right: 8px; }
	.top-bar .left strong			,
	.top-bar .left span				{ font-size: 14px; }
	.top-bar select					,
	.top-bar input					{ margin-right: 4px; margin-left: 4px; width: 110px; }
	.top-bar button					{ margin-left: 4px; }

	.footer .bottom-bar img 		{ height: 24px; }
	.footer .bottom-bar span		,
	.footer .bottom-bar strong		{ font-size: 16px; }
	.footer .bottom-bar strong		,
	.footer .bottom-bar .left a		{ margin-right: 8px; }
	.footer .bottom-bar .right a	{ margin-left: 8px; }
	.footer .item span				{ font-size: 18px; }
	.footer .item span img			{ height: 18px; }
	.footer .item span.no-image 	{ margin-left: 28px; }
	.footer li a					,
	.footer .item.buttons a			{ font-size: 14px; }

	.contact-us .item				{ padding: 0 10px 0 10px; }

	.online-services .item			{ font-size: 1.7vw; }
	.online-services .item img		{ height: 40px; width: auto; }

	form select						,
	form textarea					,
	form input						{ font-size: 14px; }

	.news h1						{ font-size: 22px; }
	.news h2						{ font-size: 18px; }

	.timeline h1					{ font-size: 22px; }
	.timeline h2					{ font-size: 18px; }

	.products-services h1			{ font-size: 22px; }

	.benefits h1					{ font-size: 22px; }

	.contact-us	h1					{ font-size: 22px; }

	.attendance h1 					{ font-size: 22px; }
	.attendance h2 					{ font-size: 18px; }
	.attendance .items 				{ flex-grow: 2; }
	.attendance .item				{ width: 50%; }
	.attendance h2					{ font-size: 16px; }
	.attendance .item span			{ font-size: 14px; }

	.cooperative-files .pdf:not(.bylaws) 	{ font-size: 18px;  background-size: 18px; padding-left: 26px; line-height: 22px; }
	.cooperative-files .bylaws 				{ font-size: 28px;  background-size: 28px; padding-left: 36px; line-height: 36px; }
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (max-width: 768px), (max-height:550px)
{
	.top-bar .left strong				,
	.top-bar .left span					{ font-size: 16px; }
	.top-bar 							{ line-height: 40px; padding: 8px; }
	.top-bar button						,
	.top-bar select						,
	.top-bar input 						{ margin-left: 0; font-size: 14px; }
	.top-bar select option				{ font-size: 14px; }
	.top-bar .internet-banking-label 	{ display: block; }

	.menu ul li.logo img 				{ width: 70%; }
	.menu .social						{ top: 97px; }
	.menu .social a						{ margin-left: 8px; }

	.footer li a						,
	.footer .item.buttons a				{ font-size: 12px; }
	.footer .item span					{ font-size: 14px; }
	.footer .item.buttons a				{ margin: 8px 0; }
	.footer li 							{ padding: 4px 0; }

	.news .item.indices .items			{ flex-direction: column; }
	.news .item.exchange				{ padding: 0; }
	.news .item.indices-rates			{ padding: 0; }

	.attendance							{ padding: 40px 20px; }

	.benefits .item.item-50				{ height: 100px; line-height: 100px }

	.cooperative-files .pdf:not(.bylaws){ font-size: 16px;  background-size: 16px; padding-left: 24px; line-height: 20px; }

}

@media (max-width: 720px), (max-height:550px)
{

}

@media (max-height: 800px) and (max-width: 990px), (max-width: 990px)
{

}

@media (max-width: 640px), (max-height:550px)
{
	/*
	.top-bar 							{ line-height: 40px; padding: 8px; }
	.top-bar button						,
	.top-bar select						,
	.top-bar input 						{ margin-left: 0; font-size: 14px; }
	.top-bar .internet-banking-label 	{ display: block; }*/

	form .inputfile + label span 	{ width: 40% }
	form .inputfile + label strong 	{ width: 60%; }

	.container.small					{ max-width: 100%; min-width: auto; }

	.menu ul li.logo img				{ width: 50%; }
	.menu .social a img					{ width: 18px; }

	.news .item.item-50					{ width: 100%; }
	.news > .items 						{ flex-direction: column; }
	.news .items .item					{ padding: 20px; }

	.attendance .items 					{ flex-grow: 1; }
	.attendance .item *					{ text-align: center !important; }
	.attendance .item					{ width: 100%; }
	.attendance h2						{ font-size: 16px; }
	.attendance .item span				{ font-size: 14px; }

	.online-services					{ flex-flow: row wrap; justify-content: flex-end; }
	.online-services .item				{ width: 35%; font-size: 14px; }
	.online-services .item.item-1		{ flex: 1; font-size: 18px; padding: 34px 30px; }

	.contact-us .items					{ flex-flow: row wrap; }
	.contact-us .item					{ width: 100%; }
	.contact-us .item form				{ margin-bottom: 40px; }

	.benefits .item.logo img 	{ width: 100%; }

	.footer .bottom-bar			{ line-height: 40px; padding: 8px; }
	.footer .bottom-bar .left 	{ float: none; text-align: center; }
	.footer .bottom-bar .right 	{ float: none; text-align: center; margin-top:10px; }

	.footer .items				{ flex-flow: row wrap; }
	.footer .item.item-50		{ width: 100%; margin-bottom: 40px; padding-right: 0; }
	.footer .item.item-25		{ width: 50%; }
	.footer .item.buttons		{ padding: 0 10px 0 0; }

	.internal .item.item.item-50{ width: 100%; }
	.internal h1				{ font-size: 26px; }

	.cooperative-files .bylaws 	{ font-size: 24px;  background-size: 24px; padding-left: 34px; line-height: 26px; }

	.update .item 		{ width: 100%; min-width: auto; }
	.join .item 		{ width: 100%; min-width: auto; }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (max-width: 480px), (max-height:550px)
{

	form .inputfile + label span 	{ display: none; }
	form .inputfile + label strong 	{ width: 100%; }

	.container { padding: 20px; }

	.menu .social	{ display: none; }

	.products-services						{ flex-flow: row wrap; }
	.products-services .item 				{ width: 100%; }
	.products-services .item.description	{ padding: 10px; }
	.products-services .item.description p	{ margin: 10px 0; font-size: 2em; }
	.products-services .item.list			{ padding: 20px 0; }
	.products-services li					{ font-size: 18px; padding: 10px 0 10px 20px; }
	.products-services li:before			{ height: 18px; margin-left: -18px; margin-right: 8px; }

	.benefits.container			{ padding-top: 40px; }
	.benefits .item				{ margin-bottom: 20px; }
	.benefits .item.item-50		{ width: 100%; font-size: 18px; }
	.benefits .item.logo		{ padding: 0; }
	.benefits .item.be-partner	{ padding: 10px 0 0 0; }

	.contact-us { padding: 40px 20px; }

	.top-bar form { display: none; } /* Adicionar modal ao clicar no label "Internet Banking" */
	.top-bar .internet-banking-link { display: block; }

	.copyright					{ height: auto; padding: 0; line-height: 40px; text-align: center; color: #FFF; }
	.copyright .leaf-web		{ position: relative; right: 0; line-height: 40px; color: #FFF; }
	.copyright .leaf-web a:hover{ color: #DDD; }

	.online-services .item.item-1 			{ flex: none; width: 100%; padding: 20px 0; text-align: center; }
	.online-services .item.item-1 strong	,
	.online-services .item.item-1 span		{ display: inline-block; }
	.online-services .item					{ width: 50%; }
	.online-services a.item					{ padding: 20px 0; }

	.footer .social 				{ display: block; }
	.footer .items					{ padding: 20px; }

	.internal .item p		{ font-size: 18px; }
	.internal .item		 	{ padding: 20px; }

	.cooperative-files .bylaws 	{ font-size: 18px;  background-size: 18px; padding-left: 26px; line-height: 22px; }

}

@media (max-width: 390px)
{
	.top-bar .left strong			,
	.top-bar .left span				{ font-size: 12px; }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (max-width: 320px), (max-height:550px)
{

}

/*Keyframes*/

/*
	Banner Animations
	ZoomIn, ZoomOut, FadeIn e FadeOut
*/
@-webkit-keyframes zoomin {
	from {
		/*-webkit-transform: scale(1, 1);*/
		opacity: 0;
	}
	to {
		/*-webkit-transform: scale(1.2, 1.2);*/
		opacity: 1;
	}
}

 @-webkit-keyframes zoomout {
	from {
		/*-webkit-transform: scale(1.2, 1.2);*/
		opacity: 0;
	}
	to {
		/*-webkit-transform: scale(1, 1);*/
		opacity: 1;
	}
}

@keyframes zoomin {
	from {
		/*transform: scale(1, 1);*/
		opacity: 0;
	}
	to {
		/*transform: scale(1.2, 1.2);*/
		opacity: 1;
	}
}

@keyframes zoomout {
	from {
		/*transform: scale(1.2, 1.2);*/
		opacity: 0;
	}
	to {
		/*transform: scale(1, 1);*/
		opacity: 1;
	}
}