@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;
    background-color: #000000;
    opacity: 0;
    top: calc(50vh - 125px);
	left: calc(50vw - 485px);
    z-index: 300;
}

#frame {
    position: absolute;
    display: block;
    width: 970px;
    height: 250px;
    border: 1px solid #cccccc;
}

.active#main_wrapper {
    opacity: 1;
}

#black_frame {
    position: absolute;
    display: block;
    width: 970px;
    height: 250px;
    background-color: #000;
}

#bg1 {
    position: absolute;
    display: block;
    background: url("img/bg1.jpg") 0px 0px no-repeat;
    background-size: 970px 250px;
    width: 970px;
    height: 250px;
}

#shade {
    position: absolute;
    display: block;
    background: url("img/shade.png") 0px 0px no-repeat;
    background-size: 970px 250px;
    width: 970px;
    height: 250px;
}

#logo {
    position: absolute;
    display: block;
    background: url("img/logo.png") 0px 0px no-repeat;
    background-size: 970px 250px;
    width: 970px;
    height: 250px;
}

#disclaimer {
    position: absolute;
    display: block;
    background: url("img/disclaimer.png") 0px 0px no-repeat;
    background-size: 970px 250px;
    width: 970px;
    height: 250px;
}

#copy1 {
    position: absolute;
    display: block;
    background: url("img/copy1.png") 0px 0px no-repeat;
    background-size: 970px 250px;
    width: 970px;
    height: 250px;
}

#cta_text {
    position: absolute;
    display: block;
    background: url("img/cta_text.png") 0px 0px no-repeat;
    background-size: 970px 250px;
    width: 970px;
    height: 250px;
}

#cta_frame {
    top: 0px;
    left: 0px;
    position: absolute;
    display: block;
    width: 158px;
    height: 38px;
}

#cta_frame > path{
    fill: none;
    stroke: #FFF;
    stroke-width: 2px;

}

.cta_border_left{
    stroke-dasharray: 450;
    stroke-dashoffset: 450;
}

.cta_border_right{
    stroke-dasharray: 450;
    stroke-dashoffset: 450;
}


#cta_frame_wrapper {
    top: 182px;
    left: 154px;
	position: absolute;
	display: block;
	width: 158px;
	height: 38px;
	overflow: hidden;
	opacity: 1;
}



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

}