*{
    font-family: 'Montserrat', sans-serif;
    color: #111;
}
body.page{
    padding-top: 120px;
}
*::selection{
    background: #ba1e08;
    color: #fff;
}
*::-moz-selection{
    background: #ba1e08;
    color: #fff;
}
img:hover{
    opacity: 0.9;
}
img.lazy, iframe.lazy{
    display: block;
    background-image: url("/files/img/loading.gif");
    background-image: url("/files/img/loading.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


label > sup{
    color: red;
    padding-right: 1px;
}

.navbar{
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin-top: 15px;
}
@media (min-width: 576px){
    .navbar{
        border-radius: 15px;
    }
}
@media (min-width: 992px){
    .navbar{
        border-radius: 20px;
        margin-top: 55px;
    }
}

.navbar-brand img{
    width: 160px;
}
@media (min-width: 576px){
    .navbar-brand img{
        width: 243px;
    }
}
@media (min-width: 992px){
    .navbar-brand img{
        width: 180px;
    }
}
@media (min-width: 1200px){
    .navbar-brand img{
        width: 243px;
    }
}

.navbar-toggler{
    border: solid 1px #aaa;
    margin-right: 20px;
    outline: none;
}
.navbar-toggler:focus{
    outline: none;
}
.navbar-toggler span{
    font-size: 130%;
    color: #999;
}

.navbar-nav li{
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 992px){
    .navbar-nav li{
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (min-width: 1200px){
    .navbar-nav li{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.navbar-nav li:last-child{
    padding-right: 0px;
}
.nav-link{
    font-size: 16px;
    font-weight: 900;
    color: #125c38;
    text-transform:  uppercase;
    white-space: nowrap;
}
.nav-link:hover{
    color: #fd9210;
}
.nav-link.active, .nav-item.active .nav-link{
    color: #fd9210;
}
.nav-link > span{
    color: inherit;
}
.nav-item:hover span{
    border-bottom: solid 3px #fd9210;
}
.nav-link i{
    color: inherit;
}

.navbar-collapse.collapse.show{
    padding-top: 15px;
}

.navbar-text{
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #ba1e08;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 44px;
    right: 45px;
    bottom: 100%;
}
.navbar-text *{
    color: #fff;
}
.navbar-text > ul{
    
}
.navbar-text > ul > li{
    border-left: solid 1px #fff;
    padding-left: 12px;
    padding-right: 7px;
}
.navbar-text > ul > li:first-child{
    border: none;
}
.navbar-text > ul > li > a:hover{
    color: inherit;
}
.hs24, .hs24 i{
    color: #ffd800;
}
.navbar-text .fab.fa-whatsapp{
    font-weight: normal;
}

.footer-container{
    
}
.footer-container a{
    color: inherit;
}
.footer-container .parceiros{
    float: left;
    font-size: 15px;
    font-weight: 700;
    color: #9f9f9f;
    text-transform: uppercase;
    line-height: 40px;
}

@-webkit-keyframes pulse-whats{
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(162, 245, 145, 0.3);
    }
    70% {
        -webkit-box-shadow: 0 0 0 60px rgba(162, 245, 145, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(162, 245, 145, 0);
    }
}
@keyframes pulse-whats{
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(162, 245, 145, 0.3);
        box-shadow: 0 0 0 0 rgba(162, 245, 145, 0.3);
    }
    70% {
        -moz-box-shadow: 0 0 0 60px rgba(162, 245, 145, 0);
        box-shadow: 0 0 0 60px rgba(162, 245, 145, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(162, 245, 145, 0);
        box-shadow: 0 0 0 0 rgba(162, 245, 145, 0);
    }
}

footer .whatsapp-fixed{
    font-size: 2rem;
    background-color: #25d366;
    border-radius: 50%;
    left: auto; 
    right: 0px;
    height: 50px;
    width: 50px;
    animation: pulse-whats 2.5s infinite;
}
footer .whatsapp-fixed:hover{
    text-decoration: none;
    animation: none;
}

.banner-main{
    background-color: #333;
    background-position: 100% top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
@media (min-width: 992px){
    .banner-main{
        background-position: center top;
    }
}
.banner-main .container > .row{
    background-image: url("/files/img/loading.gif");
    background-image: url("/files/img/loading.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
    max-height: 600px;
    min-height: 450px;
}

.cadastur-bar{
    background-color: #f1f1f1;
    border-top: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
}
.cadastur-bar-badge{
    color: #fff;
    text-align: center;
    background-color: #0f4f98;
    border-radius: 15px;
}
.cadastur-bar-text{
    font-weight: bold;
    text-align: center;
}

.title-1{
    font-size: 38px;
    font-weight: 900;
    color: #ba1e08;
    text-align: center;
    text-transform: uppercase;
    line-height: 115%;
}
.title-2{
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    color: #125c38;
    text-align: center;
    line-height: 140%;
}

.servico-list{
    font-size: 15px;
    color: #929b9c;
}
.servico-list *{
    font-size: 15px;
    color: #929b9c;
    line-height: 130%;
}
.servico-list-bg{
    background-image: url(/files/img/sprite.svg);
    background-position: 0 center;
    background-repeat: no-repeat;
    /*background-size: 1400%;  !importante: 100% x Quantidade de imagens */
    height: 80px;
    width: 80px;
}
.servico-list-bg#televisao{
    background-position: 0% center;
}
.servico-list-bg#frigobar{
    background-position: 7.69% center; /* !importante: 100% / (Quantidade de imagens - 1) */
}
.servico-list-bg#ar-condicionado{
    background-position: 15.38% center;
}
.servico-list-bg#servico-quarto{
    background-position: 23.08% center;
}
.servico-list-bg#wifi{
    background-position: 30.77% center;
}
.servico-list-bg#cafe{
    background-position: 38.46% center;
}
.servico-list-bg#garagem{
    background-position: 46.15% center;
}
.servico-list-bg#ambiente{
    background-position: 53.85% center;
}
.servico-list-bg#lavanderia{
    background-position: 61.54% center;
}
.servico-list-bg#comida{
    background-position: 69.23% center;
}
.servico-list-bg#rodizio{
    background-position: 76.92% center;
}
.servico-list-bg#lanchonete{
    background-position: 84.62% center;
}
.servico-list-bg#infantil{
    background-position: 92.31% center;
}
.servico-list-bg#turismo{
    background-position: 100% center;
}

.reserva-telefone{
    font-size: 35px;
    font-weight: 700;
    color: #929b9c;
}
.reserva-telefone *{
    color: #929b9c;
}
.reserva-telefone .fa-whatsapp{
    color: #3ca93f;
}
.reserva-telefone a{
    color: inherit;
}

.reserva-btn{
    font-weight: 600;
    text-transform: uppercase;
}
.reserva-btn *{
    color: #fff;
}

.restaurante-container{
    background: #5d0e0e url(/files/img/bg-container.jpg) center center repeat;
    background-attachment: fixed;
}
.restaurante-container .title-1{
    color: #fff;
}
.restaurante-container .title-2{
    color: #fd9210;
}
.restaurante-container .servico-list *{
    color: #fff;
}

.marcas-list{
    font-size: 15px;
    color: #929b9c;
}
.marcas-list *{
    font-size: 15px;
    color: #929b9c;
    line-height: 130%;
}
.marcas-list-bg{
    background-image: url(/files/img/sprite-marcas.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 900%;  /* !importante: 100% x Quantidade de imagens */
    height: 40px;
    width: 90px;
}
.footer-container .marcas-list-bg{
    float: left;
}
.marcas-list-bg#hering{
    background-position: 0% center;
}
.marcas-list-bg#pluma{
    background-position: 12.50% center; /* !importante: 100% / (Quantidade de imagens - 1) */
}
.marcas-list-bg#nordeste{
    background-position: 25.00% center;
}
.marcas-list-bg#nsa{
    background-position: 37.50% center;
}
.marcas-list-bg#maringa{
    background-position: 50.00% center;
}
.marcas-list-bg#garcia{
    background-position: 62.50% center;
}
.marcas-list-bg#contijo{
    background-position: 75.00% center;
}
.marcas-list-bg#roderotas{
    background-position: 87.50% center;
}
.marcas-list-bg#catarinense{
    background-position: 100% center;
}

.localizacao{
    background-color: #1d1d1d;
}
.localizacao *{
    color: #fff;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-9-16 23:54:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}

.shake-horizontal {
    -webkit-animation: shake-horizontal 2s ease-in-out 1s infinite reverse both;
            animation: shake-horizontal 2s ease-in-out 1s infinite reverse both;
}
.shake-horizontal:hover {
    animation: none;
}