﻿@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');

html{width:100%;height:100%;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale !important;}
body{width:100vw;overflow-x:hidden;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;background-color:#333;background:url(../imagens/bg_mobile.jpg);background-size:cover;webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;}

.navbar-default{background:rgba(3,3,3,0.5);border-radius:0;border:none;}
.navbar-default .navbar-nav > li > a{background:transparent;text-shadow:0 0 1px rgba(0,0,0,0.1);letter-spacing:1px;font-family:'Raleway', sans-serif;font-weight:400 !important;font-size:1.3em;line-height:50px;color:rgba(255,255,255,0.6);text-shadow:0 0 1px rgba(0,0,0,0.01);transition:200ms linear;text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:after{content:'';display:block;margin:auto;height:1px;width:0px;background:transparent;transition:width 200ms ease, background-color 200ms ease;}
.navbar-default .navbar-nav > li > a:hover:after{width:100%;background:#ffa500;}
.navbar-default .navbar-nav > .active:hover > a, .navbar-default .navbar-nav > .active > a{background:none;color:#ffa500;text-shadow:0 0 1px rgba(255, 165, 0, 0.3);font-weight:500 !important;}
.navbar-default .navbar-nav > .active > a:after{width:100%;background:#ffa500;font-weight:500 !important;}
.navbar-default .navbar-nav > li:hover > a{color:#ffa500;text-shadow:0 0 1px rgba(255, 165, 0, 0.3);font-weight:200;} 
.navbar-default .navbar-nav > li > a.btn-login{background:transparent;border-radius:20px;border-color:rgba(255,255,255,0.5);line-height:10px;margin-top:20px;padding:10px;}
.navbar-default .navbar-nav > li:hover > a.btn-login:after{background:transparent;}
.navbar-default .navbar-nav > li:hover > a.btn-login{border-color:#ffa500;background:#ffa500;color:#292929;font-weight:300;}
.margem-esquerda{margin-left:5px;}
.num-mensagens{background:rgba(0,0,0,0.5);padding:5px 15px;border-radius:8px;}
.jumbotron{
    background-color:none;
    height:100vh;
    border-bottom:3px solid #ffa500;
    padding:0;
}
.texto-laranja{color:#ffa500;transition:200ms linear;-webkit-transition:200ms linear;-moz-transition:200ms linear;}
.texto-escuro{color:black;font-weight:900;border-bottom:1px dotted #000;transition:all 300ms linear;}
.texto-escuro:hover{text-decoration:none;}
.texto-laranja:hover{border-bottom:1px solid #ffa500;color:#ffa500;text-decoration:none;}
.tema{
    height:auto;
    text-align:center;
    padding:0;
}
/*@media screen and (max-width:1900px){
    .tema {
        height: 80vh;
    }
}*/
.tema .row{margin:0;padding:20px 10px 40px 10px;}
.tema.escuro {
    background: rgba(3,3,3,0.5);
}
.tema.laranja{
    background:rgba(255, 165, 0, 0.6);
}
.tema-section{
    margin:2rem;
}
.tema-section p{
    line-height:1.8;
}
.tema.laranja .tema-section p{
    color:#222;
    font-weight:600;
}
.tema-section .curva{
    width:350px;
    height:350px;
    float:left;
    margin-right:2rem;
    border-radius:50%;
    -webkit-shape-outside:circle();
    shape-outside:circle();
    border:20px solid rgba(255,255,255,0.1);
}
.tema.laranja .tema-section .curva{
    float:right;
    margin-left:2rem;
}

.tema-section h2{
    color:#ffa500;
    font-size:4em;
    font-weight:200;
    font-family:'Raleway', sans-serif;
    padding-top:30px;
}
.tema.laranja .tema-section h2{
    color:black;
}
.tema-section hr{
    width:15%;
    border:1px solid #ffa500;
}
.tema.laranja .tema-section hr{
    border:1px solid #000;
}
.tema-section p{
    line-height:1.8;
    color:white;
    font-size:1.3em;
    font-family:'Raleway', sans-serif;
    font-weight:300;
}
.tema.escuro .tema-section .btn-visitar{
    width:10vw;
    padding:10px;
    border-radius:20px;
    border:1px solid white;
    color:white;
    text-transform:uppercase;
    letter-spacing:0.05em;
    font-weight:400;
    font-family:'Open Sans', sans-serif;
    font-size:1.2em;
    transition:200ms linear;  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;  
}
.tema.laranja .tema-section .btn-visitar{
    width:10vw;
    padding:10px;
    border-radius:20px;
    border:1px solid #333;
    color:#333;
    text-transform:uppercase;
    letter-spacing:0.05em;
    font-weight:400;
    font-family:'Open Sans', sans-serif;
    font-size:1.2em;
    transition:200ms linear; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;  

}
.tema.escuro .tema-section .btn-visitar:hover{
    width:12vw;
    border-color:#ffa500;
    color:#ffa500
}
.tema.laranja .tema-section .btn-visitar:hover {
    border-color:black;
    color:black;
    font-weight:400;
    width:12vw;
}
@media screen and (max-width:768px){
    
    .tema{height:auto;}
    .tema .row{padding:0;}
    .tema h2{font-size:3em;}
    .tema-section p{font-size:1.1em;}
    .tema.laranja .tema-section .btn-visitar, .tema.escuro .tema-section .btn-visitar, .tema.laranja .tema-section .btn-visitar:hover, .tema.escuro .tema-section .btn-visitar:hover{width:80%;}
}
@media screen and (max-width:976px){
    .curva{display:none;}
    .tema.laranja .tema-section .btn-visitar, .tema.escuro .tema-section .btn-visitar, .tema.laranja .tema-section .btn-visitar:hover, .tema.escuro .tema-section .btn-visitar:hover{width:50%;}
}





footer {
    background-color:rgba(3,3,3,0.8);
    border-top:1px solid rgba(255,255,255,0.1);
    font-family:"Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:100vw;
    position:relative;
}

footer.footer{
    padding:15px 0;
}

footer .footer .row{
    margin-right: -15px;
    margin-left: -15px;
}

footer .footer .footer-button{
    padding:10px;
}

footer .footer .footer-button a, 
footer .footer .footer-button a:active,
footer .footer .footer-button a:hover,
footer .footer .footer-button a:focus
footer .footer .footer-button a:visited{
    cursor:pointer;
    text-decoration:none;
}

footer a, footer h4{
    color:rgb(157,149,110);
}

footer h4{
    letter-spacing:1px;
}
footer h4 sup{
    font-size:.6em;
}

footer hr{
    border-color:rgb(157,149,110);
}

footer a:hover{
    color:#fff;
    text-decoration:none;
}

footer a:active{
    outline:none;
    text-decoration:none;
    border:none;
    color:#fff;
}

.footer-header{
    font-size:16px;
    letter-spacing:2px;
}

footer.footer img{
    text-align:center;
    width:auto;
    margin:0 auto;
}
/*#tema-insolvencias .col-sm-6.direita, #tema-negocios .col-sm-6.direita{
    color:#333;
}

#tema-insolvencias .col-sm-6.direita a, #tema-negocios .col-sm-6.direita a{
    font-size:24px;
    text-transform:uppercase;
}


#tema-insolvencias .col-sm-6.direita a:hover, #tema-negocios .col-sm-6.direita a:hover{
    text-decoration:none;
    -webkit-animation: link 0.2s normal; 
    -webkit-animation-direction: normal; 
    animation: link 0.4s normal;
    animation-direction: normal;
}

@-webkit-keyframes link {
    0%   {color:#ffa500;}
    50% {color:#f8c973;}
    100% {color:#ffa500;}
}

@keyframes link {
    0%   {color:#ffa500;}
    50% {color:#f8c973;}
    100% {color:#ffa500;}
}

#tema-restauracao .col-sm-6.esquerda a{
    color: #ffbe48;
    font-size:24px;
    text-transform:uppercase;
}

#tema-restauracao .col-sm-6.esquerda a:hover{
    text-decoration:none;
    -webkit-animation: inversl 0.2s normal; 
    -webkit-animation-direction: normal; 
    animation: inversl 0.4s normal;
    animation-direction: normal;
}
@-webkit-keyframes inversl {
    0%   {color:#ffbe48;}
    50% {color:#fff;}
    100% {color:#ffbe48;}
}

@keyframes inversl {
    0%   {color:#ffbe48;}
    50% {color:#f8c973;}
    100% {color:#ffbe48;}
}

#tema-insolvencias .col-sm-6.direita i, #tema-negocios .col-sm-6.direita i{
    font-size:5em;
    margin-top:40px;
    margin-bottom:40px;
    color:#bbb;
}

#tema-insolvencias .col-sm-6.esquerda h2, #tema-negocios .col-sm-6.esquerda h2{
    letter-spacing:2px;
    font-weight:900;
}

#tema-insolvencias .col-sm-6.esquerda i, #tema-negocios .col-sm-6.esquerda i{
    font-size:5em;
    margin-top:20px;
    color:#ffa500;
    
}

#tema-restauracao .col-sm-6.direita h2{
    color: #ffbe48;
    letter-spacing:2px;
    font-weight:900;

}

#tema-restauracao .col-sm-6.direita i{
    font-size:5em;
    color: #ffbe48;
    margin-top:20px;
}

#tema-restauracao .col-sm-6.esquerda i{
    margin-top:40px;
    margin-bottom:40px;
    font-size:5em;
    color:#e66d00;
}*/

.sobre-nos{
    margin-top:40px;
}

.sobre-nos .direita i{
    font-size:60px;
    color:#e66d00;
}

.sobre-nos .direita p{
    font-size:48px;
    color:#e66d00;
    text-transform:uppercase;
    font-weight:800;
}

.sobre-nos .meio i{
    font-size:60px;
    -webkit-animation: sobre-nos 2s infinite; 
    -webkit-animation-direction: alternate; 
    animation: sobre-nos 2s infinite;
    animation-direction: alternate;
}

@-webkit-keyframes sobre-nos {
    0%   {color:#e66d00;margin-left:-50%;}
    100% {color:#fff;margin-left: 50%;}
}

@keyframes sobre-nos {
    0%   {color:#e66d00;margin-left:-50%;}
    100% {color:#fff;margin-left: 50%;}
}

.btn-footer{
    background:#111;
    border:1px dashed #222;
    color:#222;
    padding:20px;
    text-align:center;
}

.btn-footer a{
    transition:all 1s ease-in-out;
}

.redes-sociais{
    font-size:55px;
}

.redes-sociais i{
    margin:0 60px 0 60px;
}

.btn-footer{
    box-shadow:inset 0 0 2px #000;
    transition:all 1s linear;
}

.btn-footer p{
    font-size:18px;
    height:0;
    overflow:hidden;
}

.btn-footer a:hover p{
    overflow:visible;
    height:auto;
    margin-top:-8px;
}

.btn-footer i{
    font-size:38px;
}

.btn-footer a:hover i{
    height:0;
    overflow:hidden;
}

.sobre-nos h2{
    font-weight:900;
    letter-spacing:3px;
    color:#ff7900;
}

/* NOVA VERSÃO - ALISTA V2 */


.panel-default{
    background-color:rgba(255,255,255,0.2);
    border-radius:0;
    border:1px solid rgba(255,255,255,0.2);
}

.panel > .panel-heading, .panel > .panel-footer{
    border:none;
    color:#fff;
    border-radius:0;
}

.panel > .panel-heading{
    background:rgba(230,109,0,0.8);
    text-transform:uppercase;
    font-size:18px;
    color:rgba(255,255,255,0.5);
}

.panel > .panel-body{
    color:rgba(255,255,255,0.8);
}

.panel > .panel-footer{
    border:none;
    background-color:rgba(255,255,255,0.2);
    text-transform:uppercase;
}

.panel > .panel-footer:hover{
    cursor:pointer;
    background-color:rgba(255,255,255,0.4);
}

.conteudo.secundario h2{
    color:#000; 
}

/* ERRO */
.erro{
    background-color:#111;
    height:80vh;
    width:100%;
    padding-top:5%;
}

.erro hr{
    border-color:#ffa500;
}

.erro .quadrado{
    width:74px;
    background-color:#ffa500;
    text-align:center;
}

.erro .quadrado h2{
    color:#111;
    font-size:48px;
    line-height:74px;
}

.mensagem-erro h2{
    color:#ffa500;
    font-size:32px;
    text-transform:uppercase;
    letter-spacing:5px;
}

.mensagem-erro p{
    color:#fff;
    font-size:16px;
}

.social-button a{
    cursor:not-allowed;
}

/* INÍCIO DOS RESUMOS */

.resumo{
    background-color:rgba(0,0,0,0.7);
    height:auto;
    padding:0;
    border-radius:20px;
    border-color:transparent;
}

.resumo-items{
    height:50vh;
    margin-top:10px;
}

.resumo i{
    margin-top:5px;
}

.resumo i.bg-icon-resumo{
    color:rgba(0,0,0,0.2);
    width:auto;height:auto;
    background:rgba(255,255,255,0.1);
    border-radius:100%;
    padding:0 10px;
    margin-top:7px;
}

.resumo i.icon-resumo{
    color:#ffa500;
    transition:500ms ease-in-out;
    -webkit-transition:500ms ease-in-out;
    -o-transition:500ms ease-in-out;
    -moz-transition:500ms ease-in-out;
}

.resumo .resumo-header{
    border-bottom:1px solid rgba(0,0,0,0.2);
    box-shadow:0 1px 0 rgba(255,255,255,.1);
    padding-bottom:15px;
}
.resumo .caption-h{
    font-weight:600;
    font-family:'Raleway', sans-serif;
    letter-spacing:0.25px;
}
.resumo .caption-p{
    text-rendering: optimizeLegibility;
    text-shadow:0 0 1px rgba(0,0,0,0.1);
    font-family:'Raleway', sans-serif;
    color:white;
    font-weight:500;
    letter-spacing:0.1px;
    height:80px;
    font-size:1.3em;
    font-weight:300;
}

.resumo h3{
    font-weight:400;
    text-shadow:0 0 1px rgba(0,0,0,0.1);
    transition:500ms ease-in-out;
    -webkit-transition:500ms ease-in-out;
    -o-transition:500ms ease-in-out;
    -moz-transition:500ms ease-in-out;
    letter-spacing:.15em;
    font-family:'Raleway', sans-serif;
    text-transform:uppercase;
    width:90%;
    border-bottom:1px solid #ffa500;
    color:#ffa500;
    padding-bottom:10px;
    margin:0 auto;
    margin-bottom:10px;
}

.resumo p{
    color:rgba(255,255,255,0.1);
    
    transition:200ms ease-in-out;
    -webkit-transition:200ms ease-in-out;
    -o-transition:200ms ease-in-out;
    -moz-transition:200ms ease-in-out;

}

.resumo .btn-primary{
    background-color:transparent;
    border:1px solid #ffa500;
    border-radius:20px;
    color:#ffa500;
    width:40%;
    transition:100ms ease-in-out;
    -webkit-transition:100ms ease-in-out;
    -o-transition:100ms ease-in-out;
    -moz-transition:100ms ease-in-out;
    height:40px;
    padding:0;
}

.resumo .btn-primary:hover{
    background-color:#ffa500;
    color:white;
}

.resumo .btn.btn-primary i{
    color:#ffa500;
    display:block;
    font-size:1.4em;
    vertical-align:middle;
    line-height:40px;
    margin:0;
}

.resumo .btn.btn-primary:hover i{
    display:none;
}

.resumo .btn.btn-primary .hidden-text{
    display:none;
    font-size:1.3em;
    line-height:40px;
    vertical-align:middle;
    font-weight:500;
    font-family:'Raleway', sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
}
@media screen and (max-width:1260px){
    .resumo .btn.btn-primary i{display:none;}
    .resumo .btn.btn-primary .hidden-text{display:block;}
}
.resumo .btn.btn-primary:hover .hidden-text {
    display: block;
    color:#333;
}

.resumo p{
    color:rgba(255,255,255,0.8);
    font-family:'Raleway', sans-serif;
    font-weight:300;
}

.resumo .btn-primary{
    transition:250ms ease-in-out;
    -webkit-transition:250ms ease-in-out;
    -o-transition:250ms ease-in-out;
    -moz-transition:250ms ease-in-out;
}

.resumo a{
    color:black;
}

.resumo .btn-primary i{
    transition:500ms ease-in-out;
    -webkit-transition:500ms ease-in-out;
    -o-transition:500ms ease-in-out;
    -moz-transition:500ms ease-in-out;

}

.resumo .btn-primary{
    opacity:0.8;
    color:white;
}

/* FIM DOS RESUMOS */

.jumbotron.login-ui{
    margin-top:20vh;
    margin-bottom:10vh;
    background:transparent;
    border:none;
    height:auto;
    min-height:85vh;
    margin:0 auto;
    color:white;
    padding-top:20px;
}
@media screen (max-width:980px){
    .jumbotron.login-ui{
        height:300vh !important;
        margin-top:0;
        background:red;
    }
}

/* ERRO DE LOGIN */

div.erro-login{
    width:100%;
    height:50px;
    line-height:50px;
    border:1px solid rgba(255,255,255,0.1);
    padding-left:5px;
    margin:5px 0 10px 0;
}

div.erro-login > p{
    color:white;
}

/* FORMULÁRIO DE LOGIN */

.login-ui h4{
    color:rgba(255,255,255,0.5);
    font-weight:100;
    text-transform:uppercase;
    letter-spacing:2px;
}

.login-ui hr{
    border-color:rgba(255,255,255,0.3);
}


.borderzero{
    border:none !important;
}
.registo .input-group{margin:10px 0;}
.registo .input-group textarea{background:transparent;border-color:rgba(255,255,255,0.2);height:15vh;resize:none;color:rgba(255,255,255,0.5);}
.registo .input-group textarea:focus{border-color:rgba(255,255,255,0.3);box-shadow:none;outline:none;color:#fff;}
.registo .input-group .ddl{ background:transparent;border-color:rgba(255,255,255,0.2);resize:none;color:rgba(255,255,255,0.5);}
.registo .input-group .ddl:focus{border-color:rgba(255,255,255,0.3);box-shadow:none;outline:none;color:#fff;}


@media screen and (max-width: 1152px){
    .navbar ul{
        height:100%;
        background-color:#111;
        margin-top:0;}
    .login-string{
        display:inline-block;}
    .jumbotron{
        height:60vh;
        width:100%;
        padding:0;
        padding-top:10px;
    }
    .jumbotron h2{
        text-align:center;
        font-size:700%;
        margin-top:0;
    }
    .resumo-items{
        display:none;
    }
    .seccao-imagem{
        display:none;}
    #tema-insolvencias, #tema-negocios, #tema-restauracao{
        text-align:center !important;clear:both !important;float:none !important;}
    #tema-insolvencias h2, #tema-negocios h2, #tema-restauracao h2{
        font-size:250%;}
    .navbar-collapse.collapse{display: none !important;}
    .navbar-collapse.collapse.in {display: block !important;}
    .navbar-header .collapse, .navbar-toggle{display:block !important;}
    .navbar-header{float:none;}
}



@media only screen and (max-width:768px){
    .contacto label{display:none;float:none;}
    .contacto span{float:none !important;text-align:center !important;color:#fff !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
}
.visitar a, .visitar a:hover{text-decoration:none;}
.visitar a h4{transition:300ms linear;-webkit-transition:300ms linear;-o-transition:300ms linear;-moz-transition:300ms linear;}
.visitar a:hover h4{text-decoration:none;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);color:#ffa500;}

/* CSS ALTERADO 21/08/2017 */
.contactos-separador{width:50%;margin:30px auto 20px auto;background:transparent;border-color:transparent !important;}
@media only screen and (max-width:768px) {

        .jumbotron.login-ui .form-horizontal h4 {
            font-size: 1.5em;
            margin-top: 10vh;
        }

        .jumbotron.login-ui .erro-login {
            line-height: 20px;
            border: none;
            background: none;
        }

    .mobile-container-login {
        padding: 0;
        margin: 0;
        height:auto;
    }

    .jumbotron.login-ui .btn-group {
        margin: 0 auto;
    }
}

/* LOGIN */
.login-section{
    margin-top:10vh;
    background:rgba(0,0,0,0.5);
    padding:20px 30px;
    /*height:50vh;*/
}

.login-section a{
    color:#ffa500;
    text-decoration:none;
}
.login-title{
    width:70%;
    float:left;
    text-align:left;
}

@media screen and (max-width:768px){
    .login-title{float:none;}
}
.login-title h2{
    font-family:'Raleway', sans-serif;
    font-weight:100;
    text-transform:uppercase;
    font-size:4em;
}
.login-title p{
    font-family:'Raleway', sans-serif;
    font-weight:300;
    font-size:1.1em;
}
.login-title-icon{
    width:30%;
    float:right;
    text-align:center;
}
.login-title-icon .login-icon{
    font-size:10em;
}
.registo-texto{
    font-size:.8em;
    font-family:'Raleway', sans-serif;
    font-weight:300;
    width:100%;
}

.login-ui .input-group{
    width:100%;
    border-bottom:1px solid white;
}

.login-ui .input-group-addon{
    border:none;background:none;
    /*background-color:rgba(255,255,255,0.5);
    border-color:rgba(255,255,255,0.1);*/
    border-radius:0;
    width:20%;
    text-align:left;
}

.login-ui .input-group-addon i{
    vertical-align:middle;
    color:white;
    /*border-right:1px solid rgba(255,255,255,0.1);*/
    padding-right:5px;
    
}

.login-ui .input-group-addon span{
    font-weight:100;
    color:rgba(255,255,255,0.5);    
    padding-left:5px;
}

.login-ui input{
    background-color:transparent;
    /*border-color:rgba(255,255,255,0.2);*/
    border:none;
    border-left:0;
    color:rgba(255,255,255,0.5);
    border-radius:0;
    font-size:1.3em;
    font-weight:300;
    font-family:'Raleway', sans-serif;
}

.login-ui input:focus, .login-ui input:active{
    outline:none;
    box-shadow:none;
    border-color:rgba(255,255,255,0.3);
    color:white;
}

.login-ui .checkbox-inline{
    color:white;
    font-family:'Raleway', sans-serif;
}

.login-section .btn-login{
    border:1px solid white;
    background-color:transparent;
    border-radius:20px;
    color:white;
    font-family:'Raleway', sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
    transition:200ms linear;
    -o-transition:200ms linear;
    -moz-transition:200ms linear;
    -webkit-transition:200ms linear;
    display:block;
    width:150px;
    margin:0 auto;
}

.login-ui .btn-login:hover{
    background-color:transparent;
    border-color:#ffa500;
    color:#ffa500;
}
.login-ui .btn-password{
    display:block;
    text-align:center;
    font-family:'Raleway', sans-serif;
    font-weight:200;
    margin-top:10px;
    transition:200ms linear;
    color:white;
    -o-transition:200ms linear;
    -moz-transition:200ms linear;
    -webkit-transition:200ms linear;
    border-bottom:1px solid transparent;
}
.login-ui .btn-password:hover{
    color:#ffa500;
}

.login-ui .pedir-password{
    margin-top:20px;
}

.login-ui a#pedirP{
    color:rgba(255,255,255,0.5);
    text-decoration:none;
    cursor:pointer;
}

.login-ui a#pedirP:hover{
    color:rgba(255,255,255,0.6);
    text-shadow:0 0 2px rgba(255,255,255,0.1);
}

.login-ui .novaPass{
    margin-top:5px;
}
.login-section.flexivel{height:auto;margin-bottom:5vh;}
.login-section.flexivel .btn-login{width:auto;}
.login-section.flexivel .input-group{width:100%;margin:15px auto;}
.login-section.flexivel .input-group-addon{width:30%;color:white;}
.login-section.flexivel .select{background:transparent;border:transparent;}
.login-section.flexivel .select:focus{color:#ffa500;}

.mobile-registo{display:none;}
.esconde-desktop{display:none;}

.erro-login-mensagem{position:absolute;top:10vh;left:0;right:0;margin-left:auto;margin-right:auto;width:40vw;height:auto;padding:25px 15px;background:#ffa500;color:white;font-size:1.2em;font-family:'Raleway',sans-serif;}
.fechar-erro{position:absolute;right:0;top:0;background:transparent;border:none;transition:100ms linear;-webkit-transition:100ms linear;}
.fechar-erro:hover{transform:scale(1.3);-webkit-transform:scale(1.3);}


.termos{height:65vh;overflow-y:scroll;}

.hidden-desktop{display:none;}

@media screen and (max-width:994px){
    .login-ui{min-height:150vh;padding-top:0;margin-top:0;}
    .login-section{background:transparent;position:relative;height:auto !important;text-align:center;}
    .login-title{width:100%;float:none;text-align:center;}
    .login-title h2{font-size:5em;margin:0;}
    .login-title p{font-size:1.5em;}
    .login-title-icon{display:none;}
    .login-section .btn-login{width:100%;}
    .login-section h2{font-size:3em;height:auto;line-height:none;float:none;}
    .mobile-container-login{height:auto;margin:0;padding:0;}
    .login-section.flexivel .login-title h2{font-size:3em !important;}
    .login-section.flexivel p{font-size:1.5em !important;}
    .mobile-registo{display:block;font-size:100%;}
    .esconde-mobile{display:none;}
    .registo-texto{font-size:1.1em !important;margin-top:10px;background:rgba(0,0,0,0.5);padding:10px;}
    .login-section.contacto-form{height:100vh;}
    .esconde-desktop{display:block;}
    .contactos{text-align:center;margin-top:0 !important;height:100vh;}
    .contactos i{font-size:1.5em;}
    .contactos p{font-size:1.2em;}
    .contacto-form .input-group-addon{color:white;background:rgba(0,0,0,0.3);}
    .contacto-form textarea{height:25vh;background:transparent;}
    .erro-login-mensagem{width:100vw;}
}

@media (min-width:994px) and (max-width:1145px){
    .login-section h2{font-size:3em !important;text-align:left;}
}

@media screen and (max-width:1145px){
    .jumbotron.login-ui {height:40vh !important;}
    .hidden-desktop{display:block;}
    .hidden-desktop {
    text-transform: uppercase;
    letter-spacing: .5em;
    display: inline-block;
    padding:0;
    position: relative;
    width: 40em;
    margin: 0 0 0 -20em;
    z-index:1000;
    margin:0 auto;
    margin-top:-50vh;
}
.hidden-desktop h2 {
  	font: 700 5.8em/1 "Raleway", sans-serif;
  	letter-spacing: 0;
  	padding:0;
	display: block;
	margin: 0 auto;
  	text-shadow: 0 0 80px rgba(0,0,0,0.8);
    color:rgba(255,255,255,0.4);
}

}

.login-section{background:rgba(0,0,0,0.5);margin-bottom:0;}

@media screen and (max-width:980px){
    .mobile-textarea{color:white;}
}

.contacto-addon{
    color:white;
    border-right:1px solid #fff;
    background-color:rgba(0,0,0,0.5);
    width:150px !important;
    text-transform:uppercase;
    font-weight:600;
}
@media screen and (max-width:970px){
    .contacto-addon{width:120px !important;font-size:12px;}
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background:transparent;
    color:#ffa500;
}

.navbar-default .navbar-nav>.open>a:after, .navbar-default .navbar-nav>.open>a:focus:after, .navbar-default .navbar-nav>.open>a:hover:after{
    width:100%;background:#ffa500;
}

.dropdown-menu{
    background:rgba(0,0,0,0.5);
    padding:10px 0px;
    width:300px;
    border-radius:0;
    border:1px solid rgba(255,255,255,0.5);
}
.dropdown-menu > li{
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
    -moz-transition:all 200ms ease-in-out;
    -o-transition:all 200ms ease-in-out;
    clear:both;
}
.dropdown-menu > li:hover > a{
    background:transparent;
}
.dropdown-menu > li a {
    font-size:16px;
    font-family:'Raleway', sans-serif;
    font-weight:300;
    color:#fff;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
    -moz-transition:all 200ms ease-in-out;
    -o-transition:all 200ms ease-in-out;
    text-align:right;
    padding:5px;
}
.dropdown-menu > li > a:hover{
    color:#ffa500;
}
.dropdown-menu > li > a > .icon{
    font-family:Arial, sans-serif;
    float:left;
    padding:2px 15px;
    background:rgba(0,0,0,0.5);
    border-radius:5px;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
    -moz-transition:all 200ms ease-in-out;
    -o-transition:all 200ms ease-in-out;
}
.dropdown-menu > li:hover > a > .icon{
    background:rgba(0,0,0,0.3);
}
.header{
    margin-bottom:20px;
}
.header h1{
    color: black; 
    font-family: 'Raleway', sans-serif; 
    font-size: 7em; 
    font-weight: 200; 
    text-shadow: 0 0 1px rgba(255,255,255,0.3); 
    margin-top: -150px;
}
.btn.btn-experimenta{
    font-family:'Open Sans', sans-serif;
    font-size:24px;
    font-weight:600;
    text-transform:uppercase;
    border:1px solid transparent;
    border-radius:8px;
    background-color:#ffb225;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.22);
    padding:10px 20px;
    color:#9f6700;
    transition:200ms linear;
    -webkit-transition:200ms linear;
    -o-transition:200ms linear;
    -moz-transition:200ms linear;
}
.btn.btn-experimenta:hover{
    background:#666;
    color:rgba(0,0,0,0.4);
}

.modal{
    padding:0;
    margin:0;
}
.modal-dialog {
  position:absolute;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  left:0;
}
.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background:#353C42;
  padding-top:100px;
}
.modal-content .modal-header .close{
    position:absolute;
    top:0;
    right:15px;
    font-size:72px;
    height:102px;
    line-height:100px;
    vertical-align:middle;
    text-align:center;
    width:120px;
    background:rgba(0,0,0,0.3);
    color:#888;
    text-shadow:0 1px 0 #444;
    opacity:1;
    transition:200ms linear;
    -moz-transition:200ms linear;
    -webkit-transition:200ms linear;
    -o-transition:200ms linear;
}
.modal-content .modal-header .close:hover{
    background:#E84C3D;
    color:#fff;
}
.modal-content .modal-header{
    background:#272C30;
    position:absolute;
    top:0;
    width:100vw;
    height:100px;
    padding:0 0 0 20px;
    border:none;
}

.modal-content .modal-header .modal-title i{
    height:100px;
    line-height:100px;
    vertical-align:middle;
    color:#efefef;
    width:80px;
    text-align:center;
}

.modal-content .modal-header .sup, .modal-content .modal-header .sub{
    line-height:25px;
    vertical-align:middle;
    font-family:'Open Sans', sans-serif;
    font-weight:900;
    text-transform:uppercase;
    color:#efefef;
}
.modal-content .modal-header .sup{
    margin-top:5px;
    font-size:36px;
}
.modal-content .modal-header .sub {
    font-weight:600;  
    padding-left:5px;  
}
.modal-title-icon{
    width:100px;
    display:table-cell;
    color:#fff;
    line-height:100px;
    height:100px;
}
.modal-title-icon i{
    vertical-align:middle;
}
.modal-title-box{
    height:100px;
    vertical-align:middle;
    display:table-cell;
}
@media screen and (max-width:980px){
    .dropdown .dropdown-menu{display:none;}
    .modal-content .modal-header .sup{margin-top:10px;font-size:18px;}
    .modal-content .modal-header .sub{font-size:12px;}
    .modal-title-icon {display: none;}
    .modal-content .modal-header{padding:0 0 0 5px;}
    .modal-content .modal-header .close{
        font-size:36px;
        color:#ED4949;
        opacity:1;
        height:auto;
        line-height:normal;
        text-shadow:none;
        background:transparent;
        right:15px;
        top:10px;
        width:auto;
    }
}

/* UI */
.page{
    width:750px;
    margin:0 auto;
    text-align:center;
}
.page h2{
    font-family:'Lato', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    color:#ffa500;
    font-size:48px;
    -webkit-antialiasing:smooth;
}
.page p{
    color:#fff;
    font-size:18px;
    font-family:'Open Sans', sans-serif;
    font-weight:400;
}
.page .form-group{
    margin:5px auto;
}
.page .control-label{
    background:#222;
    color:#fff;
    height:50px;
    line-height:35px;
    vertical-align:middle;
    border:1px solid #444;
    border-radius:5px 0 0 5px;
    text-align:left;
    padding-left:10px;
    border-right:none;
    margin:0;
    font-weight:700;
    font-family:'Lato', sans-serif;
    text-transform:uppercase;
    border-right:1px dotted #333;
    -webkit-antialiasing:smooth;
}
.page .control-label.textarea{
    height:150px;
}
.page .form-control{
    background:#222;
    color:#fff;
    height:50px;
    border-color:#444;
    line-height:50px;
    vertical-align:middle;
    border-radius:0 5px 5px 0;
    border-left:none;
    padding-left:20px;
}
.page .form-control:focus{
    outline:none;
    box-shadow:none;
}
.page .form-control.textarea{
    resize:none;
    height:150px;
    line-height:normal;
    padding-top:15px;
}
.page .form-control::placeholder, .page .aspNetDisabled.form-control{
    color:#a6a6a6;
}
.modal .form-horizontal span{
    text-align:right;
    color:#ED4949;
    float:right;
}
.btn.btn-submit{
    background:#ffa500;
    color:#333;
    font-family:'Lato', sans-serif;
    font-weight:700;
    font-size:18px;
    text-transform:uppercase;
    padding:10px;
    width:225px;
    border-radius:0;
    transition:250ms ease;
    -webkit-transition:250ms ease;
    -moz-transition:250ms ease;
    -o-transition:250ms ease;
}
.btn.btn-submit:hover{
    background:transparent;
    border:1px solid #ffa500;
    color:#ffa500;
}
.no-padding{
    padding:0;
    margin:0;
}
.page .form-horizontal h4{
    text-align:left;
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-weight:600;
    text-shadow:0 0 1px rgba(0,0,0,0.01);
    -webkit-antialiasing:smooth;
}
.page .form-horizontal hr{
    border-color:rgba(255,255,255,0.1);
    width:80%;
}

.modal-text{
    width:100%;
    text-align:left;
    padding:0;
}
.modal-text h4{
    font-family:'Lato', sans-serif;
    font-weight:500;
    text-transform:uppercase;
    color:#ffa500;
    font-size:22px;
    -webkit-antialiasing:smooth;
}
.modal-text p{
    color:#fff;
    font-family:'Roboto', sans-serif;
    font-weight:300;
}
.modal-text a{
    color:#ffa500;
    text-decoration:none;
    transition:all 150ms ease-in-out;
}
.modal-text a:hover{
    color:#070707;
}


@media screen and (max-width:980px){
    .navbar.navbar-default{
        top:50px;
    }
    .btn.btn-experimenta{
        width:100vw;
        font-size:16px;
        border-radius:0;
        position:absolute;
        top:0px;
        z-index:1;
        height:50px;
    }
    .page{
        width:100%;
    }
    .page h2{
        font-size:48px;
    }
    .page p{
        font-size:14px;
        font-weight:300;
    }
    .page .control-label{
        height:30px;
        background:transparent;
        color:#ffa500;
        height:auto;
        line-height:normal;
        border-radius:0;
        padding-left:0;
        font-weight:600;
        border:none;
        display:block;
        font-size:14px;
    }
    .page .control-label.textarea{
        height:30px;
    }
    .page .form-control{
        width:100%;
        height:50px;
        border-color:#444;
        line-height:50px;
        vertical-align:middle;
        border-radius:0;
        padding-left:0;
        border:1px solid #444;
        padding-left:5px;
    }
}


.conteudo-contacto{
    background:rgba(0,0,0,0.6);
    min-height:70vh;
    margin-bottom:10vh;
    padding:20px;
    margin-top:10vh;
}

.conteudo-contacto h2{
    color:#fff;
    font-weight:600;
    font-size: 4em;
}
.conteudo-contacto i{
    color:#fff;
}
.conteudo-contacto p{
    color:rgba(255,255,255,0.6);
    font-weight:400;
}
.conteudo-contacto p span{
    text-decoration:underline;
    font-weight:600;
    color:#fff;
}
.conteudo-contacto ul li{
    font-size:16px;
    line-height:40px;
    vertical-align:middle;
    border-bottom:1px solid rgba(255,255,255,0.3);
    text-align:center;
}
.conteudo-contacto ul li:first-child{
    border-top:1px solid rgba(255,255,255,0.3);
}
.conteudo-contacto ul li a{
    color:#ffa500;
    margin:0 20px;
}
.conteudo-contacto .input-group{
    width:100%;
    margin:5px 0;
    border:0;
}
.conteudo-contacto .input-group .input-group-addon{
    border-radius:0;
    border:none;
    text-align:left;
}
.conteudo-contacto .input-group .form-control{
    background:rgba(255,255,255,0.15);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:0;
    color:#fff;
}
.conteudo-contacto .btn-group{
    width:100%;
}
.conteudo-contacto .btn-group .btn{
    width:45%;
    margin:0 2.5%;
}
.conteudo-contacto select option{
    color:#000;
}
.conteudo-contacto .btn-group .btn.btn-login{
    background:transparent;
    padding:10px 20px;
    border:2px solid #fff;
    border-radius:0;
    color:#fff;
    font-family:'Open Sans', sans-serfi;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
    -moz-transition:all 200ms ease-in-out;
    -o-transition:all 200ms ease-in-out;
}
.conteudo-contacto .btn-group .btn.btn-login:hover{
    background:#ffa500;
    color:#333;
    border-color:#ffa500;
}
.conteudo-contacto .alert-success{
    margin:10px 0;
    border-radius:0;
}

@media screen and (max-width:980px){
    .col-xs-hidden{
        display:none;
    }
    .conteudo-contacto{
        margin:10vh 0 0 0;
    }

    .conteudo-contacto h2{
        font-size:3em;
        color:#fff;
    }
    .conteudo-contacto td{
        text-align:center;
    }
    .conteudo-contacto table a{
        color:#ffa500;
        text-align:center;
        font-size:14px;
        text-align:left;
    }
    .conteudo-contacto .btn-group .btn{
        width:100%;
        margin-bottom:5px;
    }
 
}




/* UPDATED 22/09/2018 */
*{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}

#resumo-estrelas{
    padding-top:20vh;
}

@media screen and (max-width:980px){
    .btn.btn-experimenta{
        box-shadow:none;
        font-family:'Roboto', sans-serif;
        font-size:18px;
    }
    #resumo-estrelas{
        padding-top:15vh;
    }
    .img-header{
        height:25vh;
        width:100%;
        position:relative;
        margin-top:0;
        padding-top:0;
    }
    .img-header img{
        position:absolute;
        top:0;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        image-rendering:crisp-edges;
    }
    .logo-top{
        position:absolute;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        top:15vh;
        width:80%;
    }
}