/*=============================================
INFOPRODUCTO
/* =============================================*/
.content-infoproducto-details .fa-2x{
    color: #ec38bc;
}

.swiper-container-infoproducto {
    width: 100%;
    overflow: hidden;
}
.mySwiper-inf {    
    padding: 10px 0 0;
}
.banner-infoproduct{ 
    overflow: hidden;
    position: relative;
    height: 350px;
}

.text-success{ color: #ff9900 !important; }
.nav-tabs .nav-link {
    color: grey;
}
.nav-tabs {
    border-bottom: 1px solid #AC42FF;
}
.nav-tabs .nav-link.active {
    color: white;
    background: #AC42FF;
    
    border: 1px solid #AC42FF;
}

.nav-tabs .nav-link:hover {
    border-color: #AC42FF;
    isolation: isolate;
}

.days, .departures {
    margin-top: -10px;
    display: block;
}

.buy {
    width: 100%;
}

.img-circle {
    border-radius: 50%;
}

#myTabContent strong{ font-weight: bold;}
#myTabContent li{ list-style: outside; margin-left: 15px;}
#infoproducto-slide{
    position: relative;
}
#infoproducto-details{
    background: rgba(115, 3, 192, .8);
    z-index: 9;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.package-name{
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 9;
}
.package-name h1{    
    font-weight: bold;
    font-size: 1.5rem;
    color: white;
    margin-top: 200px;
    text-shadow: -1px -1px 12px rgba(60, 60, 60, 1);
}

#infoproducto-slide .container-off{
    
    border-right: 50px solid transparent;
    border-top: 50px solid transparent;
    border-left: 50px solid #e91e63;
    border-bottom: 50px solid #e91e63;
}

.tab-pane, .justify-text{ text-align: justify;}

.bg-total-price{
    background: #f9f9f9;
}

.bg-total-price h2{
    color: #AC42FF;
}

/*=============================================
MEDIA QUERIES
=============================================*/

@media (min-width: 576px) {   
    .flexslider {
        width: 83%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  
    .flexslider {
        width: 88%;
    }

    .view-video {
        width: 11%;
    }

    .banner-infoproduct{ 
        height: 450px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .flexslider {
        width: 85%;
    }
    .view-video {
        width: 13%;
    }
    .package-name h1{    
        font-size: 3.5rem;
        margin-top: 50px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
   
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
   
}