html {
    font-size: 16px;
}
/* Fuente para el texto */
body
{
    font-family: 'Montserrat'!important;
}
/* fuente de titulos */
.custom-title-font
{
    font-size:      3rem;
    font-weight:    600;
    line-height:    3.69rem;
}
/* fuente de titulos */
.custom-button-font
{
    font-size:      1.5rem;
    font-weight:    600;
}
.custom-image-description-font
{
    font-size:      2.63rem;
    font-weight:    600;
    line-height:    3.19rem;
}
.custom-input-font
{
    font-size:      1.75rem;
    font-weight:    600;
    line-height:    2.13rem;
}
/* Fuente del footer */
.custom-footer-titles
{
    font-size:      1.38rem;
    font-weight:    600;
    line-height:    1.69rem;
}
.custom-footer-subtitles
{
    font-size:      1.25rem;
    font-weight:    400;
    line-height:    1.5rem;
    text-transform: uppercase !important;
}
/* Estilo para imagenes de experiencias */
.iconContainer
{
    /* height:122px;
    width:142px; */
    height:80px;
    width:93px;
}
.formHeight
{
    height:80px;
    /* height:122px; */
}
a.text-decoration-none:hover, /* OPTIONAL*/
a.text-decoration-none:visited,
a.text-decoration-none:focus
{text-decoration: none !important;}
/* Borde superior de la parte final de footer */
.border-footer 
{
    border-top: 2px solid #355a3cFF!important;
}
/* Modificaciones en carousel */
#mainCarousel .carousel-caption {
    text-align: left;
    top: 0;
    left: 4%;
    right: 5%;
}
.carousel-title-captation {
    font-family: 'Prompt';
    font-size: 96px;
    line-height:145px;
}
.carousel-subtitle-captation {
    font-family:    'Lato';
    font-size:      36px;
    line-height:    43px;
}
.carousel-text-captation {
    font-family:    'Lato';
    font-size:      20px;
    line-height:    27px;
}
/* Modificando comportamiento de imagnes en carousel */
.custom-carousel-image {
    min-height: 420px;
    object-fit: cover;
}
/* añadiendo evento hover en botones de navbar */
@media (min-width: 992px)
{
    #mainNavigator li.nav-item:hover {
        border-bottom: 3px solid #355a3cFF!important;
    }
}
#mainNavigator li.nav-item {
    border-bottom: 3px solid #FFFFFF00!important;
}
#mainNavigator .dropdown-divider {
    /*background: rgb(53, 90, 60);*/
    height:     3px;
}
/* oculta las flechas de los listados */
#mainNavigator .dropdown-toggle::after {
    display:none;
}
/* Se modifica el estilo de la letra en nav */
.navContent {
    font-family: 'Lato';
    font-size: 1.5rem;
    line-height: 1.81rem;
    font-weight: 700!important;
}
/* Estilos del botón de lenguaje */
#btnLanguage {
    color:          white;
    text-align:     center;
    font-size:      1rem;
    line-height:    1.19rem;
}
a#btnLanguage:link, a#btnLanguage:visited, a#btnLanguage:focus,
.btn-standard:link, .btn-standard:visited, .btn-standard:focus
 {
    background: #355a3cFF;
}
a#btnLanguage:hover, .btn-standard:hover {
background: rgba(53, 90, 60, 0.800);
}
a#btnLanguage:active {
background: rgba(53, 90, 60, 0.600);
}
/* Estilos para hacer input con iconos al inicio */
.input-icons {
    min-width: 200px;
} 
.icon {
    min-width: 50px;
    text-align: center;
    color: rgb(42, 140, 108);
}
.noborders {
    width: 100%;
    border:0;
}
.noborders:focus {

    outline: none;
}

/* Boton de la barra de progreso */
.btn-progress {
    color: #355a3cFF;
    background-color: #fff;
    border-color: #fff;
    width: 3rem;
    height:3rem;
}
/* estilos de botones */
.custom-btn-style1
{
    color: #355a3cFF;
    background-color: #fff;
    border-color: #fff;
}
/* Porcentajes de la barra de progreso */
.start-33 {
    left: 33%!important;
}
.start-66 {
    left: 66%!important;
}
.top-75 {
    top: 75%!important;
}
/* Estilo de HR */
.separator {
    background: #355a3cFF;
    height: 2px;
    opacity: 1;
}
/* Gradiente de color */
.bg-customGradient {
    background: linear-gradient(to right, #355a3cFF 0%, rgb(235, 206, 38) 100%);
}
/* Estilo de circulos*/
.circle {
    height:300px;
    width:300px;
    -moz-border-radius:150px;
    -webkit-border-radius:150px;
    border-radius:150px;
}
.circleWhite-border-60 {
    background-color:rgba(0, 0, 0, 0);
    border:5px solid rgb(255, 255, 255);
    height:60px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:60px;
}
.circleWhite-border-102 {
    background-color:rgba(0, 0, 0, 0);
    border:6px solid rgb(255, 255, 255);
    height:102px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:102px;
}
.circle-green1 {
    background-color:rgba(53, 90, 60, 0.5);
    border:0;
    height:30vw;
    width:30vw;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    transform: translate(0, -50%);
}
.circle-yellow1 {
    background-color:rgb(235, 206, 38, 0.5);
    border:0;
    height:30vw;
    width:30vw;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    transform: translate(-100%, 40%);
}
/* Tranladar imagenes */
.move-down25 {
    transform: translate(0, 25%);
}
.move-up25 {
    transform: translate(0, -25%);
}
.move-up50 {
    transform: translate(0, -50%);
}
/* Redondeado de bordes */
.rounded-bottom-4 {
    border-bottom-right-radius: 1em!important;
    border-bottom-left-radius: 1em!important;
}
.rounded-start-4 {
    border-top-right-radius: 1em!important;
    border-top-left-radius: 1em!important;
}
/* color verde oscuro como fondo */
.bg-green1 {
    background: rgb(53, 90, 60);
}
.bg-green2 {
    background: rgb(155, 157, 47);
}
.bg-yellow1 {
    background: rgb(235, 206, 38);
}
.bg-grey1 {
    background: rgb(249, 249, 249);
}
.bg-grey2 {
    background: rgb(242, 242, 242);
}
.bg-red1 {
    background: rgb(239, 80, 54);
}
.bg-black1 {
    background: rgba(0, 0, 0, 0.5);
}
.bg-white1{
    background: rgba(246, 244, 245, 1);
}
/* .bg-transparent
{
    background: rgba(0, 0, 0, 0);
} */
.border-green1 {
    border: rgb(53, 90, 60) solid;
}
.border-green1-bottom {
    border-bottom: 8px #355a3cFF solid;
}
.border-grey2 {
    border: rgb(234, 234 ,234) solid;
}
.border-grey3 {
    border: rgb(158, 158 ,158) solid;
}
/* Ancho personalizado */
.w-60 {
    width: 72%!important;
}
.w-90 {
    width: 90%!important;
}
/* Estilos de Tab */
#tabs-experiences a
{
    /* border-color: rgb(215, 215 ,215); */
    background-color:rgb(244, 244, 244);
    color: rgb(89, 89, 89)!important;
}
#tabs-experiences .start-tab
{
    border-right: 1px rgb(215, 215 ,215) solid;
}
#tabs-experiences .mid-tab
{
    border-left: 1px rgb(215, 215 ,215) solid;
    border-right: 1px rgb(215, 215 ,215) solid;
}
#tabs-experiences .end-tab
{
    border-left: 1px rgb(215, 215 ,215) solid;
}
#tabs-experiences a.active
{
    border:0;
    background-color:white;
    color: rgb(42, 140, 108)!important;
}
/* Colores de texto */
.custom-text-green3 {
    color: rgb(42, 140, 108);
}
/* cambiando el color de fondo de checkbox normal*/
.form-check-input:checked
{
    background-color: rgb(53, 90, 60);
    border-color:     rgb(53, 90, 60);
}
/* cambiando estilos de botones checkbox con la c lase formHeight */
.formHeight .btn
{
    border-radius: 0;
}
.formHeight .btn-check:hover+.btn
{
    background-color: rgb(53, 90, 60, 0.5);
    border-color:     rgb(53, 90, 60, 0.5);
}
.formHeight .btn-check:checked+.btn
{
    color: white;
    background-color: rgb(53, 90, 60);
    border-color:     rgb(53, 90, 60);
}

.formHeight .btn-chec+.btn
{
    background-color: red;
}
.formHeight i.fa-star
{
    color:rgb(235, 206, 38);
}
/* Modificaciones en range de carousel */
#containerRangeCarousel
{
    width: 175px;
    height: 175px;
}

#mainCarousel #containerRangeCarousel input[type=range]
{
    -webkit-appearance: none;
    appearance: none;
    /* background: #f1f1f1; */
    background: grey;
    cursor: pointer;
    width: 100%;
    height: 8px;
    margin-top: 1.3rem;
    position: relative;
    border-radius: 0.5rem;

    /* overflow: hidden; */
}
    /* Chrome */
        /* track custom  */
#mainCarousel #containerRangeCarousel input[type="range"]::-webkit-slider-runnable-track {
    /* background: #053a5f; */
    height: 0.5rem;
    margin-top: 5px;
    margin-bottom: 5px;
}
        /* thumb custom */
#mainCarousel #containerRangeCarousel input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -8px;
    background-color: rgb(53, 90, 60);
    border-radius: 50%;
    border: white 4px solid;
    height: 24px;
    width: 24px;  
    transition: background .5s ease-in-out, width .5s ease-in-out, height .5s ease-in-out;
    /* box-shadow: -87.5px 0 0 87.5px green; */
 }
    /* Firefox */
        /* track custom */
#mainCarousel #containerRangeCarousel input[type="range"]::-moz-range-track {
    /* background: #053a5f; */
    height: 0.5rem;
    margin-top: 5px;
    margin-bottom: 5px;
}
        /* thumb custom */
#mainCarousel #containerRangeCarousel input[type="range"]::-moz-range-thumb {
    appearance: none;
    border: none;
    border-radius: 50%;
    border: white 2px solid;
    background-color: rgb(53, 90, 60);
    height: 1rem;
    width: 1rem;
    /* box-shadow: -87.5px 0 0 87.5px green; */
}

/* Estilos para el carousel de testimonios */
/* #testimonialsCarousel {
    max-height: 150px;
} */
#testimonialsCarousel .carousel-item img
{
    width: 86px;
    height: 86px;
    border-radius: 50%;
}

/*Estilo de imagen banner de descuentos y promociones*/
.disccount-banner-image
{
    height: 500px;
    object-fit: cover;
    width: 100%;
}
/*detalles en listado de opciones*/
.paquetes_div, .paquetes_div img{
    max-height: 306px;
    min-height: 306px;
}

.paquetes_img{
    width: 100%;
    padding: 12px !important;
    background-color: #365a3ced;
    border-radius: 0px 0px 12px 12px;
}

.things_to_do, .things_to_do img{
    /*max-height: 306px; */
    filter: brightness(0.84);
}


/* estilos de read more */
.read-more{
    color: rgb(0, 0, 0) !important;
    font-weight: 600;
    line-height: 1.1rem;;
}
.read-more:hover{
    font-size: 1.1rem;
    font-weight: 800 !important;
    cursor: pointer;
}

/* estilos para acomodar imagenes como cuadrados */
.image-square-container
{
    position: relative;
    padding-bottom: 100%;
}
.image-panoramic-container
{
    position: relative;
    padding-bottom: 56.25%;
}
.image-square
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*object-fit: cover;*/
}
.bg_oscuro{
    filter: brightness(64%);
}
/*estilos de banner de experiencias*/
.experience-banner-image {
    min-height: 350px;
    max-height: 550px;
    object-fit: cover;
}
/* estilos de virtual tour */
.img-virtual-tour {
    width: 100%;
    object-fit: cover;
    height: 350px;
}

/* estilos de mensaje flash */
.flash-message {
    position: relative;
}
.flash-message div {
    position: absolute;
    width: 100% ;
    top: 0;
    left: 0;
    z-index: 1;
}