@charset "UTF-8";

/* Defaults */
body, body * {
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html,
body {
	overflow: hidden;
}
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	box-sizing: inherit;
}
.svgImg {
	width: auto;
	bottom: 0;
	position: absolute;
	z-index: 0;
	margin: 0 auto;
	display: block;
}

/* General layout */
#container {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	float: left;
	visibility: hidden;
}
.row {
	width: 1280px;
    clear: both;
    margin: 0 auto;
}
#rowContent {
	width: 1280px;
    clear: both;
    margin: 0 auto;
}
#panelWrapper {
	position: absolute;
    top: 220px;
    left: 50%;
	width: 1280px;
    height: 100%;
    -ms-transform: translateX(-50%) translateY(-0%);
    -moz-transform: translateX(-50%) translateY(-0%);
    -webkit-transform: translateX(-50%) translateY(-0%);
    transform: translateX(-50%) translateY(-0%);
}
#topPanel {
	position: absolute;
    left: 50%;
	width: 1000px;
    height: 220px;
    -ms-transform: translateX(-50%) translateY(-0%);
    -moz-transform: translateX(-50%) translateY(-0%);
    -webkit-transform: translateX(-50%) translateY(-0%);
    transform: translateX(-50%) translateY(-0%);
}
#rightPanel {
	width: 140px;
    height: 780px;
	float: right;
	display: inline-block;
}
#leftPanel {
	width: 140px;
    height: 780px;
	float: right;
	display: inline-block;
}
#content {
	width: 1000px;
	height: 1000px;
	float: right;
	display: inline-block;
	background: #ffffff;
	min-height: 1000px;
}


/* Background Layers (video + img) */
#vidLayer {
	position: absolute;
    top: 0px;
    left: 50%;
	width: 1800px;
    height: 1000px;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-0%);
    -moz-transform: translateX(-50%) translateY(-0%);
    -webkit-transform: translateX(-50%) translateY(-0%);
    transform: translateX(-50%) translateY(-0%);
}
#vidHolder {
	height: 100%;
	width: 1800px;
	min-width: 1140px;
}
#vid {
	width: 476px;
	height: 1000px;
	float: left;
	background: url(assets/vid-overlay.jpg);
    background-size: 476px 1000px;
    background-repeat: no-repeat;
}
#background {
	width: 1313px;
	height: 1000px;
	float: right;
}

/* Right Panel (lock-up + cta) */

/* Top Panel (header) */
#panel {
	width: 10px;
	height: 100%;
	left: 0px;
	fill: white;
	visibility: visible;
}

.dash {
	width: 10px;
	height: 3px;
	top: 76px;
	left: 70px;
	fill: #63a9cf;
	visibility: hidden;
}
#dashB { top: 140px; }
.copy {
	height: 23px;
	top: 96px;
	left: 70px;
	visibility: hidden;
}
#introE { height: 28px; }
#efHeadline {
    height: 84px;
	top: 69px;
}

#ctaA {
	width: 143px;
	height: 40px;
	border: 1px solid black;
	top: 90px;
	left: 387px;
	overflow: hidden;
	visibility: hidden;
}
#ctaTextA {
	height: 10px;
    top: 13px;
    right: 0;
    left: 0;
}
#ctaRevealA {
	width: 143px;
	height: 1px;
	top: 110px;
	left: 387px;
	fill: #fff;
	stroke: #000;
	stroke-width: 2;
	fill-opacity: 0.0;
	stroke-opacity: 1.0;
	visibility: hidden;
}
#logo {
    height: 92px;
	top: 65px;
	left: 605px;
	visibility: hidden;
}

#rightInnerWrapper { width: 140px; }
#ctaB {
	width: 110px;
	height: 34px;
	border: 1px solid white;
	top: 358px;
	right: 0;
	margin-right: 15px;
	overflow: hidden;
	background-color:rgba(0,0,0,0.4);
	visibility: hidden;
}
#ctaTextB {
	margin-right: 15px;
    height: 8px;
    top: 12px;
	right: 0;
}
#ctaRevealB {
	width: 110px;
	height: 1px;
	top: 375px;
	right: 0;
	margin-right: 15px;
	fill: #fff;
	stroke: #fff;
	stroke-width: 2;
	fill-opacity: 0.0;
	stroke-opacity: 1.0;
	visibility: hidden;
}
#logoVignette {
	width: 180px;
    height: 260px;
	top: 175px;
	visibility: hidden;
}
#logoW {
	width: 140px;
    height: 72px;
	top: 245px;
	visibility: hidden;
}