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

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

.banner .banner-title{
	position: absolute;
    right: 32%;
	top: 58%;
    width:54vw;
	height:54vw;
	}

	
.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:#000000;
	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; margin-top:20px;
}

.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: flex-start;
    -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( 16px + 3vw); /*70-30*/
	line-height: 1.2;
	color: #ffffff;
	font-weight: 500;
    text-align: right;
}
	
.pack-data .price-area .listprice {
	font-size: calc( 10px + 0.5vw);
	text-decoration: line-through;
	color: #cccccc;
    text-align: right;
}
		
.pack-data .price-area-buy .buy-button {
	font-size: calc(16px + 0.5vw); /*24-16*/
	line-height: none;
	border: none;
	background-color: #ff9f00;
	color: #fff;
	width:calc(100px + 10vw);
	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: 16%;
	top: 58%;
	width:55vw;
}
.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( 30px + 0.5vw);
	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;
}

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

.FeatureTitle{
	border:1px solid #cccccc; 
	padding:5px 15px; 
	line-height:1.5;
	text-transform:uppercase; 
	background-color:#ffffff; 
	width:300px; }
	
.FeatureText{
	padding:calc( 14px + 1vw ); 
	}
.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;}

.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:url(include/images/combo_banner_PT2.jpg) bottom; 
	padding:20px calc(10px + 1vw );
}
.bundle-lable{
	position: absolute;
	right: 0%;
    bottom: 3%;
	width:15vw;
    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( 40px + 3.25vw); /*70-30*/
	line-height: 1.2;
	color: #282828;
	font-weight: 700;
    text-align: center;
}
	
.pack-Bundle .price-area .listprice {
	font-size: calc( 15px + 0.5vw);
	text-decoration: line-through;
	color: #565656;
    text-align: center;
}
		
.pack-Bundle .price-area .buy-button {
	font-size: calc(18px + 0.725vw); /*24-16*/
	line-height: none;
	border: none;
	background-color: #282828;
	color: #fff;
	/*width:calc(40px + 20vw);*/
	text-align:center;
	padding:0.5vw;
}

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

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