@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=45e7c979-6d10-4b81-9e5a-a1b06147ee18&fontids=1489536");
@font-face{
    font-family:"Helvetica LT W01 X Compressed";
    src:url("fonts/1489536/6ddc6a6b-e1dc-4f51-b295-ae7de14f97f1.eot?#iefix");
    src:url("fonts/1489536/6ddc6a6b-e1dc-4f51-b295-ae7de14f97f1.eot?#iefix") format("eot"),url("fonts/1489536/7a971f81-127b-458a-a5ee-02f9290ef997.woff2") format("woff2"),url("fonts/1489536/c2db5131-f641-4a27-963c-c1a7435d71da.woff") format("woff"),url("fonts/1489536/5754baf7-4709-4f88-9ddc-698eb6c18e27.ttf") format("truetype");
}

#preload {
    font-size: 4vw;
    text-align: center;
    padding-top: 20vh;
    visibility: visible;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

#preload.hide {
    transition: opacity 1s, visibility 1s;
    opacity: 0;
    visibility: hidden;
}

body {
	background-color: #ccc;
	margin: 0;
	font-family:"Helvetica LT W01 X Compressed";
	text-transform: uppercase;
}

img {
	display: block;
	position: absolute;
	max-width: 100%;
	height: auto;
}

.img-normal {
    display: inline-block;
    position: static;
}

.imgbg {
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.hand-wipe {
    width:118%;
    height:80%;
    background-image: url(/images/hand.png);
    background-position: bottom right;
    background-size: cover;
}

.pagebg {
    background-position: left bottom;
    background-size: cover;
}

#container {
	position: fixed;
	max-width: 1170px;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
}

#stage {
	position: relative;
	padding-bottom: 75%;
}

.page {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
	margin: 0;
}

.dropshadow {
    box-shadow: 0 0 2em #000;
}

.bg-white { background-color: #fff; }
.bg-black { background-color: #000; }
.txt-white { color: #fff; }
.txt-blue { color: #34b6e4; }
.txt-body { font-size: 200%; letter-spacing: 0.03em; }
.txt-shadow { text-shadow: .1em .1em .25em  #333; }

.abs { position: absolute; }
.rel { position: relative !important; }

.tilt { transform: rotate(-19.5deg); }
.skew { transform: skew(-19.5deg); }
.unskew { transform: skew(19.5deg); }
.tilt-skew { transform: rotate( -19.5deg ) skew( -19.5deg ); }
.tilt-skew > div { transform: skew( 19.5deg ); }

.border-skew { transform: skew( -19.5deg ); }
.border-skew > div { transform: skew( 19.5deg ); }

.debug { border: solid 1px red; }

.wedge-small {
    background-image: url(images/wedge-1.png);
    background-size: cover;
    background-position: bottom left;
    width: 30%;
}

.chk {
    color: #fff;
    font-size: 200%;
    line-height: 1em;
    height: 1em;

    left: 37%;
    width: 5%;
}

.chkbox {
    width: 100%;
    top: 27%;
    left: 0;
}

.chkmark {
    position: absolute;
    left: 10%;
    bottom: 18%;
    width: 100%;
}

.img-dot {
    width: 8%;
}
.img-line {
    width: 35%;
}

.link {
    cursor: pointer;
}