footer{
    background-color: #fff;
}
.footer-bar{
    background-color: #fff;
}
body {
    /*background-image: url('/img/Official/N_Norock_30.png');
    background-repeat: repeat;
    background-size: 20px;*/
    /*background-color: #a1ad83 !important;*/
}
.imgNature{
    width: 100%; /* Ancho deseado del contenedor */
    height: 250px; /* Alto deseado del contenedor */
    overflow: hidden; /* Recorta cualquier contenido que se desborde del contenedor */
    position: relative;
}
.imgNature img {
    position: absolute; /* Permite posicionar la imagen dentro del contenedor */
    top: 50%; /* Coloca el borde superior de la imagen en el 50% del contenedor */
    left: 50%; /* Coloca el borde izquierdo de la imagen en el 50% del contenedor */
    transform: translate(-50%, -50%); /* Centra la imagen tanto horizontal como verticalmente */
}
.imgBlog{
    width: 100%;
    height: 200px;
}
.cardConsult{
    display: flex; /* Utiliza flexbox para el diseño */
    justify-content: center; /* Centra horizontalmente el contenido */
    align-items: center; /* Centra verticalmente el contenido */
    height: 250px; /* Altura del contenedor */
    
}
.sinPad{
    padding: 0px 0 !important;
}
.error {
    background-color: #f9bfbe;
}
.carousel-container {
    position: relative;
}
.overlay {
    position: absolute;
    top: 0;
    left: 10%;
    width: 100%;
    height: 100%;
    /* Estilos adicionales para el div que se superpondrá */
}
@media (max-width: 767px) {
    .overlay {
        display: none;
    }
    .carrusel{
        width: 100%; /* Ancho deseado del contenedor */
        overflow: hidden; /* Recorta cualquier contenido que se desborde del contenedor */
        position: relative;
    }

    .bg-img, .screen-height, .sinPad, .cover-background, .beach-banner, .carrusel {
        height: 10% !important;
    }

    .img-index{
        width: 100%; /* Ancho deseado del contenedor */
        height: 400px; /* Alto deseado del contenedor */
        overflow: hidden; /* Recorta cualquier contenido que se desborde del contenedor */
        position: relative;
    }
    .img-index img {
        height: 600px;
        position: absolute; /* Permite posicionar la imagen dentro del contenedor */
        top: 50%; /* Coloca el borde superior de la imagen en el 50% del contenedor */
        left: 50%; /* Coloca el borde izquierdo de la imagen en el 50% del contenedor */
        transform: translate(-50%, -50%); /* Centra la imagen tanto horizontal como verticalmente */
    }
    .navbar-toggler {
        background: #4B503E !important;
        margin-right: 2%;
    }
}
/* Estilo para las imágenes */
.contenedor-imagen {
    position: relative; /* Permite posicionar el contenido interno */
}

.section-white {
    padding: 50px;
    color: white;
    background-color: #fff !important;
}

/* Estilo para la capa de oscuridad */
.contenedor-imagen::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); 
}

/* Estilo para la imagen */
.imagen {
    display: block;
    width: 100%;
    height: auto;
}

section {
    background-color: rgba(255, 255, 255, 0.5); /* Color blanco con 50% de opacidad */
}

.containerSpace{
    margin-bottom: 50px;
}

.navbar-nav > li.active > a {
    color: #a1ad83 !important;
}

.navbar-nav li.current > a {
    color: #a1ad83 !important;
}

.text-theme-color{
    color: #a1ad83 !important;
}

.text-theme-color-title{
    color: #4B503E !important;
}

.filtering .active {
    border-color: #a1ad83 !important;
    color: #a1ad83 !important;
}

.btn-outline-custom {
    color: #a1ad83; /* Color del texto */
    border-color: #a1ad83; /* Color del borde */
}

.btn-outline-custom:hover {
    color: #fff; /* Color del texto al pasar el mouse */
    background-color: #a1ad83; /* Color de fondo al pasar el mouse */
    border-color: #a1ad83; /* Color del borde al pasar el mouse */
}

.descrip-room {
    height: 125px;
}

.img-index{
    width: 100%; /* Ancho deseado del contenedor */
    height: 1000px; /* Alto deseado del contenedor */
    overflow: hidden; /* Recorta cualquier contenido que se desborde del contenedor */
    position: relative;
}
.img-index img {
    height: 1000px;
    position: absolute; /* Permite posicionar la imagen dentro del contenedor */
    top: 50%; /* Coloca el borde superior de la imagen en el 50% del contenedor */
    left: 50%; /* Coloca el borde izquierdo de la imagen en el 50% del contenedor */
    transform: translate(-50%, -50%); /* Centra la imagen tanto horizontal como verticalmente */
}

.social-icon-style li a:hover {
    color: #fff;
    background: #4B503E !important;
    border: 1px solid #4B503E !important;
}

a:hover, a:active {
    color: #a1ad83 !important;
}
.font-logo{
    color: #a1ad83 !important;
}
.font-black{
    color: #000000 !important;
}
.font-gray{
    color: #6c757d !important;
}
.font-black:hover{
    color: #032900 !important;
}
.btn-hn-custom{
    background-color: #a1ad83;
}
.btn-hn-custom:hover{
    color: #fff;
    background-color: #4B503E;
}
.btn-font-custom:hover{
    color: #ffffff !important;
}
.footer-title-style1::before {
    background: #a1ad83 !important;
}

.footer-title-style1::after {
    background: #a1ad83 !important;
}

.tab-style1 ul.resp-tabs-list li.resp-tab-active {
    border-bottom-color: #a1ad83;
    color: #a1ad83 !important;
}

.tab-style1 .resp-tabs-list li.resp-tab-active {
    border-color: #a1ad83 !important;
}

.btn-backgroud-logo{
    background: #a1ad83 !important;
    border-bottom: #4B503E !important;
}

.btn-backgroud-logo:hover{
    color: #fff !important;
    background: #4B503E !important;
    border-bottom: #4B503E !important;
}

.card-hn{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.card-hn:hover{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
}
.font-white-hover:hover{
    color: #fff !important;
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3); /* Color de fondo transparente */
    z-index: 5; /* Encima del carrusel */
}
.carousel-item {
    height: 100vh; /* Altura del carrusel: 100% del viewport height */
}
.carousel-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.page-title-section{
    margin-top: 120px;
}
.navbar-nav > li > a:hover {
    color: #a1ad83 !important;
}
.navbar-nav > li > a {
    text-align: center !important;
    font-family: "RepleteSans-Medium" !important;
    letter-spacing: 3px !important;
    font-size: 18px !important;

    /*font-size: 15px !important;
    padding: 21px 0.8rem;
    font-weight: bold;
    color: #ffffff !important;
    text-shadow: -0.5px -0.5px 0 #a1ad83, 0.5px -0.5px 0 #a1ad83, -0.5px 0.5px 0 #a1ad83, 0.5px 0.5px 0 #a1ad83;*/
}

.project-grid-overlay {
    left: 20px !important;
    transition-duration:  1.3s !important;
    width: 85% !important;
}