@font-face {
    font-family: 'anodynebold';
    src: url('../fonts/anodyne-webfont.woff2') format('woff2'),
         url('../fonts/anodyne-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 22px; color: #334847}

input:focus-visible {
    border: none;
    outline: none; 
}

select:focus-visible {
    border: none;
   
    outline: none;
}
h1,h2,h3,h4,h5,h6{ font-family: 'anodynebold'; color:  #224645; }
header{ min-height: 50vh;}
section{ padding: 100px 0 100px 0;}
section h3{ font-size: 60px;}
section.bg-dark{ background: #224645 !important; color: #fff;}
section.bg-dark h3{   color: #fff;}
nav .nav-item a{ font-size: 15px; font-weight: bold; color: #fff !important; }
nav .nav-item a.active{  color: #FFA400 !important;}
#mainNav.navbar-shrink {
  padding-top: 10px;
  padding-bottom: 0;
  background-color: #224645;
  -webkit-box-shadow: 0px 0px 24px 3px rgba(0,0,0,0.71);
box-shadow: 0px 0px 24px 3px rgba(0,0,0,0.71);
}
#mainNav.navbar-shrink .navbar-brand {
  font-size: 1.25em;
}
#mainNav.navbar-shrink .navbar-brand svg,
#mainNav.navbar-shrink .navbar-brand img {
  height: 65px;
}
#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link { color: #fff;}
  ​
.btn{ border-radius: 35px;}
.btn.btn-warning{ background: #FFA400; font-weight: bold; color: #334847 !important;}
.btn-warning:hover {background: #D08700;
   
  border-color: #D08700;
}


@media (max-width: 1260px){
#mainNav .container{ max-width: 100%;}
.navbar-brand  img{ max-width: 200px;}
}
/*
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .2rem;
  padding-left: .2rem;
}
}*/
.bg-textura{ background-image: url(../img/bg-textura.jpg); background-size: cover;   }
/*HOME*/
 
.banner-home .container-text{   color: #fff; font-size: 21px; margin-top: 50px;  position: absolute; z-index: 9999; margin-bottom: 50px; width: 100%; top: 250px; }
 
.banner-home .container-text h1{ color: #fff; font-size: 75px;}
.banner-home .container-text .btn-primary-1{ background: #1C302F; border: solid 2px #1C302F; border-radius: 5px; padding: 10px 25px; color: #fff;}
.banner-home .container-text .btn-primary-2{ background: transparent; border: solid 2px #fff; border-radius: 5px; padding: 10px 25px; color: #fff;}
 

/*box-sobre*/
#sobre.box-sobre-pag{ background:  #1C302F url(../img/banner.jpg); background-size: cover;  background-position: top center;}
#sobre.box-sobre-pag .container{  padding-top: 190px;}
.box-sobre .imagem_capa{ position: relative; z-index: 1;}
.box-sobre .imagem_capa::before{ content: " "; width: 50%; height: 50%; background: #FFA400;  left: -15px; bottom: -15px;  position: absolute; z-index: -1;}
.box-sobre-pag .imagem_capa{ position: relative; z-index: 1;}
.box-sobre-pag .imagem_capa::before{ content: " "; width: 50%; height: 50%; background: #fff;  left: -15px; bottom: -15px;  position: absolute; z-index: -1;}
.box-sobre-pag h3{ font-size: 80px; color: #FFA400 !important;}
.galeria-sobre { background: #2A4947;}
.galeria-sobre img{ border: #FFA400 solid 2px}

/*box-experiencia*/
.box-experiencia h3{ color: #FFA400 !important;}
.box-experiencia h4{ color: #1C302F;  font-size: 35px; background: #FFA400; padding-top: 5px; border-radius: 5px;}
.box-experiencia img{ border: 5px solid #FFA400; }
.box-experiencia .btn{ padding: 7px 25px; border-radius: 9px;}

/*Eventos da  semana*/
.box-eventos-semana img{ border: 8px solid #FFA400; }
.box-eventos-semana img:hover{ border: 8px solid #FFBB3C; } 
.box-eventos-semana .btn{ font-size: 20px; border-radius: 20px;}

/*Promocoes*/
.box-promocoes img{ border: 8px solid #FFA400; }
.box-promocoes img:hover{ border: 8px solid #FFBB3C; }

.box-esporte .imagem_capa{ position: relative; z-index: 1;}
.box-esporte .imagem_capa::before{ content: " "; width: 50%; height: 50%; background: #2A4947;  left: -15px; bottom: -15px;  position: absolute; z-index: -1;}

/*box-agende*/
.box-agende .imagem_capa{ position: relative; z-index: 1;}
.box-agende .imagem_capa::before{ content: " "; width: 50%; height: 50%; background: #FFA400;  right: -15px; bottom: -15px;  position: absolute; z-index: -1;}

/*Faça sua Reserva*/
.box-reserva form{ background: #224645 !important; color: #eee; padding: 25px; }
.box-reserva form input{ padding: 18px; padding-bottom: 10px; padding-left: 0; padding-left: 0; width: 100%; background: transparent; border: 0; border-bottom: 2px solid #fff; color: #fff; }  
.box-reserva form .error input{  border-bottom: 2px solid red;  }  
.box-reserva form ::placeholder {   color: #fff; opacity: 1;   }
.box-reserva form :-ms-input-placeholder {    color: #fff; }
.box-reserva form ::-ms-input-placeholder {     color: #fff; }
.box-reserva form .form-group{  margin-top: 15px; margin-bottom: 10px;}  
.box-reserva form.form_ajax .btn{ padding: 7px 25px; border-radius: 3px;}


/*Rodape*/
footer{ background-image: url(../img/bg-rodape.jpg); background-size: cover; background-position: center center; padding: 180px 0 180px 0; color: #fff; }
footer hr{ border: 2px solid #FFA400;}
footer a{ color: #fff;}
footer a:hover{ color: #fff;}
footer .rede-social a{ background: #fff; border-radius: 50%; width: 40px; height: 40px; padding-top: 3px; color: #224645; text-align: center; float: left; }
 
.navbar-toggler{ background: #FFA400; color: #334847 !important;}

@media (max-width: 992px){
  .navbar-nav{ background: #224645; text-align: center;}
  .navbar-nav .nav-item{ border-bottom: 1px solid #fff;}
  .navbar-nav  li:last-child{ border-bottom: 0 !important;}
  .pb-4, .py-4 { padding-bottom: 0 !important; }
  .pt-4, .py-4 {  padding-top: 0 !important; }
  .navbar-brand img{ max-height: 50px;}
  ul.navbar-nav{ border-radius: 10px; border: 1px solid #224645;}

  section {
    padding: 70px 0 70px 0;
  }

  section h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 800px) {
  .wow{
      animation-name: none !important;
      visibility: visible !important;
  }
}

@media (max-width: 1000px){
  .banner-home .container-text{   top: 150px; }
}
@media (max-width: 780px){
  .banner-home .container-text{  margin-top: 0px; font-size: 17px;  background: #1C302F;  position:static; z-index: 9999; }
  .banner-home .container-text h1{ font-size: 40px;  } 
  .banner-home .container > div   {  margin-left: 2px; margin-right: 2px; background: #1C302F !important; padding: 20px 10px; border-radius: 10px;   }
  #sobre.box-sobre-pag .container {
    padding-top: 20px;
  }
}
@media (max-width: 400px){
  .banner-home .container-text{   font-size: 17px;  z-index: 9999; background: #1C302F; }
  .banner-home .container{   border-radius: 0px;  }
  .banner-home .container-text .btn-primary-1,.banner-home .container-text .btn-primary-2{  padding: 5px 12px;  }
 
}


.btn-primary{ background: #2A4947; }
.btn-primary:hover{ background: #243E3C; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color:  #243E3C;
}
.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0;
}

#modal_contato{ background: #1C302F; color: #fff;}
#modal_contato .rede-social a{ background: #fff; border-radius: 50%; width: 40px; height: 40px; padding-top: 3px; color: #224645; text-align: center; float: left; }
.owl-nav{ position: absolute; top: 45%; width: 100%;  height: 1px; font-size: 18px !important; }
.owl-nav button{ background: #fff !important; width: 40px; height: 40px;  border-radius: 100% !important; text-align: center;}
.owl-nav button span{ font-size: 25px !important; text-align: center; }
.owl-theme .owl-nav [class*="owl-"]:hover { color: #1C302F !important; }
.owl-nav button.owl-prev{  right: 0; float: left; font-size: 18px !important; text-align: left;}
.owl-nav button.owl-prev i{  margin-left: 11px;}
.owl-nav button.owl-next{  right: 0; float: right; font-size: 18px !important; text-align: right;}
.owl-nav button.owl-next i{   margin-right: 11px;}
.preeloader {
  background: rgba(34, 70,69, 1) none repeat scroll 0 0;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 999999;
}
.preloader-spinner {
  -webkit-animation: 1s ease-out 0s normal none infinite running pulsate;
  animation: 1s ease-out 0s normal none infinite running pulsate;
  border: 10px solid #fff;
  border-radius: 40px;
  display: block;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 10;
}
@-webkit-keyframes pulsate {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
  }

  50% {
      opacity: 1;
  }

  100% {
      opacity: 0;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
  }
}
@keyframes pulsate {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
  }

  50% {
      opacity: 1;
  }

  100% {
      opacity: 0;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
  }
}
/*====================================
End Preloader CSS
======================================*/