html {
    height: 100%;
    overflow-x: hidden
}

body {
    min-height: calc(100vh - 20px);
    background-color: #eee
}

@font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Regular.ttf");
}

body,
html {
    margin: 0;
    padding: 0
}

nav.inicio {
    background-color: rgba(38, 38, 38, .44)
}

nav.navbar-dark.bg-white .navbar-nav .nav-link {
    color: #111
}

nav.navbar-dark.bg-white .navbar-nav .nav-link.active,
nav.navbar-dark.bg-white .navbar-nav .nav-link:hover {
    color: #eee
}

main#contenedor #carruselLanding .carousel-inner .overlay,
main#contenedor #myCarousel .carousel-inner .overlay {
    background-color: rgba(11, 11, 11, .53);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    bottom: 0
}

main#contenedor #myCarousel .carousel-inner .overlay:after {
    background-image: url(../images/circulo-fondo-vishudda.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    max-width: 565px;
    margin: 0 auto;
    height: 220px;
    content: '';
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0
}

main #myCarousel .carousel-caption,
main#contenedor #carruselLanding .carousel-caption {
    z-index: 2;
    bottom: 13.25rem
}

main#contenedor #carruselLanding .carousel-caption {
    bottom: 4.25rem
}

main #myCarousel .carousel-caption p,
main#contenedor #carruselLanding .carousel-caption p {
    max-width: 700px;
    margin: 0 auto
}

section#directAccess .headerAccess {
    max-width: 630px
}

footer .content p {
    color: #111
}

section#directAccess .socialMedia i {
    color: #eee;
    font-size: 20px;
    margin: 0 5px;
    width: 35px;
    height: 35px;
    background-color: #77a74e;
    text-align: center;
    border-radius: 50%;
    padding: 5px
}

p {
    font-family: "Open Sans"
}

.cardContent h4,
footer .col-lg-4 .content h3,
section#directAccess .content h3,
section#directAccess .headerAccess h1,
section#directAccess .headerAccess h2 {
    color: #475839;
    transition: all .4s ease-in-out
}

section#directAccess .contentNosotros p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.4
}

section#directAccess .bannerNosotros {
    background-image: url(../images/logotipo.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center
}

section#directAccess figure {
    margin: auto
}

section#directAccess figure img {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: auto
}

section#directAccess .tarjetaPresentacion .imageFoto {
    width: 180px;
    height: 180px;
    overflow: hidden
}

section#directAccess .tarjetaPresentacion .imageFoto img {
    width: 100%;
    height: auto
}

section#directAccess .tarjetaPresentacion {
    margin-bottom: 20px
}

section#directAccess .tarjetaPresentacion h4 {
    margin-bottom: 0;
    color: #51d231
}

.paquetes .tarjetaPresentacion h4 {
    color: #2d7d6e
}

section#directAccess .contentNosotros .swiper-button-next,
section#directAccess .contentNosotros .swiper-rtl .swiper-button-prev {
    right: -40px
}

section#directAccess .contentNosotros .swiper-button-prev,
section#directAccess .contentNosotros .swiper-rtl .swiper-button-next {
    left: -50px
}

section#directAccess .tarjetaPresentacion span {
    color: #a6a6a6;
    font-size: 18px;
    font-style: italic
}

section#directAccess .tarjetaPresentacion p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.4;
    color: #fff
}

footer .col-lg-4 img.rounded-rounded,
section#directAccess img {
    object-fit: cover;
    height: 180px;
    width: 100%
}

footer .col-lg-4 .content,
section#directAccess .content {
    background-color: #fff;
    transition: all .5s ease-in-out;
    border-radius: 0 0 15px 15px
}

footer .col-lg-4,
section#directAccess .col-lg-4 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    cursor: pointer
}

footer .swiper .col-lg-4:hover,
section#directAccess .col-lg-4:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

section#directAccess .col-lg-4:hover .content {
    background-color: #77a74e;
    color: #fff
}

section#directAccess .col-lg-4:hover .content h3 {
    color: #fff !important
}

#cardContact .bd-placeholder-img.rounded-circle {
    width: 100px;
    height: 100px;
    align-items: center;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    border: 2px solid #eee;
    background-color: #fff;
    z-index: 1;
    position: relative
}

#cardContact .cardContent {
    border: 2px solid #eee;
    padding-top: 70px;
    margin-top: -50px;
    border-radius: 18px
}

.bd-placeholder-img.rounded-circle svg path {
    fill: #77a74e;
    fill-rule: evenodd
}

nav .nav-link {
    border-radius: 10px;
    transition: all .4s ease-in-out
}

nav .nav-link.active,
nav .nav-link:hover {
    background: #4d881b
}

section#contenidoFormulario .logo {
    max-width: 290px
}

section#contenidoFormulario .header h1,
section#contenidoFormulario .header h2 {
    color: #fff;
    font-family: Lato, sans-serif;
    margin: 0
}

section#contenidoFormulario .header h1 {
    font-weight: 400;
    font-size: 45px;
    line-height: 30px
}

section#contenidoFormulario .header h2 {
    font-weight: 900;
    font-size: 48px
}

section#contenidoFormulario .formulario h2 {
    font-family: Lato, sans-serif;
    color: #192e59
}

section#contenidoFormulario .formulario h2 span {
    font-weight: 900
}

section#contenidoFormulario .formulario h2 span {
    font-family: Lato, sans-serif;
    color: #fff
}

section#contenidoFormulario input {
    height: 45px
}

section#contenidoFormulario textarea {
    min-height: 98px;
    resize: none
}

section#contenidoFormulario .botonEnviar {
    text-align: right
}

section#contenidoFormulario .botonEnviar button,
section#contenidoFormulario .modal-footer button {
    background-color: #1b2e5a;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding: 4px 30px
}

section#contenidoFormulario input::-webkit-input-placeholder {
    color: gray;
    text-align: center
}

section#contenidoFormulario input::-moz-placeholder {
    color: gray;
    text-align: center
}

section#contenidoFormulario input:-ms-input-placeholder {
    color: gray;
    text-align: center
}

section#contenidoFormulario input:-moz-placeholder {
    color: gray;
    text-align: center
}

section.copyright {
    background-color: #003d61
}

footer section#preFooter {
    background-color: #77a74e;
    color: #fff
}

footer section#preFooter p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

.bg-azul {
    background-color: #003d61
}

.bg-verde1 {
    background-color: #619d2f
}

.bg-verde {
    background-color: #77a74e
}

.text-azul {
    color: #003d61
}

.btn-success {
    background-color: #4d881b;
    border: 1px solid #4d881b
}

.swiper-button-next,
.swiper-button-prev {
    color: #eee !important
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #111;
    background-color: #e3f7de;
    border-radius: 10px;
    text-align: left;
}

.nav-pills .nav-link{
    text-align: left;
}

.fa-check {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #4d881b;
    color: #4d881b;
    padding: 2px
}

.tab-pane {
    border: 2px solid #e3f7de
}

@media screen and (max-width:767px) {
    div#contenedor {
        background-color: #009fbe
    }

    section#contenidoFormulario .botonEnviar {
        text-align: center
    }

    section#contenidoFormulario input::-webkit-input-placeholder {
        color: gray;
        text-align: left
    }

    section#contenidoFormulario input::-moz-placeholder {
        color: gray;
        text-align: left
    }

    section#contenidoFormulario input:-ms-input-placeholder {
        color: gray;
        text-align: left
    }

    section#contenidoFormulario input:-moz-placeholder {
        color: gray;
        text-align: left
    }

    section#contenidoFormulario .header {
        margin: 10px auto
    }

    section#contenidoFormulario .header h1,
    section#contenidoFormulario .header h2 {
        font-size: 20px;
        text-align: center
    }

    section#contenidoFormulario #contactFormulario h2 {
        text-align: center;
        margin: 10px auto
    }

    section#contenidoFormulario .logo {
        max-width: 190px
    }

    div#contenedor {
        min-height: 100vh
    }

    .navbar-brand img {
        max-width: 200px
    }

    .navbar-toggler span {
        color: #475839
    }

    .navbar-dark .navbar-toggler {
        border-color: #475839
    }

    #navbarCollapse {
        width: 100%;
        padding-top: 20px;
        margin-left: -5px;
        margin-right: -5px
    }

    #navbarCollapse ul li {
        margin-bottom: 10px
    }

    .headerAccess h2 {
        text-align: center
    }

    .swiper-slide {
        text-align: center
    }

    #directAccess .row.p-5 {
        padding: 10px 0 !important
    }

    #directAccess h4,
    #directAccess p,
    #directAccess ul li {
        font-size: 14px
    }

    .swiper-slide .rounded-circle {
        margin: 0 auto;
        display: block
    }

    #cardContact {
        padding: 10px 0 !important
    }

    nav.inicio {
        background-color: #1e1e1e
    }

    nav.inicio .navbar-toggler span {
        color: #4d881b
    }

    nav.inicio .navbar-toggler {
        border-color: #4d881b
    }

    #myCarousel .carousel-caption,
    #myCarousel .overlay {
        display: none
    }

    #carruselLanding,
    .home#myCarousel {
        margin-top: 80px
    }

    section#directAccess figure img {
        max-width: 100%;
        margin-bottom: 10px
    }

    #carruselLanding .carousel-item img {
        margin-top: 0 !important
    }

    .contentUbicacion img {
        width: 100%
    }

    .accordion-button:not(.collapsed) {
        font-weight: 700;
        color: #2f312f
    }

    body {
        overflow-x: hidden
    }

    .aliados img {
        margin: 0 auto 20px;
        display: block
    }
}

.collapse em {
    cursor: pointer
}

.text-gray {
    color: #f4f4f4;
    font-size: 18px
}

.bg-pink {
    background-color: #b89b67
}

section.contentHabitaciones h2,
section.contentHabitaciones h3,
section.contentHabitaciones h4,
section.contentRecomedaciones h2,
section.contentRecomedaciones h3,
section.contentUbicacion h2,
section.contentUbicacion h3,
section.contentUbicacion h4,
section.contentUbicacion h5 {
    font-weight: 500
}

section.contentHabitaciones p,
section.contentUbicacion p {
    font-size: 18px;
    max-width: 940px;
    margin-bottom: 5%
}

section.contentHabitaciones .tarjetaPresentacion h3 {
    margin-bottom: 10px;
    font-weight: 700
}

.fa-map-location-dot,
section.contentUbicacion p span {
    color: #4d881b
}

section.contentUbicacion .contentUbicacionBullet {
    background-color: #2f2f2f;
    min-height: 100%;
    padding: 20px;
    border-radius: 16px
}

section.contentUbicacion .contentUbicacionBullet h5 {
    color: #ceba13;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px
}

section.contentUbicacion .contentUbicacionBullet li {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px
}

section.contentUbicacion .contentUbicacionBullet ul li::before {
    content: "\2022";
    color: #ceba13;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

section.contentRecomedaciones .contentRecomendacionesIcon img {
    max-width: 100px;
    margin-bottom: 10px
}

section.contentRecomedaciones {
    background-color: #e6e6e6cc
}

section.contentRecomedaciones .contentRecomendacionesIcon p {
    color: #666;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: .3px;
    font-family: "Open Sans"
}

section.contentQueHacer .imagen img {
    border-radius: 20px 0 0 20px
}

section.contentQueHacer .contenido {
    border-radius: 0 20px 20px 0
}

section.contentQueHacer p {
    font-size: 14px
}

@media screen and (max-width:480px) {
    main.landingAll img {
        width: 100%;
        max-width: 100%;
        min-height: auto !important;
        max-height: initial !important
    }
}