@font-face {
    font-family: grenobleBold;
    src: url(/assets/fonts/grenoble/grenoble_bold.ttf);
}

@font-face {
    font-family: grenobleRegular;
    src: url(/assets/fonts/grenoble/grenoble_regular.ttf);
}

.fixed-top.scrolled{
    background-color: #fff !important;
    transition: background-color 200ms linear;
}

.bg-header{
    background-color: #fff;
    box-shadow: none;
}

.btn-menu{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #7B1FA2;
    font-size: 20px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 700;
    border-bottom: rgba(255, 255, 255, 0) 1px solid;
}

.btn-menu:hover{
    border-bottom: #7B1FA2 1px solid;
    color: #7B1FA2;
}

.bg-inicio{
    background-size: cover;
    background-repeat: no-repeat;
}

#carouselExampleIndicators{
    padding: 0px !important;
}

.bg-inicio-div-1{
    background-image: url('/assets/img/home-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.div-inicio{
    background-color: rgba(38,38,38,var(--mdb-bg-opacity))!important;
    margin-left: -90%;
    margin-right: 20%;
    border-right: #7B1FA2 10px solid;
    -webkit-transform: skew(-10deg); /* Chrome, Opera */
    -ms-transform: skew(-10deg); /* IE */
        transform: skew(-10deg); /* Padrão */
}

.div-inicio-mobile{
    background-color: rgba(38,38,38,var(--mdb-bg-opacity))!important;
    border-right: #7B1FA2 10px solid;
    margin-top: 30%;
}

.titulo-inicio{
    color: #fff;
    font-size: 55px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 700;  
}

.subtitulo-inicio{
    color: #fff;
    font-size: 55px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
}

.descricao-inicio{
    color: #fff;
}

.btn-saber-mais{
    background-color: #7B1FA2;
    color: #fff;
    padding: 15px;
    border: #7B1FA2 1px solid;
}

.btn-saber-mais:hover{
    background-color: #fff;
    color: #7B1FA2;
    padding: 15px;
    border: #7B1FA2 1px solid;
}

.servicos-titulo{
    color: #fff;
    font-size: 47px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.servicos-subtitulo{
    color: #7B1FA2;
    font-size: 62px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.servicos-descricao{
    font-size: 18px;
    color: #fff;
}

.bg-programacao{
    background-color: #7B1FA2;
}

.bg-programacao-2{
    background-image: url('/assets/img/home-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.programacao-titulo{
    color: #fff;
    font-size: 47px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.programacao-subtitulo{
    color: #fff;
    font-size: 62px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.reservas-bg{
    background-image: url('/assets/img/reservas-bg.JPG');
    background-repeat: no-repeat;
    background-size: cover;
}

.suites-bg{
    background-image: url('/assets/img/reservas-bg.JPG');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.reservas-titulo{
    color: #fff;
    font-size: 62px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.reservas-titulo-en{
    color: #fff;
    font-size: 62px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.descricao-reserva{
    color: #fff;
    font-size: 20px;
}

#suites-div{
    padding: 0px !important;
}

.card-title{
    font-family: 'SF Pro Display', sans-serif;
    font-size: 30px;
}

.bg-contato{
    background-image: url('/assets/img/contato-bg.JPG');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contato-titulo{
    color: #fff;
    font-size: 47px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.contato-subtitulo{
    color: #fff;
    font-size: 62px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.btn-roxo, .btn-roxo:hover{
    background-color: #7B1FA2;
    color: #fff;
}

.btn-branco, .btn-branco:hover{
    background-color: #fff;
    color: #7B1FA2;
}

.programacao-card{
    height: 250px;
}

.iframe-w100{
    width: 100%;
    height: 200px;
    border-radius: 10px;
}

.whatsapp {
    position: fixed;
    top: 85%;
    right: 1%;
    padding: 10px;
    z-index: 10000000;
}

.bg-footer{
    background-color: #7B1FA2;
    min-height: 70px;
}
  

@media (max-width: 575.98px) { 

    .bg-header{
        background-color: #fff;
        box-shadow: none;
    }

    .servicos-titulo{
        font-size: 32px;
    }
    
    .servicos-subtitulo{
        font-size: 52px;
    }

    .programacao-titulo{
        font-size: 32px;
    }
    
    .programacao-subtitulo{
        font-size: 42px;

    }

    .bg-programacao{
        background-color: #fff;
    }

    .bg-contato{
        background-color: rgba(38,38,38,var(--mdb-bg-opacity))!important;
    }

    .reservas-titulo-en{
        font-size: 42px;
    }

    .contato-titulo{
        color: #fff;
        font-size: 32px;
    }
    
    .contato-subtitulo{
        color: #7B1FA2;
        font-size: 52px;
    }

    .bg-footer{
        height: 200px;
    }
}