@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 {
	top: calc(50vh - 125px);
	left: calc(50vw - 485px);
	position: absolute;
	display: block;
	width: 970px;
	height: 250px;
	overflow: hidden;
	z-index: 300;

}
.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;
	z-index: 998;
}
.bg1 {
	background: url('img/back1.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 401;
}
.bg2 {
	background: url('img/back2.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 501;
}
.bg3 {
	background: url('img/back3.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 601;
}
.bg4 {
	background: url('img/back4.jpg') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 701;
}
.copy1a {
	top: 0px;
	left: 0px;
	background: url('img/txt1a.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 402;
}
.copy2a {
	left: -50px;
	top: 0px;
	background: url('img/txt2a.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 502;
}
.copy2b {
	left: 60px;
	top: 0px;
	background: url('img/txt2b.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 502;
}
.copy3a {
	left: 0px;
	top:  0px;
	background: url('img/txt3a.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 602;
}
.copy3b {
	left: 0px;
	top:  0px;
	background: url('img/txt3b.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 602;
}
.copy4a {
	left: -4px;
	top:  0px;
	background: url('img/txt4a.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 702;
}
.copy4b {
	left: -4px;
	top:  0px;
	background: url('img/txt4b.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 702;
}
.legal {
	left: 0px;
	top:  0px;
	background: url('img/legal.png') no-repeat 0px 0px;
	background-size: 970px 250px;
	width: 970px;
	height: 250px;
	z-index: 702;
}
.logo {
    top: 15px;
    right: 15px;
    background: url(img/logo.svg) no-repeat;
    width: 84px;
    height: 84px;
	z-index: 901;
}
#cta {
    top: 157px;
    left: 48px;
    background: url(img/cta.svg) no-repeat;
    width: 164px;
    height: 38px;
	z-index: 901;
}
#cta2 {
    top: 157px;
    left: 48px;
    background: url(img/cta2.svg) no-repeat;
    width: 164px;
    height: 38px;
	z-index: 902;
	opacity: 0;	
}
.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;

}