@charset "utf-8";
/* CSS Document */
body{ background-color: transparent; }
/*------------------------------------
            $Banner
------------------------------------*/
.banner{ 
	background: black; 
	background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position: relative;
	height: 36.4vw;
	background-image: url(../images/main.jpg); 
}

.banner > .row{ height: 100%; }

.banner .banner-title{
	position: absolute;
    left: 19.5%;
	top: 21.5%;
    width:42vw;
	height:42vw;
	}
	
.banner .play_button{
	position: absolute;
    left: 58.5%;
	top: 68%;
    width:10vw;
	height:10vw;
	}

	
.banner .banner-info {
	position: absolute;
	right: 9vw;
	top: 0vw;
	width:19vw;
	height:30vw;
	background-color:#000000;
	opacity:0.80;
	z-index:10;
	padding:calc( 10px + 1vw ) calc( 10px + 1vw );
  }

.banner-info .text{
	display:block; 
	padding-bottom:calc( 12px + 1vw ); 
	border-bottom:1px dashed #969696; margin-bottom:15px;}
.banner-info .text h3{
	color:#ffffff;
	}
.banner-info .text p{
	color:#e4e4e4;
	}
	
.banner-info .Price {
	font-size: calc( 18px + 2.5vw); /*70-30*/
	color:#ffffff;
	font-weight:bold;
	}
.banner-info .listPrice {
	font-size: calc( 10px + 0.5vw);
	text-decoration:line-through;
	color:#cccccc;
	}
		
.banner-button{
	font-size: calc( 14.4px + 0.5vw); /*24-16*/
	line-height: none;
	border: none;
	background-color: #ff9f00;
	color: #fff;
	display:block;
	width:98%;
	text-align:center;
	padding:0.5vh;
	opacity:1;
		}
		

.galleryErea{
	padding-top:calc( 10px + 1vw ); 
	padding-bottom:calc( 10px + 1vw );
	
	}	
		
		.banner-info .banner-button:focus{ outline: none; }
		.banner-info .banner-button:hover{ background-color: #fff; color: #666666; }
		.banner-info .banner-button:hover .icon{ fill: #666666; }
		.ct .banner-info .banner-button:hover{ background-color: #cccccc; }



		
/* ------ pack data (begin)------ */
.pack-data {
    color:#ffffff;
	position: absolute;
	right: calc(13vw - 80px);
	
    width:calc(130px + 12vw);
	background-color:#141414;
	opacity:0.8;
	z-index:10;
	padding:0px calc(5px + 1vw );
	margin-top:

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    -webkit-flex- justify-content: space-around;
}


.pack-data > div {
    padding-bottom:calc(1.5vw);
}

.pack-data .info {
	border-bottom:1px dashed #969696; margin-bottom:15px; 
}

.pack-data .info .pack-name,
.pack-data .info .artist {
    line-height: 1.2;
    color:#e4e4e4;
}

.pack-data .price-area {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex- justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.pack-data .price-area-buy {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-flex- justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
	margin-bottom:20px;
}

.pack-data .saleprice {
	font-size: calc( 10px + 2vw); /*70-30*/
	line-height: 1.2;
	color: #ffffff;
	font-weight: 500;
    text-align: right;
}
	
.pack-data .price-area .listprice {
	font-size: calc( 15px + 0.5vw);
	text-decoration: line-through;
	color: #cccccc;
    text-align: right;
}
		
.pack-data .price-area .buy-button {
	font-size: calc(16px + 0.5vw); /*24-16*/
	line-height: none;
	border: none;
	background-color: #ff9f00;
	color: #fff;
	width:calc(90px + 5vw);
	text-align:center;
	padding:0.5vw;
}

.pack-data .buy-button:focus { outline: none; }
.pack-data .buy-button:hover { background-color: #fff; color: #666666; }

.pack-data a {
    text-decoration: none !important;
}

/* ------banner 1440 pack data (begin)------ */

.banner1440{
	position: relative;
	background-image: url(../images/main_1440.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}

.banner1440 > .row{ height: 100%; }

.banner1440 .banner-title{
	position: absolute;
    left: 26%;
	top: 28%;
	width:47vw;
}
.pack-data1440 {
    color:#ffffff;
	background-color:#000000;
	opacity:0.8;
	z-index:10;
	padding:0px calc(20px + 1vw );
	
/*	padding:0px calc(5px + 1vw );

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    -webkit-flex- justify-content: space-around;*/
}


.pack-data1440 > div {
/*    padding-bottom:calc(1.5vw);*/
}

.pack-data1440 .info {
	/*border-bottom:1px dashed #969696;*/ margin-bottom:15px;
}

.pack-data1440 .info .pack-name,
.pack-data1440 .info .artist {
    line-height: 1.2;
    color:#e4e4e4;
}

.pack-data1440 .price-area {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex- justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
	margin-bottom:15px;
}

.pack-data1440 .saleprice {
	font-size: calc( 30px + 2vw); /*70-30*/
	line-height: 1.2;
	color: #ffffff;
	font-weight: 500;
    text-align: right;
}
	
.pack-data1440 .price-area .listprice {
	font-size: calc( 20px + 0.3vw);
	text-decoration: line-through;
	color: #cccccc;
    text-align: right;
}
		
.pack-data1440 .price-area .buy-button {
	font-size: calc(16px + 0.5vw); /*24-16*/
	line-height: none;
	border: none;
	background-color: #ff9f00;
	color: #fff;
	width:calc(150px + 5vw);
	text-align:center;
	padding:1vw;
}

.pack-data1440 .buy-button:focus { outline: none; }
.pack-data1440 .buy-button:hover { background-color: #fff; color: #666666; }

.pack-data1440 a {
    text-decoration: none !important;
}

/*-----Link Style-----*/
    .rl-style a{color:#69918c; text-decoration: none;}
    .rl-style a:hover{color:#69918c; text-decoration:underline;}
    .rl-style a:focus,
    .rl-style a:active,
    .rl-style a:active:focus{color:#69918c; outline: none;}

		
/*------------------------------------
            $Feature ITEM
------------------------------------*/

.FeatureTitle{
	border:1px solid #cccccc; 
	padding:5px 15px; 
	line-height:1.5;
	text-transform:uppercase; 
	background-color:#0f0f0f; 
	width:300px; 
	color:#fff;
	}
	
.DescriptionTitle{
	border:1px solid #cccccc; 
	padding:5px 15px; 
	line-height:1.5;
	text-transform:uppercase; 
	background-color:#fff; 
	width:300px;
	}
	
.FeatureText{ 
		color:#969696;
	}
	
.FeatureText h3{
	    font-size: calc( 26.4px + 0.5vw ); /*36*/ 
        font-weight: 300; 
        line-height:1.2; 
        padding-top: 0;
        padding-bottom: calc( 16px + 1.25vw );
		text-transform:uppercase;
		} 
		
.FeatureBack{
	    background: black; 
	    background-repeat: no-repeat;
        background-size: cover;
		Height: 51vw;
	    background-image: url(../images/Feature_01.jpg);
        }

.FeatureBack-2{
	    background: lightgray; 
	    background-repeat: no-repeat;
        background-size: cover;
		height:45vh;
	    background-image: url(../images/Feature_03.jpg);
        }
		
.FeatureBack1440{ 
        background-color:#0f0f0f;
        }
		
.note{ color:#fff;}
	
.note a{ color:#94bdb8;}
.note a:hover{color:#fff;}
.note a:link{color:#94bdb8;}

.Bundle{
	background-color:#dcdcdc; 
	padding-top:calc( 20px + 1vw ); 
	padding-bottom:calc( 30px + 1vw );
	}
	
.BuyAlso{
	background-color:#464646; 
	padding-top:calc( 20px + 1vw ); 
	padding-bottom:calc(40px + 1vw );
	}
	
	
	/* ------ Bundle pack data------ */
.bundle-erea {
	position: relative;
	border: 1px solid #969696; 
	background-color: #ffffff; 
	padding:20px calc(10px + 1vw );
}

.bundle-lable{
	position: absolute;
	right: 0%;
    top: 5%;
	width:15vw;
    height:7.5vw;
}

.bundle-lable-top{
	position: absolute;
	left: 0%;
    top: 0%;
	width:11.5vw;
    height:7.5vw;
}


.pack-Bundle {
    /*padding:20px calc(10px + 1vw );*/
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    -webkit-flex- justify-content: space-around;
}

.pack-Bundle > div {
    padding-bottom:calc(0.5vw);
}

.pack-Bundle .price-area {
/*    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex- justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;*/
}

.pack-Bundle .saleprice {
	font-size: calc( 20px + 2vw); /*70-30*/
	line-height: 1.2;
	color: #282828;
	font-weight: 700;
    text-align: center;
}
	
.pack-Bundle .price-area .listprice {
	font-size: calc( 10px + 0.5vw);
	text-decoration: line-through;
	color: #969696;
    text-align: center;
}
		
.pack-Bundle .price-area .buy-button {
	font-size: calc(16px + 0.5vw); /*24-16*/
	line-height: none;
	border: none;
	background-color: #ff9f00;
	color: #fff;
/*	width:calc(90px + 5vw);*/
	text-align:center;
	padding:0.5vw;
}

.pack-Bundle .buy-button:focus { outline: none; }
.pack-Bundle .buy-button:hover { background-color: #ea9200; color: #ffffff; }


.pack-Bundle a {
    text-decoration: none !important;
}

.paddingLeft{margin-left: -20px; margin-bottom: 30px;}


		
@media screen and (max-width: 1440px) {
    .pack-data {
        right: 2vw;
    }
}