/* ---------------------------------------------------

- Configurações Básicas

--------------------------------------------------- */
@import 'https://fonts.googleapis.com/css?family=Libre+Baskerville';
body{
    background-color: white;
}

#fullscreen-iframe{
    display: block;       
    border: none;         
    height: 100vh;
    width: 100vw;
}
/* ---------------------------------------------------

- Navegação Clássica

--------------------------------------------------- */

.classico{
    width: 100%;
    height: 50px;
    text-align: right;
    padding: 15px;
    font-size: 16px;
    position: fixed;
    z-index: 1;
    font-family: 'Libre Baskerville', serif;
}
.classico li{
    display: inline;
    margin-left: 20px;
}

.classico a{
    color: #444 !important;
    transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -webkit-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
}
.classico a:hover{
    color: darkgrey !important;
    background-color: transparent !important;
    transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -webkit-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
}

/* ---------------------------------------------------

- Toggle Menu

--------------------------------------------------- */

.toggle{
    width: 100%;
    position: fixed;
    text-align: right !important;
    padding: 30px;
    z-index: 100;
    display: none;
}

.cor-toggle{
    background-color: #E1FF00;;
    color: #222;
    border: 0px;
}
.cor-toggle:hover{
    background-color: #222;
    color: aliceblue;
}
.vbox-inline {
    background-color: #262625 !important;
    width: 100% !important;
    height: 100% !important;
}
.menu-list li{
    font-size: 22px;
    padding: 5px;
}
.action{
    color: #999789 !important;
    transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -webkit-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
}
.action:hover{
    color: aliceblue !important;
    background-color: transparent !important;
    transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -webkit-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
}
.titulo{
    margin-left: 10px;
}
.data{
    padding: 20px;
}

/* ---------------------------------------------------

- Cores do site

--------------------------------------------------- */

.color-1{ color: #fff; }
.color-2{ color: #90a9b9; }
.color-3{ color: #111e2b; }
.color-4{ color: #FFFDD9; }
.color-5{ color: #E1FF00; }

.bg-color-1{ background-color: #fff !important; }
.bg-color-2{ background-color: #595957 !important; }
.bg-color-3{ background-color: #111e2b !important; }
.bg-color-4{ background-color: #43667c !important; }
.bg-color-5{ background-color: #E1FF00 !important; }

/* ---------------------------------------------------

- Login

--------------------------------------------------- */
.login-box{
    border-radius: 10px;
    background-color: #1b3e5e;
    width: auto;
    height: auto;
    position: fixed;
    z-index: 2;
    margin-top: 250px;
    margin-left: 100px;
    font-family: 'Libre Baskerville', serif;
    padding: 30px;
}

.input{
    margin-bottom: 10px;
}
.txt-entrar{
    color: white;
}
.organiza-box{
    margin-top: -40px;
}
.entrar{
    text-align: right !important;
    border: none !important;
}
.link-cadastro{
    margin-top: -40px;
}
.link-cadastro a{
    font-size: 16px;
    color: white;
    text-decoration: underline;
}
.link-cadastro a:hover{
    text-decoration: none;
}

/* ---------------------------------------------------

- Home

--------------------------------------------------- */
.is-home{
    background:url('imagens/bg-home.jpg') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

.conteudo{
    font-family: 'Libre Baskerville', serif;
    background-color: rgba(255, 255, 255, .7);
    padding: 40px;
    border-radius: 10px;
    text-align: justify;
    margin-top: 140px;
}

/* ---------------------------------------------------

- Empresa

--------------------------------------------------- */
.is-empresa{
    background:url('imagens/bg-empresa.jpg') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

.bg-empresa{
    background-color: #43667c !important;
}
.full-empresa{
    height: 1000px;
}
.conteudo-empresa{
    font-family: 'Libre Baskerville', serif;
    margin-top: 80px;
    padding: 30px;
}
.texto-empresa{
    font-family: 'Libre Baskerville', serif;
    color: white;
    text-align: justify;
}
.texto-empresa strong{
    color: white !important;
}
.fotos li{
    display: inline-block;
}
.img1{
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-image: url(imagens/foto01.jpg);
    background-position: center;
    background-size: cover;
}
.img2{
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-image: url(imagens/foto02.jpg);
    background-position: center;
    background-size: cover;
}
.img3{
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-image: url(imagens/foto03.jpg);
    background-position: center;
    background-size: cover;
}


/* ---------------------------------------------------

- Serviços

--------------------------------------------------- */
.is-serv{
    background:url('imagens/bg-serv.jpg') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}
.bg-serv{
    background-color: #1b3e5e;
}

/* ---------------------------------------------------

- Proposta

--------------------------------------------------- */
#proposta{
    z-index: 999 !important;
}
.is-proposta{
    background:url('imagens/bg-proposta.jpg') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    z-index: 2 !important;
}
.formulario{
    margin-top: 50px;
    font-family: 'Libre Baskerville', serif;
    padding: 40px;
}
.full-proposta{
    height: 800px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #666;
}

/* ---------------------------------------------------

- Contato

--------------------------------------------------- */

/* ---------------------------------------------------

- Tablet

--------------------------------------------------- */

@media screen and (max-width: 1024px) {
    .toggle{
        display: block;
    }
    .classico{
        display: none;
    }
}