html,
body,
div {
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}

#banner {
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    width:320px;
    height:50px;
    background-color: #ffffff;
    border: 1px solid #000000;
    overflow: hidden;
}

#content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    overflow: hidden;
    opacity:1;
}

#exit {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color:#000000;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
	z-index:1000;
}


.ac {
	position:absolute;
	visibility: hidden;
}

#fader {
	background:#fff;
	width:100%;
	height:100%;
	position: absolute;
	top:0px;
	z-index:1002;
	pointer-events:none;
}

#cglogo {
	position: absolute;
	top:0px;
	left:0px;
	z-index:8;
	width:320px;
	height:50px;
}

#text1, #text2 {
	position: absolute;
	top:1px;
	left:1px;
	z-index:8;
	width:320px;
	height:50px;
}

#cglogo {
	position: absolute;
	top:0px;
	left:-2px;
	z-index:12;
	width:320px;
	height:50px;
}

#hero {
	position: absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:320px;
	height:50px;
}

#heromaskwrapper {
	position: absolute;
	top:0px;
	left:0px;
	z-index:4;
	width:320px;
	height:50px;
}

#heromask {
	position: absolute;
	top:0px;
	left:0px;
	z-index:4;
	width:320px;
	height:50px;
}

#herooverlay1 {
	position: absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:320px;
	height:50px;
    background:#03336c;
}

#herooverlay2 {
	position: absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:4px;
	height:50px;
    background:#03336c;
}

#herooverlay3 {
	position: absolute;
	top:0px;
	left:5px;
	z-index:3;
	width:320px;
	height:4px;
    background:#03336c;
}

#greenapt {
	position: absolute;
    top:0px;
    left:2px;
    z-index:6;
	width:300px;
	height:300px;
}

#blueapt {
	position: absolute;
    top:0px;
    left:-6px;
    z-index:7;
	width:300px;
	height:300px;
}

#cta1 {
	position: absolute;
	top:0px;
    left:0px;
	width:320px;
	height:50px;
	z-index:700;
}

#cta1:hover {
	cursor:pointer;
}

#cta2 {
	position: absolute;
	top:0px;
    left:0px;
	width:320px;
	height:50px;
	z-index:700;
}

#cta2:hover {
	cursor:pointer;
}



/* LEGALS CSS */


#legalstext ul {
	margin:10px 0 10px -28px;
}

/* Invisible button for Legals */
#legals_show {
	position: absolute;
    width: 62px;
    height: 10px;
    top: 34px;
    left: 184px;
	cursor: pointer;
	opacity: 0;
	z-index:1002;
	background:transparent;
	display:none;
	/* background:#f0f;
	opacity:0.5; */
	border:0;
}

#legals_hide {
	position: absolute;
	width:25px;
	height:25px;
	top: 594px;
    left: 225px;
	cursor: pointer;
	opacity: 0;
	z-index:1005;
	background:transparent;
	/* background:#f0f;
	opacity:0.5; */
	border:0;
}

#legals {
	position: absolute;
	top:0px;
	left:0px;
	z-index: 602;
	width:320px;
	height:50px;
}

#legalstext {
    visibility: hidden;
    position: absolute;
	top: 544px;
    left: -5px;
    z-index: 1004;
    width: 258px;
    height: 186px;
    /* overflow-y: scroll; */
    background: #fff;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 7px;
    padding: 45px 10px 10px 10px;
    line-height: 8px;
}

#legalstext p {
    width:210px;
}

#legalstext p strong {
    font-size: 7px;
}

#closelegals {
	position: absolute;
	top:52px;
    left:230px;
	z-index:1002;
	width:24px;
	height:24px;
	border:3px solid #fff;
}