/*
    Author: Anansi UX
*/




/*============================================================================*/
/*------------------------------- paginas padrao -----------------------------*/
.cms-header-carrossel {}

.cms-header-carrossel .slide {}

.cms-header-carrossel .carousels {}

.cms-header-carrossel .carousels .carousel {}

.cms-header-carrossel .carousels .carousel.active {}

.cms-header-carrossel .carousels .carousel {}

.cms-header-carrossel .carousels .carousel img {}

.cms-header-carrossel.ultra-wide {}

.cms-header-carrossel.ultra-wide .slide {}

.cms-header-carrossel.ultra-wide .carousels {}

.cms-header-carrossel.ultra-wide .carousels .carousel {}

.cms-header-carrossel.ultra-wide.ultra-wide .carousels .carousel.active {}

.cms-header-carrossel.ultra-wide .carousels .carousel {}

.cms-header-carrossel.ultra-wide .carousels .carousel img {}

.text-header {
    background: rgb(0 0 0 / 50%);
    height: 100%;
    padding: 10% 12% 0 12% !important;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0 !important;
    z-index: 10;
    right: auto !important;
    bottom: auto !important;
}

.text-header .nome,
.text-header .titulo-seo {
    color: #fff;
    font-size: 7vmin;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 200;
}

.text-header .meta-description {
    color: #fff;
    font-size: 18px;
    line-height: normal;
    position: relative;
    width: 80%;
}

.text-header .btn-link {
    font-size: 14px;
    letter-spacing: 2px;
    margin: 15px auto;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 50px;
    background: var(--thm-primary);
}

.text-header .link-absolute {}

.text-header .btn-scroll {}



.text-header-center .text-header {}

.text-header-center .carousel-item .nome,
.text-header .titulo-seo {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    position: relative;
    z-index: 1060;
    margin-bottom: 0;
}

.text-header-center .carousel-item .meta-description {}

.text-header-center .carousel-item .btn-link {}

.text-header-center .carousel-item .link-absolute {}



.carousel-control-next,
.carousel-control-prev {
    z-index: 10 !important;
}

.cms-header-carrossel .carousel-control-next-icon,
.cms-header-carrossel .carousel-control-prev-icon {}

.site-cms-header.title {
    color: #fff;
    padding: 90px 30px;
    background-color: var(--thm-black);
}

.site-cms-header.title .title-header {}

.site-cms-header.title .title-header .nome {
    color: #fff;
    font-size: 7vmin;
}

.site-cms-header.title .title-header .meta-description {}


.site-cms-header.breadcrumb-main {}

.site-cms-header.breadcrumb-main .breadcrumb-outer {
    padding: 15vmin 30px;
}

.site-cms-header.breadcrumb-main .breadcrumb-content {}

.site-cms-header.breadcrumb-main .breadcrumb-content nav {}

.site-cms-header.breadcrumb-main .breadcrumb-content nav ul {}

.site-cms-header.breadcrumb-main .breadcrumb-content nav ul li {}

.site-cms-header.breadcrumb-main .breadcrumb-content nav ul li a {}

.site-cms-header.breadcrumb-main .breadcrumb-content h1 {}

.header-checkin.site-cms-header .site-cms-h1 {
    position: absolute;
    left: 50%;
    margin-left: -35%;
    top: 30%;
    width: 70%;
    z-index: 10;
}


.site-cms-header.galeria {}



.site-cms-h1-top {
    padding-top: 30px;
    padding-bottom: 30px;
}

.site-cms-h1-top .nome {
    margin: 0 0 5px 0;
}

.site-cms-h1-top .meta-description {}

.site-cms-galeria-content {
    position: relative;
    margin-bottom: 30px;
}

.site-cms-galeria-content .galeria {}

.site-cms-galeria-content .galeria .carousel-inner {
    border-radius: 8px;
}

.site-cms-galeria-content .box-valores {}

.site-cms-galeria-content .box-valores .content {
    padding: 30px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: relative;
}

.site-cms-galeria-content .box-valores .box {
    border: solid 1px #ddd;
    border-radius: 8px;
    padding: 20px;
}

.site-cms-galeria-content .box-valores .observacao {
    position: relative;
    top: 12.5px;
    left: 5px;
}

.site-cms-galeria-content .box-valores .valor {
    font-size: 42px;
    font-weight: 900;
}

.site-cms-galeria-content .box-valores .pensao {
    position: relative;
    top: -22.5px;
    left: 10px;
}

.site-cms-galeria-content .box-valores .checkin {}

.site-cms-galeria-content .box-valores .countday {}

.site-cms-galeria-content .box-valores .pes_count {}

.site-cms-galeria-content .box-valores .btn-header {
    font-size: 14px;
    letter-spacing: 2px;
    margin: 15px auto;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 15px;
    background: var(--thm-base);
}

.site-cms-galeria-content.demo-gallery>ul>li a>img {
    border-radius: 8px;
}

.demo-gallery>ul>li a>img {
    border-radius: 8px;
}



.header-checkin {
    text-align: center;
    position: relative;
}

.header-checkin .site-cms-h1 {}

.header-checkin .site-cms-h1 .tag {
    font-family: var(--title-font);
    color: #fff;
    font-size: 22px;
    margin: 0;
}

.header-checkin .site-cms-h1 .titulo-seo {
    font-size: 8vmin;
    color: #fff;
}

.header-checkin .form-default {
    margin-top: 30px;
}

.header-checkin .form-default fieldset {
    background-color: rgb(227 221 221 / 65%);
    padding: 25px 60px;
    width: 95%;
    margin: auto;
}

.header-checkin .form-default fieldset .col {}

.header-checkin .form-default fieldset .col .datas {}

.header-checkin .form-default fieldset .col label {
    color: #000;
    font-size: 12px;
    padding-left: 15px;
}

.header-checkin .form-default fieldset .col .button {}

.header-checkin .form-default fieldset .col .button button {}

.header-checkin .form-default fieldset .has-feedback .form-control,
.header-checkin .checkin-url .input-group-addon {
    border: none;
}

.header-checkin .checkin-url .input-group-addon i {
    color: var(--thm-primary) !important;
}

.checkin-url button {
    padding: 12.5px 10px !important;
    background-color: var(--thm-primary) !important;
    border-color: var(--thm-primary) !important;
    color: #fff !important;
}

.header-checkin .background-color {
    background-color: rgb(0 0 0 / 45%);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.hospede-buttons .form-group .input-group .btn-pes {
    background-color: var(--thm-primary) !important;
    border-color: var(--thm-primary) !important;
    color: #fff !important;
}


.site-index .main_header_area {
    position: fixed;
    width: 100%;
    background: linear-gradient(to bottom, hsl(0deg 0% 0%) 0, rgb(255 255 255 / 0%) 100%);
    height: 250px;
    z-index: 1030;
}

.site-index .header_menu .navbar.navbar-default {
    background: transparent;
    border: none;
}

.main_header_area .header_menu.fixed-top .navbar.navbar-default {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.site-index .header_menu .navbar.navbar-default .navbar-header .navbar-brand img {
    filter: brightness(1000%) saturate(0%);
}

.site-index .header_menu.fixed-top .navbar.navbar-default .navbar-header .navbar-brand img {
    filter: none;
}

.site-index .header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li a {
    color: var(--thm-black);
}

.site-index .header_menu .navbar.navbar-default .nav.navbar-nav li a {
    color: #fff;
}

.site-index .main_header_area .header-content {
    background-color: transparent !important;
    border: none;
}

.site-index .header_menu.fixed-top {}


.header-checkin .carousel-control-next,
.header-checkin .carousel-control-prev {
    display: none;
}

@media screen and (max-width: 1024px) {

    .site-cms-galeria-content .galeria{margin-top: 15px;}

    .text-header {
        padding: 85px 10% 0 10% !important;
    }

    .header-checkin .form-default {
        margin: 15px 0 0 -15px;
    }

    .header-checkin.site-cms-header .site-cms-h1 {
        left: 0;
        margin-left: 0;
        top: 20%;
        width: 100%;
        text-align: center;
    }

    .header-checkin .site-cms-h1 .tag {
        font-size: 14px;
    }

    .header-checkin .site-cms-h1 .titulo-seo {
        color: #fff;
    }

    .meta-palavras {
        font-size: 14px !important;
    }

    .header-checkin .form-default fieldset {
        width: 100%;
        padding: 30px 15px 20px 15px;
        border-radius: 8px;
        display: block;
    }

    .header-checkin .form-default fieldset .col.datas,
    .header-checkin .form-default fieldset .col.hospedes {
        width: 50%;
        float: left;
    }

    .site-index .main_header_area {
        height: 80px;
    }

    .site-index .header_menu .navbar.navbar-default {}

    .site-index .main_header_area .header-content {}

    .site-index .header_menu.fixed-top {}

    .site-cms-h1-top {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .site-cms-galeria-content .box-valores .content {}



    .text-header .nome,
    .text-header .titulo-seo {}

    .text-header .meta-description {
        display: none;
    }

    .text-header .btn-link {
        padding: 10px 30px;
        font-size: 12px;
    }

    .site-cms-header.title {
        padding: 60px 30px;
    }

    .site-cms-header.title .title-header {}

    .site-cms-header.title .title-header .nome {
        font-size: 8vmin;
    }

    .site-cms-header.title .title-header .meta-description {
        font-size: 14px;
    }


    .site-cms-header.breadcrumb-main {}

    .site-cms-header.breadcrumb-main .breadcrumb-outer {
        padding: 10vmin 30px;
    }

    .site-cms-header.breadcrumb-main .breadcrumb-content {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul li {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul li a {}

    .site-cms-header.breadcrumb-main .breadcrumb-content h1 {}
}

@media screen and (min-width: 1451px) and (max-width: 1600px) {}

@media screen and (min-width: 1025px) and (max-width: 1450px) {}

@media screen and (min-width: 1025px) {

    .site-cms-header.galeria .demo-gallery ul li {
        margin: 0;
        float: left;
    }

    .site-cms-header.galeria .list-unstyled {
        display: flow-root;
        font-size: 12px;
    }

    .site-cms-header.galeria .demo-gallery {
        padding-top: 0;
    }

    .cms-header-carrossel .carousel-control-next-icon,
    .cms-header-carrossel .carousel-control-prev-icon {
        width: 75px !important;
        height: 75px !important;
    }
}

@media screen and (max-width: 1024px) {

    .text-header .nome,
    .text-header .titulo-seo {
        font-size: 5vmin;
    }

    .text-header .meta-description {
        display: none;
    }

    .text-header .btn-link {
        padding: 10px 30px;
        font-size: 8px;
    }

    .site-cms-header.title {
        padding: 60px 30px;
    }

    .site-cms-header.title .title-header {}

    .site-cms-header.title .title-header .nome {
        font-size: 8vmin;
    }

    .site-cms-header.title .title-header .meta-description {
        font-size: 14px;
    }


    .site-cms-header.breadcrumb-main {}

    .site-cms-header.breadcrumb-main .breadcrumb-outer {
        padding: 10vmin 30px;
    }

    .site-cms-header.breadcrumb-main .breadcrumb-content {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul li {}

    .site-cms-header.breadcrumb-main .breadcrumb-content nav ul li a {}

    .site-cms-header.breadcrumb-main .breadcrumb-content h1 {}
}

@media screen and (max-width: 380px) {}

/*------------------------------- paginas padrao -----------------------------*/
/*============================================================================*/