/* Home Page Slider Styles*/

.home-page-slider {
    width: 100%;
}

.home-page-slider img {
    width: 100%;
}


.home-title-bgimage {
    background-image:url("../images/transparent-bar-black.png")!important;
}

.home-title-overlay{
    bottom: 85px!important;
    padding: 13px 15px 16px 15px!important;
    font-size: 30px!important;
    line-height: 30px;
}

.home-checkout-overlay{
    bottom: 54px!important;
    padding: 0 0!important;
}

.btn-check-out {
    background: #7f3f98!important;
    color: white;
    font-size: 18px;
    line-height: 18px;
    padding: 9px 15px 7px;
    font-family: "HelveticaNeueW02-55Roma", Arial, Helvetica, sans-serif;
    font-weight: lighter;
}

.caret-right {
    border-left: 5px solid white;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
    color: white;
    margin: 2px 4px 4px 11px;
}

/* beyond home entertainment slider styles*/

#slider-hero {
    padding: 0 0 5px;
}

#slider-hero .item {
    min-height: 434px;
    overflow: hidden;
}

#slider-hero .hero-2 .hero-image {
    display: none;
}

#slider-hero .hero-1 img {
    margin-top: 33px;
}

#slider-hero .hero-1 .carousel-caption {
    bottom: 10px;
    left: 56%;
    position: absolute;
    text-align: left;
    top: 88px;
    width: 40%;
}

#slider-hero .ds-white {
    color: #ffffff!important;
}

#slider-hero .hero-2 .carousel-caption {
    left: 115px;
    right: 25px;
    text-align: left;
    top: 27px;
    position: absolute;
}

#slider-hero h2 a, #slider-hero h3 a{
    color: black;
}

#slider-hero h2 {
    padding: 0px;
}

#slider-hero h3 {
    font-size: 22px;
    margin-top: 10px;
    font-weight: bold;
}

#slider-hero h3 a{
    display: inline-block;
}

#slider-hero .btn-generic
{
    padding: 3px 11px 3px 12px;
    border: 0px;
}

#slider-hero .hero-2 .carousel-caption .dvd-cover, #slider-hero .hero-2 .carousel-caption .hero-desc, #slider-hero .hero-2 {
    float: left;
}

#slider-hero .hero-2 .carousel-caption .dvd-cover {
    margin: 0 43px 0 15px;
    width: 29%;
    max-height: 363px;
}

#slider-hero .hero-2 .carousel-caption .dvd-cover img {
    border: 7px solid #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

#slider-hero .hero-2 .carousel-caption .hero-desc {
    margin: 0 20px 0 0;
    width: 62%;
}

#slider-hero .video-play{
    margin: 16px 0 0 0;
    position: relative;
    width: 65%;
}

#slider-hero .video-play .video {
    border: 7px solid #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

#slider-hero .contact-form {
    background-image: none;
}

.video-play .img-play {
    background: url("../images/btn-slider-play.png") no-repeat center center transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 
}

#slider-hero  .carousel-caption p {
    font-size: 14px;
    color: black;
} 

@media (max-width: 992px){
    #slider-hero .item {
        min-height: 380px!important;
    }
    #slider-hero .hero-2 .carousel-caption .hero-desc {
    margin: 0 20px 0 0;
    width: 50%;
}

}

@media (max-width: 767px) {

    #slider-hero .item {
        min-height: 280px!important;
    }
  
	#slider-hero .hero-2 .carousel-caption .video-play {
		display:none;
	}
	
	#slider-hero .hero-2 .carousel-caption .hero-desc {
		width:40%;
	}

    #slider-hero .hero-1 .carousel-caption {
        top: 45px!important;
        right: 10px;
        left: 50%;
    }
    #slider-hero  .carousel-caption p {
        font-size: 13px;
        color: black;
    } 
}

@media (max-width: 650px) {
    #slider-hero .hero-1 p,   #slider-hero .hero-2 p{
        display: none;
    }

}

@media (max-width: 480px){

     #slider-hero .item {
        min-height: 180px!important;
    }

    #slider-hero h2 {
        font-size: 13px;
    }

    #slider-hero h3 {
        font-size: 20px;
    }

    #slider-hero .hero-2 .carousel-caption {
        left: 30px;
    }

    #slider-hero .hero-2 .carousel-caption .dvd-cover {
        display: none;
    }
    #slider-hero .hero-2 .carousel-caption .hero-desc {
        width: 100%;
    }
    
    #slider-hero  .btn-visit-site {
        width: 100%;
        max-width: 100%;
    }
}


@media (max-width: 320px) {

    #slider-hero h3 {
        display: none;
    }

    #slider-hero .hero-1 .carousel-caption {
        top: 35px!important;
    }
}



	


/*Home Page Slider Styles End*/