:root {
    --color-bg-principal       : #0A264D;
    --color-bg-principal-rgb   : 10, 38, 77;

    --color-bg-secundario      : #D7B369;
    --color-bg-secundario-rgb  : 215, 179, 105;

    --color-bg-terciario       : #AC8F54 ;
    --color-bg-terciario-rgb   : 172, 143, 84;

    --color-bg-quaternario     :  #a69150;
    --color-bg-quaternario-rgb :  166, 145, 80;

    --color-bg-quintenario     : #F6D788;
    --color-bg-quintenario-rgb : 246, 215, 136;

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

    --color-bg-light           : #F2F1F0;

    --color-text-light: #0A264D;

    --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-information{
    height:40px;
    line-height: 40px;
    background:var(--color-bg-secundario);
    color: var(--color-bg-dark);
}

nav.navbar{
    width:100%;
    height:100px;
    margin-top:40px;
    background: var(--color-bg-principal);
    color: var(--color-bg-light);
}

.navbar {
    border-bottom:1px solid rgb(59, 59, 59);
    box-shadow:0 !important;
}

.fixed{
    position:absolute;
}

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-text-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-quaternario); */
    background: rgba(149,130,72,1);
    background: -moz-linear-gradient(top, rgba(149,130,72,1) 0%, rgba(114,100,55,1) 75%, rgba(114,100,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(149,130,72,1)), color-stop(75%, rgba(114,100,55,1)), color-stop(100%, rgba(114,100,55,1)));
    background: -webkit-linear-gradient(top, rgba(149,130,72,1) 0%, rgba(114,100,55,1) 75%, rgba(114,100,55,1) 100%);
    background: -o-linear-gradient(top, rgba(149,130,72,1) 0%, rgba(114,100,55,1) 75%, rgba(114,100,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(149,130,72,1) 0%, rgba(114,100,55,1) 75%, rgba(114,100,55,1) 100%);
    background: linear-gradient(to bottom, rgba(149,130,72,1) 0%, rgba(114,100,55,1) 75%, rgba(114,100,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#958248', endColorstr='#726437', GradientType=0 );

    position:relative;
    color: var(--color-text-light);
}

footer .helper {
    display:block;
    position:relative;
}


footer .copyright {
    background: var(--color-bg-secundario);
    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-text-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);
}