body { margin:0px 0px; padding:0px; }

* { box-sizing: Border-box }

#container {
	background-color:#d0ccc7;
	position:absolute;
	overflow:hidden;
	cursor: pointer;
}

a:any-link {
    text-decoration: none;
}

svg{
	z-index: 99;
	position: relative
}

.sprite {
	position:absolute;
	background-repeat:no-repeat;
}
 
.center {
	width:100vw;
    height:100vh;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.retina_container {
	left:0px;
	top:0px;
	width:200%;
	height:200%;
    transform-style: preserve-3d;
    transform: matrix3d(0.5, 8.72665e-05, 0, 0, -8.72665e-05, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0.1, 0.9999);
    transform-origin: left top 0px;
    z-index: 100;
}

#curtain {
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color: white;
	z-index: 100;
}

.overflowHidden{
	overflow:hidden;
}

.half {
	background-size: contain;
}

.path {
	fill: none;
	stroke: #ed2024;
	stroke-miterlimit: 10;
	fill-rule: evenodd;
}

[id^="border"] {
	z-index:99;
	background-color:#999999;
	height:100%;
	width:100%;
}

#border_top {
	top:0;
	left:0;
	height:1px;
}

#border_right {
	top:0;
	right:0;
	width:1px;
}

#border_bottom {
	bottom:0;
	left:0;
	height:1px;
}

#border_left {
	top:0;
	left:0;
	width:1px;
}

#bg {
	left:0px;
	top:0px;
	width:336px;
	height:280px;
	background-image:url(../img/bg.jpg);
}

.copy {
	/*Some browsers (like Safari) apply custom 
	kerning by default between letters, so when 
	characters are split apart and put into their 
	own divs, the spacing is slightly different. 
	A bug has been filed with the Safari team 
	(it’s a browser issue, not SplitText) but 
	you can typically eliminate the differences 
	by setting these CSS properties:*/
    font-kerning: none;
    -webkit-text-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /*--*/
    
	font-family: utopia-std, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	color: rgb(255, 255, 255);
	line-height: 0.98;
	text-align: left;
	left: 20px;
	top: 25px;
	width: 172px;
	height: 100%;
	z-index: 100;
	pointer-events: none;
	user-select: none;
}

.copy1 {
	width: 100%;
}

#cta_container {
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#cta {
	left:454px;
	top:464px;
	width:157px;
	height:55px;
	background-image:url(../img/cta.png);
}

#cta_over {
	left:454px;
	top:464px;
	width:157px;
	height:55px;
	background-image:url(../img/cta_over.png);
}

#logo {
	left:44px;
	top:474px;
	width:317px;
	height:43px;
	background-image:url(../img/logo.png);
}

#cover {
	left:0px;
	top:0px;
	width:336px;
	height:280px;
	background-image:url(../img/cover.png);
}