/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22 de mai de 2022, 10:31:20
    Author     : dioge
*/

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, 
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
}

body .container-menu {
    position: relative;
    background: linear-gradient(90deg, rgba(2,2,2,1) 3%, rgba(9,7,5,1) 12%, rgba(179,101,20,1) 38%);
}

nav.menu, footer {
    margin: 0 0px;
}

nav.menu {
    display: inline-flex;
    flex-direction: row-reverse;
    min-width: 1277px;
    width: 100%;
    position: relative;
    /*background-color: rgb(255, 132, 4);*/

}

nav.menu ul {
    display: inline-flex;
    list-style: none;
    margin: 25px 100px 15px 100px;;
    font-size: 13px;
}

nav.menu ul li {
    margin: 5px;
    padding: 1px 10px;
    text-transform: uppercase;

}

nav.menu ul a {
    color: #FFF;
    text-decoration: none;
    border-bottom: 1.5px solid rgb(255, 132, 4);
    transition: ease 0.5s;
}

nav.menu ul a:hover, nav.menu ul .active {
    /*background-color: rgba(0,0,0, .2);*/
    border-bottom: 1.5px solid #FFF;
}

.container-menu .logo-container {
    width: 160px;
    height: 70.75px;
    display: inline;
}

.container-menu .logo-container a {
    position: absolute;    
    top: 23px;
    left: 60px;
    z-index: 1000;
}

.footer-container {
    /*background-color: rgb(14, 3, 5);*/
    /*background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(2,2,2,1) 60%, rgba(93,66,38,1) 100%);*/
    background: linear-gradient(90deg, rgba(2,2,2,1) 49%, rgba(96,54,2,1) 100%, rgba(255,142,2,1) 100%);
    color: white;
}

.base-width-page {
    margin: auto;
    padding: 20px 0 50px;
}

.footer-container .infos {
    margin: auto;
}

.footer-container h3 {
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

.footer-container a {
    color: #FFF;
    text-decoration: none;
}

.footer-container a .pi {
    font-size: 2rem;
}

.footer-container .redes span a {
    margin: 0 10px;
}

.bottom-copy {
    text-align: center;
    padding: 10px 0;
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(31,28,25,1) 24%, rgba(93,66,38,1) 100%);
    color: #FFF;
}

.footer-container .contatos {
    display: grid;
}

.base-body-page {
    margin: auto;
    /*    background: rgb(200,200,200);*/
    /*background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(31,28,25,1) 24%, rgba(93,66,38,1) 100%);*/
    background: radial-gradient(circle, rgba(2,2,2,1) 53%, rgba(96,54,2,1) 83%, rgba(255,142,2,1) 100%);
}

.fale-conosco {
    width: 100%;
    margin: auto;
    padding: 20px 0px 40px;
    background: #FFF;
}

.tire-duvidas {
    margin: auto;
    padding-top: 20px;
    padding-bottom: 50px;
    /*background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(31,28,25,1) 24%, rgba(93,66,38,1) 100%);*/
    color: #FFF;
}

.fale-conosco h1, .tire-duvidas h1 {
    text-align: center;
    font-weight: 300;
    font-size: 3em;
}

.link-copy {
    font-size: 6px;
    color: #dee2e6;
    text-decoration: none;
}

.panel-grid-ps td {
    padding: 5px;
}

.top-page-tireduvidas {
    height: 400px;
    background-image: url("../images/background_duvidas.jpg");
    /*background-image: url("../images/image-of-engineering-objects-on-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus.jpg");*/
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;

}

.container-pergunta {
    padding: 10px 40px;

}

.container-pergunta .pergunta {
    font-size: 2em;
    font-style: italic; 
    font-weight: 300;
}

.container-pergunta .respota {
    font-weight: 200;
    font-style: italic;
}

.index-panel {
    position: relative;
}

.index-panel .img-fundo {
    width: 100%;
}

.logo-panel-container {
    position: absolute;
    top: 15%;
    background: rgba(200,200,200, .7);
    padding: 20px 40px 20px 20%;
    border-radius: 0px 0px 80px 0px;
}

.sobre-start-container {
    display: flex;
    flex-wrap: wrap;
}

#check, #icone {
    display: none;
}

.container-bemvindo {
    background: #CCC;
/*    background-image: url(../images/hand-presenting-model-house-for-home-loan-campaign.jpg);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: -30px;*/
    height: 60vh;
}

.container-bemvindo .mensagem {
    margin-right: 50px;
}

.container-bemvindo .mensagem h1 {
    text-align: center;
    font-weight: 300;
    font-size: 2.5em;
    margin-bottom: 10px;
}

.container-bemvindo .mensagem h4 {
    text-align: right;
    font-weight: 300;
    margin-top: 10px;
}

.form-login {
    padding: 20px;
}

.form-login h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-align: center;
    font-weight: 300;
    font-size: 2em;

}



@media only screen and (max-width: 650px) {
    .logo-panel-container {
        padding: 15px 0px 15px 30px;
    }

    .logo-panel-container img {
        width: 80%;
    }
}

@media only screen and (max-width: 1200px) {    
    .container-menu {
        height: 86px;
    }

    #icone {
        display: inline;
        cursor: pointer;
        padding: 28px 15px;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

    .container-menu .logo-container a {
        left: 65px;
    }

    nav.menu {
        min-width: 0;

    }

    nav.menu ul {
        display: block;
        width: 100%;
        margin: 0;
    }

    nav.menu ul li {
        padding: 10px;
        border-bottom: 1px rgba(255,255,255, .3) solid;
    }

    .barra {
        width: 100%;
        background: linear-gradient(90deg, rgba(2,2,2,1) 3%, rgba(9,7,5,1) 12%, rgba(179,101,20,1) 38%);
        position: absolute;
        left: 0;
        top: -539.55px;
        z-index: 1001;
        transition: all .2s linear;
    }

    #check:checked ~ .barra{
        transform: translateY(625.55px);
    }
}

@media only screen and (max-width: 1600px) { 
    .container-bemvindo {
        background-size: 80%;
        background-position-y: 60px; 

    }
}