@charset "utf-8";
/* CSS Document */

h1 {font-weight: 300; text-transform: uppercase;color: #666;padding: 30px 0 10px 0; }
h1 span {color:#ac924c;font-weight: 600; }
h1:after { content:"";display:block; width: 20%; height: 0.5em;vertical-align: bottom;margin-right: 0;margin-left: 40%;margin-top:30px;border-top: 1px solid black;}
h2 {font-weight: 300; text-transform: uppercase;color: #666;}
h3 {font-weight: 300; text-transform: uppercase;color: #666;}
h4 {font-weight: 300;color: #666;font-size:2.6em; color: #666;margin-bottom:30px;}
p {color: #999;}
hr {height: 0; border: 0; border-bottom: 1px dotted #333;}

label {margin:6px 0;}
input {border-radius:0 !important;padding: 10px 16px !important;color:#999 !important;}

.btn-primary {background:#333;border:1px solid #333;text-transform: uppercase;color: #FFF !important;}
.btn-primary:hover {background:#111;border:1px solid #111;}

.btn-secondary {background:#ac924c;border:1px solid #333;text-transform: uppercase;color: #000 !important;}
.btn-secondary:hover {background:#999;border:1px solid #999;}

header {width: 100%; display: inline-table; background:rgba(0,0,0,0.5); position: absolute; padding: 20px 0;z-index: 999;}

nav ul {text-align: right;}
nav ul li {display: inline-table; padding: 10px;}
nav ul li a {color:#FFF;text-transform: uppercase;}
nav ul li a:hover {color:#999;text-decoration: none;}
nav ul li:last-child a {background:#ac924c; color: #000; border-radius: 6px; padding: 10px;}
nav ul li:last-child a:hover {background:#999; color: #000;text-decoration: none;}
nav ul li:last-child button {background:#ac924c; color: #000; border-radius: 6px; padding: 10px;}
nav ul li:last-child button:hover {background:#999; color: #000;text-decoration: none;}

.content {padding: 50px 0;}
.padding-content {padding: 80px 40px;}
.tab-content > .active {padding: 40px;}
.nav-tabs .nav-item a {color:#999;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color:#000;}

footer {background:#000; padding: 40px 0;color:#666;}
footer .img-bottom {width: 30%;}
footer ul {}
footer ul li {list-style: none;}
footer ul li.active {color:#FFF;text-transform: uppercase;margin-bottom: 10px;font-size:1.2em;}
footer ul li a{color:#999;}
footer ul li a:hover{color:#FFF;text-decoration: none;}
footer .copyright ul {text-align: right;}
footer .copyright ul li{display: inline-table;padding: 6px;margin: 0;}
footer .copyright ul li img {max-width: 30px;}

/* ENTIDADES */
#slider {position: relative;z-index: 10;}
#slider .slider-img {position: relative;background:#000;}
#slider hgroup {position: absolute;top: 40%;width: 100%;}
#slider hgroup h1 {text-align: center;font-weight: 600;color:#ac924c;}
#slider hgroup h1:after {display: none;}
#slider hgroup h2 {text-align: center;color:#FFF;text-transform: none;}

#slider-page {position: relative;z-index: 10;padding: 240px 0 200px 0;width: 100%;}
#slider-page hgroup {position: absolute;top: 40%;width: 100%;}
#slider-page hgroup h1 {text-align: center;color:#FFF;}
#slider-page hgroup h1:after {display: none;}

.bannerhome {
    opacity:0;
    -webkit-animation: fadeIn 8s linear;
    -moz-animation: fadeIn 8s linear;
    -o-animation: fadeIn 8s linear;
    animation: fadeIn 8s linear; 
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
25% { opacity: 1; } 
90% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0; }
25% { opacity: 1; } 
90% { opacity: 1; }
100% { opacity: 0; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
25% { opacity: 1; } 
90% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeIn {
0% { opacity: 0; }
25% { opacity: 1; } 
90% { opacity: 1; }
100% { opacity: 0; }
}

#como-funciona {}

#lead {background:url(imagens/bg.jpg);padding:80px 0;background-size: 100%;background-position: bottom;}
#lead p {color:#FFF;}
#lead label {width: 100%;}
#lead input {width: 100%;}
#lead h1 {color:#FFF;}
#lead-title:after {
    content: "";
    display: none;
}


#restaurantes {background:#FFF;padding:20px 0;}

#depoimentos {background:url(imagens/bgblackclub.jpg); background-position: bottom;  height: 300px;}
#depoimentos .content {padding: 0;}
#depoimentos h1 {color:#FFF;}
#depoimentos h1:after {display: none;}
#depoimentos p {color:#FFF;padding: 0 50px;}
#depoimentos h4 {color:#FFF;font-style: italic; font-size: 1.2em;}
#depoimentos img {border-radius:50%;max-width: 160px;margin: 0 auto; margin-bottom: 20px;}

#contato {background:#FFF;padding:50px 0;}
#contato label {width: 100%;}
#contato input {width: 100%;}
#contato textarea {width: 100%; height: 200px; border-radius:0;}

/* CLASSES */
.intro {}
.intro p {font-size:1.2em;}

.box {padding: 20px; background: #FFF;}
.box-content {padding: 20px; background: #fff;color: #999;border: 1px solid #ccc;}
.box-content h3 {font-size:1.2em;color:#999;font-weight: bold;}
.box-content p {color:#999;}

.box-restaurante {width: 19%;margin: 0.5%;float: left;}

.owl-carousel {display:block !important;}
.owl-nav {position:absolute;top:4%;width: 100%;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {font-size:100px;color:#999;}
button.owl-prev {left:-6%; position: absolute;}
button.owl-next {right:-6%; position: absolute;}

.texto-sucesso{color: #28a745;}
.texto-erro{color: #dc3545;}
.campo-erro{color: #ec4555;-webkit-transition: color 0.2s;transition: color 0.2s;}
.campo-erro::-webkit-input-placeholder {color: #ec4555;}
.campo-erro:-moz-placeholder {color: #ec4555;}
.campo-erro::-moz-placeholder {color: #ec4555;}
.campo-erro:-ms-input-placeholder {color: #ec4555;}

/* ALERTA */
.modal- {
    display: none;
    position: fixed;
    z-index: 99999;
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-conteudo {
    z-index: 100001;
    will-change: transform;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    box-sizing: border-box;
    padding: 0;
    width: 478px;   
    max-width: 80%;
    top: 30%;
    position: relative;
    margin: 20px auto;
    display: block;
    vertical-align: middle;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    background-color: rgba(255,255,255,1);
    transition: transform .3s,opacity .2s,-webkit-transform .3s;
}
.modal-cabecalho {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    color: #555;
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
}
.modal-cabecalho:first-child {
    margin-top: 45px;
}
.modal-rodape {
    text-align: right;
    padding-top: 13px;
    margin-top: 13px;
    padding: 13px 16px;
    color: white;
}
.modal-botao-s {
    padding: 7px 19px;
    border-radius: 2px;
    background-color: #f44049;
    border: 1px solid #f44049;
    color: #fff;
}
.modal-botao-n {
    padding: 7px 19px;
    border-radius: 2px;
    background-color: rgba(50,50,50,1);
    border: 0;
    color: #f44049;
}

.none {
  display: none
}
.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 50%;
   height: 40px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 40px;
   padding: 5px; 
   width: 268px;
}
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}
.black   { background-color: #fff;border:1px solid #ccc; }
.black select   { color: #000; }