.linear-transition {transition: all 0.2s linear;}

.border-box {box-sizing: border-box;}

.hide{display:none;}

header {
	background: #86a22c;
	box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5), 0 0 3px rgba(0, 0, 0, 0.5);
	display: block;
	height: 90px;
	margin-top: -3px;
	padding: 10px 0 20px 0;
	position: relative;
	z-index: 100;
}

header.header-no-shadow{
	-webkit-box-shadow: none;
	box-shadow: none;
}

	header h1{margin:0 0 0 0;}

	header #logo {
		float:left;
		display:block;
	}

	header nav {
		float: right;
		display: block;
	}

		header nav a:first-child {margin-right: 20px;}

/*novo atendimento*/
.header--atendimento{
	float:right;
	margin:12px 15px 0 0;
}

.header--atendimento a:hover{text-decoration: none;}

.header--atendimento p{
	color:#c6d866;
	display: block;
	font:13px/15px 'FrutigerLT-Cn', sans-serif;
	padding-left:38px;
	white-space:nowrap;
}

	.header--atendimento p span{font:20px/22px 'FrutigerLT-ExtraBlackCn', sans-serif;}

	.header--atendimento .new_icon.tel{
		float:left;
		margin:5px 10px 0 0;
	}

	html body header .header--atendimento .tooltip-inner small{
		color:#ffffff;
		display: block;
		font-size:80%;
		margin-bottom:0px;
	}


nav a.btn-orange {margin-top: 8px;}

nav a.btn-green-o {
	font-family: 'FrutigerLT-BoldCn';
	margin-top: 8px;
	text-transform: none;
	vertical-align: bottom;
}

	nav a.btn-green-o img {margin-right: 5px;}


@media screen and (max-width:990px){.header--atendimento p{padding-left:0px;}}

@media screen and (max-width:980px){
	.header--atendimento p{font:8px/15px 'FrutigerLT-Cn', sans-serif;}

		.header--atendimento p span {font: 13px/22px 'FrutigerLT-ExtraBlackCn', sans-serif;}
}

@media screen and (max-width:800px){html .header--atendimento{display: none!important;}}

@media screen and (max-width: 767px) {
	body {
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 670px) {  /* 540px */
	header {height: 60px;}

	header #logo {
		margin-right: auto;
		margin-left: auto;
		width: 140px;
	}

	header nav{height: 77px;}

	header nav a {text-shadow: 0 0 0 transparent;}

	header nav a:first-child{
		font-size: 12px;
		height: 22px;
		margin: 0 5px 0 0;
		width: 90px !important;
	}

	header nav a:last-child{
		color: transparent;
		font-size: 0;
		height: 22px;
		margin: 0 0 0 0;
		overflow: hidden;
		width:30px;
	}

	header nav a:last-child img {
		margin-right: 0;
		margin-top: 0;
	}

	nav a.btn-orange,
	nav a.btn-green-o {
		padding: 6px;
		margin-top: 5px;
	}

	nav a.btn-orange {width: 75px;}
	nav a.btn-green-o {width: 15px;}
}

section {
	box-sizing: border-box;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
	padding: 20px;
}

footer {
	background-color: #222121;
	position: relative;
}

/* solucao do rodape */
.new-fottter-sep {
	background: url('../img/new-footer.png') repeat-x 50% 0;
	display: block;
	height: 26px;
	position: absolute;
	top: -22px;
	width: 100%;
	z-index: 1;
}

footer .bracket-footer {
	background: #ffffff url('../img/onda-esq.png'), url('../img/onda-dir.png') no-repeat -7px -6px;
	clear: both;
	display: block;
	height: 19px;
}

footer div.top-content {
	float:left;
	margin-left: 0px !important;
	width:20%;
}

footer .top-content dl {
	display: inline-block;
	float: left;
}

footer .top-content a{transition: all 0.2s linear;}

footer .top-content dl:first-child {
	box-sizing: border-box;
	padding-left: 20px;
}

footer .top-content dt a {
	color: #86a22c;
	font:normal 14px 'FrutigerLT-ExtraBlackCn';
	text-decoration: none;
	text-transform: uppercase;
}

	footer .top-content dt a:hover {color: #aac73e;}

footer .top-content dd {margin-left: 0;}

footer .top-content ul {
	float: left;
	list-style: none;
	margin-left: 0;
}

	footer .top-content ul li {
		margin-bottom: 8px;
		margin-top: 8px;
	}

		footer .top-content ul li a {
			color: #C5C5C5;
			font:15px 'FrutigerLT-Cn';
			margin-bottom: 8px;
			margin-top: 8px;
			text-decoration: none;
		}

			footer .top-content ul li a:hover {color: #ffffff;}

.footer_2 {
	background: #333333 url('../img/noise.png');
	border-top: 1px solid #282828;
	border-bottom: 1px solid #282828;
	box-sizing: border-box;
	clear: both;
	display: block;
	height: auto;
	padding-top: 4px;
}

/* social */
.footer_2 .wrap-footer {margin: 0 auto;}

	.footer_2 .wrap-footer ul:nth-child(1) {
		height: 31px;
		display: block;
		list-style: none;
		float: left;
		margin: 0 5px 0 0;
	}

		.footer_2 .wrap-footer ul:nth-child(1) li {
			background: url('../img/icones/redes_sociais.png');
			display: inline-block;
			margin-right: 7px;
		}

			.footer_2 .wrap-footer ul:nth-child(1) li a {
				color: transparent;
				display: block;
				font-size: 0;
				height: 31px;
				line-height: 0;
				transition: all 0.2s linear;
				width: 31px;
			}

			.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(1):hover{background-position: 0px -34px;}

		.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(2){background-position: 213px 0px;}

			.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(2):hover{background-position: 213px -34px;}

		.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(3){background-position: 176px 0px;}

			.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(3):hover{background-position: 176px -34px;}

		.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(4){background-position: 139px 0px;}

			.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(4):hover{background-position: 139px -34px;}

		.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(5){background-position: 105px 0px;}

			.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(5):hover{background-position: 105px -34px;}

		/* .footer_2 .wrap-footer ul:nth-child(1) li:nth-child(6){background-position: 68px 0px;}

			.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(6):hover{background-position: 68px -34px;} */

		.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(6){background-position: 34px 0px;}

			.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(6):hover{background-position: 34px -34px;}

		.footer_2 .wrap-footer ul:nth-child(1) li:nth-child(8){
			background: none;
			overflow: hidden;
			width: 58px;
		}

/* menu */

.footer_2 .wrap-footer ul:nth-child(3){
	height: 22px;
	display: block;
	float: left;
	list-style: none;
	margin: 5px 0 0 10px;
}

	.footer_2 .wrap-footer ul:nth-child(3) li {
		border-right: 1px solid #565659;
		display: inline-block;
		height: 12px;
		margin-right: 7px;
		padding-right: 7px;
		text-shadow: 0px 1px 1px #000000;
	}

@media screen and (max-width:640px){
	.footer_2 .wrap-footer ul:nth-child(3) li {
		margin-right: 7px;
		padding-right: 7px;
	}
}

@media screen and (max-width:480px){
	.footer_2 .wrap-footer ul:nth-child(3) li {
		border:none;
		margin-right: 0px;
		padding-right: 0px;
	}
}

		.footer_2 .wrap-footer ul:nth-child(3) li a{
			color: #CBCBCB;
			display: block;
			font:12px 'FrutigerLT-Light';
			height: 31px;
			margin-top: -4px;
			transition: all 0.2s linear;
		}

		/*.footer_2 .wrap-footer ul:nth-child(3) li:nth-child(5) {
			background: url('../img/orama-thu.png') no-repeat;
			border-right: 0px none #565659;
			height: 20px;
			padding-left: 25px;
			padding-top: 2px;
		}*/

			.footer_2 .wrap-footer ul:nth-child(3) li:nth-child(5) a,
			.footer_2 .wrap-footer ul:nth-child(3) li:nth-child(5) #conta-orama a:hover{color: #97bb31;}

			.footer_2 .wrap-footer ul:nth-child(3) li a:hover{
				color:#fff;
				text-decoration: none;
			}

.footer_3 {
	background: #333333 url('../img/noise.png') repeat;
	clear: both;
}

.footer_3 .wrap-footer .descricao {
	color: #838383;
	float: left;
	font: 12px 'FrutigerLT-Light';
	max-width: 400px;
	margin-left: 30px;
	margin-right: 20px;
}

.footer_3 .wrap-footer .anbima {
	float: left;
	max-width: 240px;
}

.footer_3 .wrap-footer .anbima a:nth-child(1){
	float: left;
	margin-right: 20px;
}

.footer_3 .wrap-footer .mapa{
	color: #cbcbcb;
	float: right;
	font-size: 10px;
	margin-right: 30px;
	max-width: 175px;
	text-align: center;
}

.footer_3 .wrap-footer .mapa a{
	border-right: 1px solid rgba(80, 80, 82, 0.8);
	color: #838383;
	font-size: 10px;
	padding-right: 4px;
	padding-left: 4px;
	text-decoration: none;
}

.footer_3 .wrap-footer .mapa a:last-child {
	border-right: none;
	white-space:nowrap;
}

.footer_3 .wrap-footer .mapa a:hover{color: #cbcbcb;}

.footer_3 .wrap-footer .disclaimer{
	box-sizing: border-box;
	clear: both;
	color: #838383;
	font-size: 10px;
	padding: 30px 30px 10px 30px;
}

.footer_3 .wrap-footer .disclaimer p{
	font-family: 'FrutigerLT-Light';
	text-align: justify;
}

.footer_3 .wrap-footer .antivirus {
	clear: both;
	height: 35px;
	text-align: center;
}

.footer_3 .wrap-footer .antivirus a img{padding-bottom: 20px;}

.footer_3 .container{position: relative;}

#aviso-legal {
	display: none;
	padding-bottom: 20px;
	text-align: left;
}

#aviso-legal a{
	color: #cecece;
	font-size:12px;
	line-height:18px;
	text-decoration: underline;
	text-shadow: 0px 1px 1px #000000;
}

.content {
	padding: 20px 0;
	box-sizing: border-box;
}

@media screen and (max-width:800px){.span2.atendimento{display:none;}}

@media (max-width: 919px) {
	footer .top-content dl:nth-child(2) dt{width: 133px;}
		footer .top-content dl:nth-child(4) dt{width: 90px;}

	.footer_3 .wrap-footer .mapa{
		clear: both;
		float: none;
		max-width: 420px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
}
@media (max-width: 727px) {
	#header-wrap {
	   padding-right: 5px;
       padding-left: 5px;
	}

	.footer_2 {height: auto;}

	html body footer .top-content {
		float:none;
		padding-bottom: 20px;
		padding-top: 10px;
		width:100%;
	}

	footer .top-content dl {
		clear: both;
		border-bottom: 1px solid;
		box-shadow: 0px 1px 0px black;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 20px;
		padding-top: 20px;
		width: 100%;
	}

	footer .top-content dl:nth-child(4) {
		border-bottom: 0px solid;
		box-shadow: 0px 0px 0px #000;
		clear: both;
		margin-left: 0px;
		padding-bottom: 0px;
		width: 100%;
	}

	footer .top-content dl:nth-child(2) dt,
	footer .top-content dl:nth-child(4) dt{width: 250px;}

	footer .top-content ul,
	footer .top-content ul li:last-child{margin-bottom:0px;}

	.footer_2 .wrap-footer ul:nth-child(1),
	.footer_2 .wrap-footer ul:nth-child(2),
	.footer_3 .wrap-footer .descricao,
	.footer_3 .wrap-footer .anbima{
		clear: both;
		display: block;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}


	.footer_2 .wrap-footer ul:nth-child(1){max-width: 290px;}

	.footer_2 .wrap-footer ul:nth-child(2){
		margin: 20px auto 10px;
		max-width: 356px;
	}

	.footer_3 .wrap-footer .descricao {
		margin: 30px auto 20px;
		max-width: 400px;
	}

}
@media (max-width: 624px) {
	.anbima, #aviso-legal {display:block;}

	#aviso-legal{
		margin-left: 105px;
		padding-left: 0px;
	}

	.anbima{padding-left: 40px;}

	.wrap-footer ul {clear: both;}

}
@media (max-width: 480px) {

	#aviso-legal {
		display: block;
		margin-left:25px;
	}

	footer .bracket-footer {display: none;}

	.footer_3 .wrap-footer .anbima {
		clear: both;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}

	.footer_2 {height: 100px;}

	.footer_2 .wrap-footer ul:nth-child(2) li{float: left;}

	.footer_2 .wrap-footer ul:nth-child(2) li:nth-child(5) {
		clear: both;
		display: block;
		float: none;
		margin:10px auto;
		width: 73px;
	}

}

.final-marging {padding-bottom: 30px;}

@media (min-width: 979px) {

    footer .container {width: 979px;}

	.anbima {margin-left: 60px;}

	footer .top-content dl {margin-top: 30px;}

	header .row-fluid .span2.atendimento{margin-right:20px;}

}

.shares {
	float: left;
	margin: 5px 5px;
	width: 150px;
}

.facebook-count,
.googleplus {
	float: left;
	overflow: hidden;
}

.facebook-count {width: 110px;}

.googleplus {width: 40px;}

@media (max-width: 727px) {
	.shares {
		display: block;
		float: none;
		height: 21px;
		margin-left: 15px;
	}

	.footer_2 .wrap-footer ul:nth-child(3) {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		text-align: center;
	}
}

@media (min-width: 979px) {.footer_2 .wrap-footer ul:nth-child(1) {padding-left: 30px;}}

@media (max-width: 979px) and (min-width: 768px) {
	.footer_2 .wrap-footer ul:nth-child(1),
	.shares {
		clear: both;
		float: none;
	}

	.header--atendimento p.offset{font-size:8px;}

	.header--atendimento p.offset span{
		font-size:12px;
		line-height:12px;
	}
}


/*atendimento fora do ar*/

.tel-redirect,
.tel-fora-do-ar,
.chat-fora{display: none;}


.chat-fora-do-ar .chat-online,
.chat-fora-do-ar .newicon--chat{display: none;}

.chat-fora-do-ar .chat-fora{display: block;}

.telefone-redirect .box-tel,
.telefone-redirect .newicon--tel,
.telefone-redirect .atendimento p.offset span,
.telefone-redirect .contatos p span,
.telefone-redirect .header--atendimento{display: none;}

.telefone-redirect .box-tel.tel-redirect,
.telefone-redirect .tel-redirect{display: block;}

.telefone-redirect .atendimento,
.telefone-fora-do-ar .atendimento{margin-top:10px;}

.telefone-fora-do-ar .box-tel,
.telefone-fora-do-ar .atendimento p.offset span,
.telefone-fora-do-ar .contatos p span,
.telefone-fora-do-ar .newicon--tel,
.telefone-fora-do-ar .header--atendimento{display: none;}

.telefone-fora-do-ar .box-tel.tel-fora-do-ar,
.telefone-fora-do-ar .tel-fora-do-ar{display: block;}

.box-tel.telefone-fora,
.box-tel.all-fora{background:none;}

.box-tel.telefone-fora h4,
.box-tel.all-fora h4{margin-left:0px;}

/*esconde o telefone nas landings*/

.tel-redirect #contato .span2 p.offset span,
.tel-fora-do-ar #contato .span2 p.offset span,
.chat-fora-do-ar #contato .span2 p.offset span{display: none;}
/* atendimento que esta fora do ar */


/*popup contas itau/bradesco*/
.orama-account-link{
	margin-top:-10px;
	margin-right:10px;
	position:relative;
	width:130px;
}
.orama-account-link > a{
	color:#839A37;
	display:block;
	font:12px/37px 'FrutigerLT-Cn';
	height:37px;
	padding:0 20px;
	text-decoration: none;
}

	.orama-account-link > a:hover{text-decoration: none;}

.orama-account{
	transition: all .1s linear;
	box-sizing: border-box;
	background:transparent;
	border:dotted 1px transparent;
	border-radius:0 0 5px 5px;
	height:0px;
	overflow:hidden;
	padding:0 9px;
	position:absolute;
	top:37px;
	width:130px;
	z-index:500;
}

	.orama-account p{
		color:#808080;
		font:11px/20px 'FrutigerLT-Cn', sans-serif;
		padding:11px 0px;
		text-align: left;
		text-shadow: none;
	}

	.orama-account .destaque{
		display: block;
		font-family:'FrutigerLT-ExtraBlackCn', sans-serif;
		text-transform: uppercase;
	}

	.orama-account .nome{border-bottom:solid 1px #000000;}

		.orama-account--bradesco .destaque{color:#cc0732;}
		.orama-account--bradesco .nome{border-bottom-color:#cc0732;}

	.orama-account--itau{right:-123px;}
	@media screen and (max-width:1024px) and (min-width:810px){
		.orama-account{left:-60px;}
		.orama-account--itau{left:70px;}
	}

		.orama-account--itau .destaque{color:#fa7b36;}
		.orama-account--itau .nome,
		.orama-account--itau a{color:#073593;}
		.orama-account--itau .nome{border-bottom-color:#fa7b36;}

/*popup stivo*/
.orama-account-link--active .orama-account{
	transition:all .1s linear;
	background:#ffffff;
	border:solid 1px #a7a7a8;;
	height:475px;
	top:37px;
}
.orama-account-link--active > a{
	background:linear-gradient(rgb(75,75,75) 0%, rgb(48,48,48) 100%);
	border-radius:5px 5px 0 0;
	display:block;
	height:37px;
	line-height:37px;
}

html body .footer_2 .wrap-footer ul:nth-child(3) li.orama-account-link{
	border-right:none!important;
	margin-top:-10px;
	margin-right:7px;
	position:relative;
	width:130px;
}
html body .footer_2 .wrap-footer ul:nth-child(3) li.orama-account-link > a{
	color:#839A37;
	display:block;
	font:12px/37px 'FrutigerLT-Light';
	height:37px;
	padding:0 10px;
}

html body .footer_2 .wrap-footer ul:nth-child(3) li.orama-account-link .orama-account--itau a{color:#073593;}

@media screen and (max-width:670px){
	.orama-account-link--active .orama-account{
		border-radius:5px 5px 0 0;
		top:-475px;
	}
	.orama-account--itau {right: 137px;}
}




/*BLACK FRIDAY*/
html.black-friday header .btnnew{font-size:17px;}

html.black-friday header{background:#000000;}

html.black-friday .newicon__thumb--tel--large {background:url(../img/new_icons_sprite--white.png) no-repeat -35px -70px;}

html .btn-yellow{display: none;}
html.black-friday .btn-yellow{
	display: inline-block;
	margin-top:8px;
}

html.black-friday .header--atendimento p{
	color:#ffffff;
	padding-left:0px;
}

html.black-friday .placa-header{
	display:block;
	float:left;
	margin:-7px 15px -11px;
}

@media screen and (max-width:640px){
	html.black-friday .placa-header{width:25%;}
}

/*botao laranja*/
.btn-yellow {
	color: #000000;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.45);
	background-color: #ffcc1e;
	*background-color: #dcb01c;
	background-image: -moz-linear-gradient(top, #ffcc1e, #dcb01c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc1e), to(#dcb01c));
	background-image: -webkit-linear-gradient(top, #ffcc1e, #dcb01c);
	background-image: -o-linear-gradient(top, #ffcc1e, #dcb01c);
	background-image: linear-gradient(to bottom, #ffcc1e, #dcb01c);
	background-repeat: repeat-x;
	border-color: rgba(236,189,28,1) rgba(236,189,28,1) rgba(236,189,28, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff08802', endColorstr='#ffdd6d00', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	font:normal normal 20px 'museo500';
	text-transform: uppercase;
	border-radius: 5px;
	text-decoration: none !important;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.btn-yellow.disabled,
.btn-yellow[disabled] {
	color: #000000;
	background-color: #ffcc1e;
	*background-color: #dcb01c;
	background-position:left bottom;
}

@media screen and (max-width:1024px){
	html.black-friday .header--atendimento p{display: none;}
	html.black-friday header nav a:first-child{margin-right:8px;}
}

@media screen and (min-width:950px) and (max-width:970px){
	html.black-friday .btn-yellow{display: none;}
	html.black-friday .placa-header{width:17%;}
}

@media screen and (min-width:680px) and (max-width:700px){
	html.black-friday .placa-header{width:13%;}
	html.black-friday .btn-yellow{display: none;}
}

@media screen and (max-width: 670px){
	html.black-friday .btn-yellow {
	    font-size: 12px;
	    height: 22px;
	    margin: 0 5px 0 0;
		padding:6px;
	    width: 90px !important;
	}
}

@media screen and (min-width:590px) and (max-width:610px){html.black-friday .placa-header{width:26%;}}

@media screen and (max-width:540px){html.black-friday .btn-yellow{display: none;}}

@media screen and (max-width:480px){html.black-friday .placa-header{width:31%;}}

@media screen and (max-width:415px){html.black-friday .placa-header{width:19%;}}

@media screen and (max-width:375px){
	html.black-friday #logo{width:85px;}
	html.black-friday .placa-header{width:23%;}
}

html.black-friday .banner-blackfriday{
	display: block;
	margin:50px auto 0;
}