@font-face {
    font-family: FuturaLT-Book;
    src: url(../fonts/FuturaLT-Book.ttf);
}

@font-face {
    font-family: FuturaLT-Light;
    src: url(../fonts/FuturaLT-Light.ttf);
}

html,
body {
	width:100%;
	height:100%;
	font-family:'FuturaLT-Book',sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	}

#content {
	position:absolute;
	width:100%;
	height:100%;
	}

.cover {
	position:absolute;
	visibility:visible;
	opacity:1;
	background:rgba(7,8,12,0.25);
	width:100%;
	height:100%;
	pointer-events:all;
	cursor:pointer;
	transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
	}
.cover.hide {
	opacity:0;
	/*visibility:hidden;*/
	pointer-events:none;
	}
.cover .main {
	color:white;
	opacity:0;
	width:50%;
	font-weight:normal;
	text-align:center;
  	letter-spacing:0.025em;
  	margin-left:auto;
  	margin-right:auto;
	margin-top:45px;
  	cursor:pointer;
	transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
	}
.cover .title {
	color:#77d076;
	font-size:54px;
	}
.cover .sub {
	letter-spacing:0;
	}
.cover .start {
	position:absolute;
	padding-left:70px;
	}
.cover .main:hover .start {
	color:#77d076;
	}
.cover .below {
	color:white;
	width:100%;
	padding-top:36px;
	}
.cover .below.sub {
	text-align:left;
	margin-left:-60px;
	padding-left:60px;
	padding-right:60px;
	border-top:1px solid white;
	}
.cover .below.cred {
	font-family:'FuturaLT-Book',sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	}

svg {
	position:absolute;
	display:block;
	background:transparent;
	width:100%;
	}

.overlay {
	fill:#07080c;
	fill-opacity:0.675;
	}

.ui {
	opacity:0;
	}

.navG {
	opacity:0;
	}

.toggleArtBtn {
	fill:transparent;
	cursor:pointer;
	}
.toggleArtPath {
	fill:white;
	}

.disc {
	fill:#bbb;
	fill-opacity:0.75;
	font-size:11px;
	font-style:italic;
	}

.arrow {
	fill:#bbb;
	opacity:0.5;
    /*
	opacity:0;*/
    -webkit-transition: opacity 0.3s, fill 0.3s;
    -moz-transition: opacity 0.3s, fill 0.3s;
    -o-transition: opacity 0.3s, fill 0.3s;
    transition: opacity 0.3s, fill 0.3s;
	}
.arrow.highlight {
	fill:white;
	opacity:1;
	}

.arrow rect {
	fill:transparent;
	cursor:pointer;
	pointer-events:all;
	}

#imageScroll {
	}

.axis {
	opacity:0;
	cursor:default;
	}

.axis .domain {
	fill:none;
	stroke:none;
	}

.axis .tick {
	stroke:#bbb;
	stroke-opacity:0.5;
	}

.axis text {
	fill:white;
	stroke:none;
	font-size:14px;
	}

.timeBar {
	opacity:0;
	fill:#32c7b8;
	fill-opacity:0.65;
	cursor:pointer;
	pointer-events:all;
    -webkit-transition: fill-opacity 0.3s;
    -moz-transition: fill-opacity 0.3s;
    -o-transition: fill-opacity 0.3s;
    transition: fill-opacity 0.3s;
	}
.timeBar.focus {
	fill-opacity:0.95;
	}

.eventGBack {
	fill:transparent;
	cursor:pointer;
	}

.eventG {
	opacity:0;
    pointer-events:none;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
	}

.event {
	}

.eventBox {
	fill:white;
	stroke:none;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
	}

.eventTitle {
	fill:#bbb;
	fill-opacity:0.5;
	font-size:24px;
	font-weight:normal;
    -webkit-transition: fill 0.3s, font 0.3s, y 0.3s, fill-opacity 0.3s;
    -moz-transition: fill 0.3s, font 0.3s, y 0.3s, fill-opacity 0.3s;
    -o-transition: fill 0.3s, font 0.3s, y 0.3s, fill-opacity 0.3s;
    transition: fill 0.3s, font 0.3s, y 0.3s, fill-opacity 0.3s;
	}
.eventTitle.highlight {
	fill:white;
	fill-opacity:1;
	font-size:39px;
	}
.eventTitle.comingSoon.highlight {
	/*font-style:italic;*/
	}

.event.activeNavBottom.highlight .eventTitle,
.event.activeNavTop.highlight .eventTitle{
	fill-opacity:1;
	}

.eventDates {
	opacity:0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
	}
.eventDates.show {
	opacity:1;
	}

.eventCover {
	fill-opacity:0;
	}
.eventCover.active {
	fill-opacity:0.5;
	}

.eventTxtG {
	opacity:0;
	visibility:hidden;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
	}
.eventTxtG text {
	fill:white;
	font-size:14px;
	cursor:default;
	}
.eventTxtG .eventTxtLinks {
	font-style:italic;
	pointer-events:visible;
	}
.eventTxtG .eventTxtLinks.inactive {
	pointer-events:none;
	}
.eventTxtG .eventTxt {
	fill:white;
	cursor:pointer;
	}
.eventTxtG .eventTxt:hover {
	fill:#32c7b8;
	}
.eventTxtG .eventTxtDescrip {

	}