@font-face {
    font-family: 'Portrait Script Bounce';
    src: url('../fonts/portrait/PortraitScript-Bounce.eot');
    src: url('../fonts/portrait/PortraitScript-Bounce.eot?#iefix') format('embedded-opentype'),
        url('../fonts/portrait/PortraitScript-Bounce.woff2') format('woff2'),
        url('../fonts/portrait/PortraitScript-Bounce.woff') format('woff'),
        url('../fonts/portrait/PortraitScript-Bounce.ttf') format('truetype'),
        url('../fonts/portrait/PortraitScript-Bounce.svg#PortraitScript-Bounce') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {padding: 0; margin: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; outline: 0 !important;}
.container {width: 1200px; margin: 0 auto; }
a {text-decoration: none;}
a img {border: none;}
li {list-style: none;}
a, input[type=submit], button[type=submit], button {transition: 0.3s; cursor: pointer;}
.clearfix {clear: both;}
body, html {overflow-x: hidden;}
body.overflow {overflow: hidden;}
/* input {appearance: none; -webkit-appearance: none; -moz-appearance: none;} */

header {position:fixed; display: table;  top: 0; width: 100%; background-color: #ffffff; z-index: 999; padding: 10px 0;  box-shadow: 0px 5px 10px rgba(5, 4, 4, 0.385);}
header .logo {float: left; display: flex; align-items: center; justify-content: center;}
header .logo img{width: 180px;}
header .container{ display: flex; align-items: center; justify-content: space-between;}
header .right-header {float: right; padding: 3px 0;}
header .right-header .restrict {float: left;}
header .right-header form span {text-transform: uppercase; font-size: 14px; color: #2e344a; font-weight: 300; line-height: 20px; float: left; font-weight: 400; letter-spacing: .4px;}
header .right-header form .group-form {float: left; margin-right: 20px;}
header .right-header form div.group-form {margin-right: 15px;}
header .right-header form input[type=text], header .right-header form input[type=password] {width: 130px; height: 20px; border: 1px solid #2e344a; background: #FFF; border-radius: 20px; padding: 0 10px; margin: 0 7px; float: left; font-size: 12px; letter-spacing: .4px;}
header .right-header form input[type=submit] {color: #FFF; text-transform: uppercase; color: #FFF; font-size: 14px; height: 20px; padding: 0 20px; font-weight: 500; background: #677bd0; border: none; appearance: none; -webkit-appearance: none; letter-spacing: .4px; float: left;}
header .right-header form input[type=submit]:hover {background: #9b7c4f;}
header .right-header .languages {float: left; margin-left: 30px}
header .right-header .languages a, header .right-header .languages span {float: left; line-height: 20px; font-size: 14px; color: #FFF; text-transform: uppercase; letter-spacing: .4px;}
header .right-header .languages span {margin: 0 7px;}
header .right-header .languages a:hover {color: #9b7c4f;}

header .right-header .area-cliente {float: left; margin-left: 30px}
header .right-header .area-cliente a {float: left; line-height: 20px; font-size: 14px; color: #2e344a; text-transform: uppercase; letter-spacing: .4px;}
header .right-header .area-cliente span {margin: 0 7px;}
header .right-header .area-cliente a:hover {color: #9b7c4f;}


header .open-menu {display: none;}


.barra{
    border: 1px solid#ededed;
    margin: 30px  auto;
    width: 95%;


}

.banner {width: 100%; height: 550px; background: #2e344a; position: relative; overflow: hidden;}
.banner video {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1;}
.banner video.video-mobile {display: none}
.banner .container {height: 100%; position: relative; z-index: 2;}
/* .banner .container a img { margin-top: 100px;} */
/* .banner .icon-logo {position: absolute; left: 0; top: 85px; padding-top: 155px; background: url(../images/logo-icon.png) left top no-repeat; z-index: 2;} */
.banner .icon-logo span {position: absolute; left: 0; top: 200px; padding-top: 155px; display: table; width: 135px; border: 1px solid #FFF; padding: 25px 30px; text-transform: uppercase; line-height: 28px; font-size: 17px; color: #FFF; letter-spacing: .7px; font-weight: 300; transition: 0.3s;}
.banner .icon-logo:hover span {background: #9b7c4f; border-color: #9b7c4f;}
.banner ul {position: absolute; bottom: 70px; left: 50%; margin-bottom: 0; transform: translate(-50%, 0)}
.banner ul li {float: left;}
.banner ul li a {display: table; color: #FFF; font-size: 14px; padding: 0 25px;}
.banner ul li a:hover {color: #9b7c4f;}
/* .banner .container:after {content: ""; width: 16px; height: 54px; background: url(../images/arrows.png) center center no-repeat; position: absolute; bottom: 150px; left: 50%; transform: translate(-50%, 0);} */

.banner-pages {height: 560px;}
.banner-pages ul {position: relative; bottom: auto; left: auto; transform: none;}
.banner-pages ul li a {color: #9b7c4f; border-right: 1px solid #9b7c4f; padding: 0 15px;}
.banner-pages ul li a:hover, .banner-pages ul li a.active {color: #575757}
.banner-pages ul li:last-of-type a {border-right: none;}
.banner-pages .center-banner {position: absolute; left: 50%; top: calc(50% + 64px); transform: translate(-50%, -50%); display: table;}
.banner-pages .center-banner h1 {display: table; width: 100%; text-align: center; font-weight: bolder; color: #FFF; font-size: 70px;}
.banner-pages .container:after {display: none;}

.banner-caixa {background: url(../images/banner-caixa.png) center center no-repeat; background-size: cover;}
.banner-count {background: url(../images/banner-count.png) center center no-repeat; background-size: cover;}
.banner-extrato {background: url(../images/banner-extrato.png) center center no-repeat; background-size: cover;}
.banner-invest {background: url(../images/video-principal.mp4);}
.banner-seguros {background: url(../images/banner-seguros.png) center center no-repeat; background-size: cover;}
.banner-sobre {background: url(../images/banner-sobre.png) center center no-repeat; background-size: cover;}
.banner-conta {display: table; width: 100%; height: 560px; position: relative; background: url(../images/banner-conta.png) center bottom no-repeat; background-size: cover;}
.banner-conta h1 {display: table; width: 100%; text-align: center; color: #FFF; position: absolute; bottom: 30px; left: 0; font-size: 70px; font-weight: bolder;}

.intro-movbank {display: table; width: 100%; padding: 110px 0;}
.intro-movbank img {display: table; margin: 0 auto;}
.intro-movbank .text {display: table; width: 100%; text-align: center; font-size: 20px; color: #2e344a; margin-top: 100px;}
.intro-movbank .text span {font-size: 40px; font-family: 'Portrait Script Bounce'; line-height: 50px; padding-left: 30px;}

.about-home {display: block; width: 100%; overflow: hidden;}
.about-home .about-left {width: calc(50% - 50px); float: left; position: relative; height: 540px;}
.about-home .about-left .center-content {position: absolute; left: 0; top: 50%; transform: translate(0, -50%); z-index: 10; width: 100%;}
.about-home .about-left:before {content: ""; right: 0; width: 2000px; height: 2000px; display: table; background: #2e344a; z-index: 5; position: absolute; top: 0;}
.about-home .about-left p {font-size: 20px; color: #FFF; line-height: 42px;}
.about-home .about-left p span {font-weight: bolder; color: #9b7c4f;}

.about-home .about-right {width: calc(50% - 50px); float: right; position: relative; height: 540px;}
.about-home .about-right .center-content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; display: table;}
.about-home .about-right .item-about {float: left; margin: 0 15px;}
.about-home .about-right .item-about span {display: table; width: 100%; text-align: center; font-size: 16px; color: #2e344a; margin-top: 20px;}
.about-home .about-right .item-about img {display: table; width: 140px;}
.about-home .about-right:before {content: ""; width: 2000px; height: 1px; display: table; position: absolute; left: 0; top: 0; background: #b3b3b3}
.about-home .about-right:after {content: ""; width: 2000px; height: 1px; display: table; position: absolute; left: 0; bottom: 0; background: #b3b3b3}

.home-somos {display: block; width: 100%; overflow: hidden; margin-top: 60px;}
.home-somos .somos-left {width: calc(50% - 50px); float: left; position: relative; height: 400px;}
.home-somos .somos-left img {display: table; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}

.home-somos .somos-right {width: calc(50% - 50px); float: right; position: relative; height: 400px;}
.home-somos .somos-right .center-content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; display: table;}
.home-somos .somos-right p {display: table; width: 100%; font-size: 20px; color: #2e344a; margin-bottom: 15px;}
.home-somos .somos-right a {font-size: 20px; line-height: 55px; padding: 0 60px; display: table; color: #FFF; background: #677bd0; font-weight: 300;}
.home-somos .somos-right a:hover {background: #2e344a;}
/* .home-somos .somos-right:before {content: ""; width: 2000px; height: 1px; display: table; position: absolute; left: 0; top: 0; background: #2a3046}
.home-somos .somos-right:after {content: ""; width: 2000px; height: 1px; display: table; position: absolute; left: 0; bottom: 0; background: #2a3046} */

.home-services {display: table; width: 100%; margin-top: 200px; padding-top: 200px; padding-bottom: 100px; border-top: 1px solid #b3b3b3;}
.home-services .logo-services {display: table; margin: 0 auto;}
.home-services ul {display: table; margin: 30px auto 145px;}
.home-services ul li {float: left;}
.home-services ul li a {display: table; padding: 0 20px; color: #9b7c4f; font-size: 16px; line-height: 18px; border-right: 1px solid #9b7c4f;}
.home-services ul li a:hover {color: #677bd0;}
.home-services ul li:last-of-type a {border-right: none;}
.home-services .item-service {display: table; width: 100%; margin-bottom: 50px;}
.home-services .item-service:last-of-type {margin-bottom: 0;}
.home-services .item-service img {width: 60%; height: auto;}
.home-services .item-service img.img-left {float: left;}
.home-services .item-service img.img-right {float: right;}
.home-services .item-service .text-left {width: 40%; float: left; padding-right: 40px;}
.home-services .item-service .text-right {width: 40%; float: right; padding-left: 40px;}
.home-services .item-service h3 {font-size: 40px; line-height: 50px; margin-bottom: 20px; font-weight: bolder; display: table; color: #2e344a;}
.home-services .item-service p {font-size: 18px; line-height: 30px; margin-bottom: 20px; display: table; color: #2e344a;}
.home-services .item-service a {font-size: 20px; line-height: 55px; padding: 0 60px; display: table; color: #FFF; background: #2e344a; font-weight: 300;}
.home-services .item-service a:hover {background: #677bd0;}
.home-services .item-service .m-t-50 {margin-top: 50px;}

.home-caixa {display: block; position: relative; width: 100%; background: #ededed;}
/* .home-caixa:before {content: ""; position: absolute; left: 50%; top: -300px; transform: translate(-50%, 0); width: 0; height: 0; border-style: solid; border-width: 0 0 300px 1920px; border-color: transparent transparent #5f7dd6 transparent;}  */
.home-caixa .img-left {width: 50%; float: left;}
.home-caixa .text-right {width: 50%; float: right; padding-left: 100px; color: #2e344a;}
.home-caixa .text-right img {float: left; margin-bottom: 40px;}
.home-caixa .text-right h3 {font-size: 30px;  font-weight: bolder; width: 100%; float: left; margin-bottom: 40px; padding: 0 30px;}
.home-caixa .text-right p {font-size: 18px;  line-height: 30px; float: left; width: 100%;}

.home-caixa .bottom-caixa {display: table; width: 100%; margin-top: 100px; float: left; position: relative; height: 600px;}
.home-caixa .bottom-caixa:before {content: ""; width: calc(100% - 200px); position: absolute; top: 0; height: 600px; display: table; border-top-left-radius: 20px; border-top-right-radius: 20px; background:  #9b7c4f; right: 0;}
.home-caixa .bottom-caixa video {position: absolute; left: 0; width: 50%; height: auto; top: 50%; transform: translate(0, -50%); border-radius: 20px 20px 0 20px;}
.home-caixa .bottom-caixa .text-right {position: absolute; right: 0; width: 50%; padding-left: 100px; padding-right: 100px; top: 50%; transform: translate(0, -50%);}
.home-caixa .bottom-caixa .text-right p {font-size: 18px; color: #fff; line-height: 30px; float: left; width: 100%; margin-bottom: 20px;}
.home-caixa .bottom-caixa .text-right a {font-size: 20px; line-height: 55px; padding: 0 60px; display: table; color: #FFF; background: #2e344a; font-weight: 300;}
.home-caixa .bottom-caixa .text-right a:hover {background: #677bd0;}

.home-contabil {display: table; width: 100%; background: #2e344a; position: relative; padding: 150px 0 300px;}
.home-contabil .col-logo {float: left; width: 25%;}
.home-contabil .col-img {float: left; width: 35%;}
.home-contabil .col-text {float: left; width: 40%; padding-left: 50px;}
.home-contabil .logo {display: table; max-width: 100%; margin-bottom: 30px;}
.home-contabil img {max-width: 100%; display: table; height: auto;}
.home-contabil h3 {color: #FFF; font-weight: bolder; font-size: 35px; line-height: 45px; margin-bottom: 20px;}
.home-contabil p {margin-bottom: 20px; font-size: 18px; line-height: 30px; color: #FFF;}
.home-contabil a {font-size: 20px; line-height: 55px; padding: 0 60px; display: table; color: #FFF; background: #5f7dd6; font-weight: 300;}
.home-contabil a:hover {background: #FFF; color: #5f7dd6;}

.home-credito {display: table; width: 100%; background: #dbdbdb; position: relative; padding: 150px 0;}
.home-credito:before {content: ""; position: absolute; left: 50%; top: -150px; transform: translate(-50%, 0); width: 0; height: 0; border-style: solid; border-width: 0 0 150px 1920px; border-color: transparent transparent #dbdbdb transparent;}
.home-credito .col-logo {float: left; width: 25%;}
.home-credito .col-img {float: left; width: 35%;}
.home-credito .col-text {float: left; width: 40%; padding-left: 50px; padding-right: 50px;}
.home-credito .logo {display: table; max-width: 100%; margin-bottom: 30px;}
.home-credito img {max-width: 100%; display: table; height: auto;}
.home-credito h3 {color: #2e344a; font-weight: bolder; font-size: 35px; line-height: 45px; margin-bottom: 20px;}
.home-credito p {margin-bottom: 20px; font-size: 18px; line-height: 30px; color: #2e344a;}
.home-credito a {font-size: 20px; line-height: 55px; display: table; color: #5f7dd6; font-weight: 300; text-transform: uppercase; font-weight: bolder;}
.home-credito a:hover {color: #2e344a;}

.home-seguros {display: table; width: 100%; position: relative; padding: 150px 0 300px;}
.home-seguros .col-logo {float: left; width: 25%;}
.home-seguros .col-img {float: left; width: 35%;}
.home-seguros .col-text {float: left; width: 40%; padding-left: 50px;}
.home-seguros .logo {display: table; max-width: 100%; margin-bottom: 30px;}
.home-seguros img {max-width: 100%; display: table; height: auto;}
.home-seguros h3 {color: #2e344a; font-weight: bolder; font-size: 35px; line-height: 45px; margin-bottom: 20px;}
.home-seguros p {margin-bottom: 20px; font-size: 18px; line-height: 30px; color: #2e344a;}
.home-seguros a {font-size: 20px; line-height: 55px; padding: 0 60px; display: table; color: #FFF; background: #2e344a; font-weight: 300;}
.home-seguros a:hover {background: #5f7dd6;}

.home-invest {display: table; width: 100%; background: #917a52; position: relative; padding: 150px 0;}
.home-invest:before {content: ""; position: absolute; left: 50%; top: -150px; transform: translate(-50%, 0); width: 0; height: 0; border-style: solid; border-width: 150px 0 0 1920px; border-color: transparent transparent transparent #917a52;}
.home-invest .col-logo {float: left; width: 40%; padding-right: 50px;}
.home-invest .col-img {float: left; width: 60%;}
.home-invest .logo {display: table; max-width: 100%; margin-bottom: 30px;}
.home-invest img {max-width: 100%; display: table; height: auto;}
.home-invest h3 {color: #FFF; font-weight: bolder; font-size: 35px; line-height: 45px; margin-bottom: 20px;}
.home-invest p {margin-bottom: 20px; font-size: 18px; line-height: 30px; color: #FFF;}
.home-invest a {font-size: 20px; line-height: 55px; padding: 0 60px; display: table; color: #FFF; background: #2e344a; font-weight: 300;}
.home-invest a:hover {background: #5f7dd6;}

.contact-default {display: table; width: 100%; padding: 150px 0;}
.contact-default h2 {display: table; width: 100%; text-align: center; font-weight: 38px; color: #2e344a; margin-bottom: 100px; font-weight: 700;}
.contact-default .left-contact {width: 50%; float: left; padding-right: 50px;}
.contact-default .left-contact .link-contact {display: table; margin-bottom: 35px; padding: 10px 0 10px 70px; font-size: 20px; color: #2e344a; font-weight: bold;}
.contact-default .left-contact .link-contact:hover {color: #917a52;}
.contact-default .left-contact .link-contact.phone {background: url(../images/icon-phone.png) left center no-repeat;}
.contact-default .left-contact .link-contact.whats {background: url(../images/icon-whats.png) left center no-repeat;}
.contact-default .left-contact .link-contact.email {background: url(../images/icon-email.png) left center no-repeat;}
.contact-default .left-contact p {display: table; width: 100%; margin-bottom: 35px; font-size: 20px; color: #2e344a; font-weight: 300;}
.contact-default .left-contact .box-address, .contact-default .left-contact .box-address address {display: table; width: 100%;}
.contact-default .left-contact .box-address {padding-left: 70px; background: url(../images/icon-maps.png) left top no-repeat; margin-top: 15px;}
.contact-default .left-contact .box-address address {font-size: 20px; color: #2e344a; font-weight: 300; margin-bottom: 15px; font-style: normal;}
.contact-default .right-contact {width: 50%; float: left; padding-left: 50px;}
.contact-default .right-contact p {display: table; width: 100%; margin-bottom: 15px; font-size: 20px; color: #2e344a; font-weight: 300;}
.contact-default .right-contact .social {width: 100%; margin-bottom: 40px; display: table;}
.contact-default .right-contact .social a {font-size: 27px; float: left; margin-right: 30px; color: #2e344a;}
.contact-default .right-contact .social a:hover {color: #917a52;}
.contact-default .right-contact form {display: table; width: 100%;}
.contact-default .right-contact form input[type=text], .contact-default .right-contact form input[type=email] {width: 100%; display: table; height: 50px; padding: 0 15px; border: 1px solid #dbdbdb; font-size: 15px; margin-bottom: 15px;}
.contact-default .right-contact form textarea {width: 100%; display: table; height: 150px; padding: 10px 15px; border: 1px solid #dbdbdb; font-size: 15px; margin-bottom: 15px;}
.contact-default .right-contact form input[type=submit] {font-size: 20px; height: 55px; padding: 0 60px; display: table; color: #FFF; background: #2e344a; font-weight: 300; border: none; appearance: none; -webkit-appearance: none;}
.contact-default .right-contact form input[type=submit]:hover {background: #5f7dd6;}

.submenu {display: table; width: 100%; margin-top: 40px; margin-bottom: 60px;}
.submenu ul {display: table; margin: 0 auto;}
.submenu ul li {float: left;}
.submenu ul li a {display: table; font-size: 14px; color: #2e344a; padding: 0 20px;}
.submenu ul li a:hover {color: #9b7c4f;}

.content-page {display: table; width: 100%;}
.content-page .top-caixa {display: table; width: 100%; padding: 0 80px 0 150px; margin-bottom: 50px;}
.content-page .top-caixa .left-img {width: 50%; float: left;}
.content-page .top-caixa .left-img img {display: table;}
.content-page .top-caixa .right-text {width: 50%; float: left;}
.content-page .top-caixa .right-text p {color: #2e344a; font-size: 20px; font-weight: bolder;}
.content-page .item-caixa {padding: 40px 80px 40px 150px; border: 1px solid #b3b3b3; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px;}
.content-page .item-caixa .left-caixa {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -ms-flex-item-align: center!important; align-self: center!important;}
.content-page .item-caixa .left-caixa span {color: #677bd0; font-weight: bolder; font-size: 30px; line-height: 40px;}
.content-page .item-caixa .right-caixa {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -ms-flex-item-align: center!important; align-self: center!important;}
.content-page .item-caixa .right-caixa p {font-size: 20px; line-height: 30px; color: #2e344a; margin-bottom: 20px;}
.content-page .item-caixa .right-caixa p:last-of-type {margin-bottom: 0;}
.content-page .bottom-caixa {display: table; width: 100%; padding: 50px 0 100px; border-bottom: 1px solid #b3b3b3}
.content-page .bottom-caixa p {display: table; width: 100%; font-size: 20px; color: #2e344a; text-align: center; margin-bottom: 20px;}
.content-page .bottom-caixa a {font-size: 20px; line-height: 55px; padding: 0 60px; display: table; margin: 0 auto; color: #FFF; background: #5f7dd6; font-weight: 300; border: none; appearance: none; -webkit-appearance: none;}
.content-page .bottom-caixa a:hover {background: #2e344a;}

.content-count img {display: table; margin: 0 auto 100px;}
.content-count .item-count {display: table; width: 100%; margin-bottom: 50px;}
.content-count .item-count h2 {display: table; width: 100%; color: #2e344a; font-size: 30px; font-weight: bolder; margin-bottom: 20px;}
.content-count .item-count p {font-size: 20px; color: #2e344a; line-height: 30px; display: table; width: 100%; margin-bottom: 30px;}
.content-count .item-count p a {color: #5f7dd6;}
.content-count .item-count p a:hover {color: #2e344a;}

.content-extrato .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 100px;}
.content-extrato .row .left-extrato {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -ms-flex-item-align: center!important; align-self: center!important;}
.content-extrato .row .right-extrato {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.content-extrato .row .right-extrato p {font-size: 20px; line-height: 30px; color: #2e344a; margin-bottom: 20px; font-weight: 300;}

/* .content-extrato .row .left-seguros {-webkit-box-flex: 0; -ms-flex: 0 0 50%; -ms-flex-item-align: center!important; align-self: center!important; margin:0 auto;}
.content-extrato .row .right-seguros {-webkit-box-flex: 0; -ms-flex: 0 0 50%;}
.content-extrato .row .right-seguros p {font-size: 20px; line-height: 30px; color: #2e344a; margin-bottom: 20px; font-weight: 300;} */

.pre-about {display: table; width: 100%; padding: 0 0 150px;}
.pre-about h2 {display: table; width: 100%; text-align: center; font-family: 'Portrait Script Bounce'; font-size: 81px; color: #9b7c4f;}

.content-about {width: 100%;}
.content-about .left-img {width: 40%; float: left;}
.content-about .left-img img {float: left; width: 100%;}
.content-about .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 60%; float: right; margin: 25px 0; padding-left: 50px;}
.content-about .row .left-title {-webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; -ms-flex-item-align: center!important; align-self: center!important;}
.content-about .row .left-title h2 {text-transform: uppercase; color: #9b7c4f; font-weight: bolder; font-size: 26px; line-height: 36px; display: table;}
.content-about .row .right-text {-webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.content-about .row .right-text p {font-size: 18px; line-height: 30px; color: #2e344a;}
.content-about .bottom-caixa {margin-top: 100px;}

.abrir-conta {display: table; width: 100%;}
.abrir-conta .container {max-width: 480px;}
.abrir-conta .container strong {color: #000;}
.abrir-conta p {float: left; font-size: 24px; line-height: 25px; width: 100%; text-align: center; margin-bottom: 20px; color: #2e344a;}
.abrir-conta .menu-tabs {display: table; width: 100%; margin: 30px 0 50px; float: left;}
.abrir-conta .menu-tabs a {float: left; width: calc(50% - 10px); color:black; font-size: 20px; color: #9b7c4f; font-weight: bolder; line-height: 50px; text-align: center; border: 1px solid #9b7c4f; letter-spacing: 1px;}
.abrir-conta .menu-tabs a:hover, .abrir-conta .menu-tabs a.active {background: #9b7c4f; color: #FFF;}
.abrir-conta .menu-tabs a:last-of-type {float: right;}

.abrir-conta .content-tab {display: none; width: 100%;}
.abrir-conta .content-tab.active {display: table;}
.abrir-conta .content-tab label {font-size: 18px; color: black;  width: 100%; font-weight: 600;}
.abrir-conta .content-tab .form-group { width: 100%; margin-bottom: 25px;}
/* .abrir-conta .content-tab .form-group input[type=text], .abrir-conta .content-tab .form-group input[type=email] {width: 100%; display: table; padding: 0 15px; height: 40px; border: 1px solid #b3b3b3; font-size: 15px;} */
.abrir-conta .content-tab a {color: #e43260; font-size: 16px; text-decoration: underline !important;}
.abrir-conta .content-tab a:hover {color: #2e344a;}
.abrir-conta .content-tab .group-check {display: table; position: relative; width: 100%;}
.abrir-conta .content-tab .group-check input {display: none;}
.abrir-conta .content-tab .group-check span {font-size: 16px; color: #2e344a; position: relative; font-weight: 400; line-height: 18px; padding-right: 40px;}
.abrir-conta .content-tab .group-check span:before {content: ""; width: 18px; height: 18px; border: 1px solid #2e344a; position: absolute; top: 0; right: 0; border: 1px solid #2e344a;}
.abrir-conta .content-tab .group-check span:after {content: ""; width: 10px; height: 10px; background: #2e344a; display: table; position: absolute; top: 5px; right: 5px; transition: 0.3s; transform: scale(0)}
.abrir-conta .content-tab .group-check input:checked ~ span:after {transform: scale(1)}
.abrir-conta .content-tab input[type=submit] {font-size: 20px; height: 55px; padding: 0 60px; display: table; color: #FFF; background: #2e344a; font-weight: 300; border: none; border-radius: 50px; appearance: none; -webkit-appearance: none;}
.abrir-conta .content-tab input[type=submit]:hover {background: #5f7dd6;}

footer {display: table; width: 100%; padding: 90px 0; background:#ededed}
footer .footer-left {width: 160px; float: left;}
footer .footer-left img{width: 160px;}
footer .footer-left span {color: #606163; font-size: 13px; font-weight: 400; margin-top: 20px;}
footer .footer-center {width: calc(100% - 320px); float: left;}
footer .footer-center ul {display: table; margin: 0 auto 20px;}
footer .footer-center ul:last-of-type {margin-bottom: 0;}
footer .footer-center ul li {float: left;}
footer .footer-center ul li a {display: table; font-size: 15px; color: #606163;}
footer .footer-center ul span {float: left; font-size: 15px; color: #606163; padding: 0 10px;}
footer .footer-center ul.languages li a, footer .footer-center ul.languages span {color: #2e344a;}
footer .footer-center ul li a:hover {color: #917a52;}
footer .footer-right {float: left; width: 160px;}
footer .footer-right .social {float: right;}
footer .footer-right .social a {font-size: 27px; float: left; margin-right: 15px; color: #2e344a;}
footer .footer-right .social a:last-of-type {margin-right: 0;}
footer .footer-right .social a:hover {color: #917a52;}

.menu-mobile {height: 100vh; width: 100%; position: fixed; top: 0; right: -100%; z-index: 999999; transition: 0.4s;}
.menu-mobile.show {right: 0;}
.menu-mobile .overlay-menu {height: 100vh; width: 100%; position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.8); cursor: pointer;}
.menu-mobile .menu-bar {position: absolute; z-index: 30; height: 100vh; width: calc(100% - 60px); right: 0; top: 0; background: #2e344a; padding: 70px 20px 20px; overflow-x: hidden; overflow-y: scroll;}
.menu-mobile .menu-bar form {display: table; width: 100%;}
.menu-mobile .menu-bar form span {display: table; width: 100%; font-size: 15px; text-transform: uppercase; color: #FFF;}
.menu-mobile .menu-bar form label {display: table; width: 100%; margin-top: 15px}
.menu-mobile .menu-bar form input[type=text], .menu-mobile .menu-bar form input[type=password] {width: 100%; height: 30px; background: none; border: 1px solid #FFF; padding: 0 15px; color: #FFF;}
.menu-mobile .menu-bar form ::-webkit-input-placeholder {color: #FFF}
.menu-mobile .menu-bar form ::-moz-placeholder {color: #FFF}
.menu-mobile .menu-bar form :-ms-input-placeholder {color: #FFF}
.menu-mobile .menu-bar form :-moz-placeholder {color: #FFF}
.menu-mobile .menu-bar form input[type=submit] {width: 100%; margin-top: 15px; height: 40px; color: #FFF; background: #5f7dd6; text-transform: uppercase; font-size: 16px; letter-spacing: .6px; border: none;}
.menu-mobile .menu-bar form input[type=submit]:hover {background: #FFF; color: #2e344a}
.menu-mobile .menu-bar ul {display: table; width: 100%; margin-top: 40px;}
.menu-mobile .menu-bar ul li, .menu-mobile .menu-bar ul li a {display: table; width: 100%;}
.menu-mobile .menu-bar ul li a {color: #FFF; padding: 7px 0; text-transform: uppercase; font-size: 16px;}
.menu-mobile .menu-bar .close-menu {position: absolute; right: 10px; top: 10px; color: #FFF; font-size: 16px;}

.wrap-modal {display: none; height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 99999999999;}
.wrap-modal .overlay-modal {display: table; height: 100vh; width: 100%; position: absolute; z-index: 20; background: rgba(0,0,0,0.8); cursor: pointer;}
.wrap-modal .modal {width: 650px; height: 650px; display: block; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); background: #FFF; padding: 80px 35px 35px; overflow-x: hidden; z-index: 50; overflow-y: scroll;}
.wrap-modal .modal .close-modal {position: absolute; color: #f00; top: 15px; right: 15px; font-size: 20px;}
/* .wrap-modal .modal p {font-size: 16px; line-height: 26px; color: #2e344a; margin-bottom: 20px; display: table; width: 100%;}
.wrap-modal .modal h2 {font-size: 23px; width: 100%; color: #2e344a; font-weight: bolder; margin-bottom: 20px; display: table;}
.wrap-modal .modal h3 {font-size: 19px; width: 100%; color: #2e344a; font-weight: bolder; margin-bottom: 20px; display: table;} */

/* .feedback-form {float: left; width: 100%;}
.feedback-form span {display: table; width: 100%; text-align: center; padding: 15px; color: #FFF; margin: 20px 0 0; letter-spacing: 1px;}
.feedback-form span.green {background: #5cb85c;}
.feedback-form span.red {background: #be4933;}
.group-check .error {display: table; width: 100%; text-align: center; padding: 15px; color: #FFF; margin: 20px 0 0; letter-spacing: 1px; background: #be4933;} */

@media only screen and (max-width: 1280px) {
	.container {width: 100%; padding: 0 10px;}
	.banner .icon-logo {left: 30px;}
}

@media only screen and (max-width: 1180px) {
	header .right-header {display: none;}
	.banner .icon-logo {display: none;}
	.banner {height: auto}
	.banner ul {display: none;}
	.banner .container:after {bottom: 50px;}
	header .open-menu {display: table; float: right; line-height: 30px; color: #FFF; font-size: 25px;}
	.banner video.video-mobile {display: table; position: relative; width: 100%; height: auto; top: auto; left: auto; transform: none;}
	.banner video.video-desk {display: none;}
	.intro-movbank .text span {width: 100%; padding-left: 0; display: table;}
	.intro-movbank img {width: 150px;}
	.intro-movbank {padding: 70px 0}
	.intro-movbank .text {margin-top: 60px;}
	.about-home .container {padding: 0;}
	.about-home .about-left {width: 100%; height: auto; padding: 70px 30px; background: #2e344a;}
	.about-home .about-left:before {display: none;}
	.about-home .about-left .center-content, .about-home .about-right .center-content {position: relative; top: 0; left: auto; transform: none;}
	.about-home .about-left p {font-size: 17px; line-height: 35px;}
	.about-home .about-right {width: 100%; height: auto; padding: 50px 30px;}
	.about-home .about-right .item-about img {width: 100px; margin: 0 auto;}
	.about-home .about-right .center-content  {display: table; margin: 0 auto;}
	.about-home .about-right .item-about {width: 100%; padding: 20px 0;}
	.about-home .about-right:before, .about-home .about-right:after {display: none;}
	.home-somos {margin-top: 0}
	.home-somos .container {padding: 0;}
	.home-somos .somos-left {width: 100%; height: auto;}
	.home-somos .somos-left img {display: table; position: relative; transform: none; left: auto; top: auto; width: 100%; height: auto;}
	/* .home-somos .somos-right {height: auto; width: 100%; padding: 70px 30px; border: none;} */
	.home-somos .somos-right .center-content {position: relative; top: 0; left: auto; transform: none;}
	.home-somos .somos-right:before, .home-somos .somos-right:after {display: none;}
	.home-services {margin-top: 0; padding: 70px 0;}
	.home-services .logo-services {width: 200px;}
	.home-services ul, .home-services ul li, .home-services ul li a {width: 100%; text-align: center;}
	.home-services ul li a {padding: 10px 0; border-bottom: 1px solid #9b7c4f; border-right: none;}
	.home-services ul li:last-of-type a {border-bottom: none;}
	.home-services .item-service img {width: 100%; margin-bottom: 30px;}
	.home-services .item-service .text-right {width: 100%; padding-left: 0;}
	.home-services ul {margin-bottom: 60px;}
	.home-services .item-service h3 {font-size: 28px; line-height: 38px;}
	.home-services .item-service .text-left {width: 100%; padding-right: 0;}
	.home-services .item-service p {font-size: 16px;}
	.home-caixa {margin-top: 0; padding: 70px 0;}
	.home-caixa:before {display: none;}
	.home-caixa .img-left {display: none;}
	.home-caixa .text-right {width: 100%; padding-left: 0;}
	.home-caixa .text-right h3 {font-size: 23px; margin-bottom: 30px; line-height: 35px; padding: 0 30px;}
	.home-caixa .bottom-caixa {height: auto; margin-top: 40px;}
	.home-caixa .bottom-caixa img {display: none;}
	.home-caixa .bottom-caixa .text-right {position: relative; padding: 0 !important; transform: none; width: 100%; top: auto; left: auto; right: auto;}
	.home-caixa .bottom-caixa:before {display: none;}
	.home-caixa .bottom-caixa .text-right p {color:#2e344a; padding: 0 30px;}
	.home-contabil {padding: 70px 0;}
	.home-contabil .col-logo {width: 100%;}
	.home-contabil .col-img {display: none;}
	.home-contabil .col-text {width: 100%; padding-left: 0;}
	.home-contabil h3 {font-size: 23px; margin-bottom: 30px; line-height: 35px;}
	.home-credito:before {display: none;}
	.home-credito {padding: 70px 0;}
	.home-credito .col-logo {width: 100%;}
	.home-credito .col-img {display: none;}
	.home-credito .col-text {width: 100%; padding-left: 0; padding-right: 0;}
	.home-credito h3 {font-size: 23px; margin-bottom: 30px; line-height: 35px;}
	.home-seguros {padding: 70px 0;}
	.home-seguros .col-img {display: none;}
	.home-seguros .col-logo, .home-seguros .col-text {width: 100%; padding: 0;}
	.home-seguros h3 {font-size: 23px; line-height: 35px; margin-bottom: 30px;}
	.home-invest {padding: 70px 0;}
	.home-invest:before {display: none;}
	.home-invest .col-logo {width: 100%; padding-right: 0;}
	.home-invest .col-img {display: none;}
	.home-invest h3 {font-size: 23px; line-height: 35px; margin-bottom: 30px;}
	.contact-default {padding: 70px 0;}
	.contact-default .left-contact {width: 100%; padding-right: 0;}
	.contact-default .right-contact {width: 100%; padding-left: 0; margin-top: 40px;}
	.contact-default .left-contact .link-contact, .contact-default .left-contact .box-address {padding: 0; background: none !important;}
	.contact-default h2 {margin-bottom: 50px;}
	footer {padding: 50px 0;}
	footer .footer-center {display: none;}
	footer .footer-left {width: 100%;}
	footer .footer-left span, footer .footer-left img {display: table; margin: 0 auto; width: 141px;}
	footer .footer-right .social {float: none; display: table; margin: 20px auto 0;}
	footer .footer-right {width: 100%;}

	.banner-pages {height: 400px; margin-bottom: 70px;}
	.banner-pages .center-banner h1 {font-size: 35px;}
	.submenu {display: none;}
	.content-extrato .row {display: table;}
	.content-extrato .row .left-extrato, .content-extrato .row .right-extrato {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.content-extrato .row .left-extrato {margin-bottom: 40px;}
	.content-extrato .row .right-extrato p {font-size: 16px; line-height: 26px;}
	.content-extrato .row {margin-bottom: 40px;}

	.content-page .top-caixa {padding: 0;}
	.content-page .top-caixa .left-img, .content-page .top-caixa .right-text {width: 100%;}
	.content-page .top-caixa .left-img {margin-bottom: 30px;}
	.content-page .item-caixa {display: table; padding: 30px;}
	.content-page .item-caixa .left-caixa, .content-page .item-caixa .right-caixa {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.content-page .top-caixa .right-text p {font-size: 18px;}
	.content-page .item-caixa .right-caixa p {font-size: 16px; line-height: 26px;}
	.content-page .item-caixa .left-caixa span {font-size: 25px; margin-bottom: 15px;}
	.content-page .item-caixa .left-caixa span br {display: none;}
	.content-count .item-count h2 {font-size: 25px;}
	.content-count .item-count p {font-size: 16px; line-height: 26px;}
	.content-count .item-count {margin-bottom: 20px;}
	.pre-about h2 {font-size: 45px;}
	.content-about .left-img {display: none;}
	.content-about .row {width: 100%; padding-left: 0;}
	.content-about .row .left-title, .content-about .row .right-text {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.content-about .row .left-title h2 {font-size: 20px; margin-bottom: 20px;}
	.content-about .row .right-text p {font-size: 16px; line-height: 26px;}
	.pre-about {padding-bottom: 50px;}
	.wrap-modal .modal {width: calc(100% - 50px); height: calc(100% - 50px); padding: 60px 20px 20px;}

	.banner-conta h1 {font-size: 30px;}
	.abrir-conta .menu-tabs a {width: 100%; margin: 5px 0;}
	.abrir-conta .content-tab .group-check span {padding-right: 0; padding-left: 40px; display: table; line-height: 25px;}
	.abrir-conta .content-tab .group-check span:before {right: auto; left: 0;}
	.abrir-conta .content-tab .group-check span:after {right: auto; left: 5px;}

}