@charset "UTF-8";/* CSS Document *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */
* {/* Firefox 1, probably can drop this */ /* Safari 3-4, also probably droppable */
	box-sizing: border-box; /* Everything else */
}
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {
	margin: 0;
}/* HTML5 display definitions==========================================================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}/* Links==========================================================================*/
a {
	background-color: transparent;
}
a:active, a:hover {
	outline: 0;
}/* Text-level semantics==========================================================================*/
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}/* Embedded content==========================================================================*/
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}/* Grouping content==========================================================================*/
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}/* Forms==========================================================================*/
button, input, optgroup, select, textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}
button {
	overflow: visible;
	border: none;
	outline: none;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */ /* 2 */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
=textarea {
overflow: auto;
}
optgroup {
	font-weight: bold;
}/* Tables==========================================================================*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}/* GLOBAL==========================================================================*/
body {
	background: #000;
	font-family: 'PT Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
}/* TYPOGRAPHY==========================================================================*/
body, a, a:visited {
	color: #CDCDCD;
}
.number {
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
}
video:focus {
	outline: none;
	border: none;
}
/* ANIMATION==========================================================================*/
path, a, #close, #menu a:after, .email:after {
	-webkit-transition: all cubic-bezier(0, 0, 0.58, 1) 0.2s;
	transition: all cubic-bezier(0, 0, 0.58, 1) 0.2s;
}
.listItem, #content, #header, .titleTxt:after {
	-webkit-transition: all cubic-bezier(0, 0, 0.58, 1) 0.4s;
	transition: all cubic-bezier(0, 0, 0.58, 1) 0.4s;
}
.listItem img {
	-webkit-transition: all cubic-bezier(0, 0, 0.38, 1) 0.6s;
	transition: all cubic-bezier(0, 0, 0.38, 1) 0.6s;
}
.itemTitle, .titleBack {
	-webkit-transition: all cubic-bezier(0, 0, 0.18, 1) 1s;
	transition: all cubic-bezier(0, 0, 0.18, 1) 1s;
}
@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
.fade-in {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
@-webkit-keyframes riseUp {
from {
opacity:0;
-webkit-transform: translateY(50px);
transform:translateY(50px);
}
to {
opacity:1;
-webkit-transform: translateY(0);
transform:translateY(0);
}
}
@keyframes riseUp {
from {
opacity:0;
-webkit-transform:translateY(50px);
transform:translateY(50px);
}
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.riseUp {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-animation: riseUp ease-out 1;
	animation: riseUp ease-out 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}/*Slide Over*/
@-webkit-keyframes slideOver {
from {
-webkit-transform: translateX(0);
transform:translateX(0);
}
to {
-webkit-transform: translateX(50px);
transform:translateX(50px);
}
}
@keyframes slideOver {
from {
-webkit-transform:translateX(0);
transform:translateX(0);
}
to {
-webkit-transform:translateX(50px);
transform:translateX(50px);
}
}
.slideOver {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-animation: slideOver ease-out 1;
	animation: slideOver ease-out 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}/* STRUCTURE==========================================================================*/
#wrapper {
	top: 0;
	width: 100%;
	min-height: 100vh;
	max-width: 100vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	justify-content: space-between;
}
.wrapItem {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.wrapLeft {
	max-width: 500px;
	min-width: 500px;
	width: 40%;
}
.wrapRight {
	max-width: 60%;
}
.expand {
	max-width: 100%;
}
/* NAVIGATION==========================================================================*/
#header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 7vh 0;
	position: fixed;
	width: 40%;
	min-width: 500px;
	text-align: center;
}
.headItem {
}

.site-link a{
	text-decoration:none;
	color: #fff;
}

#branding {
}
#branding h1 {
	margin: 0;
	padding: 0;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0em;
	line-height: 1em;
	font-size: 2.25em;
	text-align: center;
	color: #fff;
}
#branding h2 {
	margin: 2vh 0;
	padding: 0;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-size: 0.8em;
	text-align: center;
	color: #fff
}
#menuContainer {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
#menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 5vh auto;
	padding: 0;
	max-width: 360px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#menu a {
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.75em;
	letter-spacing: 0.1em;
}
#menu a.active {
	color: #CDCDCD;
}
#menu a:after {
	display: block;
	margin: 10px auto 0;
	width: auto;
	height: 1px;
	background: #CDCDCD;
	content: " ";
	opacity: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}
#menu a:hover {
	color: #CDCDCD;
}
#menu a:hover:after {
	background: #6c6c6c;
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
#menu a.active:after {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
#menu a.active:hover:after {
	background: #CDCDCD;
}/* CONTENT==========================================================================*/
#content {
	color: #6c6c6c;
	display: block;
}/* HOME==========================================================================*/
.home {
	padding: 5vh 5vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.homeBrand {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-size: 1.3em;
}
.homeMenu #menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: none;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.homeMenu #menu a {
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.75em;
	margin-right: 2vw;
	letter-spacing: 0.1em;
}/* CONTACT==========================================================================*/
#contact {
	font-style: normal;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	padding: 5vh 5vw;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background: #fff;
}
.contactItem {
	min-width: 320px;
	max-width: 50%;
	padding: 2vh 2.5vw;
	margin-bottom: 5vh;
}
.contactItem h2 {
	font-weight: 100;
	font-size: 1.3em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 1em;
	color: #cdcdcd;
}
.contactItem h4 {
	font-size: 1em;
	letter-spacing: 0.05em;
}
.contactItem h3 {
	font-size: 1em;
	font-weight: 600;
	margin: 0 0 1em;
	text-transform: uppercase;
	width: auto;
}
.contactItem h4 {
	font-size: 0.9em;
	font-weight: 100;
	margin: 0 0 0.25em;
	text-transform: uppercase;
}
.contactItem a, .contactItem p {
	text-transform: lowercase;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-bottom: 5px;
	text-decoration: none;
}
.contactItem p {
	margin: 0 0 1em;
}
.contactItem ul {
	list-style: none;
	margin: 1vh 0 0;
	padding: 2vh 0;
	font-weight: 100;
	font-size: 0.8em;
}
.contactItem li {
	margin-bottom: 7px;
	padding: 0;
	font-weight: 600;
}
.contactItem a {
	color: #6c6c6c;
	clear: both;
}
.number {
	width: 100%;
	display: inline-block;
}
.number:hover {
	color: #EB594A;
}
.email {
	display: inline-block;
}
.email:after {
	display: block;
	margin: 10px auto 0;
	width: auto;
	height: 2px;
	background: #CDCDCD;
	content: " ";
	opacity: 0;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
.email:hover:after {
	background: #6c6c6c;
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.subContact {
	margin-bottom: 3em;
	display: block;
	clear: both;
}
.subContact:last-child {
	margin-bottom: 0;
}/* FOOTER==========================================================================*/
#footer {
	position: fixed;
	bottom: 0;
	width: 40%;
	text-align: center;
}
#footer .icon:hover path {
	fill: #cdcdcd;
}
.copyright {
	font-size: 0.6em;
	line-height: 1.3em;
	letter-spacing: 0.20em;
	text-transform: uppercase;
}/* PLAYER==========================================================================*/
#close {
	position: absolute;
	z-index: 59999;
	top: 25px;
	left: 25px;
	border-left: none;
	padding: 0.5em 2em;
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	background: rgba(255,255,255,.1);
	color: #cdcdcd;
	border-radius: 5px;
}
#close:hover, #close:focus {
	background: rgba(255,255,255,.3);
	color: #fff;
	opacity: 1;
}
#close:active {
	outline: 0;
}
#player {
	display: none;
	position: relative;
	min-height: 50vh;
	background: #000;
}
.jw-media video, .jw-media video:focus {
	outline: 0;
	border: 0;
}
#container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 100%;
	min-width: 100%;
	max-width: 100%;
	position: absolute;
}
.playOn {
	height: 100vh;
	min-height: 100vh;
	margin-bottom: 0;
}
.playlist {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.listItem {
	margin: 0;
	opacity: 1;
	overflow: hidden;
	list-style: none;
	position: relative;
	width: 100%;
	height: 60vh;
	text-decoration: none;
}
.itemThumb {
	
	min-height: 60vh;
	min-width: 100%;
	max-width:100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	text-align:center;
}
.listItem:hover img {
	
	opacity: 0.5;
	cursor: pointer;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.titleContainer {
	position: absolute;
	top: 0;
	left: -10px;
	width: 100%;
	height: 100%;
	z-index: 29999;
}
.itemTitle {
	width: 60vh;
	max-width:60vh;
	height: 100%;
	color: #000;
	text-align: center;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.titleTxt {
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 1em;
	display:inline-block;
	padding:0 10vh;	
}

.titleTxt:after {
	display:block;
	margin: 10px auto 0;
	width:100%;
	height: 2px;
	background: #000;
	content: " ";
	opacity: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}
.listItem:hover .titleTxt:after {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform:scaleX(1);
}


.titleBack {
	position: absolute;
	top: 0;
	z-index: 19999;
	background-image: url(assets/triangle.svg);
	background-size: contain;
	width: 60%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center left;
	opacity: 0.6;
}
.listItem:hover .titleBack {
	opacity: 0.9;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.listItem:hover .itemTitle {
	-webkit-transform: translateX(0px) rotate(-90deg);
	transform: translateX(0px) rotate(-90deg);
}

@media only screen and (min-width : 2100px) {
		body{
			font-size:150%
		}
		#menu{
			max-width: 520px;
		}
		
		
		.itemTitle {
			font-size:0.8em;
		}
		
}

@media only screen and (max-width : 1140px) {
#wrapper {
	top: 0;
	width: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
}
.wrapItem {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.wrapLeft {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	z-index: 19999;
	background: #000;
	padding-bottom: 5vh;
}
.wrapRight {
	max-width: 100%;
}
#header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 7vh 0 0;
	position: relative;
	top: 0;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
.headItem {
}
#branding {
	max-width: 100%;
	width: 100%;
	font-size: 1.1em;
}
#branding h2 {
	letter-spacing: 7px;
	font-size: 0.8em;
}
#menuContainer {
	width: 100%;
	min-width: 100%;
	padding: 2.5vh 5vw;
	margin: 0 auto;
	background: #000;
	box-shadow: 0 0 20px 0 rgba(0,0,0,1.00);
}
#menu {
	max-width: 420px;
	margin: 0 auto;
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
}
#menu a {
	font-size: 0.8em !important;
}
.homeMenu #menu a {
	font-size: 0.6em;
}
.itemTitle {
	max-width: 540px;
}
.listItem {
	max-height: 540px;
}
.itemThumb {
	min-height: 540px;
}
}

@media only screen and (max-width : 880px) {
.itemTitle {
	text-align: center;
	padding: 10px 5vh;
	width: 420px;
}
.listItem {
	height: 420px;
}
.itemThumb {
	max-width: none;
	width: 120%;
	height: auto;
	min-height: 420px;
	max-height: auto;
	text-align: center;
}
}/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
#menu {
	font-size: 0.8em;
}
}

@media only screen and (max-width :600px) {
#branding {
	font-size: 0.75em;
}
#branding h2 {
	letter-spacing: 5px;
	font-size: 0.78em;
}
#menu {
	font-size: 0.8em;
}
.itemTitle {
	font-size: 0.7em;
}

.homeMenu #menu {
	max-width: none;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: fspace-between;
}
.titleBack {
	width: 100%;
	height: 100%;
}
.itemTitle {
	text-align: center;
	padding: 10px 0;
	width: 300px;
}
.listItem {
	height: 300px;
}
.itemThumb {
	max-width: none;
	width: 120%;
	height: auto;
	min-height: 300px;
	max-height: auto;
	text-align: center;
}
}

@media only screen and (max-width :440px) {
	
	
.itemTitle {
	width: 240px;
}
.listItem {
	height: 240px;
}
.itemThumb {
	min-height: 240px;
}
}/* CSS Document */