.bss-slides {
    position: relative;
    display: block;
    line-height: 0; /*removes the gap if you put a border on the slideshow div*/
    z-index: 0;
}

figcaption {
    line-height: 1.5; /* restores line-height to the child element*/
}

.bss-slides:focus {
    outline: 0;
}

.bss-slides figure {
    background-size: cover;
    background-position: top center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 480px;
}

    .bss-slides figure:first-child {
        position: relative;
    }

    .bss-slides figure div {
        opacity: 0;
        -webkit-transition: opacity 1.2s;
        transition: opacity 1.2s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.bss-slides .bss-show {
    z-index: 2;
}

    .bss-slides .bss-show div {
        opacity: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative;
    }

.bss-slides figcaption {
    position: absolute;
    font-family: sans-serif;
    font-size: .8em;
    bottom: .75em;
    right: .35em;
    padding: .25em;
    color: #fff;
    background: #000;
    background: rgba(0,0,0, .25);
    border-radius: 2px;
    opacity: 0;
    -webkit-transition: opacity 1.2s;
    transition: opacity 1.2s;
}

.bss-slides .bss-show figcaption {
    z-index: 3;
    opacity: 1;
}

.bss-slides figcaption a {
    color: #fff;
}

.bss-next, .bss-prev {
    color: #fff;
    position: absolute;
    background: #000;
    background: rgba(0,0,0, .6);
    top: 50%;
    z-index: 4;
    font-size: 2em;
    margin-top: -1.2em;
    opacity: .7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .bss-next:hover, .bss-prev:hover {
        cursor: pointer;
        opacity: 1;
    }

.bss-next {
    right: -1px;
    padding: 10px 5px 15px 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.bss-prev {
    left: 0;
    padding: 10px 10px 15px 5px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.bss-fullscreen {
    display: block;
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,.4) url(../img/arrows-alt_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    opacity: .3;
}

    .bss-fullscreen:hover {
        opacity: .8;
    }

:-webkit-full-screen .bss-fullscreen {
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}

:-moz-full-screen .bss-fullscreen {
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}

:-ms-fullscreen .bss-fullscreen {
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}

:full-screen .bss-fullscreen {
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}

:-webkit-full-screen .bss-fullscreen {
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}

:-moz-full-screen .bss-fullscreen {
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}

:-ms-fullscreen .bss-fullscreen {
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}

:fullscreen .bss-fullscreen {
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}

@media (max-width: 600px) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 388px;
    }

    .imgslidermovil {
        display: block;
    }

    .imgslider {
        display: none;
    }

    #SliderAIFAMovil {
        background-image: url('../Elementos_Web/Banners/webMovil_nuevosVuelos.jpg');
    }

    #SliderMeridaMovil {
        background-image: url('../Elementos_Web/Banners/webMovil_Vuelo.jpg');
    }

    #SliderEclipseMovil {
        background-image: url('../Elementos_Web/Banners/webMovil_BuenMes.jpg');
    }

    #Slider0Movil {
        background-image: url('../Elementos_Web/Banners/webMovil_Iberostar_marzo.jpg');
    }

    #Slider000Movil {
        background-image: url('../Elementos_Web/Banners/webMovil_loscabos.jpg');
    }

    #Slider0000Movil {
        background-image: url('../Elementos_Web/Banners/webMovil_paquetes.jpg');
    }

    #Slider00Movil {
        background-image: url('../Elementos_Web/Banners/webMovil_puebla2.jpg');
    }

    #SliderMovilLeon {
        background-image: url('../Elementos_Web/Banners/webMovil_Leon.jpg');
    }

    #SliderMovilTemporada {
        background-image: url('../Elementos_Web/Banners/webMovil_fiestaMexicana.jpg');
    }

    #Slider1Movil {
        background-image: url('../Elementos_Web/Banners/webMovil_Ven-a-Yucatan-clic.jpg');
    }

        #Slider1Movil.iberostar {
            background-image: url('../Elementos_Web/Banners/webMovil_Iberostar.jpg');
        }

        #Slider1Movil.Yucatan {
            background-image: url('../Elementos_Web/Banners/webMovil_Ven-a-Yucatan.jpg');
        }

    #Slider2Movil {
        background-image: url(../Elementos_Web/Banners/webMovil_mayo2023.jpg);
    }

    #Slider3Movil {
        background-image: url(../Elementos_Web/Banners/webMovil_octubre2022.jpg);
    }

    #Slider1Movil.Dolphin0 {
        background-image: url(../Elementos_Web/Banners/webMovil_paquetesX.jpg);
    }

    #Slider1Movil.Dolphin1 {
        background-image: url(../Elementos_Web/Banners/webMovil_dolphin1.jpg);
    }

    #Slider2Movil.Dolphin2 {
        background-image: url(../Elementos_Web/Banners/webMovil_dolphin2.jpg);
    }

    #Slider3Movil.Dolphin3 {
        background-image: url(../Elementos_Web/Banners/webMovil_dolphin3.jpg);
    }

    /* PARA RIU */
    #Slider1Movil.riu {
        background-image: url(../Elementos_Web/Banners/webMovil-RIU.jpg);
    }
    /* PARA RIU */

    /* PARA ALL INCLUSIVE (ANTES AMR) */
    #Slider1Movil.amr {
        background-image: url(../Elementos_Web/Banners/webMovil_IC.jpg);
    }
    /* PARA ALL INCLUSIVE (ANTES AMR) */

    /* PARA PRESIDENTE */
    #Slider1Movil.presidente {
        background-image: url(../images/banners/webMovil-Presidente.jpg);
    }

    #Slider2Movil.presidente {
        background-image: url(../images/banners/webMovil-Presidente.jpg);
    }

    #Slider3Movil.presidente {
        background-image: url(../images/banners/webMovil-Presidente.jpg);
    }
    /* PARA PRESIDENTE */
}

@media only screen and (max-width: 600px) and (orientation: landscape) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 208px;
    }

    .imgslidermovil {
        display: none;
    }

    .imgslider {
        display: block;
    }
}

@media only screen and (min-width: 600px) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 288px;
    }

    .imgslidermovil {
        display: none;
    }

    .imgslider {
        display: block;
    }

    #SliderAIFA {
        background-image: url('../Elementos_Web/Banners/ipad_nuevosVuelos.jpg');
    }

    #SliderMerida {
        background-image: url('../Elementos_Web/Banners/ipad_Vuelo.jpg');
    }

    #SliderEclipse {
        background-image: url('../Elementos_Web/Banners/ipad_BuenMes.jpg');
    }

    #Slider0Escritorio {
        background-image: url('../Elementos_Web/Banners/ipad_Iberostar_marzo.jpg');
    }

    #Slider00Escritorio {
        background-image: url('../Elementos_Web/Banners/ipad_puebla2.jpg');
    }

    #SliderEscritorioLeon {
        background-image: url('../Elementos_Web/Banners/ipad_Leon.jpg');
    }

    #SliderEscritorioTemporada {
        background-image: url('../Elementos_Web/Banners/ipad_fiestaMexicana.jpg');
    }

    #Slider000Escritorio {
        background-image: url('../Elementos_Web/Banners/ipad_loscabos.jpg');
    }

    #Slider0000Escritorio {
        background-image: url('../Elementos_Web/Banners/ipad_paquetes.jpg');
    }

    #Slider1Escritorio {
        background-image: url('../Elementos_Web/Banners/ipad_Ven-a-Yucatan-clic.jpg');
    }

        #Slider1Escritorio.iberostar {
            background-image: url('../Elementos_Web/Banners/ipad_Iberostar.jpg');
        }

        #Slider1Escritorio.Yucatan {
            background-image: url('../Elementos_Web/Banners/ipad_Ven-a-Yucatan.jpg');
        }

    #Slider2Escritorio {
        background-image: url(../Elementos_Web/Banners/ipad_mayo2023.jpg);
    }

    #Slider3Escritorio {
        background-image: url(../Elementos_Web/Banners/ipad_octubre2022.jpg);
    }

    #Slider1Escritorio.Dolphin0 {
        background-image: url(../Elementos_Web/Banners/ipad_paquetesX.jpg);
    }

    #Slider1Escritorio.Dolphin1 {
        background-image: url(../Elementos_Web/Banners/ipad_dolphin1.jpg);
    }

    #Slider2Escritorio.Dolphin2 {
        background-image: url(../Elementos_Web/Banners/ipad_dolphin2.jpg);
    }

    #Slider3Escritorio.Dolphin3 {
        background-image: url(../Elementos_Web/Banners/ipad_dolphin3.jpg);
    }

    /* PARA RIU */
    #Slider1Escritorio.riu {
        background-image: url(../Elementos_Web/Banners/ipad-RIU.jpg);
    }
    /* PARA RIU */

    /* PARA ALL INCLUSIVE ANTES (AMR) */
    #Slider1Escritorio.amr {
        background-image: url(../Elementos_Web/Banners/ipad_IC.jpg);
    }
    /* PARA ALL INCLUSIVE ANTES (AMR) */

    /* PARA PRESIDENTE */
    #Slider1Escritorio.presidente {
        background-image: url(../images/banners/ipad-1200x480.jpg);
    }

    #Slider2Escritorio.presidente {
        background-image: url(../images/banners/ipad-1200x480.jpg);
    }

    #Slider3Escritorio.presidente {
        background-image: url(../images/banners/ipad-1200x480.jpg);
    }
    /* PARA PRESIDENTE */
}

@media only screen and (min-width: 600px) and (orientation: landscape) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 288px;
    }

    .imgslidermovil {
        display: none;
    }

    .imgslider {
        display: block;
    }
}


@media only screen and (min-width: 768px) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 288px;
    }

    .imgslidermovil {
        display: none;
    }

    .imgslider {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 288px;
    }

    .imgslidermovil {
        display: none;
    }

    .imgslider {
        display: block;
    }
}


@media only screen and (min-width: 992px) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 488px;
    }

    .imgslidermovil {
        display: none;
    }

    .imgslider {
        display: block;
    }
}

@media only screen and (min-width: 992px) and (orientation: landscape) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 488px;
    }

    .imgslidermovil {
        display: none;
    }

    .imgslider {
        display: block;
    }

    #SliderAIFA {
        background-image: url('../Elementos_Web/Banners/bannerWeb_nuevosVuelos.jpg');
    }

    #SliderMerida {
        background-image: url('../Elementos_Web/Banners/bannerWeb_vuelo.jpg');
    }

    #SliderEclipse {
        background-image: url('../Elementos_Web/Banners/bannerWeb_BuenMes.jpg');
    }

    #Slider0Escritorio {
        background-image: url('../Elementos_Web/Banners/bannerWeb_Iberostar_marzo.jpg');
    }

    #Slider00Escritorio {
        background-image: url('../Elementos_Web/Banners/bannerWeb_puebla2.jpg');
    }

    #SliderEscritorioLeon {
        background-image: url('../Elementos_Web/Banners/bannerWeb_Leon.jpg');
    }

    #SliderEscritorioTemporada {
        background-image: url('../Elementos_Web/Banners/bannerWeb_fiestaMexicana.jpg');
    }

    #Slider000Escritorio {
        background-image: url('../Elementos_Web/Banners/bannerWeb_loscabos.jpg');
    }

    #Slider0000Escritorio {
        background-image: url('../Elementos_Web/Banners/bannerWeb_paquetes.jpg');
    }

    #Slider1Escritorio {
        background-image: url('../Elementos_Web/Banners/bannerWeb_Ven-a-Yucatan-clic.jpg');
    }

        #Slider1Escritorio.iberostar {
            background-image: url('../Elementos_Web/Banners/bannerWeb_Iberostar.jpg');
        }

        #Slider1Escritorio.Yucatan {
            background-image: url('../Elementos_Web/Banners/bannerWeb_Ven-a-Yucatan.jpg');
        }

    #Slider2Escritorio {
        background-image: url(../Elementos_Web/Banners/bannerWeb_mayo2023.jpg);
    }

    #Slider3Escritorio {
        background-image: url(../Elementos_Web/Banners/bannerWeb_octubre2022.jpg);
    }

    #Slider1Escritorio.Dolphin0 {
        background-image: url('../Elementos_Web/Banners/bannerWeb_paquetesX.jpg');
    }

    #Slider1Escritorio.Dolphin1 {
        background-image: url('../Elementos_Web/Banners/bannerWebDesk_Dolphin1.jpg');
    }

    #Slider2Escritorio.Dolphin2 {
        background-image: url('../Elementos_Web/Banners/bannerWebDesk_Dolphin2.jpg');
    }

    #Slider3Escritorio.Dolphin3 {
        background-image: url('../Elementos_Web/Banners/bannerWebDesk_Dolphin3.jpg');
    }

    /* PARA RIU */
    #Slider1Escritorio.riu {
        background-image: url('../Elementos_Web/Banners/bannerWeb_RIU.jpg');
    }
    /* PARA RIU */

    /* PARA ALL INCLUSIVE (ANTES AMR) */
    #Slider1Escritorio.amr {
        background-image: url('../Elementos_Web/Banners/bannerWeb_IC.jpg');
    }
    /* PARA ALL INCLUSIVE (ANTES AMR) */

    /* PARA PRESIDENTE */
    #Slider1Escritorio.presidente {
        background-image: url(../images/banners/bannerWeb_Presidente.jpg);
    }

    #Slider2Escritorio.presidente {
        background-image: url(../images/banners/bannerWeb_Presidente.jpg);
    }

    #Slider3Escritorio.presidente {
        background-image: url(../images/banners/bannerWeb_Presidente.jpg);
    }
    /* PARA PRESIDENTE */
}


@media (max-width: 359px) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 3px;
    }

    .imgslidermovil {
        display: block;
    }

    .imgslider {
        display: none;
    }
}

@media only screen and (max-width: 359px) and (orientation: landscape) {
    .bss-slides figure {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 180px;
    }

    .imgslidermovil {
        display: none;
    }

    .imgslider {
        display: block;
    }
}



/*Estilos Texto Slider*/

.posicion-slider {
    position: absolute;
    bottom: 145px;
    overflow: hidden;
}


.contenido-slider {
    padding: 100px 60px;
    position: relative;
    transition-property: transform;
}

.titulo-slider {
    font-size: 60px;
    font-weight: bold;
    color: white;
}

.subtitulo-slider {
    font-size: 40px;
    font-weight: 300;
    color: white;
    margin-top: 10px;
}

.contenido-slider .texto-slider p {
    font-size: 21px;
    font-weight: 500;
    color: white;
    margin-top: 5px;
    line-height: 1.3;
    max-width: 450px;
}

.animacion-titulo {
    animation: titulo 2s;
}

.animacion-subtitulo {
    animation: subtitulo 1.5s;
}

.animacion-texto {
    animation: texto 1s;
}

@-webkit-keyframes titulo {
    from {
        margin-left: 150%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-webkit-keyframes subtitulo {
    from {
        margin-left: 150%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-webkit-keyframes texto {
    from {
        margin-left: 150%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 300%;
    }
}

.texto-animacion {
}