@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: 500;
}
.hide {
	display: none;
}
#border {
	content: "";
	border: 0px solid #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
    left: 0px;
}
.logo {
	width: 180px;
	height: auto;
	left: 395px;
	top: 35px;
	z-index: 421;
}
.frame {
	width: 100%;
	height: 100%;
}
.counterCorner {
	bottom: 0;
}
.counter {
	bottom: 0;
}
.bg_1 {
	top: -375px;
	left: -485px;
	background: url('img/bg_1.jpg') no-repeat 0px 0px;
	background-size:1940px 1000px;
	width: 1940px;
	height: 1000px;
	opacity: 1;
	transform: rotate(-50deg);
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	z-index: 420;
}
.bg_2 {
	background: url('img/bg_2.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	opacity: 1;
	z-index: 419;
}
.bg_3 {
	left: 0px;
	background: url('img/bg_3.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 0px;
	height: 250px;
	opacity: 0;
	z-index: 421;
	border-style: solid;
	border-width: 0px 5px 0px 0px;
	border-color: #fff;
}
.bg_4 {
	right: 0px;
	background: url('img/bg_4.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	opacity: 0;
	z-index: 420;
	/* border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #fff; */
}
.bg_5 {
	right: 970px;
	background: url('img/bg_4.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	opacity: 0;
	z-index: 421;

}

.outerContainer{
	width: 980px;
	height: 100%;
	overflow: hidden;
	direction: ltr;
}
.innerContainer{
	position: absolute;
	width: 980px;
	height: 100%;
}


.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;
}