@charset "UTF-8";
/* CSS Document */

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body, body * {
  position: absolute;
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

#main_wrapper {
	position: absolute;
	display: block;
	width: 970px;
	height: 250px;
	overflow: hidden;
	opacity: 0;
}

.active#main_wrapper {				
	opacity: 1;				
}

#white_overlay {
	width: 970px;
	height: 250px;
    background-color: #fff;
	z-index: 999;
}

.hide {
	display: none;
}



#border {
	content: "";
	border: 1px solid #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
    left: 0px;
}

.logo1 {
	top: 0px;
	right: 0px;
	background: url('img/logo1.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 600;

}
.bg0 {
	top: 0px;
    right: 0px;
	background: url('img/bg_2.png') no-repeat -70px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	opacity: 0;
	z-index: 280;
}

.bg1 {
	top: 0px;
    right: 0px;
	background: url('img/bg_1.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	opacity: 1;
	z-index: 270;
}
.bg2 {
	top: 0px;
    right: 0px;
	background: url('img/bg_2.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 380;

}
.bg3 {
	top: 0px;
    right: 0px;
	background: url('img/bg_3.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 480;
}
.frame {
	width: 100%;
	height: 100%;
}

.counterCorner {
	bottom: 0;
}

.counter {
	bottom: 0;
}

.blink {
	left: -350px;
	top: 0px;
	background: url('img/blink.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 470;
	opacity:0;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
}

.copy_1 {
	top: -4px;
	background: url('img/copy_1.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	opacity:0;
	z-index: 290;
}
.copy_3a {
	top: 34px;
	left: -145px;
	background: url('img/copy_3.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 125px;
	z-index: 500;
	
}
.copy_3b {
	left: -148px;
	top: 91px;
	background: url('img/copy_3.png') no-repeat 0px -125px;
	background-size: 970px 250px;
	width: 970px;
	height: 125px;
	z-index: 500;
	
}
.copy_1a {
	top: 0px;
	background: url('img/copy_1.png') no-repeat 0px 0px;
	background-size: 300px 250px;
	width: 300px;
	height: 45px;
}
.copy_1b {
	top: 45px;
	background: url('img/copy_1.png') no-repeat 0px -45px;
	background-size: 300px 250px;
	width: 300px;
	height: 105px;

}
.copy_1c {
	top: 150px;
	background: url('img/copy_1.png') no-repeat 0px -150px;
	background-size: 300px 250px;
	width: 300px;
	height:50px;

}


.copy_2_1 {
	top: 0px;
	left: 0px;
	background: url('img/copy_2.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 150px;
	height: 125px;
	z-index: 500;

}
.copy_2_2 {
	top: 0px;
	left: 150px;
	background: url('img/copy_2.png') no-repeat -150px 0px;
	background-size: 970px 250px;
	width: 35px;
	height: 125px;
	z-index: 500;

}
.copy_2_3 {
	top: 0px;
	left: 185px;
	background: url('img/copy_2.png') no-repeat -185px 0px;
	background-size: 970px 250px;
	width: 150px;
	height: 125px;
	z-index: 500;

}
.copy_2_4 {
	top: 125px;
	left: 0px;
	background: url('img/copy_2.png') no-repeat 0px -125px;
	background-size: 970px 250px;
	width: 130px;
	height: 125px;
	z-index: 500;
}
.copy_2_5 {
	top: 125px;
	left: 130px;
	background: url('img/copy_2.png') no-repeat -130px -125px;
	background-size: 970px 250px;
	width: 55px;
	height: 125px;
	z-index: 500;
}
.copy_2_6 {
	top: 125px;
	left: 185px;
	background: url('img/copy_2.png') no-repeat -185px -125px;
	background-size: 970px 250px;
	width: 55px;
	height: 125px;
	z-index: 500;
}
.copy_2_7 {
	top: 125px;
	left: 240px;
	background: url('img/copy_2.png') no-repeat -240px -125px;
	background-size: 970px 250px;
	width: 200px;
	height: 125px;
	z-index: 500;
}





.outerContainer{
	width: 300px;
	height: 100%;
	overflow: hidden;
	direction: ltr;
}

.innerContainer{
	position: absolute;
	width: 300px;
	height: 100%;
}

.product {
	top: 0px;
	left: 194px;
	background: url('img/product.png') no-repeat 0px 0px;
	background-size: 292px 250px;
	width: 292px;
	height: 250px;
	will-change: transform;
	z-index: 400;
}

.endProduct {
	left: -145px;
	background: url('img/endProduct.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 600;

}

.cta {
	left: 0px;
	top: 0px;
	background: url('img/cta.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 999;

}

.pali4 {
	right: 0;
    position: fixed;
    top: 95vh;
	z-index: 9999;
}
.pali4com {
    display: block;
}
@media only screen and (max-width: 1024px) {
    .pali4com {
        display: none;

    }
}
.back4 {

	right: 2vh;
    position: fixed;
    top: 2vh;
	z-index: 9999;
}
.back {
    display: block;
}
@media only screen and (max-width: 1024px) {
    .back {
        display: none;

    }
}
#backgroundLayer {
	position: absolute;
	display: block;
	width: 100vw;
	height: 100vh;
	background-color: #a8a8a8;
	z-index: 100;

}
#main_wrapper {
    top: calc(50vh - 125px);
	left: calc(50vw - 485px);
    z-index: 300;
}