/* ==========================================================================
                            ESTILOS GLOBAIS
========================================================================== */
html, body {
    width: 100%;
    height: 100%;
    font: 100% 'Roboto', Arial, sans-serif !important;
}

a {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:focus, a:hover {
    text-decoration: none !important;
}

a:hover:before,
a:active,
a:active:before,
a:focus:before,
a:-webkit-any-link,
a:-moz-any-link {
    text-decoration: none !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #04558E;
}

/*h1 {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    left: -999em;
} */

p {
    line-height: 1.3;
}

@media(max-width:767px) {
    p {
        font-size: 14px;
    }
}

section {
    padding: 7% 0;
}

@media(min-width:460px) and (max-width: 532px) {
    section {
        padding: 7%;
    }
}

@media(min-width:533px) and (max-width: 767px) {
    section {
        padding: 7% 10%;
    }
}

section ul {
    list-style: none;
    padding-left: 0;
}

section hr,
footer hr {
    max-width: 100px;
    border-top: 1px solid #04558E;
    margin-bottom: 30px;
}

.section-heading {
    margin-top: 0;
	margin-bottom:5px;
    font-size: 2.4em;
    font-weight: 400;
    text-align: center;
}

@media(max-width:767px) {
    section hr {
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .section-heading {
        margin-top: 24px;
		margin-bottom:0;
        font-size: 22px;
    }
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #222;
}

/* Propriedades Globais */

.box-contas,
.foto,
.box-docs {
    border-radius: 10px;
}

.img-circle,
.foto {
    border: 1px solid #CCC;
}

.link-tooltip {
    cursor:help;
    border-bottom: 1px dashed #336699;
}

@media(max-width:500px) {
    .col-sm-6.querie-padding {
        padding-right: 0;
        padding-left: 0;
    }
}

@media(min-width:533px) and (max-width: 767px) {
    .col-sm-6.querie-padding {
        padding-right: 10%;
        padding-left: 10%;
    }
}

@media(min-width:768px) and (max-width: 991px) {
    .col-sm-6.querie-padding {
        padding-right: 0;
        padding-left: 0;
    }
}

@media(min-width:992px) and (max-width: 1199px) {
    .col-md-6.querie-padding {
        padding-right: 0;
        padding-left: 0;
    }
}

/* Modais */

.modal .modal-header {
    background: #04558E;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 30px 15px;
}

.modal-body.modal-form {
    padding: 30px 50px 15px 50px;
}

.modal-body.modal-indicacao {
    padding: 0 50px;
}

.modal-body.modal-form, .modal-body.modal-indicacao {
    text-align: justify;
}

.modal-title {
    color: #FFF;
}

.modal-title, .modal-body.modal-form, .modal-body h4, .modal-destaque, .apps-stores {
    text-align: center;
}

.modal-indicacao h4, .modal-form h4, .apps-stores div {
    margin-top: 30px;
    margin-bottom: 20px;
}

.modal-indicacao p.small {
    margin-top: 20px;
}

.modal-destaque p {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 2px solid #04558E;
    border-bottom: 2px solid #04558E;
}

.modal-destaque, .modal a {
    color: #244973;
}

.modal-content .modal-footer {
    padding: 20px 50px 30px;
    border-top: none;
}

@media(max-width:500px) {
    .modal-body.modal-indicacao {
        padding: 0 30px;
    }

    .modal-content .modal-footer {
        padding: 20px 30px 30px;
    }
}

/* Efeitos dos botoes - Hover.css */

.shrink,
.grow > span,
.underline-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.shrink,
.grow > span {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
}

.shrink:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.grow:hover > span, .grow:active > span {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.underline-left {
    position: relative;
    overflow: hidden;
}

.underline-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #61AB34;
    height: 3px;
    -webkit-transition-property: right;
    -moz-transition-property: right;
    -ms-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.underline-left:hover:before, .underline-left:focus:before, .underline-left:active:before {
    right: 0;
}


/* ==========================================================================
                                MENU
========================================================================== */

nav {
    height: 65px;
}

.navbar-default {
    border-color: rgba(34,34,34,.05);
    font-family: 'Roboto', Arial, sans-serif;
    background-color: #FFF !important;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.35);
}

.navbar-default .navbar-header {
    text-transform: uppercase;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 400;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #333;
    font-weight: bold;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #333;
    font-weight: bold;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #B0D599 !important;
}

.navbar-default .navbar-toggle {
    border-color: #61AB34 !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #61AB34 !important;
}

.navbar-brand {
    height: 60px !important;
    padding: 15px 15px 10px 15px !important;
}

.navbar-toggle {
    margin: 15px 15px 0 !important;
}

@media(max-width:767px) {
    .navbar-collapse {
        background-color: #FFF;
        border-bottom: 2px solid;
    }
}

@media(min-width:768px) {
    #mainNav {
        height: 90px;
        top: -90px;
    }

    #mainNav.exibe-menu {
        top: 0 !important;
        position: fixed;
    }

    .navbar-brand {
        height: 65px !important;
		padding:15px 15px 10px 15px;
		margin-top:5px;
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-nav>li>a {
        padding: 0 !important;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
    }

    #mainNav .container-nav {
        max-width: 960px;
    }
}

@media(min-width:768px) and (max-width: 991px) {
    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        font-size: 11px;
    }

    .navbar-nav>li {
        padding: 35px 10px !important;
    }
}

@media(min-width:992px) {
    .navbar-nav>li {
        padding: 35px 10px !important;
    }
}

/* ==========================================================================
                                HEADER
========================================================================== */

header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    background: url(../img/header.jpg) #012B54 no-repeat;
    background-position: top, center;
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
    background-size: auto, cover;
    -o-background-size: auto, cover;
    border-bottom: 1px solid #FFF;
}

@media(min-width:1440px) {
    header{ 
	width: 100%;
    height: 100%;
    background-image: url(../img/header.jpg);
    background-size: cover;
	}
	.banner{
	    margin: 30% auto 10% auto;
	}
}

.img-header img{ float:right; padding-right:50px;}
.img-slogan img{ float:left;}

.hero p.destaque{ font-size:1.6em;}

.grafismo-esq{
  position: absolute;
  z-index: 3; 
  left: 0;
  top: 0;
  }
  
  .grafismo-dir{
  position: absolute;
  z-index: 4; 
  right: 0;
  bottom: 0;
  }

.banner {
    margin: 2% auto;
}
.banner div a img {margin:auto;}


.layer {
    position: absolute;
    z-index: 10;
}

.hero{
	margin-top:15%;
}


.hero h1, .hero p{
 color:#FFFFFF;
}

.hero h1{
	font-size:3.2em;
}

@media(max-width:425px) {
    .hero h1{
	font-size:2.6em;
    }
}

.hero p{
	font-size:1.2em;
	margin-top:2em;
}

.hero hr {
    max-width: 100px;
    border-top: 1px solid #89c2eb;
    margin-bottom: 30px;
}

@media(max-width:767px) {
    .banner {
        margin-top: 100px;
    }
	
    .banner .slogan {
        margin-top: 10%;
        margin-bottom: 10%;
        max-width: 272px;
    }
	
}

@media(min-width:768px) {
    header {
        min-height: 100%;
    }
}

@media(min-width: 768px) and (max-height:600px) {
    header {
        min-height: 145%;
    }
}

@media(min-width: 768px) and (min-height:600px) and (max-height:710px) {
    header {
        min-height: 120%;
    }
}

@media(min-height:1080px) {
    .banner {
        margin: 30% auto 10% auto;
    }
}

@media(min-height:1440px) {
    .banner {
        margin: 30% auto 10% auto;
    }
}

/* Conteudo do header */

.box-contas {
    border: 1px solid #7896AB;
    background-color: #FFF;
    padding: 25px 25px 10px;
}

@media(min-width:768px) {
    .box-contas {
        max-width: 380px;
        max-height: 355px;
    }
}

@media(min-width:992px) {
    .box-contas.direita {
        margin-right: 25%;
    }

    .box-contas.esquerda {
        margin-left: 25%;
    }
}

.box-contas p {
    margin: 0 0 15px;
}

.titulo-box {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 29px;
    font-weight: 400;
}

.btn.btn-header {
    color: #fff;
    background-color: #357AE8;
    border-color: #357AE8;
    padding: 9px 24px;
}

.btn.btn-header:hover, .btn.btn-header:focus {
    color:#F5F5F5;
    background-color:#244973;
}

/* ==========================================================================
                        SECTION - JOVEM E UNIVERSITARIA
========================================================================== */

.bkg-cinza{
    background-color: #F2F2F2;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.bkg-branco {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #CCCCCC;
}

p.secao {
    margin: 0 auto 55px;
    font-size: 1.2em;
    text-align: center;
	line-height:1.4em;
}

ul.lista-vantagens  {
    list-style:none;
     margin:0; padding:0;
}

ul.lista-vantagens  li{
    display:table;
	margin-bottom:1.5em;
}

.icone {
    display: table-cell;
    vertical-align: middle;
	width: 42px;
}
.texto {
    display: table-cell;
    vertical-align: middle;
    font-size:1em;
	padding-left:20px;
}
.texto.sem-icone{
 padding-left:0px;
}

.icon-vant {
    position: absolute;
    width: 40px;
    height: 42px;
    background: url('../img/icon-vantagens.svg') no-repeat;
    background-size: 200px;
}

.celular > .icon-vant {
    background-position: 0 0;
}

.isencao > .icon-vant {
    background-position: -160px 0;
}

.cartao > .icon-vant {
    background-position: -80px 0;
}

.limite > .icon-vant {
    background-position: -120px 0;
}

.cheque > .icon-vant {
    background-position: -40px 0;
}

.observacoes {
    padding: 20px 0 0 0;
}

.observacoes p {
    font-size: 13px;
}

.box-foto--direita {
    margin: 5px 0 0 40px;
}

.box-foto--esquerda {
    margin: 5px 40px 0 0;
}

.botao {
    width: 100%;
}

.btn.btn-modal{
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0;
	color: #FFF;
    background-color: #61AB34;
    border: 2px solid #61AB34;
    border-radius: 5px;
}

.modal ul {
    margin-left: 0px;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 20px;
}

.modal ul li{
    list-style-type: circle;
    padding-left: 10px;
}

.btn.btn-abra {
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0;
	color: #FFF;
    background-color: #61AB34;
    border: 2px solid #61AB34;
    border-radius: 5px;
}

.btn.btn-abra:hover, .btn.btn-abra:focus {
    color: #61AB34;
    background-color: #FFF;
    border: 2px solid #FFF;
}

@media(max-width: 335px) {
    li.celular p, li.isencao p {
        padding-top: 0;
        padding-bottom: 0;
    }

    #universitaria li.limite p {
        padding-top: 5px;
        padding-bottom: 0;
    }

    .celular > .icon-vant {
        margin-top: 5px;
    }

    .isencao > .icon-vant {
        margin-top: -5px;
    }
}

@media(min-width:336px) and (max-width:700px) {
    li.celular p,
    li.isencao p {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

@media(min-width:533px) and (max-width: 767px) {
    .botao {
        width: 280px;
    }

    .btn.btn-abra {
        width: 280px;
    }
}

@media(min-width:700px) and (max-width: 767px) {
    li.celular p {
        padding-bottom: 5px;
    }

    li.isencao p {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media(max-width:767px) {
    p.secao {
        margin: 0 auto 20px;
    }

    p.secao, .vantagens li p {
        font-size: 1em;
		text-align:left;
    }
	
	.texto{ font-size: .8em;}

    .observacoes {
        padding: 10px 0 20px 0;
    }

    .observacoes p {
        font-size: 11px;
    }

    .btn.btn-abra {
        font-size: 15px;
        color: #FFF;
        background-color: #61AB34;
        padding: 10px 0;
    }

    .box-foto--esquerda, .box-foto--direita {
        margin: 0;
    }
}

@media(min-width:768px) and (max-width: 991px) {
    p.secao {
        margin: 0 auto 40px;
        font-size: 16px;
    }

    .vantagens li p {
        font-size: 14px;
    }

    .observacoes {
        padding: 10px 15px;
    }

    .observacoes p {
        font-size: 12px;
    }
	
	.botao{width:250px;}

    .btn.btn-abra {
        margin-top: -50%;
        font-size: 1em;
		width: 250px;
    }
}

@media(min-width:992px) and (max-width: 1199px) {
    .btn.btn-abra {
        margin-top: -50.5%;
        font-size: 1em;
    }
	.botao{width:250px;}
}

@media(min-width:1200px) {
    .btn.btn-abra {
        margin-top: -50.5%;
        font-size: 1em;
    }
	.botao{width:250px;}
}

/* ==========================================================================
                        SECTION - DOCUMENTOS
========================================================================== */

#documentos {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    background-image: url(../img/documentos.png);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.box-docs {
    max-width: 717px;
    background-color: #FFF;
    border: 1px solid #7796AB;
    padding-top: 48px;
}

.titulos-docs {
    max-width: 100%;
	padding:0 35px;
	text-align:right;
}

.titulo-lista-docs {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
	padding-left:20px;
}

.titulo-lista-docs.pull-left {
    margin: 0 0 0 65px;
}

.titulo-lista-docs.pull-right {
    margin: 0 88px 0 0;
}

.lista-docs {
    padding: 15px 35px 5px;
	list-style-type:none;
}

.lista-docs li {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #E0E0E0;
}

.lista-docs li.ultimo {
    border-bottom: none;
}

.lista-docs li.ultimo p {
    max-width: 365px;
}

.doc-jovem,
.doc-univ {
    width: 29px;
    height: 25px;
    background: url('../img/icon-lista-docs.svg') 0 0 no-repeat;
    margin: 5px 19px 5px 31px;
}

.doc-jovem.vazio {
    width: 25px;
    background-position: -31px 0;
}

.lista-docs li p {
    margin:7px 0 0 20px;
    font-size: 14px;
    text-align: left;
}

.lista-docs li p.no-margin-top {
	width: 370px;
}

.docs-menor {
    background-color: #F2F2F2;
    border-top: 1px solid #E0E0E0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 15px 0;
}

.docs-menor h5 {
    margin-top: 0;
    margin-bottom: 25px;
}

.lista-docs-menor {
    margin: 5px 0 0 14px;
    list-style: square url(../img/icon-doc.svg);
    float: left;
}

.lista-docs-menor li {
    padding: 8px 0;
}

.docs-obs li{
    list-style-type: none;
	padding:0;
	margin:0;
}

.docs-obs ul {
    font-size: 13px;
}

@media(max-width:340px) {
    .titulos-docs {
        max-width: 60%;
    }

    .titulo-lista-docs.pull-left {
        margin: 0 0 0 8.5% !important;
    }
}

@media(min-width:768px) and (max-width:992px){
	.lista-docs li p.no-margin-top {
	width: 150px;
   }
}

@media(max-width:767px) {	

	.lista-docs li p.no-margin-top {
	width: 80%;
	margin: 0 auto;
   }
	
    .box-docs {
        max-width: 350px;
        padding-top: 20px;
    }

    .titulos-docs {
        margin: 0 auto;
		text-align: center;
    }

    .titulo-lista-docs {
        font-size: 12px;
    }

    .titulo-lista-docs.pull-left {
        margin: 0 0 0 5%;
    }

    .titulo-lista-docs.pull-right {
        margin: 0;
    }

    .lista-docs {
        padding: 0 15px;
    }

    .lista-docs li {
        display: block;
        text-align: center;
        padding: 20px 0 15px 0;
    }

    .separador {
        display: inline-block;
        height: 16px;
        border-right: 1px solid #B0B0B0;
        margin: 5px 0px;
    }

    .doc-jovem,
    .doc-univ {
        width: 19px;
        height: 16px;
        background-size: 35px;
        display: inline-block;
        margin: 2% 7%;
    }

    .doc-jovem.vazio {
        width: 16px;
        background-position: -19px 0;
        margin: 2% 7%;
    }

    .lista-docs li p {
        margin: 0;
        text-align: center;
    }

    .lista-docs li p, .docs-menor h5, .lista-docs-menor {
        font-size: 13px;
    }

    .docs-menor {
        padding: 5%;
    }

    .docs-menor h5 {
        margin-bottom: 10px;
    }

    .docs-obs {
        margin-top: 10px;
        float: left;
    }

    .docs-obs ul {
        font-size: 11px;
    }
}

/* ==========================================================================
                    SECTION - INDICAMOS PARA VOCE
========================================================================== */

#indicamos {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #B7C6D0;
}

.box-indicacoes {
    margin-top: 45px;
}

.box-indicacoes h3 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.box-indicacoes p {
    font-size: 16px;
}

.item-indicacao {
    margin-bottom: 55px;
}

.item-indicacao a,
.item-indicacao a:hover,
.item-indicacao a:hover:before,
.item-indicacao a:active,
.item-indicacao a:active:before,
.item-indicacao a:focus,
.item-indicacao a:focus:before {
    color: #333;
    text-decoration: none !important;
}

.icon-indicacoes > .icon {
    width: 104px;
    height: 91px;
}

.icon-sms,
.icon-cartoes,
.icon-poupanca {
    margin-top: 25px;
}

.icon-celular,
.icon-reflorestar {
    margin-top: 28px;
}

.icon-celular {
    margin-left: 2px;
}

.icon-compra {
    margin-top: 30px;
}

.icon-cartoes {
    margin-right: 8px;
}

.icon-indicacoes {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background-color: #F2F2F2;
    margin: 0 auto;
    -webkit-box-shadow: 0px 1px 2px 1px #C4C4C4 !important;
    -moz-box-shadow: 0px 1px 2px 1px #C4C4C4 !important;
    box-shadow: 0px 1px 2px 1px #C4C4C4 !important;
    border: 1px solid #FFF;
}

@media(max-width:767px) {
    .box-indicacoes {
        margin-top: 20px;
    }

    .box-indicacoes h3 {
        font-size: 16px;
    }

    .item-indicacao {
        margin-bottom: 35px;
    }
}

/* ==========================================================================
                                    RODAPE
========================================================================== */

footer {
    padding: 7% 0 0;
    background-color: #CCDCE8;
    border-top: 1px solid #FFF;
}

.redes-sociais {
    margin-top: 60px;
}

.img-center {margin:0 auto;}

.telefones {
    background-color: #04558E;
    margin-top: 7%;
    padding: 10px 0;
    text-align: center;
}

.telefones p, .telefones span {
    display: inline;
    margin: 0;
    padding: 0 15px;
    font-size: 18px;
    color: #FFF;
}

@media(max-width:767px) {
	
    .redes-sociais {
        display: flex !important;
        width: 250px;
        margin-top: 2.5%;
    }

    .telefones p {
        display: block;
    }

    .telefones span {
        display: none;
    }
}


/* ==========================================================================
                                FORMULARIOS
========================================================================== */

#formularios {
    background-image: url(../img/documentos.png);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.box-form {
    padding-top: 10px;
    background-color: #FFF;
    border: 1px solid #7796AB;
    border-radius: 10px;
}

.box-form legend {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 0;
    color: #04558E;
    margin: 15px 0 15px 10px;
    padding: 15px 10px 0 0;
}

.box-form p.small {
    margin-top: 10px;
    text-align: center;
}

.aviso-obrigatorio {
    border: #A9B3BC solid 1px;
    background-color: #F2F2F2;
}

.obrigatorio {
    color: #FF0000;
}

#dadosResponsavel {
    display:none;
}

.disabledForm {
    background-color:#D6D6D6 !important;
    color:#909090 !important;
}

.texto-seguranca {
    font-size: 14px;
    font-weight: normal;
    padding: 0 30px 0 15px;
    border-right: 1px solid #3266A0;
}

.numeros-seguranca {
    display: inline-block;
    padding-left: 40px;
    color: #3266A0;
    font-size: 2.5em;
}

.numeros-seguranca span {
    padding: 0 5px;
}

#digit1, #digit2 {
    font-weight: bold;
}

#resultInvi {
    display: inline-block;
    width: 80px;
    margin: 0 25px 0 10px;
    padding-top: 18px;
    text-align:center;
}

#seguranca-form {
    padding: 0.35em 0 0.75em;
}

.btn.btn-primary.btn-lg {
    margin-left: 25px;
}

.btn.btn-success, .btn.btn-danger {
    margin: 10px 0;
}

.alert.alert-success {
    background-color: #dff0d8;
}

.alert.alert-danger {
    background-color: #f2dede;
}

@media(max-width:767px) {
    .box-form legend {
        font-size: 14px;
    }

    #seguranca-form legend span {
        padding-right: 15px;
    }

    .texto-seguranca {
        border-right: none;
    }

    .numeros-seguranca {
        padding-left: 10px;
        font-size: 1.8em;
    }

    #resultInvi {
        width: 60px;
    }

    .btn.btn-primary.btn-lg {
        margin-left: 15px;
    }
}

@media(min-width:768px) and (max-width: 991px) {
    #resultInvi {
        margin: 0 10px 0 15px;
    }

    .btn.btn-primary.btn-lg {
        margin: 0 0 10px 10px;
    }
}

/* ==========================================================================
                    ESTILOS ESPECIFICOS PARA O IE 10
========================================================================== */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .vantagens li {
        background: url(../img/vantagens-ie.png) no-repeat;
        height: 41px;
    }

    li.celular {
        background-position: 0 0;
    }

    li.isencao {
        background-position: 0 -41px;
    }

    li.cartao {
        background-position: 0 -82px;
    }

    li.limite {
        background-position: 0 -123px;
    }

    li.cheque {
        background-position: 0 -164px;
    }

    .lista-docs li p {
        display: inline-block;
        width: 258px;
    }

    .lista-docs li.ultimo p {
        display: inline-block;
    }

    .doc-jovem, .doc-univ {
        display: block;
        float: left;
        height: 24px;
        background: url(../img/lista-docs.png) 0 0 no-repeat;
    }

    .doc-jovem.vazio {
        background-position: 0 -41px;
    }

    .facebook, .twitter, .youtube {
        background: url(../img/social.png) no-repeat;
    }

    .facebook {
        background-position: 60px -2px;
    }

    .twitter {
        background-position: 50px -66px;
    }

    .youtube {
        background-position: 65px -129px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:768px) {
    .lista-docs li {
        width: 645px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width:800px) {
    header {
        height: 700px !important;
    }

    .lista-docs li.ultimo p {
        margin-left: 20px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:767px) {
    .doc-jovem, .doc-jovem.vazio {
        margin-left: 30%;
        margin-right: 18%;
    }

    .doc-jovem, .doc-univ {
        width: 19px;
        height: 17px;
        display: inline;
        background-position: 0 -24px;
    }

    .doc-jovem.vazio {
        width: 17px !important;
        background-position: 0 -65px;
    }

    .separador {
        display: none;
    }

    .redes-sociais {
        display: table !important;
        width: 258px;
        margin: 0 auto;
    }

    .facebook, .twitter, .youtube {
      display: inline-block;
    }

    .facebook {
        background-position: 0 -192px;
    }

    .twitter {
        margin: 0 62px;
        background-position: -42px -192px;
    }

    .youtube {
        background-position: -84px -192px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:768px) and (max-width: 991px) {
    .facebook {
        background-position: 17px -2px;
    }

    .twitter {
        background-position: 0 -66px;
    }

    .youtube {
        background-position: 17px -129px;
    }
}