/*.container { width:100%; max-width:1450px; position:relative; } old*/
.container { width:100%; max-width:1170px; position:relative; }

header { z-index:1; position:absolute; width:100%; height:100px !important }
header .container .logo { float: left; margin: 80px 0; width: 216px; height: 51px; position: relative; }
header .container .logo a { float: left; width: 100%; height: 100%; font-size:0; line-height:0; text-indent:-999em }
header .container .logo a svg {}
header .container .menu { position: absolute; width: 100%; text-align: right/*center*/; margin: 100px 0; }
header .container .menu ul { width:100%; height:15px; margin:0 }
header .container .menu ul li:first-of-type { border:none }
header .container .menu ul li { border-left: 1px solid #4eaece; height: 15px; line-height: 14px; list-style: none; padding: 0 30px; display: inline-block !important; }
header .container .menu ul li a { font-family: 'Gotham'; font-weight: 500; color: #4eaece; font-size: 14px; text-transform: uppercase; float: left; }

.bannerAnimado { overflow:hidden; background: #022e47; width: 100%; height: 100vh; position: relative; float: left; }
.bannerAnimado .banner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url("../images/megaBanner.jpg") no-repeat 0 0; background-size: cover; transition:ease all .2s; opacity:0 }
.bannerAnimado .banner .bannerCel { position: absolute; top: 0; bottom: 0; margin: auto; left: -100px; width: 45%; max-width: 767px; transition:ease all 2s; opacity:0 }
.bannerAnimado .banner .txt { transition:ease all 2s; position: absolute; right: -100px; width: 55%; height: 200px; top: 0; bottom: 0; margin: auto; opacity:0 }
.bannerAnimado .banner .txt h2 { color:#fff; float:left; width:100%; margin:0 0 15px; font-size:60px; font-family: 'DepotNew'; font-weight: bold;}
.bannerAnimado .banner .txt p { color:#fff; float:left; width:100%; margin:0 0 40px; font-size:20px; font-family: 'DepotNew'; font-weight: 100; }
.bannerAnimado .banner .txt .bts {}
.bannerAnimado .banner .txt .bts .baixe { float:left; margin-right:30px }
.bannerAnimado .banner .txt .bts .baixe svg {}
.bannerAnimado .banner .txt .bts .google { float:left; margin-right:30px  }
.bannerAnimado .banner .txt .bts .google svg {}
.bannerAnimado .banner .txt .bts .apple { float:left; margin-right:30px }
.bannerAnimado .banner .txt .bts .apple svg {}

.bannerAnimado .banner.move { opacity:1 }
.bannerAnimado .banner .bannerCel.move { opacity:1; left:0 }
.bannerAnimado .banner .txt.move { opacity:1; right:0 }

.main { float:left; width:100% }
.main .title { color: #4eaece; text-transform: uppercase; font-size: 60px; font-family: 'DepotNew'; font-weight: 100; float: left; width: 100%; letter-spacing: 15px; position: relative; text-align: center; margin: 80px 0; padding-bottom: 15px; }
.main .title .borda { position: absolute; width: 100px; height: 1px; background: #fff; bottom: 0; left: 0; right: 13px; margin: auto; }
.main .sobreNos { background: url("../images/bg-sobre.png") center top; float:left; width:100%; padding-bottom:100px }
.main .sobreNos h3 { line-height: 25px; float: left; width: 100%; letter-spacing: 11px; font-family: 'DepotNew'; font-weight: 100; color: #4eaece; text-transform: uppercase; text-align: center; font-size: 20px; margin: 0 0 25px; }
.main .sobreNos p { float: left; width: 100%; font-family: 'DepotNew'; font-weight: 100; color: #fff; font-size: 20px; margin: 0; text-align: center; padding: 0 100px; }
.main .sobreNos .esq { float:left; width:50% }
.main .sobreNos .dir { float:left; width:50% }

.main .diferencial { background: url("../images/diferencial.jpg") center top; float:left; width:100%; padding-bottom:100px; height:671px }
.main .diferencial .title { margin-top: 241px; }
.main .diferencial p { float: left; width: 100%; font-family: 'DepotNew'; font-weight: 100; color: #fff; font-size: 20px; margin: 0; text-align: center; padding: 0 100px; }

.main .app { background: #0F2434; float: left; width: 100%; }
.main .app p { float: left; width: 100%; font-family: 'DepotNew'; font-weight: 100; color: #fff; font-size: 20px; margin: 0; text-align: center; }
.main .app p#appTitle { float: left; width: 100%; font-family: 'DepotNew'; font-weight: 100; color: #fff; font-size: 20px; margin: 0; text-align: center; padding: 0 150px; }
.main .app #videoTitle { float: left; width: 100%; font-family: 'DepotNew'; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 20px; margin: 20px 0 0; text-align: center;}
.main .app > iframe {
	float: left;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin: 30px 0 0;
}
.main .app .top { margin-top:50px; float:left; width:100% }
.main .app .top .esq { float:left; width:50% }
.main .app .top .esq h3 { line-height: 25px; float: left; width: 100%; letter-spacing: 2px; font-family: 'DepotNew'; font-weight: 100; color: #4eaece; text-transform: uppercase; text-align: left; font-size: 20px; margin: 50px 0 35px; }
.main .app .top .esq p { float: left; width: 100%; font-family: 'DepotNew'; font-weight: 100; color: #fff; font-size: 20px; margin: 0; text-align: left; padding-right:130px }
.main .app .top .dir { float:left; width:50% }
.main .app .top .dir .celApp { position: relative; top: 190px; }

.main .app .bottom { background: #C2C2C2; float: left; width: 100%; height: 268px; }
.main .app .bottom .faixa { float: left; width: 100%; height: 100%; }
.main .app .bottom .faixa h2 { color:#0F2434; float:left; width:100%; margin:40px 0 15px; font-size:60px; font-family: 'DepotNew'; font-weight: bold;}
.main .app .bottom .faixa p { color:#0F2434; float:left; width:100%; margin:0 0 40px; font-size:20px; font-family: 'DepotNew'; font-weight: 300; text-align:left; letter-spacing: -1px; }
.main .app .bottom .faixa .bts {}
.main .app .bottom .faixa .bts .baixe { float:left; margin-right:30px; margin-top:11px }
.main .app .bottom .faixa .bts .baixe svg {}
.main .app .bottom .faixa .bts .google { float:left; margin-right:30px  }
.main .app .bottom .faixa .bts .google svg {}
.main .app .bottom .faixa .bts .apple { float:left; margin-right:30px }
.main .app .bottom .faixa .bts .apple svg {}

.main .blog { background: url("../images/bg-blog.jpg") no-repeat top center; float: left; width: 100%; padding-bottom:100px }
.main .blog .conteudo { float:left; width:100% }
.main .blog .conteudo .esq { float:left; }
.main .blog .conteudo .esq .imgBlog {}
.main .blog .conteudo .dir { float: right; width: 435px; }
.main .blog .conteudo .dir p { margin-top: 130px; font-family: 'DepotNew'; font-weight: 500; color: #fff; font-size: 20px; float: left; width: 435px; }
.main .blog .conteudo .dir form { float: left; width: 100%; margin-top: 70px; }
.main .blog .conteudo .dir form fieldset { float: left; padding: 0; margin: 0; background: none; }
.main .blog .conteudo .dir form fieldset .control-group { float: left; margin-bottom: 30px; width:100% }
.main .blog .conteudo .dir form fieldset .control-group .control-label { float:left; width:100% }
.main .blog .conteudo .dir form fieldset .control-group .control-label p { font-family: 'DepotNew'; font-weight: 300; float: left; width: 60px; margin: 0; }
.main .blog .conteudo .dir form fieldset .control-group .control-label .form-item { width: 370px; border-bottom: 1px solid #fff; border-radius: 0; background: none; border-top: 0; border-right: none; border-left: 0; height: 30px; }
.main .blog .conteudo .dir form fieldset .control-group .control-label small {}
.main .blog .conteudo .dir form fieldset .btn { width: 200px; border-radius: 0; box-shadow: none; border: none; background: #4091ac; height: 37px; line-height: 0; font-weight: bold; font-family: 'DepotNew'; font-size: 22px; padding: 0; float: right; margin-top: 20px; }

.main .contato { background: #013551; float: left; width: 100%; }
.main .contato .title { margin: 80px 0 20px; }
.main .contato p {width: 100%; font-family: 'DepotNew'; font-weight: 100; color: #fff; font-size: 20px; margin: 0; text-align: center; padding: 0 100px; }
.main .contato .content { float: left; width: 100%; }
.main .contato .content .container { padding:0 100px }
.main .contato .content .box { text-align: center; background: #011F31; float: left; width: 100%; padding: 50px 0; margin: 50px 0; }
.main .contato .content .box p { color: #4eaece; text-transform: uppercase; letter-spacing: 8px; margin: 0; padding: 0; }
.main .contato .content .box .site { font-family: 'DepotNew'; font-weight: 100; font-size: 20px; text-align: center; display: inline-block; margin: 10px 0; color: #fff; }
.main .contato .content .box .social { float: left; width: 100%; margin: 30px 0 0; }
.main .contato .content .box .social p { font-size: 20px; text-transform: none; letter-spacing: 0; color: #fff; margin-bottom: 16px; }
.main .contato .content .box .social a { margin: 0 4px; }
.main .contato .content .box .social a svg {}
.main .contato .content .box .faqLink { font-size: 20px; text-transform: none; letter-spacing: 0; margin: 30px 0 0; float: left; width: 100%; font-family: 'DepotNew'; font-weight: 100; color: #4eaece; text-transform: uppercase; letter-spacing: 8px; text-decoration: none; }

.main .contato .contact { float: left; width: 100%; text-align: center; padding: 50px 0 147px; }
.main .contato .contact .mails { display: inline-block; }
.main .contato .contact .mails a { font-size: 20px; text-transform: none; letter-spacing: 0; color: #fff; margin-bottom: ; font-family: 'DepotNew'; font-weight: 100; height: 17px; line-height: 16px }
.main .contato .contact .mails a:first-of-type { margin: 0 30px 0 0px; padding: 0 30px 0 0px; }
.main .contato .contact .whats { position: absolute; width: 31%; padding: 0; left: 0; right: 0; margin: 0px auto; }
.main .contato .contact .whats svg { width: 19px; float: left;margin-left: 7px; }
.main .contato .contact .whats span { margin-left: 7px; float: left; line-height: 30px; }

.main .faq { background: #023048; float: left; width: 100%; }
.main .faq .title { margin: 250px 0 20px; }
.main .faq p { float: left; width: 100%; font-family: 'DepotNew'; font-weight: 100; color: #fff; font-size: 20px; margin: 0; text-align: left; }
.main .faq .content { float: left; width: 100%; }
.main .faq .content .container { padding:0 100px; }

.main .faq .content #accordion { margin:100px 0; float:left; width:100% }
.main .faq .content #accordion .panel { background: #0F2434; border: none; border-radius: 0; margin-bottom:30px; float:left; width:100% }
.main .faq .content #accordion .panel .panel-heading { border-radius: 0; padding: 16px; float: left; width: 100%; background: #c3c3c3; }
.main .faq .content #accordion .panel .panel-heading .panel-title { float: left; width: 100%; }
.main .faq .content #accordion .panel .panel-heading .panel-title a { text-decoration:none; color: #0f2434; text-transform: uppercase; font-size: 20px; font-family: 'DepotNew'; font-weight: 300; letter-spacing: 7px; position: relative; text-align: left; margin: 0; float: left; width: 100%; }
.main .faq .content #accordion .panel .panel-heading .panel-title a span { font-weight: bold; float: right; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 14px; line-height: 9px; width: 13px; }
.main .faq .content #accordion .panel .panel-collapse { float:left; }
.main .faq .content #accordion .panel .panel-collapse .panel-body { border:none; font-family: 'DepotNew'; font-weight: 300; color: #fff; font-size: 17px; letter-spacing: 2px; }

#faq header { height: 209px !important; background: #0f2434; }


#investir header { height: 209px !important; background: #0f2434; }
#investir .main { background: #023048; padding-top: 209px; }
#investir .main .investir { float:left; width:100% }
#investir .main .investir .container { position:relative; }

#investir .main .investir .container .esq { width: 50%; position: absolute; left: 15px; z-index:1 }
#investir .main .investir .container .esq h2 { width: 450px; height: 165px; margin: 100px 13% 37px 0; float: right; font-size: 0; line-height: 0; text-indent: -999em; }
#investir .main .investir .container .esq h2 img {}
#investir .main .investir .container .esq img { float: left; width: 100%; }
#investir .main .investir .container .esq .foto { float: left; width: 100%; margin: 0; text-align: right; color: #fff; font-family: open sans; padding: 14px 12% 10px 10px; }
#investir .main .investir .container .esq .foto a { color: #fff; margin-left: 3px; }

#investir .main .investir .container .dir { float: right; width: 53%; background: #fff; padding: 50px 100px 100px; margin: 50px 0 100px -70px; position:relative }
#investir .main .investir .container .dir .txt { float: left; width: 100%; }
#investir .main .investir .container .dir .txt p { float: left; width: 100%; color: #023048; font-family: open sans; font-size: 15px; margin-bottom: 17px; line-height: 16px; }
#investir .main .investir .container .dir a { float:left; width:425px; position:relative }
#investir .main .investir .container .dir a p { background: #DA3241; height: 70px; position: absolute; z-index: 2; width: 405px; margin: 10px; border-radius: 14px; text-align: center; line-height: 70px; font-family: open sans; font-weight: 800; text-transform: uppercase; font-size: 22px; color: #fff; }
#investir .main .investir .container .dir a span:nth-child(2) { z-index: 1; position: relative; width: 100%; height: 90px; float: left; background: #EE3941; border-radius: 20px; }
#investir .main .investir .container .dir a span:nth-child(3) { box-shadow:4px 4px 12px #000; width: 100%; height: 90px; float: left; background: #B22E3D; border-radius: 20px; margin-top: 16px; position: absolute; left: 0; }

#investir .main .investir .container .dir a:active span:nth-child(2) { top:11px }
#investir .main .investir .container .dir a:active p { top:11px }

#investir .main .investir .container .dir .info { line-height:20px; float: left; width: 100%; margin-top: 40px; font-size: 20px; font-weight: 800; font-family: open sans; color: #002D44; }
#investir .main .investir .container .dir .mao { position: absolute; bottom: -24px; width: 220px; z-index: 2; right: -60px; }
#investir .main .investir .container .dir .mao img { width:100% }


@media (max-width: 1449px) {
	
	.container { width:100%; max-width:1200px }

	header .container .logo { margin: 35px 0; }
	header .container .menu { margin: 54px 0; }
	header .container .menu ul li { padding: 0 20px; }

	.bannerAnimado .banner .txt h2 { font-size:50px; }
	.bannerAnimado .banner .txt p { font-size:18px; }
	
	.main .app .bottom .faixa h2 { font-size: 50px; }
	.main .app .bottom .faixa p { font-size: 18px; }

	#faq header { height: 125px !important; background: #0f2434; }
	.main .faq .title { margin: 200px 0 20px; }

}