:root {
    --color-bg-principal: #2B558C;
    --color-bg-principal-rgb: 43, 85, 140;
    --color-bg-secundario: #2573D9;
    --color-bg-secundario-rgb : #2573D9;

    --color-bg-terciario:  #0B274B;
    --color-bg-terciario-rgb : 11, 39, 75;

    --color-bg-quaternario:  #7693B9;

    --color-bg-quintenario: #14488C;

    --color-bg-light-blue: #DFE5EE;

    --color-bg-light: #F2F2F2;

    --color-bg-dark: #707070;
    --color-bg-dark-rgb: 112,112,112;
}

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700&display=swap');


body{
    background: var(--color-bg-light);
    font-family: 'Source Sans Pro', sans-serif;
}


/** VARS */

.text-black{
    color:var(--color-bg-dark) ;
}

.text--thin{font-weight: 200;}
.text--light{font-weight: 300;}
.text--bold{font-weight: 600;}

/** NAVBAR  */

nav.navbar{
    background: rgba(var(--color-bg-terciario-rgb), 0.8);
    width:100%;
    height:100px;
}

.fixed{
    position:fixed;
}


nav .nav-link {
    color :var(--color-bg-light);
    font-size:1.4em;
    text-transform: uppercase;
    font-weight: 300;
    transition: all .2s;
    display: inline-block;

}

nav .nav-item{
    padding:0 5px;
}

nav .nav-link:after{
    content: '';
    width: 0;
    height:1px;
    display:block;
    background: white;
    transition: ease-in 300ms;
}

nav .dropdown-toggle::after{
    border: none;
}

nav .nav-link:hover:after{
    width:100%;
}

nav .navbar-brand img {
    height:70px;
}


/** HOME SECTION */

.home-section {
    background: url("../img/optimized-background.jpg") no-repeat,
                rgba(var(--color-bg-terciario-rgb), 0.5);
    background-size:cover;
    height:450px;
    text-align:center;
    width:100%;
    padding-top:50px;
    color:var(--color-bg-light);
}

.home-divider {
    width:250px;
    background: var(--color-bg-light);
}

.home-button{
    display:inline-block;
    width: 60px;
    height: 60px;
    border-radius:30px;
    color: var(--color-bg-light);
    background: none;
    border: 1px solid var(--color-bg-light);
    transition: all 0.5s;
}
.home-button, .home-button i {
    line-height: 59px;
}
.home-button:hover{
    background: var(--color-bg-light);
    color: var(--color-bg-terciario);
}
section h2 {
    padding-top:100px;
    font-weight:200;
}


.faq {
    min-height:500px;
}

.faq {
    color: var(--color-bg-dark);
}

.faq .card-category{
    transition: all .5s;
}
.faq .card-category.active{
    background: var(--color-bg-secundario);
    color: var(--color-bg-light);
}

.faq .card-category:hover{
    background: var(--color-bg-terciario);
    color: var(--color-bg-light);
    cursor: pointer;
}

.faq .card-category .card-title i {
    font-size: 2em;
}

.faq-item {
    box-shadow: 0 1px 2px 0 rgba(var(--color-bg-dark-rgb), 1),
                0 0px 0px 3px #F3F3F3;
}

 .faq-item .card-header {
    text-align:left;
    padding:0;
}


.faq-item .card-header button{
    width:100%;
    text-align:left;
    padding:10px 15px;
    font-weight:bold;
}

.faq-item .card-header button:after{
    content: "arrow_drop_down";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    float:right;
}



/** SERVICES */

.home-services {
    background: var(--color-bg-light-blue);
    min-height: 350px;

}

.home-services .col-2 {
    padding: 0 5px;
}

.home-services .card {
    transition: all .5s;
    background: var(--color-bg-light);
    color: var(--color-bg-dark);
}

.home-services .card.active{
    background: var(--color-bg-secundario);
    color: var(--color-bg-light);
}

.home-services .card:hover{
    background: var(--color-bg-terciario);
    color: var(--color-bg-light);
    cursor: pointer;
}


.home-services .card-body {
    padding: .5rem;
}

.home-services .card-title {
    margin-top: 5px;
    margin-bottom: 0;
}

.home-services .card-service .card-title i {
    font-size: 1.5em;

}


/** FALE CONOSCO */

.contact-form, .contact-info {
    min-height: 500px;
}


.contact .card {
    border-collapse: collapse;
}

.contact-form {
    box-shadow: 0 1px 2px 0 rgba(var(--color-bg-dark-rgb), 1),
                2px 2px 5px 0 rgba(var(--color-bg-dark-rgb), 0.1);
}


.contact-info {
    background: var(--color-bg-quaternario);
    box-shadow: 0 1px 2px 0 rgba(var(--color-bg-dark-rgb), 1),
                2px 2px 5px 0 rgba(var(--color-bg-dark-rgb), 0.5);
    border-radius: 0;
    color: var(--color-bg-light);
    padding:40px 10px;
}

.contact-info h4{
    font-weight: 300;
}

.contact-info p{
    font-weight: 200;
}


.btn-portal{
    background: var(--color-bg-terciario);
    color: var(--color-bg-light);
}



footer {
    background: var(--color-bg-quintenario);
    position:relative;
    color: var(--color-bg-light);
}

footer .helper {
    position:relative;
}

footer .helper:before{
    background: url("../img/world.svg") no-repeat;
    background-size:cover;
    content: "";
    opacity:0.03;

    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}


footer .copyright {
    background: var(--color-bg-terciario);
    width:100%;
    min-height: 70px;
    line-height: 70px;

}

.footer-mapping{
    list-style-type: none;

    padding:0;
}
.footer-mapping a{
    text-decoration: none;
    color: var(--color-bg-light);
    font-weight: 200;
}



.form-control:focus{
    border-color: var(--color-bg-quintenario);
    box-shadow: none !important;

}
.btn{
    transition: all .2s;
}

.btn-portal.btn:hover{
    color: var(--color-bg-light);
}

.Requerimento__card-header {
    background-color: rgba(var(--color-bg-terciario-rgb), 0.8);
    color: var(--color-bg-light);
}

.Requerimento__Geral-header {
    background: var(--color-bg-light-blue);
    color: black;
}