/*fonts*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');


body{
  font-size: 1em;
  font-family: 'Ubunto', sans-serif !important;
}

/**:not(.material-icons){
  font-size: 1em;
  font-family: 'Ubunto', sans-serif !important;
}*/

/*CLASSES GLOBAIS*/
main header h1{
  font-size: 1.4em;
  font-weight: 700;
  padding-bottom: 7px;
  font-size: 1.5em !important;
  margin-top: 15px;
  color: #da2a16;
  text-align: left;
  border-bottom: 2px solid #bfbebe2b;
  text-shadow: 0px 1px 5px rgba(255,255,255,1),0px 1px 2px rgba(101,41,41,1), 0px 1px 2px #000;
}

header h1> .material-icons{
  padding-right: 10px;
  top: 5px;
  position: relative;
}

/*Margin*/
.m-auto{  margin: 0 auto !important;}
.m-b-0{  margin-bottom: 0px !important;}
.m-b-10{  margin-bottom: 10px !important;}
.m-b-20{  margin-bottom: 20px !important;}
.m-b-30{  margin-bottom: 30px !important;}

.m-l-0{  margin-left: 0px !important;}
.m-l-10{  margin-left: 10px !important;}
.m-l-20{  margin-left: 20px !important;}
.m-l-30{  margin-left: 30px !important;}

.m-r-0{  margin-right: 0px !important;}
.m-r-10{  margin-right: 10px !important;}
.m-r-20{  margin-right: 20px !important;}
.m-r-30{  margin-right: 30px !important;}

.m-t-0{  margin-top: 0px !important;}
.m-t-10{  margin-top: 10px !important;}
.m-t-20{  margin-top: 20px !important;}
.m-t-30{  margin-top: 30px !important;}

/*Padding*/

.p-b-0{  padding-bottom: 0px;}
.p-b-10{  padding-bottom: 10px;}
.p-b-20{  padding-bottom: 20px;}
.p-b-30{  padding-bottom: 30px;}

.p-l-0{  padding-left: 0px;}
.p-l-10{  padding-left: 10px;}
.p-l-20{  padding-left: 20px;}
.p-l-30{  padding-left: 30px;}

.p-r-0{  padding-right: 0px;}
.p-r-10{  padding-right: 10px;}
.p-r-20{  padding-right: 20px;}
.p-r-30{  padding-right: 30px;}

.p-t-0{  padding-top: 0px;}
.p-t-10{  padding-top: 10px;}
.p-t-20{  padding-top: 20px;}
.p-t-30{  padding-top: 30px;}

/*Fonts*/

.f-s-small{  font-size: 0.8em !important;}
.f-s-med{  font-size: 1em !important;}
.f-s-large{  font-size: 1.5em !important;}
.f-s-x-large{  font-size: 2em !important;}

.f-w-300{  font-weight: 300;}
.f-w-400{  font-weight: 400;}
.f-w-700{  font-weight: 700;}

/*Backgrounds*/
.bg-cinza{
  background-color: #ecefeb;
}
.bg-branco{
  background-color: #FFF;
}



.hoverable2 {
  -webkit-transition: -webkit-box-shadow .25s !important;
  transition: -webkit-box-shadow .25s !important;
  transition: box-shadow .25s !important;
  transition: box-shadow .25s, -webkit-box-shadow .25s !important;
}

.hoverable2:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

/*LOGO*/

.brand-logo > img {
  padding-left: 10px;
  max-height: 62px;
  width: auto;
}


/*SEÇÃO MENU*/
nav{
  background-color: #da2a16 !important;
  height: 75px;
  font-weight: 700;
  padding-top: 7px;
}

nav ul a {
  font-size: 0.9em; 
  color: #fff;
  text-shadow: 1px 1px 15px #000;
  border-bottom: 2px solid transparent;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

nav ul a:hover {
  font-size: 1em;
  color: #fdd734;
  text-shadow: 1px 1px 1px #000;
  background-color: transparent;
  border-bottom: 2px solid #fff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

/*ICONS*/
header .sidenav li>a>i{
  margin: 0 15px 0 0 !important;  
}


/*SEÇÃO ISTITUCIONAL*/
.main_inst{
  width: 100%;
}

.main_inst_content{
  max-width: 1300px;
  margin: 0 auto;
  color:#333;
}

.main_galeria_content{
  max-width: 1300px;
  margin: 0 auto;
  color:#333;
}

.main_inst_content_txt header h2{
  font-size: 1.2em;
  font-weight: 400;
  margin-top: 14px;
}

.main_inst_content_txt p{
  font-weight: 400;
  text-align: justify;
  font-size: 1em;
}

.main_inst_content_txt span{
  font-size: 1em;
}

.main_inst_content_img img{
  width: 100%;
}

/* SEÇÃO ACOMODAÇÕES */

.main_acomodacoes{
  width: 100%;
}

.main_acomodacoes_content{
  max-width: 1300px;
  padding: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main_acomodacoes_content header{
  flex-basis: 100%;
  margin: 10px 0;
  text-align: center;
  color:#333;
}

.main_acomodacoes_content header p{
  font-size: 1em;
  font-weight: 700;
  margin-top: 10px;
  text-align: left;
  padding-right: 55px;
}

.main_acomodacoes_content article{
  opacity: 0.75;
  flex-basis: calc(33% - 20px);
  margin-bottom: 30px;
}

.main_acomodacoes_content article:hover{
  opacity: 1;
  flex-basis: calc(33% - 20px);
  margin-bottom: 30px;
}

.main_acomodacoes_content article img{
  width: 100%;
}

.main_acomodacoes_content article h2{
  font-size: 1em;
  font-weight: 700;
  margin: 10px;
  text-align: center;
}

.main_acomodacoes_content article .categoria{
  color: #da2a16;
}

.main_acomodacoes_content article p{
  font-size: 0.9em;
  font-weight: 300;
  text-align: center;

}

.main_acomodacoes_content article .descricao{
  color: #333;

}

/* SECÃO DEPOIMENTO */

.main_depoimentos{
  width: 100%;
  min-height: 300px !important;
}

.main_depoimentos_usuario{
  text-align: center;
}

.owl-carousel .owl-item p:not(:first-of-type){
  font-style: italic;
}

.owl-carousel .owl-item p:not(:first-of-type):before{
  content: '"';
  font-size: 3em !important;
  float: left;
  position: relative;
  top: -15px;
  color: #fbc015;
}

.owl-carousel .owl-item p:not(:first-of-type):after{
  content: '"';
  font-size: 3em !important;
  float: right;
  color: #fbc015;
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
}

.owl-carousel .owl-item {
  color: #FFF;
  text-shadow: 1px 1px 5px rgba(255, 0, 0, 0.7);
}

.owl-carousel .owl-item img{
  height: auto;
  display: initial !important; 
  max-width: 150px !important;  
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #fbc015;
}


.carousel.carousel-slider.center{
  height: 366px  !important;
  max-height: 100%;
}

.carousel.carousel-slider .carousel-fixed-item.with-indicators {
  bottom: 300px;
}

.carousel.carousel-slider .carousel-fixed-item {
  color:#333;
}

/* nav ul a:hover{background-color:rgba(0,0,0,0.1)} */

.sidenav-overlay{
  z-index: 990 !important;
}

.slider .indicators .indicator-item.active{
  background-color: #da2a16;
}

.slider .indicators {
  position: relative;
  bottom: 8px;
  z-index: 2;
}
.slider .indicators li{
  border: 2px solid rgba(255,255,255, 0.5);
  box-shadow: 2px 2px 3px #666;
}

.main_depoimentos {
  padding-top: 10px !important;
}

.main_depoimentos .fix-m-b-20{
  margin-bottom: 0px;
  padding-bottom: 20px;
}


/*estilização dos cards na sessão acomodações*/

/*#reserva img{
  max-height: 200px;
  width: auto;
}

#reserva {
  position: absolute;
  top: 137px;
  z-index: 10000;
}*/


.main_acomodacoes .card .card-image img{
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  width: 100%;
  opacity: 1;
}
.main_acomodacoes .card .card-image img:hover{
  transition: all 3s ease;
  -webkit-transition: all 3s ease-out;
  -moz-transition: all 3s ease-out;
  -o-transition: all 3s ease-out;
  width: 110%;
  opacity: .7;
}

.main_acomodacoes .card .card-title{
  text-shadow: 0 0 5px rgba(0,0,0,.7), 1px 1px 5px rgba(218,42,22,1);
}

.main_acomodacoes .card .card-content p{
  font-size: .85em;
}

.main_inst_content .card .card-content p{
  font-size: 1em;
}



/*SESSÃO FOOTER*/

.page-footer{
  background-color: #000;
  padding-left: 30px;
}

.page-footer .row {
  margin-bottom: 0;
}
.page-footer header h1{
  font-size: 1.4em;
  font-weight: 700;
  margin-top: 10px;
  color: #f9250c !important;
  margin-bottom: 0px;
  position: relative;
}

.page-footer header h1::after{
  content: "";
  position: absolute;
  height: 1px;
  background-color: #eee;
  width: 178px;
  top: 25px;
  left: 0px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
}

.page-footer header h1:hover::after{
  background-color: #ccb908;
  transition: all .5s ease;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
}

.page-footer header h2{
  font-size: 1em;
  font-weight: 700;
  left: 0;
  color: #da2a16 !important;
}

.page-footer header h3{
  font-size: 1em;
  font-weight: 400;
  margin-top: 2px;
}

.page-footer i{
  top: 5px;
  position: relative;
}

.social-items li i img{
  width: 34px;
  height: 24px;
  padding-right: 10px;
}

.page-footer ul li{
  margin-top: 6px;
}

.page-footer p{
  text-align: center;
}
.text-footer{
  text-align: center;
}

.grey-text.text-lighten-3{
  border-bottom: 1px solid transparent;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;

}
.grey-text.text-lighten-3:hover{
  color: #da2a16 !important;
  text-shadow: 0 0 5px rgba(0,0,0,.7), 1px 1px 5px rgba(218,42,22,1);
  border-bottom: 1px solid #514e4e;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;


}

/*.page-footer .btn, .btn-large, .btn-small{
  width: 175px;
  height: 3px;
  background-color: #514e4e;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  margin-bottom: 15px;
}*/

.btn:hover, .btn-large:hover, .btn-small:hover{
  background-color: #ccb908;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.page-footer .material-icons{
  padding-right: 10px;
}

.page-footer .logo_rodape img{
  max-height: 70px;
  width: auto;
}



/*FreeWall Jquery Plugin*/

.free-wall {
  margin: 15px !important;
}


.brick {
  width: 200px !important;
}

.brick img {
  margin: 0px !important;
  padding: 0px !important;
  display: block !important;
  width: 100%;
  height: auto;
}


@media (max-width: 460px) {
  .free-wall {
    margin: 15px !important;
  }

}

@media (max-width: 436px) {
  .brick {
    width: 100% !important;
  }
}















/*SEÇÃO FOMULÁRIO*/

.contato .row{
  margin-bottom: 5px !important;
}

.contato .input-field label{
  color: #da2a16;
  font-weight: 700;
}


.contato .btn, .btn-large, .btn-small{
  background-color: #c21300;
}

.contato .btn:hover, .btn-large:hover, .btn-small:hover{
  background-color: #fdd734 !important;
  text-shadow: 0px 0px 3px #000;
}



/*SEÇÃO RESERVA*/
.main_reservas{
  width: 100%;
}

.main_reservas_content{
  max-width: 1300px;
  padding: 0;
  margin: 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
}


/*.step-content .row > .input-field{
  background-color: #fafad2;
  padding: 15px;
  margin: 0;
}

.step-content .row > .input-field label{
  transform: translateY(5px) scale(0.8);
}*/






/*DATAPICKER*/
.datepicker nav{
  /*background: none !important;*/ 
  background: #da2a16 !important; 
  padding: 0px;
}
.datepicker .datepicker--nav-title {
  /*color: #4a4a4a;*/
  color: #FFF;
  font-weight: normal;
  border-radius: 0px;
}
.datepicker .datepicker--nav-action {
  border-radius: 0;
}
.datepicker .datepicker--nav-action[data-action="next"] {
  margin-right: 0px;
}

.datepicker--nav-action path {
  stroke: #ffffff;
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
  background: rgba(255,255,255,.3);
}


.datepicker  .datepicker--nav-title i {
  font-style: normal !important;
  /*color: #9c9c9c !important;*/
  color: #ffffff96 !important;
  margin-left: 5px !important;
  font-size: 14px !important;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  margin-right: 8px;
}

.datepicker .z-depth-1, 
.datepicker nav, 
.datepicker .card-panel, 
.datepicker .card, 
.datepicker .toast, 
.datepicker .btn, 
.datepicker .btn-large, 
.datepicker .btn-small, 
.datepicker .btn-floating, 
.datepicker .dropdown-content, 
.datepicker .collapsible, 
.datepicker .sidenav {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


form.contato{
  background-color: rgba(255,255,255,0.5);
  margin-left: 20px !important;
}


.b-r-10-solid{
  border-right: solid 10px #d24d2a !important;
}


@media only screen and (min-width: 993px){
  ul.stepper.horizontal .step-title {
    max-width: 250px;
  }  

  ul.stepper .step-content{
    height: calc(100% - 130px) !important;
  }

  ul.stepper.horizontal .step-actions {
    padding: 10px 30px 0 30px;
  }

  ul.stepper.horizontal {
    min-height: 370px !important;
  }

  ul.stepper.horizontal .step-content {
    padding: 20px 20px 45px;
    overflow: inherit !important;
  }
}


input.valid:not([type]), 
input.valid:not([type]):focus, 
input[type=text].valid:not(.browser-default), 
input[type=text].valid:not(.browser-default):focus, 
input[type=password].valid:not(.browser-default), 
input[type=password].valid:not(.browser-default):focus, 
input[type=email].valid:not(.browser-default), 
input[type=email].valid:not(.browser-default):focus, 
input[type=url].valid:not(.browser-default), 
input[type=url].valid:not(.browser-default):focus, 
input[type=time].valid:not(.browser-default), 
input[type=time].valid:not(.browser-default):focus, 
input[type=date].valid:not(.browser-default), 
input[type=date].valid:not(.browser-default):focus, 
input[type=datetime].valid:not(.browser-default), 
input[type=datetime].valid:not(.browser-default):focus, 
input[type=datetime-local].valid:not(.browser-default), 
input[type=datetime-local].valid:not(.browser-default):focus, 
input[type=tel].valid:not(.browser-default), 
input[type=tel].valid:not(.browser-default):focus, 
input[type=number].valid:not(.browser-default), 
input[type=number].valid:not(.browser-default):focus, 
input[type=search].valid:not(.browser-default), 
input[type=search].valid:not(.browser-default):focus, 
input[type=search].valid:not(.browser-default):focus, 
textarea.materialize-textarea.valid, 
textarea.materialize-textarea.valid:focus, 
.select-wrapper.valid>input.select-dropdown {
  border-bottom: 1px solid #fbc015;
  -webkit-box-shadow: 0 1px 0 0 #fbc015;
  box-shadow: 0 1px 0 0 #fbc015;
}


input:not([type]):focus:not([readonly]), 
input[type=text]:not(.browser-default):focus:not([readonly]), 
input[type=password]:not(.browser-default):focus:not([readonly]), 
input[type=email]:not(.browser-default):focus:not([readonly]), 
input[type=url]:not(.browser-default):focus:not([readonly]), 
input[type=time]:not(.browser-default):focus:not([readonly]), 
input[type=date]:not(.browser-default):focus:not([readonly]), 
input[type=datetime]:not(.browser-default):focus:not([readonly]), 
input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
input[type=tel]:not(.browser-default):focus:not([readonly]), 
input[type=number]:not(.browser-default):focus:not([readonly]), 
input[type=search]:not(.browser-default):focus:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #da2a16;
  -webkit-box-shadow: 0 1px 0 0 #da2a16;
  box-shadow: 0 1px 0 0 #da2a16;
}


input:not([type]):focus:not([readonly])+label, 
input[type=text]:not(.browser-default):focus:not([readonly])+label, 
input[type=password]:not(.browser-default):focus:not([readonly])+label, 
input[type=email]:not(.browser-default):focus:not([readonly])+label, 
input[type=url]:not(.browser-default):focus:not([readonly])+label, 
input[type=time]:not(.browser-default):focus:not([readonly])+label, 
input[type=date]:not(.browser-default):focus:not([readonly])+label, 
input[type=datetime]:not(.browser-default):focus:not([readonly])+label, 
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, 
input[type=tel]:not(.browser-default):focus:not([readonly])+label, 
input[type=number]:not(.browser-default):focus:not([readonly])+label, 
input[type=search]:not(.browser-default):focus:not([readonly])+label, 
textarea.materialize-textarea:focus:not([readonly])+label {
  color: #da2a16;
}

.input-field .prefix.active {
  color: #da2a16;
}

.dropdown-content li>a, .dropdown-content li>span {
  font-size: 16px;
  color: #333;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

.select-wrapper input.select-dropdown:focus, .select-wrapper input.select-dropdown {
  border-bottom: 1px solid #fbc015;
}

.dropdown-content {
  max-height: 250px !important;
}