/* CSS Document */

.stripMainContainer {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
        padding-bottom: 1vw;
    overflow-x: scroll;
    overflow-y: visible;
	scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: none;
    display: inline-block;
   
   
}
.stripMainContainer_stb_ {
	position: relative;
	top: 0;
	left: 0;
	width: calc(100% - 5.2vw);
    margin-top: 1vw;
 
   
   
}
.stripMainContainer_mob_ {
	position: relative;
	top: 0;
	left: 0;
	/*height: 32.291vw;*/
    padding-bottom: 4.5vw;
	width: 100%;
	/*transition: 300ms ease-out;
	-webkit-transition: 300ms ease-out;*/
    overflow-x: scroll;
    overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: none;
    /*padding-bottom: 5vw;*/
   
}

.stripTitle {
    /*position: sticky;
    position: -webkit-sticky;  */
    position:relative;
    left: 5.2vw;
    height: 1.56vw;
    color: #BCB9B9;
    width: 31.25vw;
     top: 0.33vw; 
    font-size: 1.52vw;
    line-height: 1.52vw;
    vertical-align: top;
    -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    z-index: 1000;

}
.stripTitle_ipad_ {
    position: sticky;
    position: -webkit-sticky; /* Safari */
    left: 5.2vw;
    height: 2.2vw;
    color: #BCB9B9;
    width: 31.25vw;
    /* top: 0.333vw; */
    font-size: 1.8vw;
    line-height: 2.2vw;
    vertical-align: top;
    z-index: 1000;
    text-align: left;

}
.stripTitle_iph_ {
	font-family: _light;
    position: sticky;
    position: -webkit-sticky; /* Safari */
    left: 5.2vw;
    height: 3.56vw;
    color: #BCB9B9;
    width: 94vw;
    top: 0.333vw;
    font-size: 4vw;
    line-height: 4vw;
    -webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    z-index: 1000;
}

.stripSubContainer {
	position: relative;
    left: 5.2vw;
    white-space: nowrap;
    padding-bottom: 7vw;
    display: inline-block;
    z-index: 0;
    transform: translate3d(0,0,0);
    width: auto;
    padding-right: 5.2vw;
}
.stripSubContainer_iPad_ {
	position: relative;
    left: 5.2vw;
    white-space: nowrap;
    padding-bottom: 3vw;
    display: inline-block;
    z-index: 0;
    transform: translate3d(0,0,0);
    width: auto;
    padding-right: 5.2vw;
}
.stripSubContainer_iPhone_{
    position: relative;
    left: 5.2vw;
    /* height: 15.625vw; */
    /* top: 2.083vw; */
    white-space: nowrap;
    padding-top: 1vw;
    width:auto;
}
.stripArrowLeft {
  position: absolute;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.7);
  width: 3.5vw;
  height: 80%;
  left: 0vw;
  top: 10%;
      color:#fff;
    
    vertical-align: middle;
    
    font-size: 1vw;
    transform: perspective(5px) translate3d(-4.5vw,0,0);
    opacity: 0;
    cursor: pointer;
}
.stripArrowLeft span{
    position: absolute;
    text-align: center;
     width:1.77vw;
    height:1.77vw;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background: url(../../../common/images/icons/icBack.png)  no-repeat center center;
    background-size: contain;
    
}
.stripArrowRight {
  position: absolute;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.7);
    width: 3.5vw;
    height: 80%;
    right: -5vw;
    color: #fff;
    vertical-align: middle;
    font-size: 1vw;
    transform: perspective(5px) translate3d(4.5vw,0,0);
     opacity: 0; 
    cursor: pointer;
	top:0;
}
.stripArrowIn{
     transform: perspective(5px) translate3d(0vw,0,0) !important;
    opacity: 1;
}
.stripArrowRight span{
    
    text-align: center;
    width:1.77vw;
    height:1.77vw;
    position: absolute;
    top:50%;
    left:60%;
    transform: translate(-50%, -50%);
    background: url(../../../common/images/icons/icFwd.png)  no-repeat center center;
    background-size: contain;
    
}