/* GENERAL ======================================== */
.carousel-descuento .carousel-control {
    position: absolute;
    top: 0px !important;
    bottom: 1px !important;
    left: 0;
    width: 15%;
    height: 40px;
    color: #fff;
    text-align: center;
    /* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
    filter: alpha(opacity=100) !important;
    opacity: .9 !important;
    font-size: 30px !important;
}

.carousel-descuento .carousel-control.left, 
.carousel-descuento .carousel-control.right {
    background-image: none !important;
}

.carousel-descuento .carousel-indicators {
    bottom: 50px;
    left:36%;
}

.carousel-caption img {
    height: 50vh !important;
    position: relative;
    bottom: -35vh;
}
/* /GENERAL ======================================== */





/* DIRECTO ======================================== */
#carousel_descuentos_directo .promo {    
    align-self: center;
    display:inline !important;
    height: 55vh;
    top: -3vh;
    position: relative;
}
/* /DIRECTO ======================================== */





/* AGENCIA ======================================== */
#carousel_descuentos_agencia {
    height:100vh;
}


#agencia .carousel-descuento .carousel-indicators {
    bottom: 10vh;
    left:50%;
}
#agencia .carousel-descuento .carousel-indicators li {
     border: 1px solid #FFF;
}
#agencia .carousel-descuento .carousel-indicators li:active {
     background-color: #FFF;
}
#agencia .carousel-descuento .carousel-indicators .active{
    background-color: #FFF;
}

#carousel_descuentos_agencia .promo {
    height: 50vh;
    margin-top: 17vh;
    display:inline !important;
}

#carousel_descuentos_agencia.carousel .carousel-inner{
    height: 100%;/* CORRECCION 1520hs */
}

#carousel_descuentos_agencia.carousel .carousel-inner .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    height:100%;/* CORRECCION 1520hs */
}
#carousel_descuentos_agencia.carousel .carousel-inner .item .carousel-caption{    
    position: absolute;
    top: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6) ; 
}
#carousel_descuentos_agencia.carousel .carousel-inner .item .carousel-caption img{
    height: 100%;
    width: auto;
    display: block; 
    margin-left: auto;
    margin-right: auto;    
}

@media screen and (max-width: 767px) {
    #agencia .carousel-descuento .carousel-indicators {
        bottom: 0vh; 
        left:50%; 
    }    
}

/* /AGENCIA ======================================== */


/* PROMOS ======================================== */
#carousel_descuentos_promociones {
    height:100vh;
}
#carousel_descuentos_promociones.carousel-descuento .carousel-indicators {
    /*bottom: 150px;*/
    bottom: 8vh;
}
#carousel_descuentos_promociones.carousel .carousel-inner{
    height: 100%;/* CORRECCION 1520hs */
}
#carousel_descuentos_promociones.carousel .carousel-inner .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    height:100%;/* CORRECCION 1520hs */
}
#carousel_descuentos_promociones.carousel .carousel-inner .item .carousel-caption{    
    position: absolute;
    top: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6) ; 
}
#carousel_descuentos_promociones.carousel .carousel-inner .item .carousel-caption img{
    height: 100%;
    width: auto;
    display: block; 
    margin-left: auto;
    margin-right: auto;    
}

#carousel_descuentos_promociones .promo {
    /*height: 60vh;
    margin-top: 70px;
    display:inline !important;*/

    position: relative;
    display: inline-block;
    /*padding-top: 280px;*/
    padding-top: 40vh;
    width: 50vw;
}

@media screen and (max-width: 767px) {
   #carousel_descuentos_promociones .promo {
    /*height: 60vh;
    margin-top: 70px;
    display:inline !important;*/

    position: relative;
    display: inline-block;
    /*padding-top: 280px;*/
   padding-top: 50vh;
    width: 100vw;
}
}

    
/* /PROMOS ======================================== */




/* Carousel Fading slide */

/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> NO ENCUENTRO QUE SE UTILICE .promocion-directo 

.promocion-directo .carousel-fade {
    background: #FFF;
    width: 80%; /-* DIFERENCIA *-/
    margin: 0 auto;
    min-height: 400px;
    -webkit-box-shadow: 1px 5px 25px 1px #C2C2C2; /-* DIFERENCIA *-/
    box-shadow: 1px 5px 25px 1px #C2C2C2; /-* DIFERENCIA *-/
}

.promocion-directo .carousel-inner {
    min-height: 350px;
}

.promocion-directo .carousel-fade .carousel-inner {
    background: #FFF;
}

.promocion-directo .carousel-fade .carousel-control {
    z-index: 2;
}

.promocion-directo .carousel-fade .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.promocion-directo .carousel-fade .next.left,
.promocion-directo .carousel-fade .prev.right,
.promocion-directo .carousel-fade .item.active {
    opacity: 1;
}

.promocion-directo .carousel-fade .active.left,
.promocion-directo .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

/-* Safari Fix *-/
@media all and (transform-3d), (-webkit-transform-3d) {    
    .promocion-directo .carousel-fade .carousel-inner > .item.next,
    .promocion-directo .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .promocion-directo .carousel-fade .carousel-inner > .item.prev,
    .promocion-directo .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .promocion-directo .carousel-fade .carousel-inner > .item.next.left,
    .promocion-directo .carousel-fade .carousel-inner > .item.prev.right,
    .promocion-directo .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
}

.promocion-directo .carousel-indicators .active {
    background-color: #333;
}

.promocion-directo .carousel-indicators li {
    border: 1px solid #333;
}

.promocion-directo .carousel-fade {
}

.promocion-directo .carousel-inner .item {
    transition-property: opacity;
}

.promocion-directo .item, 
.promocion-directo .active.left, 
.promocion-directo .active.right {
    opacity: 0;
}

.promocion-directo .active, 
.promocion-directo .next.left, 
.promocion-directo .prev.right {
    opacity: 1;
}

.promocion-directo .next, 
.promocion-directo .prev, 
.promocion-directo .active.left, 
.promocion-directo .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.promocion-directo .carousel-control {
    z-index: 2;
}

.promocion-directo .carousel, 
.promocion-directo .carousel-inner, 
.promocion-directo .carousel-inner .item {
    height: 100%;
}

@media screen and (max-width: 767px) {
    /*    
    .promocion-directo .carousel-fade, 
    .promocion-directo .carousel-inner {
        min-height: 288px;
    }

    
    .promocion-directo .carousel-inner {
        padding-bottom: 20px;
    }    
    
}
*/


/* uccarouseldescuentos_derecha_nwc */
/*
#imagenesdescuentosderecha {height:100vh;}
#imagenesdescuentosderecha.carousel .carousel-inner .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
}
#imagenesdescuentosderecha.carousel .carousel-inner .item .carousel-caption { 
    right: 0;
    left: auto;
    padding-bottom: 30px;
    top: 0;
    width: 33.3%;
    background-color: #fefefe;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 90px;
    height: 100%;
}
#imagenesdescuentosderecha.carousel .carousel-inner .item .carousel-caption img {
    height: auto;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
*/




@media screen and (min-width:768px) {
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }   
}

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

    /* DIRECTO ======================================== */    

    #carousel_descuentos_directo_mobile #section-home .right {
        display: flex;
        width: 100%;    
    }
    
    #carousel_descuentos_directo #section-home .right.discount,
    #carousel_descuentos_directo_mobile #section-home .right.discount { 
        height: 100%; 
        justify-content:normal; 
    } 

    /* .promos se usa en el canal directo para mostrar un carousel en mobile */


    .promos{
	    background-image: url(/assets/coris/images/promos/fondo-promos.png);
        background-color: #F2F2F2;
        width: 100%;
        padding: 0 5vw;
    }
    .promos #carousel_descuentos_directo_mobile{
        height: 50vh;
        max-height: 50vh;
    }

    #carousel_descuentos_directo_mobile .carousel-indicators {
        bottom: 0vh;
        left: 50%;
    }
    #carousel_descuentos_directo_mobile .carousel-indicators li {
	    border: 1px solid #000;
    }
    #carousel_descuentos_directo_mobile .carousel-indicators .active {    
        background-color: #000;
    }

    .promos #carousel_descuentos_directo_mobile .carousel-inner{
        height: 100%;
    }
    /*
    .promos #carousel_descuentos_directo_mobile .carousel-descuento .carousel-indicators {
        bottom: 50px;       
    }
    */

    /*
    .promos #carousel_descuentos_directo_mobile .carousel-inner .item{
        margin-top: 0;
        display: block;
        position: relative;
        width: 100%;
        flex-direction: column;    
        max-height: 50vh;
        text-align: center;
    }
    */
    .promos #carousel_descuentos_directo_mobile .carousel-inner .item img{
	    max-height: 50vh;
	    display: inline;
    }
    
    .promos #carousel_descuentos_directo_mobile  #section-home .right.discount {
         display: flex !important; 
        justify-content: center;
        flex-direction: column;
        height: 50vh;
        background-color: rgb(0,0,0,0) !important;
    }
    .promos #carousel_descuentos_directo_mobile  #section-home .right.discount div {text-align: -webkit-center;display: flex !important;justify-content: center;flex-direction: column; height: 100%;}
    .promos #carousel_descuentos_directo_mobile  #section-home .right.discount div img {max-height: 100%;}
    

    .promos .formas-pago { display: flex !important;justify-content: center;flex-direction: column; height: 25vh;}  
    .promos .formas-pago .promo-flecha{font-size: 18pt;padding-top: 10px;text-align: center;}
    .promos .formas-pago .promo-titulo {font-family: 'brix_sansblack',sans-serif;font-size: 30pt;padding-top: 10px;    text-align: center;}
    .promos .formas-pago .promo-subtitulo {font-family: 'loraitalic',sans-serif;font-size: 15pt;    text-align: center;}
    .promos .formas-pago .promo-linea {height: 20px;width: 30px;border-bottom: 1px solid #000;margin: -10px auto 10px auto;    text-align: center;}
    .promos .formas-pago .promo-imagen {text-align: center;}
    .promos .formas-pago .promo-imagen img {display:inline;height: 4vh;margin-top: 1vh;margin-bottom: 1vh;    text-align: center;}
    
    .promos .formas-pago-efectivo {display: flex !important;justify-content: center;flex-direction: column; height: 15vh;}      
    .promos .formas-pago-efectivo .promo-titulo {font-family: 'loraitalic',sans-serif;font-size: 15pt; height: 5vh;  text-align: center;}
    .promos .formas-pago-efectivo .promo-imagen {background-color: #fff;margin-bottom: 1vh; text-align: center;}    
    .promos .formas-pago-efectivo .promo-imagen img {display:inline; margin-top: 1vh;margin-bottom: 1vh; max-height: 3vh;  }
    

    /* /DIRECTO ======================================== */    





    /* AGENCIA ======================================== */

    #agencia ##carousel_descuentos_agencia .promo {
        height: 20vh;
        margin-top: 25px;
        display:inline !important;
    }

    #carousel_descuentos_agencia_mobile{
        height:100vh;
    }

    #carousel_descuentos_agencia_mobile .carousel-indicators{
        bottom:8vh;
    }
    #carousel_descuentos_agencia_mobile .carousel-inner {
        height:100vh;    
    }

    #carousel_descuentos_agencia_mobile .carousel-inner .item {
        background-position: center;background-repeat: no-repeat;background-size: cover;align-items: center;
        height:100vh;
    }
    #carousel_descuentos_agencia_mobile .carousel-inner .item .promo {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom: 25vh;
    }
    #carousel_descuentos_agencia_mobile .carousel-inner .item .promo.abajo {        
        bottom: 18vh;
    }
    #carousel_descuentos_agencia_mobile .carousel-inner .item .promo.arriba {        
        top: 10vh;
    }

    #carousel_descuentos_agencia_mobile .carousel-inner .item .promo-texto {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom: 25vh;
    }
    #carousel_descuentos_agencia_mobile .carousel-inner .item .promo-texto.abajo {        
        bottom: 18vh;
    }
    #carousel_descuentos_agencia_mobile .carousel-inner .item .promo-texto.arriba {        
        top: 10vh;
    }
    #carousel_descuentos_agencia_mobile .carousel-inner .item .promo-texto .title{
        font-family: lora;
        font-size: 15pt;
        text-transform: uppercase;
        background-color: #fff;
        margin: 0 7vw;
        font-weight: 600;
        padding: 3px;
    }
    #carousel_descuentos_agencia_mobile .carousel-inner .item .promo-texto .subtitle{
        font-family: lora;
        font-size: 15pt;
        text-transform: uppercase;
        color: #fff;
        margin: 0 7vw;
        padding: 3px;
    }

    /* /AGENCIA ======================================== */
}



/* coris.lgbt.css ======================================== */

/* parte tres */
.lgbt .carousel-fade {
    background: #FFF;
    width: 80%;
    margin: 0 auto;
    min-height: 400px;
    -webkit-box-shadow: 1px 5px 25px 1px #C2C2C2;
    box-shadow: 1px 5px 25px 1px #C2C2C2;
}
.lgbt .carousel-inner {}
.lgbt .carousel-control {
    position: absolute;
    top: 0 !important;
    bottom: 0 !important;
    left: 0;
    width: 10%;
    font-size: 20px !important;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5 !important;
    height: auto;
}
.lgbt .carousel-fade .carousel-inner {
    background: #FFF;
}
.lgbt .carousel-fade .carousel-control {
    z-index: 2;
}
.lgbt .carousel-fade .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.lgbt .carousel-fade .next.left,
.lgbt .carousel-fade .prev.right,
.lgbt .carousel-fade .item.active {
    opacity: 1;
}
.lgbt .carousel-fade .active.left,
.lgbt .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}       
.lgbt .carousel-control.left,
.lgbt .carousel-control.right {
    cursor: pointer;
    z-index: 999;
    width: 80px;
}

.carousel-control.right{ 
    left:auto; 
}

.lgbt #carousel-new .item.active {
    display: block;
}

.lgbt #carousel-new .item {
    display: none;
}
.lgbt #carousel-new .item .img-responsive {
    margin: 0 auto;
}

.lgbt .item:nth-child(1),
.lgbt .item:nth-child(2),
.lgbt .item:nth-child(3) {
    background: rgb(0,0,0,0);
}
/* /parte tres */

/* /coris.lgbt.css ======================================== */


/* CAROUSEL EN COMPARADOR */
#carousel_compare_mobile .carousel-indicators li {
     border: 1px solid #333;
}
#carousel_compare_mobile .carousel-indicators li:active {
     background-color: #333;
}
#carousel_compare_mobile .carousel-indicators .active{
    background-color: #333;
}
#carousel_compare_mobile .caja-producto {
    margin-top: 20px;
    margin-bottom: 80px;
}
/* /CAROUSEL EN COMPARADOR */