html {background:#1f191a;}
body {font-size:15px;color:#fff;font-family:'Roboto';font-weight:300;}
html,
body {height:100%;}

* {-webkit-font-smoothing: antialiased;}

i, em {font-style:italic;}

a {color:#fff;}

a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}

strong, b {font-weight:bold;}
input[type="reset"], input[type="submit"], button {cursor:pointer;}

::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}
input:-moz-placeholder {color:#fff;}

select {
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}

select::-ms-expand {
  display: none;
}

::selection {
  background:#1C8DBA;
  color: #fff;
}
::-moz-selection {
  background:#1C8DBA;
  color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background:transparent !important;
}

form * {outline:0;}

form .error,
form .success {font-size:18px;background:white;padding:10px 10px;}
form .success {color:green;}
form .error {color:red;}
form .retorno {margin-bottom:15px;}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.last {margin-right:0px !important;}
.not-found {font-size:16px;margin:0px 0px 0px 20px;}

.wrapper {max-width:1220px;position:relative;z-index:1;left:50%;transform:translateX(-50%);width:calc(100% - 40px);}

.box-right {float:right;}

.texto {line-height:22px;}
.texto p {margin-bottom:14px;}
.texto img {display:table;margin:0 auto;max-width:100%;}

.loading-full {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;background:rgba(255, 255, 255, 0.7);display:none;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.sk-circle {
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 99;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #ffdf3b;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.ico-menu {position:absolute;right:20px;display:none;z-index:3;top:30px;z-index:3;font-size:30px;color:#5b103c;}

.galeria {margin-top:60px;}
.galeria .foto {position:relative;width:100%;height:300px;display:block;}
.galeria .foto img {width:100%;height:100%;object-fit:cover;}
.galeria .owl-nav {display:none;}
.galeria .owl-dots {margin-top:20px;text-align:center;}
.galeria .owl-dot {display:inline-table;width:10px;height:10px;border:2px solid #5b103c;transition-duration:0.4s;margin:0px 6px;border-radius:100%;}
.galeria .owl-dot:hover,
.galeria .owl-dot.active {background:#5b103c;cursor:pointer;}

.voltar {margin-top:60px;float:right;}

.modal {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;overflow:auto;background:#0eb0a0;display:none;}
.modal .content {display:table;margin:0 auto;width:100%;max-width:1000px;position:relative;}
.modal .logo {margin-top:40px;margin-bottom:50px;}
.modal .close {position:absolute;width:32px;height:32px;cursor:pointer;z-index:3;background:url(../imagens/site/ico_close.png) no-repeat center;right:0px;top:30px;}

.not-found-page {padding-top:50px;font-size:32px;text-align:center;}

.form.small {max-width:600px;margin:0 auto;}
.form .label-box {margin-bottom:20px;display:block;}
.form .label-box .label {font-size:16px;color:#d9d9d9;margin-bottom:10px;font-weight:700;}
.form select,
.form input[type="text"],
.form input[type="email"],
.form textarea {padding:10px 20px;border:2px solid #d9d9d9;width:calc(100% - 44px);font-size:16px;color:#000;}
.form textarea {height:120px;}
.form select option {color:#000;}
.form button {text-transform:uppercase;background:#ffdf3b;font-size:16px;color:#1f191a;padding:10px 0px;cursor:pointer;border:0px;width:100%;text-align:center;font-weight:700;}
.form .data {width:100%;margin-bottom:30px;}
.form .ui-datepicker {width:100%;}
.form .ui-datepicker td span, .form .ui-datepicker td a {padding-top:20px;padding-bottom:20px;background:#f6f6f6 !important;}
.form .ui-datepicker td span.ui-state-active, .form .ui-datepicker td a.ui-state-active {background:#ffdf3b !important;}
.form .quadras .quadra {float:left;margin:0px 10px;padding:30px 20px;border:2px solid #d9d9d9;text-align:center;cursor:pointer;width:calc(33.33% - 64px);background:white;}
.form .quadras .quadra.active {background:#ffdf3b;}
.form .quadras .quadra input {width:20px;}
.form .quadras .quadra .nome {font-size:16px;margin-top:15px;color:#1f191a;}
.form .horarios {margin-bottom:20px;}
.form .horarios .horario {margin-bottom:20px;padding:20px 20px;border:2px solid #d9d9d9;cursor:pointer;background:white;color:#1f191a;display:block;}
.form .horarios .horario.active {background:#ffdf3b;}
.form .horarios .horario.agendado {background:red;color:white;}
.form .horarios .horario.agendado .nome {text-decoration:line-through;}
.form .horarios .horario.agendado .texto {text-decoration:line-through;}
.form .horarios .horario input {width:20px;float:left;}
.form .horarios .horario .box {width:calc(100% - 50px);float:right;}
.form .horarios .horario.agendado .box {float:none;width:100%;}
.form .horarios .horario .box .nome {font-size:20px;margin-bottom:7px;font-weight:700;}
.form .horarios .horario .cancelar {color:#fff;cursor:pointer;display:table;margin-top:20px;transition-duration:0.5s;background:#ffc107;color:#fff;padding:6px 20px;border-radius:4px;font-size:15px;}
.form .horarios .horario .cancelar:hover {background:#1f191a;color:#fff;}
.form .observacao {padding:20px 20px;width:calc(100% - 40px);margin-bottom:20px;background:white;color:#1f191a;}
.form .observacao .titulo {font-size:18px;margin-bottom:15px;color:#ffdf3b;font-weight:700;}
.form .botoes {margin-top:30px;}
.form .botoes .botao {margin:0px 10px;border-radius:4px;cursor:pointer;transition-duration:0.5s;padding:20px 0px;text-align:center;color:#fff;width:calc(50% - 20px);float:left;}
.form .botoes .botao:hover {opacity:0.7;}
.form .botoes .botao .icone {font-size:32px;margin-bottom:15px;}
.form .botoes .botao .label {font-size:16px;font-weight:700;}
.form .botoes .botao.agendar {background:#ffc107;}
.form .botoes .botao.reservas {background:#ffc107;}
.form .logout {display:table;margin-top:-5px;background:#fff;font-size:14px;font-weight:700;padding:5px 20px;cursor:pointer;color:#1f191a;border-radius:4px;}

.paginacao {text-align:right;margin-top:40px;}
.paginacao li {display:inline-table;width:40px;text-align:center;padding:10px 0px;color:white;font-weight:600;font-size:16px;-webkit-transition:cubic-bezier(0,1,.38,.95) all 0.6s;transition:cubic-bezier(0,1,.38,.95) all 0.6s;margin-left:4px;background:#a77392;border-radius:4px;margin-bottom:4px;}
.paginacao a li:hover,
.paginacao a li.active {background:#5b103c;cursor:pointer;}
.paginacao li.primeira,
.paginacao li.ultima {width:auto;padding:10px 20px;background:#a77392;}

.mapa {width:100%;height:600px;background:black;margin-top:50px;}
.mapa #mapa {width:100%;height:100%;}

.titulo-padrao {color:#fff;font-weight:600;margin-bottom:20px;font-size:27px;}
.titulo-padrao.yellow {color:#ffdf3b;}
.titulo-padrao.black {color:#000;}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {position:absolute;font-size:0px;cursor:pointer;width:50px;height:70px;top:50%;transform:translateY(-50%);background:url(../imagens/site/ico_seta.png) no-repeat center;z-index:3;}
.owl-carousel .owl-prev {background-position:left center;left:-60px;}
.owl-carousel .owl-next {background-position:right center;right:-60px;}

.logo {display:table;margin:0 auto;margin-top:60px;margin-bottom:60px;width:80%;max-width:400px;}

#content {position:relative;width:100%;max-width:1920px;margin:0 auto;}

#content-page {}

#header {background:#000;position:relative;z-index:9;top:0;width:100%;padding:30px 0px;}
#header .logo {float:left;}
#header .menu {float:left;}
#header .menu li {float:left;margin-left:10px;}
#header .menu li a {padding:7px 20px;display:block;color:white;border:1px solid transparent;font-size:14px;transition-duration:0.5s;border-radius:6px;}
#header .menu li a:hover {border-color:#8c8c8c;color:#8c8c8c;background:#1a1a1a;}
#header .social {float:left;margin-left:5px;}
#header .social li {float:left;margin-left:15px;}
#header .social li img {height:18px;}
#header .telefone {float:left;color:#fff;font-size:14px;border-right:1px solid #454545;padding:0px 22px;}

#footer {background:#191919;padding:20px 0px;}
#footer .logo {position:absolute;left:50%;transform:translateX(-50%);}
#footer .box-texto {color:white;float:left;margin-top:3px;}
#footer .box-texto .titulo {font-weight:700;font-size:16px;margin-bottom:1px;}
#footer .box-texto .texto {font-size:12px;}
#footer .social {float:right;margin-top:13px;}
#footer .social li {float:left;margin-left:15px;}
#footer .social li img {}

@media screen and (max-width:960px) {
  html {position:relative;overflow-x:hidden;width:100%;min-width:315px;}
  body {position:relative;overflow-x:hidden;width:100%;font-size:14px;}

  * {-webkit-overflow-scrolling:touch;}

  .ico-menu {display:block;}

  .box-right {float:none;}

  .mapa {height:400px;}

  #header .telefone {font-size:12px;}
}