/*
*	================================================================
*	HTML BOILERPLATE
*
*	================================================================
*/


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


html { font-size: 100%; /*overflow-y: scroll;*/ -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix hack by Nicolas Gbackgroundagher: http://nicolasgbackgroundagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

::-moz-selection { background: #ed243c; color: #cccccc; text-shadow: none; }
::selection { background: #ed243c; color: #cccccc; text-shadow: none; }

/*
*	================================================================
*	MSCROLLBAR STYLES
*
*	================================================================
*/

.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct background pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container{ /* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;

}
/*
.mCSB_inside > .mCSB_container{ margin-right: 1.875rem; }*/

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 1.875rem;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width:1rem;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ /*right: -66px;*/  right:-2.875rem} /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -1.625rem; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 1.250rem 0; }

.mCSB_scrollTools .mCSB_draggerRail{
	width:1rem;
	height: 100%;
	margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 1.875rem; /* minimum dragger height */
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
	position: relative;
	width:1rem;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display: block;
	position: absolute;
	height: 1.250rem;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }

/* HORIZONTAL SCROLLBAR
=================================================== */

.mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-right: 0;
	margin-bottom: 1.875rem;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
	width: auto;
	height: 0.250rem;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0.438rem; } /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 0.063rem;
	margin: 0 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
	width: 30px; /* minimum dragger width */
	height: 100%;
	left: 0;
	/*THIS LINE BLOW IS NEW!!!!*/
	bottom:0.219rem;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 0.500rem;
	margin: 0 auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	height: 12px; /* auto-expanded scrollbar */
	margin: 0 auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 8px; /* auto-expanded scrollbar */
	margin: 0 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }

/* SYNTAX theme  */

.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
	/*
	border-left:0.063rem #313135 solid;
	border-top:0.063rem #313135 solid;
	border-bottom:0.063rem #313135 solid;
	border-right:none;
	background-color: #202023; background-color: rgba(32,32,35,1);

	filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";*/

	border:0.063rem #313135 solid;

	background-color:transparent;
	-webkit-transition: background-color 0.25s linear;
	-moz-transition: background-color 0.25s linear;
	-o-transition: background-color 0.25s linear;
	-ms-transition: background-color 0.25s linear;
	transition: background-color 0.25s linear;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

	border-left:none;
	border-top:0.063rem #313135 solid;
	border-bottom:none;
	border-right:none;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

	background-color: #2d2d31; background-color: rgba(45,45,49,1);
	filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";

	-webkit-transition: background-color 0.25s linear;
	-moz-transition: background-color 0.25s linear;
	-o-transition: background-color 0.25s linear;
	-ms-transition: background-color 0.25s linear;
	transition: background-color 0.25s linear;/**/
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #2d2d31; background-color: rgba(45,45,49,1);
	filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	/*
	background-color: #2d2d31; background-color: rgba(102,102,102,1);
	background-color: #2d2d31; background-color: rgba(237,36,60,1);
	filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100";
	border-radius:0.250rem;*/
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #ed243c; background-color: rgba(237,36,60,1);
	filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image: url(mCSB_buttons.png); /* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp{
	background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown{
	background-position: 0 -1.250rem;
}

.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: 0 -2.500rem;
}

.mCSB_scrollTools .mCSB_buttonRight{
	background-position: 0 -3.500rem;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

/* ===============================================================

CSS ANIMATION KEYFRAMES

=============================================================== */


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);}}


/*==============================================================================

FONTS

==============================================================================*/


@font-face {
	font-family: 'Changa_Medium';
	src: url('../fonts/Changa-Medium.eot');
	src: local('?'), url('../fonts/Changa-Medium.woff') format('woff'), url('../fonts/Changa-Medium.ttf') format('truetype'), url('../fonts/Changa-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Oktave_Regular';
	src: url('../fonts/Oktave_Regular.eot');
	src: local('?'), url('../fonts/Oktave_Regular.woff') format('woff'), url('../fonts/Oktave_Regular.ttf') format('truetype'), url('../fonts/Oktave_Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Oktave_Bold';
	src: url('../fonts/Oktave_Bold.eot');
	src: local('?'), url('../fonts/Oktave_Bold.woff') format('woff'), url('../fonts/Oktave_Bold.ttf') format('truetype'), url('../fonts/Oktave_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Oktave_Condensed';
	src: url('../fonts/Oktave_Condensed.eot');
	src: local('?'), url('../fonts/Oktave_Condensed.woff') format('woff'), url('../fonts/Oktave_Condensed.ttf') format('truetype'), url('../fonts/Oktave_Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Oktave_Italic';
	src: url('../fonts/Oktave_Italic.eot');
	src: local('?'), url('../fonts/Oktave_Italic.woff') format('woff'), url('../fonts/Oktave_Italic.ttf') format('truetype'), url('../fonts/Oktave_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*==============================================================================

DEVELOPMENT STYLES - DELETED UPON DELIVERY!!!!

==============================================================================*/

#baseline {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
	pointer-events:none;
	background:url('../img/baseline.svg') top left repeat, url('../img/grid.svg') center center repeat-y;

}

html,body {
  background:#1a1a1a none;
	font: normal normal normal 100%/1.5 'Oktave_Regular', Helvetica Neue, Helvetica, Arial, sans-serif;
	color:#cccccc;
	overflow:hidden;
	width:100%;
	height:100%;
}


/*=================================================
PREALODER STYLES
=================================================== */

div.preloader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#1a1a1a none;

	visibility: hidden;
	opacity:0;

	-webkit-transition: opacity 0.5s linear, visibility 0s linear 0.5s;
	-moz-transition: opacity 0.5s linear, visibility 0s linear 0.5s;
	-o-transition: opacity 0.5s linear, visibility 0s linear 0.5s;
	-ms-transition: opacity 0.5s linear, visibility 0s linear 0.5s;
	transition: opacity 0.5s linear, visibility 0s linear 0.5s;


}

div.preloader div.preloader-logo {
	width:17.125rem;
	height:1.125rem;
	background:transparent url('../img/logo_full.svg') no-repeat center center;
	margin:0 auto;
}

div.preloader div.preloader-info {
	position: absolute;
	right:5.000rem;
	top:3.750rem;
	font-family:'Oktave_Condensed', Helevetica Neue, Helvetica, Arial, sans-serif;
	font-size:0.875rem;
	text-transform:uppercase;
	letter-spacing:0.063rem;
	padding:0;
	margin:0;

}

div.preloader div.preloader-info:after {
	content:'';
	width:1rem;
	height:1rem;
	background:transparent url('../img/UI/loading-spin.svg') no-repeat center center;
	right:-1.750rem;
	top:0.063rem;
	display:block;
	position:absolute;



	-webkit-animation:none;
  -moz-animation:none;
  animation:none;


}


/*=================================================
NAV STYLES
=================================================== */

nav {
  position:fixed;
	width:100%;
  padding:3.594rem 6.354166666666667% 0 6.354166666666667%;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
	/*
  width:87.291666667%;
	padding:3.594rem 0 0 0;*/

	webkit-transform:translateY(-100%);
	-moz-tranform:translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);

	-webkit-transition: transform 0.5s ease, border-bottom 0.5s linear, padding 0.5s ease;
	-moz-transition: transform 0.5s ease, border-bottom 0.5s linear, padding 0.5s ease;
	-o-transition: transform 0.5s ease, border-bottom 0.5s linear, padding 0.5s ease;
	-ms-transition: transform 0.5s ease, border-bottom 0.5s linear, padding 0.5s ease;
	transition: transform 0.5s ease, border-bottom 0.5s linear, padding 0.5s ease;  /**/

}

nav div.nav-logo {
  display:inline-block;
	vertical-align:middle;
	color:inherit;
	text-decoration:none;
	width:17.125rem;


}

nav div.nav-logo a {
  display:inline-block;
  vertical-align: middle;
  width:100%;
  height:1.063rem;
  background:transparent url('../img/logo_full.svg') no-repeat center left;
	border:none;
	outline:none;

}

nav div.nav-logo div.mobile-menu-btn {
	display:none;
}

nav ul {
  display:inline-block;
  vertical-align:middle;
  width:calc(100% - 17.125rem);
  list-style:none;
  padding:0;
  margin:0;
  text-align:right;


}

nav ul li {
  display:inline-block;
  vertical-align:middle;
  padding:0 0 0 1.438rem;
  height:1.063rem;
}

nav ul li a {
  text-decoration:none;
	color:inherit;
	text-transform:uppercase;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	outline:none;
	border:none;
}

nav a span {
	backface-visibility: hidden;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width:100%;

	-webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	-webkit-transition: transform 0.25s ease;
	-moz-transition: transform 0.25s ease;
	-o-transition: transform 0.25s ease;
	-ms-transition: transform 0.25s ease;
	transition: transform 0.25s ease;
}

nav a span:before {
	content: attr(data-hover);
	width:100%;
	height:100%;
	position:absolute;
	top:100%;
	color:#ed243c;

}

nav a:hover span, nav a.current span  {
	transform: translateY(-100%);
}






/*=================================================
HOLDER STYLES
=================================================== */

div.holder {
	width:100%;
	height:100%;
	overflow: hidden;


	/*display:none;*/



}


/*=================================================
COMMON STYLES
=================================================== */

section {
	width:100%;
	height:100%;
	overflow: hidden;
	display:none;
}

section.current {
	display:block;
}

div.centered-content-holder {
	text-align:center;
	width:100%;
	height:100%;
	position:relative;

}

div.centered-content-holder:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

div.centered-content {
	display: inline-block;
  vertical-align: middle;
	width:95%;
}

div.copy {
	position:absolute;
	bottom:10%;
	left:0;
	right:0;
	margin:0 auto;
	max-width:104.750rem;
	width:90%;
	text-align:center;
	height:auto;
	color:#333333;
	font-size:0.500rem;
}

div.rotatorContainer {

	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	overflow-x:hidden;
	overflow-y:hidden;
	white-space: nowrap;
	padding:0;
	margin:0;
	position:relative;
	text-overflow:ellipsis;
	color:inherit;

}

/* Styles for <div.bulk-holder> and sub-nodes
=================================================== */

div.bulk-holder {
	position:absolute;
	width:100%;
	height:100%;
	background:transparent none;
}

div.bulk-img {
	width:100%;
	height:100%;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;

	opacity:1;

	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;


}

div.bulk-holder div.bulk-loader {
	display:none;
}

/* local override for loading state
=================================================== */

div.bulk-img.loading {
	opacity: 0;
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	transition: opacity 1s linear;
}




/*=================================================
HOME STYLES
=================================================== */

div.imgSlider {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;


}

div.imgSlider ul {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	position:relative;

}

div.imgSlider ul li {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#202023 none;
	opacity:0;

	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	transition: opacity 1s linear;


	/* Temporary image for height <li> nodes at the slider
	===================================================

	background-image:url('../img/home_bg.png');*/

}

div.imgSlider ul li div {
	width:100%;
	height:100%;

	opacity:.15;

	background-size:cover;
	background-color:transparent;
	background-position:center center;
	background-repeat: no-repeat;
}

div.imgSlider ul li.current {
	opacity:1;
}

div.home-spinner {
	position:absolute;
	bottom:1.125rem;
	left:3.750rem;
	font-family:'Oktave_Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:0.875rem;
	letter-spacing: 0.063rem;
	text-transform:uppercase;

	opacity:0;

	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;

}

/* Cascading styles for loading slides on home
=================================================== */

div.imgSlider.loading div.home-spinner {
	opacity:1;
}


h4.home-legend {
	text-transform:uppercase;
	font-size:2.250rem;
	font-weight:400;
	line-height:1.250rem;
	padding:0;
	margin:-1.250rem 0 0 0;
	color:#999999;

}

h4.home-legend span {
	color:#ed243c;
}

div.twitter-feed {
	max-width:27.750rem;
	width:100%;
	margin:2.875rem auto 0 auto;
	position:absolute;
	left:0;
	right:0;
	font-family:'Oktave_Italic', Helvetica Neue, Helvetica, Arial, sans-serif;

}

div.twitter-feed div.twitter-list {
	position:relative;
	top:0;
	left:0;
}

div.twitter-feed div.twitter-list ul {
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:100%;
	height:6.250rem;


}

div.twitter-feed div.twitter-list ul li {
	/*
	width:100%;
	position:absolute;
	top:0;
	left:0;
	color:#999999;*/

	width:100%;
	height:6.250rem;
	padding:0;
	margin:0;

}

div.twitter-feed ul li span.date {
	color:#666666;
}

div.twitter-feed ul li a {
	color:#ed243c;
	text-decoration:none;
	outline:none;
	border:none;
}

div.twitter-feed ul li a:hover {
	text-decoration:underline;
}

/*=================================================
ABOUT STYLES
=================================================== */

div.about-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.about-bg ul {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	list-style:none;
}

div.about-bg li {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: opacity 0.8s linear;
	-moz-transition: opacity 0.8s linear;
	-o-transition: opacity 0.8s linear;
	-ms-transition: opacity 0.8s linear;
	transition: opacity 0.8s linear;

	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;

}


ul.about-header {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	text-transform:uppercase;
	color:#333333;
	top:20.648148148%;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	z-index:9;
}

ul.about-header li {
	display:inline-block;
	margin:0 1.406rem;
}

ul.about-header li span {
	cursor:pointer;
	color:inherit;

	-webkit-transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
	-ms-transition: color 0.5s linear;
	transition: color 0.5s linear;
}

ul.about-header li a:hover, ul.about-header li span:hover, ul.about-header li a:hover, ul.about-header li span.current {
	color:#ed243c;
}

div.about-section-slider {
	width:100%;
	height:100%;

	/*white-space: nowrap;  Allow children div nodes to flow to the right without setting positions*/

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

div.about-container {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;

	/*

	display:inline-block;*/
	/*white-space:normal;  restore normal white space for about container subsections */
	/*margin-right: -0.250rem;  fix the white space between display:inline-block elements */
}


div.about-section-slider div.about-container:nth-child(1){
	/*
	background:red none;*/

	left:0;
}

div.about-section-slider div.about-container:nth-child(2){
	/*background:blue none;*/

	left:100%;

}

div.about-section-slider div.about-container:nth-child(3){
	/*
	background:cyan none;*/

	left:200%;
}

div.about-section-slider div.about-container:nth-child(4){
	left:300%;

	/*background:orange none;*/
}


div.about-paragrahp {

	max-width:51.750rem;
	color:#666666;
	margin:2.500rem auto 0 auto;
	/*height:12.500rem;

	height:20.62rem;
	overflow-y: auto;*/

}

div.about-paragrahp p {
	margin:0;
	padding:0;
	font-size:1.219rem;
	line-height:1.500rem;

}

/* Styles for the awards
=================================================== */
div.about-awards {
	max-width:51.750rem;
	margin:0 auto;
	/*
	height:calc(100% - 37.750rem)*/
}

h3.awards-header {
	font-weight: 400;
	color:#ed243c;
	text-transform:uppercase;
	font-size:1rem;
	width:100%;
	border-bottom:#333333 0.063rem solid;
	text-align:left;
	padding:0 0 1.250rem;
	margin:0;
}


ul.awards-list {
	list-style:none;
	padding:0;
	margin:0;
	color:#666666;
	width:100%;
	text-align:left;
	text-transform:capitalize;
	/*
	height:36.203703704%;*/
	height:19.250rem;
	overflow-y: hidden;
	margin:0;
	padding:1.250rem 0 0 0;
}

ul.awards-list li {
	display:block;
	width:100%;
}

h3.awards-header span, ul.awards-list li span {
	display:inline-block;
	vertical-align: top;
	padding:0 0 0 0.688rem;
}

h3.awards-header span:nth-child(1), ul.awards-list li span:nth-child(1){
	width:12.801932367%;
}

h3.awards-header span:nth-child(2), ul.awards-list li span:nth-child(2){
	width:64.009661836%;
}

h3.awards-header span:nth-child(3), ul.awards-list li span:nth-child(3){
	width:23.188405797%;
}

/* Specific styles for selected nodes
=================================================== */

ul.awards-list li:not(:first-child) {
	margin:1.250rem 0 0 0;
}


/*=================================================
PROJECTS  + CLIENTS + CREDTIS COMMON STYLES
=================================================== */

section.projects div.projects-content, 
section.clients div.clients-content, 
section.credits div.credits-content {
	width:87.291666667%;

	overflow-y:hidden;
	/*
	text-align:center;
	background:red none;
	margin:21.759259259% auto 0 auto;
	margin:14.68rem auto 0 auto;
	*/

	/*=================================================
	MARGIN + HEIGHT NEEDS TO BE SET DINAMYCALLY!!!!
	=================================================== */
	/*height:37.500rem;
	margin:8% auto 0 auto;

	margin:8% auto 0 auto;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;*/

	margin:9.938rem auto 0 auto;
}

section.projects div.projects-content, 
section.clients div.clients-content {
	/*
	height:65%;*/

}

section.credits div.credits-content {
	/*
	height:72%;*/
}

section.projects div.projects-content ul, 
section.clients div.clients-content ul {
	list-style:none;
	padding:0;
	margin:0;

}

section.projects div.projects-content ul li, 
section.clients div.clients-content ul li {

	width:13.000rem;
	height:12.438rem;
	display:inline-block;
	vertical-align:top;

	position:relative;
	overflow-y:hidden;

}


/*=================================================
SPECIFIC STYLES FOR projects SECTION
=================================================== */
section.projects div.projects-content ul li{
	/*cursor:pointer;*/
	/* background:#333333 none; */
	opacity: .5;
    filter: grayscale(100%);
    background-size: cover;
    -webkit-transition: opacity 0.5s linear, filter 0.5s linear;
	-moz-transition: opacity 0.5s linear, filter 0.5s linear;
	-o-transition: opacity 0.5s linear, filter 0.5s linear;
	-ms-transition: opacity 0.5s linear, filter 0.5s linear;
	transition: opacity 0.5s linear, filter 0.5s linear;
}

/*
section.projects div.projects-content ul li:nth-child(1n+1) {
	background:#333333 none;
}

section.projects div.projects-content ul li:nth-child(2n+0) {
	background:#666666 none;
}
section.projects div.projects-content ul li:nth-child(3n+0) {
	background:#999999 none;
}*/

/* section.projects div.projects-content ul li div.artwork { */
	/* width:100%; */
	/* height:100%; */
	/* position:absolute; */
	/* top:0; */
	/* left:0; */
	/* opacity:.5; */

	/* filter: grayscale(100%); */

	/* -webkit-transition: opacity 0.5s linear, filter 0.5s linear; */
	/* -moz-transition: opacity 0.5s linear, filter 0.5s linear; */
	/* -o-transition: opacity 0.5s linear, filter 0.5s linear; */
	/* -ms-transition: opacity 0.5s linear, filter 0.5s linear; */
	/* transition: opacity 0.5s linear, filter 0.5s linear; */
	/*
	background:#333333 none;*/


/* } */

section.projects div.projects-content ul li a {
	width:100%;
	height:100%;
	display:block;
	position:relative;
	cursor:default;
}

section.projects div.projects-content ul li a img {
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	visibility:visible;
	opacity: 1;
	-webkit-transition: opacity 1s linear, visibility 1s linear;
	-moz-transition: opacity 1s linear, visibility 1s linear;
	-o-transition: opacity 1s linear, visibility 1s linear;
	-ms-transition: opacity 1s linear, visibility 1s linear;
	transition: opacity 1s linear, visibility 1s linear;
}
section.projects div.projects-content ul li a img.loading {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 1s linear, visibility 1s linear;
	-moz-transition: opacity 1s linear, visibility 1s linear;
	-o-transition: opacity 1s linear, visibility 1s linear;
	-ms-transition: opacity 1s linear, visibility 1s linear;
	transition: opacity 1s linear, visibility 1s linear;
}
section.projects div.projects-content ul li a img.fadeout{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 1s linear, visibility 1s linear;
	-moz-transition: opacity 1s linear, visibility 1s linear;
	-o-transition: opacity 1s linear, visibility 1s linear;
	-ms-transition: opacity 1s linear, visibility 1s linear;
	transition: opacity 1s linear, visibility 1s linear;
}

section.projects div.projects-content ul li a span {
	font-size:0.750rem;
	color:white;
	text-transform:uppercase;
	position:absolute;
	left:1.813rem;
	display:block;
	pointer-events:none;

	text-shadow: #000 0 0.063rem 0;

	/*

	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);*/

	-webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	-ms-transition: transform 0.5s ease;
	transition: transform 0.5s ease;

}



section.projects div.projects-content ul li a span.set-title {
	margin:0 1.813rem 0 0;
	top:1.563rem;

	/*EFFECT IS NOW THE OTHER WAY AROUND */
	webkit-transform:translateY(-500%);
	-moz-tranform:translateY(-500%);
	-o-transform: translateY(-500%);
	-ms-transform: translateY(-500%);
	transform: translateY(-500%);
}

section.projects div.projects-content ul li a span.set-year {
	bottom:1.563rem;

	webkit-transform:translateY(500%);
	-moz-tranform:translateY(500%);
	-o-transform: translateY(500%);
	-ms-transform: translateY(500%);
	transform: translateY(500%);
}


section.projects div.section-content ul li:hover {
	background:#000 none;
}

section.projects div.projects-content ul li:hover {
	opacity:.8;

	filter:grayscale(25%);
}

section.projects div.projects-content ul li:hover a span {
	ebkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/*
section.projects div.projects-content ul li:hover a span.set-title {
	webkit-transform:translateY(-500%);
	-moz-tranform:translateY(-500%);
	-o-transform: translateY(-500%);
	-ms-transform: translateY(-500%);
	transform: translateY(-500%);
}

section.projects div.projects-content ul li:hover a span.set-year {

	webkit-transform:translateY(500%);
	-moz-tranform:translateY(500%);
	-o-transform: translateY(500%);
	-ms-transform: translateY(500%);
	transform: translateY(500%);

}*/



/*=================================================
SPECIFIC STYLES FOR CLIENTS SECTION
=================================================== */

section.clients div.clients-content ul li {
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;

}

section.clients div.clients-content ul li:nth-child(1) div.bulk-img {
	/*
	background-image:url('../img/clients/01.svg');*/
	background-size:auto 19%;
}

section.clients div.clients-content ul li:nth-child(2) div.bulk-img {
	/*
	background-image:url('../img/clients/01.svg');*/
	background-size:auto 31%;
}

section.clients div.clients-content ul li:nth-child(3) div.bulk-img {
	/*
	background-image:url('../img/clients/01.svg');*/
	background-size:auto 42%;
}

section.clients div.clients-content ul li:nth-child(4) div.bulk-img {
	/*
	background-image:url('../img/clients/02.svg');*/
	background-size:60% auto;
}

section.clients div.clients-content ul li:nth-child(5) div.bulk-img {
	/*
	background-image:url('../img/clients/03.svg');*/
	background-size:60% auto;
}

section.clients div.clients-content ul li:nth-child(6) div.bulk-img {
	/*
	background-image:url('../img/clients/04.svg');*/
	background-size:60% auto;
}

section.clients div.clients-content ul li:nth-child(7) div.bulk-img {
	/*
	background-image:url('../img/clients/05.svg');*/
	background-size:auto 50%;
}

section.clients div.clients-content ul li:nth-child(8) div.bulk-img {
	/*
	background-image:url('../img/clients/06.svg');*/
	background-size:auto 50%;
}

section.clients div.clients-content ul li:nth-child(9) div.bulk-img {
	/*
	background-image:url('../img/clients/09.svg');*/
	background-size:42% auto;
}

section.clients div.clients-content ul li:nth-child(10) div.bulk-img {
	/*
	background-image:url('../img/clients/10.svg');*/
	background-size:auto 45%;
}

section.clients div.clients-content ul li:nth-child(11) div.bulk-img {
	/*
	background-image:url('../img/clients/11.svg');*/
	background-size:auto 45%;
}

section.clients div.clients-content ul li:nth-child(12) div.bulk-img {
	/*
	background-image:url('../img/clients/12.svg');*/
	background-size:50% auto;
}

section.clients div.clients-content ul li:nth-child(13) div.bulk-img {
	/*
	background-image:url('../img/clients/13.svg');*/
	background-size:auto 40%;
}

section.clients div.clients-content ul li:nth-child(14) div.bulk-img {
	/*
	background-image:url('../img/clients/14.svg');*/
	background-size:45% auto;
}

section.clients div.clients-content ul li:nth-child(15) div.bulk-img {
	/*
	background-image:url('../img/clients/17.svg');*/
	background-size:50% auto;
}

section.clients div.clients-content ul li:nth-child(16) div.bulk-img {
	/*
	background-image:url('../img/clients/18.svg');*/
	background-size:50% auto;
}

section.clients div.clients-content ul li:nth-child(17) div.bulk-img {
	/*
	background-image:url('../img/clients/19.svg');*/
	background-size:50% auto;
}

section.clients div.clients-content ul li:nth-child(18) div.bulk-img {
	/*
	background-image:url('../img/clients/20.svg');*/
	background-size:auto 50%;
}

section.clients div.clients-content ul li:nth-child(19) div.bulk-img {
	/*
	background-image:url('../img/clients/21.svg');*/
	background-size:auto 45%;
}

section.clients div.clients-content ul li:nth-child(20) div.bulk-img {
	/*
	background-image:url('../img/clients/22.svg');*/
	background-size:50% auto;
}

section.clients div.clients-content ul li:nth-child(21) div.bulk-img {
	/*
	background-image:url('../img/clients/23.svg');*/
	background-size:50% auto;
}

section.clients div.clients-content ul li:nth-child(22) div.bulk-img {
	/*
	background-image:url('../img/clients/25.svg');*/
	background-size:auto 45%;
}

section.clients div.clients-content ul li:nth-child(23) div.bulk-img {
	/*
	background-image:url('../img/clients/26.svg');*/
	background-size:auto 45%;
}

section.clients div.clients-content ul li:nth-child(24) div.bulk-img {
	/*
	background-image:url('../img/clients/28.svg');*/
	background-size:auto 45%;
}

section.clients div.clients-content ul li:nth-child(25) div.bulk-img {
	/*
	background-image:url('../img/clients/30.svg');*/
	background-size:55% auto;
}

section.clients div.clients-content ul li:nth-child(26) div.bulk-img {
	/*
	background-image:url('../img/clients/31.svg');*/
	background-size:auto 42%;
}

section.clients div.clients-content ul li:nth-child(27) div.bulk-img {
	/*
	background-image:url('../img/clients/33.svg');*/
	background-size:auto 40%;
}

section.clients div.clients-content ul li:nth-child(28) div.bulk-img {
	/*
	background-image:url('../img/clients/34.svg');*/
	background-size:50% auto;
}

section.clients div.clients-content ul li:nth-child(29) div.bulk-img {
	/*
	background-image:url('../img/clients/36.svg');*/
	background-size:50% auto;
}

section.clients div.clients-content ul li:nth-child(30) div.bulk-img {
	/*
	background-image:url('../img/clients/37.svg');*/
	background-size:60% auto;
}

section.clients div.clients-content ul li:nth-child(31) div.bulk-img {
	/*
	background-image:url('../img/clients/38.svg');*/
	background-size:auto 42%;
}

section.clients div.clients-content ul li:nth-child(32) div.bulk-img {
	/*
	background-image:url('../img/clients/40.svg');*/
	background-size:auto 42%;
}


/*=================================================
SERVICES STYLES
=================================================== */

ul.services-list {
	list-style:none;
	padding:0;
	margin:0 auto;
	max-width:107.250rem;
	text-align:center;
}

ul.services-list li {
	display:inline-block;
	vertical-align: top;
	width:12.000rem;
	height:12.500rem;
	background:transparent none;
	border:#666666 0.063rem solid;
	position:relative;
	/**/
	overflow:hidden;
	margin:0 0.625rem 1.250rem 0.625rem;
	cursor:pointer;

	-webkit-transition: border 0.5s linear;
	-moz-transition: border 0.5s linear;
	-o-transition: border 0.5s linear;
	-ms-transition: border 0.5s linear;
	transition: border 0.5s linear;
}



ul.services-list li div.icon-holder {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);

}

ul.services-list li div.icon-holder div {
	background-repeat: no-repeat;
	background-position: center 1.750rem;
	background-size: 4.000rem 4.000rem;
		
		
}

ul.services-list li div.icon-holder div.icon-normal {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:transparent;
}

ul.services-list li div.icon-holder div.icon-normal img {
	width: 40%;
	margin-top: 1.5rem;
	opacity: 1;
		
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	transition: opacity 1s linear;
}

ul.services-list li div.icon-holder div.icon-normal img.loading {
	
	opacity : 0;
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	transition: opacity 1s linear;
}
	
ul.services-list li div.icon-holder div.icon-hover {
		
	width:100%;
	height:100%;
	position:absolute;
	top:100%;
	left:0;
	background-color:#ed243c;

}

ul.services-list li a {

	width:100%;
	height:100%;
	display:block;
	position:relative;
	text-decoration:none;
	color:#333333;

	-webkit-transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
	-ms-transition: color 0.5s linear;
	transition: color 0.5s linear;


}

ul.services-list li a span {
	position:relative;
	top:7.750rem;
	left:0;
	right:0;
	width:80%;
	margin:0 auto;
	display:block;
	text-align:center;
	text-transform:uppercase;
	line-height:1.250rem;
	font-size:0.844rem;
}


/* SPECIFIC STYLES FOR ICONS
=================================================== */

	ul.services-list li[data-id="Audio Cleanup & Repair"] div.icon-holder div.icon-normal {
		/*background-image: url('../img/UI/services_icons/Audio_Cleanup_And_Restoration.svg');*/
		
	} /* Audio Cleanup & Repair Normal */

	ul.services-list li[data-id="Audio Cleanup & Repair"] div.icon-holder div.icon-hover {
		background-image: url('../img/UI/services_icons/Audio_Cleanup_And_Restoration_Hover.svg');
	} /* Audio Cleanup & Repair Hover */

	ul.services-list li[data-id="Sonic Branding, Gingles and Ringtones"] div.icon-holder div.icon-normal {
		/*background-image: url('../img/UI/services_icons/Sonic_Branding.svg');*/
	} /* Sonic Branding, Gingles and Ringtones Normal */

	ul.services-list li[data-id="Sonic Branding, Gingles and Ringtones"] div.icon-holder div.icon-hover {
		background-image: url('../img/UI/services_icons/Sonic_Branding_Hover.svg');
	} /* Sonic Branding, Gingles and Ringtones Hover */

	ul.services-list li[data-id="Radio Production _ Radio Imaging"] div.icon-holder div.icon-normal {
		/*		background-image: url('../img/UI/services_icons/Radio_Production.svg');*/
	} /* Radio Production / Radio Imaging Normal */

	ul.services-list li[data-id="Radio Production _ Radio Imaging"] div.icon-holder div.icon-hover {
		background-image: url('../img/UI/services_icons/Radio_Production_Hover.svg');
	} /* Radio Production / Radio Imaging Hover */

	ul.services-list li[data-id="Sound Mixing & Mastering"] div.icon-holder div.icon-normal {
		/*background-image: url('../img/UI/services_icons/Audio_Mixing_And_Mastering.svg');*/
	} /* Sound Mixing & Mastering Normal */

	ul.services-list li[data-id="Sound Mixing & Mastering"] div.icon-holder div.icon-hover {
		background-image: url('../img/UI/services_icons/Audio_Mixing_And_Mastering_Hover.svg');
	} /* Sonic Branding and Jingles Hover */

	ul.services-list li[data-id="Music and Sound Design for Events"] div.icon-holder div.icon-normal {
		/*background-image: url('../img/UI/services_icons/Music_For_Special_Events.svg');*/
	} /* Music and Sound Design for Events Normal */

	ul.services-list li[data-id="Music and Sound Design for Events"] div.icon-holder div.icon-hover {
		background-image: url('../img/UI/services_icons/Music_For_Special_Events_Hover.svg');
	} /* Music and Sound Design for Events Hover */

	ul.services-list li[data-id="Original Music Composition"] div.icon-holder div.icon-normal {
		/*background-image: url('../img/UI/services_icons/Original_Music.svg');*/
	} /* Original Music Composition Normal */

	ul.services-list li[data-id="Original Music Composition"] div.icon-holder div.icon-hover {
		background-image: url('../img/UI/services_icons/Original_Music_Hover.svg');
	} /* Original Music Composition Hover */

	ul.services-list li[data-id="4804101"] div.icon-holder div.icon-normal {
		/*background-image:url('../img/UI/services_icons/Sound_Design_FX_And_Foley.svg');*/
	} /* Sound Design, Sound Effect & Foley Normal */

ul.services-list li[data-id="4804101"] div.icon-holder div.icon-hover {

	background-image:url('../img/UI/services_icons/Sound_Design_FX_And_Foley_Hover.svg');


} /* Sound Design, Sound Effect & Foley Hover */


/* hover styles for services-list
=================================================== */

ul.services-list li:hover {
	border:transparent 0.063rem solid;
}

ul.services-list li:hover a {
	color:#cccccc;
}

ul.services-list li:hover div.icon-holder {
	webkit-transform:translateY(-100%);
	-moz-tranform:translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

/*=================================================
SPECIFIC CREDITS STYLES
=================================================== */

section.credits div.credits-content {

	width:90%;
	max-width:104.750rem;
	/*text-align:center;*/


} /*THIS IS AFFECTED BY COMMON STYLES FOR projects AND CLIENTS SECTION!!!*/

div.credits-content .grid-item {

	font-size:0.875rem;
	width:13.500rem;/**/

	/*width:12.887828162%;

	margin:0 1.250rem 1.250rem 0;*/
	margin:0 1.193317422% 1.250rem 0;

	/* temporary placement BEFORE masonry
	===================================================*/
	display:inline-block;
	vertical-align:top;

}

div.credits-content ul {

	padding:0;
	margin:0;
	list-style:none;
	color:#cccccc;

}

div.credits-content ul li {
	text-align: left;
}

div.credits-content ul li.title {
	margin:0 0 1.250rem 0;
	color:#ed243c;
	text-transform:capitalize;
	font-family: 'Oktave_Bold', Helvetica Neue, Helvetica, Arial, sans-serif;

}

div.credits-content ul li span {

	display:inline-block;
	margin:0 0.250rem 0 0;
	color:#999999;

}

/* MODIFY POSITION FOR OUTSIDE SCOLLBAR JUST FOR CREDITS
SO WE CAN USE THE SAME JS CODE
=================================================== */

/*div.credits-content .mCSB_outside + .mCSB_scrollTools{ right:0}  scrollbar position: outside */






/*=================================================
CONTACT STYLES
=================================================== */

section.contact div.contact-info {
	max-width:91.500rem;
	width:100%;
	margin:0 auto;

}

section.contact div.contact-info ul {
	padding:0;
	margin:0;
	list-style:none;
	text-align: center;
	font-size:1rem;
	width:100%;


}

section.contact div.contact-info ul li {
	margin:0 0 1.250rem 0;
}

section.contact div.contact-info ul li span {
	font-family:'Oktave_Bold', Helvetica Neue, Helvetica, Arial sans-serif;
	color:#fff;
}

section.contact div.contact-info ul li a {
	text-decoration:none;
	color:#ed243c;
}

section.contact div.contact-info ul li a:hover {
	text-decoration:underline;

}

section.contact div.contact-info>span {
	font-size:0.813rem;
	color:#333333;
}

section.contact div.contact-info ol.social-secondary {
	padding:0;
	margin:1.250rem 0 0 0;
	text-align:center;
	list-style:none;
	display:none;
}

section.contact div.contact-info ol.social-secondary li {
	display:inline-block;
	vertical-align: middle;
	width:1.250rem;
	height:1.250rem;
	margin:0 0.938rem;
}

section.contact div.contact-info ol.social-secondary li a {
	display:inline-block;
	width:100%;
	height:100%;
	outline:none;
	border:none;

	background-size:85%;

	opacity:.5;

	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

section.contact div.contact-info ol.social-secondary li:nth-child(1) a {
	background:transparent url('../img/UI/youtube.svg') no-repeat center center
}

section.contact div.contact-info ol.social-secondary li:nth-child(2) a {
	background:transparent url('../img/UI/soundcloud.svg') no-repeat center center
}

section.contact div.contact-info ol.social-secondary li:nth-child(3) a {
	background:transparent url('../img/UI/facebook.svg') no-repeat center center
}

section.contact div.contact-info ol.social-secondary li:nth-child(4) a {
	background:transparent url('../img/UI/twitter.svg') no-repeat center center
}

section.contact div.contact-info ol.social-secondary li:nth-child(5) a {
	background:transparent url('../img/UI/email.svg') no-repeat center center
}

section.contact div.contact-info ol.social-secondary li a:hover {
	opacity: 1;
}


/*=================================================
MINIPLAYER STYLES
=================================================== */

div.miniplayer {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	width:56.25%;
	background:#1a1a1a none;

	box-shadow:0 0 0.625rem rgba(0,0,0,.5);

	webkit-transform:translateY(125%);
	-moz-tranform:translateY(125%);
	-o-transform: translateY(125%);
	-ms-transform: translateY(125%);
	transform: translateY(125%);

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);

}

div.miniplayer ul {
	list-style:none;
	margin:0;
	text-align:center;
	display:inline-block;
	vertical-align: middle;
	padding:0;
} /* common sytles for height <ul> nodes under miniplayer */

div.miniplayer ul li {
	padding:1.125rem 0;
	height:100%;
	margin:0;
	display:inline-block;
	vertical-align: middle;
} /* common sytles for height <li> nodes under miniplayer */

/* miniplayer controls
=================================================== */

div.miniplayer ul.controls {
	width:11.666666667%;
}

div.miniplayer ul.controls li {
	width:33.33333333333%;
	cursor:pointer;
}

div.miniplayer ul.controls li.prev_btn {
	background:transparent url('../img/UI/miniplayer_prev.svg') no-repeat 65% center;
}

/*
div.miniplayer ul.controls li.play_btn {
	background:transparent url('../img/UI/miniplayer_play.svg') no-repeat center center;
}*/

/* Specific style for when audio is paused
=================================================== */

body[data-audio="0"] ul.controls li.play_btn {
	background:transparent url('../img/UI/miniplayer_pause.svg') no-repeat center center;
}

div.miniplayer ul.controls li.next_btn {
	background:transparent url('../img/UI/miniplayer_next.svg') no-repeat 0.625rem center;
}

/* miniplayer info
=================================================== */

div.miniplayer ul.info {
	width:76.666666667%;
	color:#cccccc;
	font-size:0.938rem;
	text-align:left;
}

div.miniplayer ul.info li {
	width:100%;
	text-transform:uppercase;
}

div.miniplayer ul.info div.rotatorContainer {
	width:50%;

}

div.miniplayer ul.info li div span{
	height:100%;
}

div.miniplayer ul.info li div:first-of-type {
	text-align:right;
	padding:0 0.3125rem 0 2.500rem;

}

div.miniplayer ul.info li div:last-of-type {
	color:#666666;
	padding:0 2.500rem 0 0.3125rem;


}

/* miniplayer volume
=================================================== */

div.miniplayer ul.volume {
	width:11.666666667%;
	padding:0 0.625rem 0 0;

}

div.miniplayer ul.volume li {
	width:0.375rem;
	margin:0;
	cursor:pointer;
	position:relative;

}

div.miniplayer ul.volume li div {
	position:absolute;
	bottom:0.600rem;
	left:0;
	width:0.125rem;
	background:#333333 none;
	pointer-events:none;
}

div.miniplayer ul.volume li:nth-child(1) div {
	height:0.563rem;
}

div.miniplayer ul.volume li:nth-child(2) div {
	height:0.625rem;
}

div.miniplayer ul.volume li:nth-child(3) div {
	height:0.688rem;
}

div.miniplayer ul.volume li:nth-child(4) div{
	height:0.750rem;
}

div.miniplayer ul.volume li:nth-child(5) div{
	height:0.813rem;
}

div.miniplayer ul.volume li:nth-child(6) div{
	height:0.875rem;
}

div.miniplayer ul.volume li:nth-child(7) div{
	height:0.938rem;
}

div.miniplayer ul.volume li:nth-child(8) div{
	height:1rem;
}

div.miniplayer ul.volume li:nth-child(9) div{
	height:1.063rem;
}

div.miniplayer ul.volume li:nth-child(10) div{
	height:1.125rem;
}

/* miniplayer tracker styles
=================================================== */

div.miniplayer div.miniplayer-tracker {
	position:absolute;
	bottom:3.688rem;
	overflow:hidden;
	left:0;
	background:#131515 none;
	width:100%;
	/*height:2.438rem;*/

	height:0.313rem;

	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	-ms-transition: height 0.5s ease;
	transition: height 0.5s ease;
}

div.miniplayer div.miniplayer-tracker:before, div.miniplayer div.miniplayer-tracker:after {
	position:absolute;
	color:#cccccc;
	top:28%;
	z-index:100;
	font-size:0.750rem;
	opacity:0;
	pointer-events: none;
	font-family:'Oktave_Bold', Helvetica Neue, Helvetica, Arial, sans-serif;

	webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;


}

div.miniplayer div.miniplayer-tracker:before {
	content:attr(data-progress);
	left:1.250rem;

}

div.miniplayer div.miniplayer-tracker:after {
	content:attr(data-total);
	right:1.250rem;
}

div.miniplayer div.miniplayer-tracker div.buffer {
	height:100%;
	width:0;
	position:absolute;
	top:0;
	left:0;
	background:#333333 none;

	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	-ms-transition: width 0.5s ease;
	transition: width 0.5s ease;


}

div.miniplayer div.miniplayer-tracker div.progress {
	height:100%;
	width:0;
	position:absolute;
	top:0;
	left:0;
	background:#ed243c none;
}

div.miniplayer div.miniplayer-tracker div.seeker {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:transparent none;
}

/* cascading styles for miniplayer
=================================================== */

div.miniplayer:hover div.miniplayer-tracker {

	height:2.438rem;
	transition-duration: 0.25s;

}

div.miniplayer:hover div.miniplayer-tracker:before, div.miniplayer:hover div.miniplayer-tracker:after {

	opacity:1;
	transition-duration: 0.25s;

}


/*=================================================
SOCIAL ICONS STYLES
=================================================== */

ul.social-icons {
	position:fixed;
	bottom:1.125rem;
	right:1.875rem;
	list-style:none;
	padding:0;
	margin:0;

	webkit-transform:translateX(150%);
	-moz-tranform:translateX(150%);
	-o-transform: translateX(150%);
	-ms-transform: translateX(150%);
	transform: translateX(150%);

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);

}

ul.social-icons li {
	display:inline-block;
	vertical-align: middle;
	width:1.250rem;
	height:1.250rem;
	margin:0 1.7rem 0 0;
}

ul.social-icons li a {
	display:inline-block;
	width:100%;
	height:100%;
	outline:none;
	border:none;

	background-repeat:no-repeat;
	background-color:transparent;
	background-position:center center;

	opacity:.5;

	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

ul.social-icons li:nth-child(1) a {
	background-image:url('../img/UI/youtube.svg');
	background-size: contain;
	/*
	background-size:75%;
	*/
}

ul.social-icons li:nth-child(2) a {
	background-image:url('../img/UI/soundcloud.svg');
	width: 1.8rem;
	background-size: contain;
	/*	background-size:100%;*/
}

ul.social-icons li:nth-child(3) a {
	background-image:url('../img/UI/facebook.svg');
	/*
	background-size:100%;
	*/
}

ul.social-icons li:nth-child(4) a {
	background-image:url('../img/UI/twitter.svg');
	/*
	background-size:100%;
	*/
}

ul.social-icons li:nth-child(5) a {
	background-image:url('../img/UI/email.svg');
	/*
	background-size:100%;
	*/
}

ul.social-icons li a:hover {
	opacity: 1;
}


/*=================================================
VIDEO PLAYER STYLES
=================================================== */

div.video-player {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#202023 none;
	z-index:10;

	webkit-transform:translateY(100%);
	-moz-tranform:translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);

	opacity:1;

	-webkit-transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
	-moz-transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
	-o-transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
	-ms-transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
	transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
}

/* STYLES FOR VIDEO-PLAYER HEADER
=================================================== */

div.video-player header {
	width:100%;
	margin:0 auto;
	border-bottom:#333333 0.063rem solid;
	padding:3.750rem 6.354166667% 2.438rem 6.354166667%;
	display : flex ; 
	justify-content : space-between ; 
	align-items: center;
}

div.video-player header h3, div.video-player header ul {
	display:inline-block;
	vertical-align: middle;
}

div.video-player header h3 {
	font-weight:400;
	padding:0;
	margin:0;
	font-size:2.500rem;
	width:87.350835322%;
}

div.video-player header ul {
	list-style:none;
	padding:0;
	margin:0;

	width:12.649164678%;
	display: flex;
}

div.video-player header ul li {
	display:inline-block;
	vertical-align:middle;
	width:50%;
	height:100%;
}

div.video-player header ul li:first-of-type {
	padding:0 2.250rem 0 2.250rem;
}

div.video-player header ul li:last-of-type {
	text-align:right;
}

div.video-player header ul li div {
	width:3.000rem;
	height:3.000rem;
	display:inline-block;
	cursor:pointer;
	border-radius:1.500rem;
	/**/overflow:hidden;


	-webkit-transition: border 0.25s linear;
	-moz-transition: border 0.25s linear;
	-o-transition: border 0.25s linear;
	-ms-transition: border 0.25s linear;
	transition: border 0.25s linear;
}

div.video-player header ul li:first-of-type div {
	border:#666666 0.125rem solid;
}

div.video-player header ul li:last-of-type div {
	border:#ed243c 0.125rem solid;
}

div.video-player header ul li div span  {
	position:relative;
	display:inline-block;
	vertical-align: middle;
	width:100%;
	height:100%;

}

/* styles for video-player header sharing button
=================================================== */

div.video-player header ul li:first-of-type div span {

	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);


	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	background:transparent url('../img/UI/share_btn.svg') no-repeat center center;
}

div.video-player header ul li:first-of-type div span:before {
	content:'';
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	display:inline-block;
	vertical-align: middle;

	background:transparent url('../img/UI/share_btn_active.svg') no-repeat center center;
}

div.video-player header ul li:first-of-type div:hover {
	border:#ed243c 0.125rem solid;
}

div.video-player header ul li:first-of-type div:hover span {
	webkit-transform:translateY(-100%);
	-moz-tranform:translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* styles for video-player header closer button
=================================================== */

div.video-player header ul li:last-of-type div span {

	webkit-transform:rotate(0);
	-moz-tranform:rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	background:transparent url('../img/UI/close_btn.svg') no-repeat center center;
}

div.video-player header ul li:last-of-type div:hover span {
	webkit-transform:rotate(180deg);
	-moz-tranform:rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* STYLES FOR THE VIDEO-PLAYER BODY
=================================================== */

div.video-player div.video-player-body {
	width:100%;

	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;



	/* Temporary height. This needs to be dynamic!!!
	=================================================== */

	height:calc(100% - 18.625rem);


}

div.video-player div.video-player-body div.vimeo-video-wrapper, div.video-player div.video-player-body div.vimeo-text-wrapper {
	display:inline-block;
	vertical-align: top;
	height:100%;
}

div.video-player div.video-player-body div.vimeo-video-wrapper {
	width:68.177083333%;

}

div.video-player div.video-player-body div.vimeo-text-wrapper {
	width:31.822916667%;
}

div.video-player div.video-player-body div.vimeo-video-wrapper {
	padding:3.750rem 5.000rem;
}

div.video-player div.video-player-body div.vimeo-video-wrapper iframe{
	width:100%;
	height:100%;
}

div.video-player div.video-player-body div.vimeo-text-wrapper {
	border-left:#333333 0.063rem solid;
	position:relative;
}

div.video-player div.video-player-body div.vimeo-text-wrapper div.vimeo-mScrollbar{
	height:100%;
	overflow:auto;
}

div.video-player div.video-player-body div.vimeo-text-wrapper div.scroll-faker {
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	bottom:0;
	background:#202023 none;
	width:calc(100% - 5.000rem);
	height:5.000rem;
}

div.video-player div.video-player-body div.vimeo-text-wrapper div.vimeo-mScrollbar p {
	margin:0;
	padding:5.000rem;
}



/* STYLES FOR VIDEO-PLAYER FOOTER
=================================================== */

div.video-player footer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:8.625rem;
	/*height:10.000rem;*/
	padding:1.250rem 0 0 0;
	text-align:center;

	border-top:#333333 0.063rem solid;
}

div.video-player footer div.thumbs-view, div.video-player footer div.slider-arrow-holder {
	display:inline-block;
	vertical-align: middle;
	height:100%;
	text-align: center;

}

div.video-player footer div.slider-arrow-holder {
	width:6.354166667%;
	display:none;
}

/* Styles for the slider arrows
=================================================== */

div.video-player footer div.slider-arrow {
	/*display:inline-block;*/

	vertical-align: middle;
	width:3.000rem;
	height:3.000rem;
	border-radius: 1.500rem;
	overflow:hidden;/**/
	cursor:pointer;
	margin:20% 0 0 0;
	display:none;

	border:#666666 0.125rem solid;

	-webkit-transition: border 0.25s linear;
	-moz-transition: border 0.25s linear;
	-o-transition: border 0.25s linear;
	-ms-transition: border 0.25s linear;
	transition: border 0.25s linear;
}



div.video-player footer div.slider-arrow span {
	display:inline-block;
	vertical-align: middle;
	position:relative;
	width:100%;
	height:100%;

	webkit-transform:translateX(0);
	-moz-tranform:translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);


	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);


}

div.video-player footer div.slider-arrow-holder:first-of-type span:before, div.video-player footer div.slider-arrow-holder:last-of-type span:before {

	content:'';
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	display:inline-block;
	vertical-align: middle;

}


div.video-player footer div.slider-arrow-holder:first-of-type span:before {
	left:100%;

	background:transparent url('../img/UI/video_player_thumb_prev_active.svg') no-repeat center center;
}

div.video-player footer div.slider-arrow-holder:last-of-type span:before {
	right:100%;

	background:transparent url('../img/UI/video_player_thumb_next_active.svg') no-repeat center center;
}

div.video-player footer div.slider-arrow-holder:first-of-type span {
	background:transparent url('../img/UI/video_player_thumb_prev.svg') no-repeat center center;
}

div.video-player footer div.slider-arrow-holder:last-of-type span {
	background:transparent url('../img/UI/video_player_thumb_next.svg') no-repeat center center;
}

div.video-player footer div.slider-arrow:hover {
	border:#ed243c 0.125rem solid;
}

div.video-player footer div.slider-arrow-holder:first-of-type div.slider-arrow:hover span {

	webkit-transform:translateX(-100%);
	-moz-tranform:translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);

}

div.video-player footer div.slider-arrow-holder:last-of-type div.slider-arrow:hover span {

	webkit-transform:translateX(100%);
	-moz-tranform:translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);

}


/* Styles for thumbs-list
=================================================== */

div.video-player footer div.thumbs-view {

	width:87.291666667%;
	width:100%;
	padding:0 5.354166667%;
	/*background:red none;*/
	overflow-x:auto;
	text-align:center;
}

div.video-player footer div.thumbs-view ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
	display:inline-block;
	white-space: nowrap;


}

div.video-player footer div.thumbs-view ul li {
	list-style:none;
	padding:0;
	margin:0;
	width:12.000rem;
	height:6.000rem;
	margin:0 1.250rem 0 0;
	display:inline-block;
	position:relative;
	cursor:pointer;
	background:#333333 none;

	border:transparent 0.250rem solid;

	-webkit-transition: border 0.25s linear;
	-moz-transition: border 0.25s linear;
	-o-transition: border 0.25s linear;
	-ms-transition: border 0.25s linear;
	transition: border 0.25s linear;


}

div.video-player footer div.thumbs-view ul li:last-of-type {
	margin:0;
}

div.video-player footer div.thumbs-view ul li:hover, div.video-player footer div.thumbs-view ul li.current {
	border:#ed243c 0.250rem solid;
}

/*
div.video-player footer div.thumbs-view ul li:nth-child(even) {
	background:#666666 none;
}

div.video-player footer div.thumbs-view ul li:nth-child(odd) {
	background:#333333 none;
}*/

div.video-player ul.video-player-mobile-footer {
	display:none;
}


/* OVERRIDES FOR VIDEO PLAYER ARROWS THUMBS LIST
=================================================== */

div.video-player footer.extended div.slider-arrow {
	display:inline-block;
}

/*=================================================
STYLES FOR THE MUSIC PLAYER
=================================================== */

div.music-player {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#202023 none;
	overflow:hidden;
	z-index:10;


	webkit-transform:translateY(100%);
	-moz-tranform:translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);

	opacity:1;

	-webkit-transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
	-moz-transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
	-o-transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
	-ms-transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;
	transition: transform 0.8s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 0.5s linear;


}

/* STYLES FOR THE MUSIC-PLAYER HEADER
=================================================== */

div.music-player header {
	width:100%;
	padding:3.125rem 6.354166666666667%;
	border-bottom:#313135 0.063rem solid;

	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.5s;
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.5s;
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.5s;
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.5s;
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.5s;

}

div.music-player header div {
	display:inline-block;
	vertical-align: middle;
}

div.music-player header ul.mobile-header, div.music-player ul.mobile-footer {
	display:none;
}

/* Styles for the music-player header artwork
=================================================== */

div.music-player header div.music-player-header-artwork-container {

	width:8.174224344%;
	height:100%;
	margin:0;


}

div.music-player header div.music-player-header-artwork-image {
	width:100%;
	height:8.688rem;
	background-color:#333333;
	background-repeat:none;
	background-position:center center;
	background-size:cover;

	opacity:0.5;

	filter:grayscale(80%);

	/* TEMPORARY artwork IMAGE
	===================================================

	background-image:url('../img/dummy_artwork.jpg');*/

}

div.music-player header div.music-player-header-artwork-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	transition: opacity 1s linear;
}

div.music-player header div.music-player-header-artwork-image img.loading {
	opacity: 0;
}

/* Styles for the music-player header info
=================================================== */

div.music-player header div.music-player-header-info {
	/*
	width:69.570405728%;*/
	width:44.272076372%;
	margin:0 0 0 4.474940334%;

}

div.music-player header div.music-player-header-info ul.music-player-header-info-list {
	list-style:none;
	padding:0;
	margin:0;
	line-height:1.250rem;
}

div.music-player header div.music-player-header-info ul.music-player-header-info-list li:first-of-type{
	font-size:0.875rem;
	color:#999999;
	text-transform:uppercase;
	font-family:'Oktave_Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
}

div.music-player header div.music-player-header-info ul.music-player-header-info-list li.music-player-header-info-track{

	color:#cccccc;
	font-size:2.625rem;
	line-height:2.500rem;
	margin:1.250rem 0 0 0;
	text-transform:capitalize;

}



div.music-player header div.music-player-header-info ul.music-player-header-info-list li.music-player-header-info-album{

	color:#ed243c;
	font-size:1.750rem;
	margin:0.500rem 0 0 0;
	line-height:1.500rem;

}

div.music-player header div.music-player-header-info ul.music-player-header-info-list li.music-player-header-info-album span {
	/*
	text-transform:uppercase;*/
}

div.music-player header div.music-player-header-info ul.music-player-header-info-list li.music-player-header-info-track div,  div.music-player header div.music-player-header-info ul.music-player-header-info-list li.music-player-header-info-album div{
	width:95%;
}

/* Styles for the music-player header volume
=================================================== */

div.music-player header div.music-player-header-volume {
	width:30.416666667%;
	height:100%;

}

div.music-player header div.music-player-header-volume div.music-player-header-volume-slider-container {
	margin:0 0 0 6.438rem;
	width:11.375rem;
	height:0.750rem;
	background:#1a1a1a none;
	border-radius:0.313rem;
	position:relative;


}

div.music-player header div.music-player-header-volume div.music-player-header-volume-slider-container:before, div.music-player header div.music-player-header-volume div.music-player-header-volume-slider-container:after {
	content:'';
	position:absolute;

	background-repeat:no-repeat;
	background:position:center center;
	background-color:transparent;



}

div.music-player header div.music-player-header-volume div.music-player-header-volume-slider-container:before {
	left:-1.750rem;
	background-image:url('../img/UI/volume_mute.svg');
	width:0.625rem;
	height:0.813rem;
}

div.music-player header div.music-player-header-volume div.music-player-header-volume-slider-container:after {
	top:-0.125rem;
	right:-2.875rem;
	background-image:url('../img/UI/volume_full.svg');
	width:1.438rem;
	height:1rem;

}

div.music-player header div.music-player-header-volume div.music-player-header-volume-slider-container span.ui-slider-handle {
	position: absolute;
	width: 1.563rem;
	height: 1.563rem;
	cursor: pointer;
	background: rgba(237,36,60,1) none;
	outline: none;
	border:#202023 0.125rem solid;
	border-radius:50%;
	top:-0.438rem;
	margin:0 0 0 -0.750rem;
	/*top: -7px;
	margin-left: -12px;

	*/
}

div.music-player header div.music-player-header-volume div.music-player-header-volume-slider-container div.ui-slider-range{

	background: #ed243c none;
	position: absolute;
	border: 0;
	top: 0;
	height: 100%;
	border-radius:0.313rem;

}

/* Styles for the music-player header buttons
=================================================== */

div.music-player header div.music-player-header-buttons {
	/*width:17.780429594%;*/
	width:12.649164678%;

}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list {
	padding:0;
	margin:0;
	list-style:none;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li {

	display:inline-block;
	vertical-align:middle;
	width:50%;
	height:100%;

}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li:first-of-type {
	padding:0 0 0 2.250rem;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li div {
	width:3.000rem;
	height:3.000rem;
	display:inline-block;
	cursor:pointer;
	border-radius:1.500rem;

	-webkit-transition: border 0.25s linear;
	-moz-transition: border 0.25s linear;
	-o-transition: border 0.25s linear;
	-ms-transition: border 0.25s linear;
	transition: border 0.25s linear;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-close div {
	border:#ed243c 0.125rem solid;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-share div  {
	border:#666666 0.125rem solid;
	overflow:hidden;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-close {
	text-align:right;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li div span  {
	position:relative;
	display:inline-block;
	vertical-align: middle;
	width:100%;
	height:100%;

}

/* styles for music-player header sharing button
=================================================== */

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-share div span {

	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);


	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	background:transparent url('../img/UI/share_btn.svg') no-repeat center center;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-share div span:before {
	content:'';
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	display:inline-block;
	vertical-align: middle;

	background:transparent url('../img/UI/share_btn_active.svg') no-repeat center center;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-share div:hover {
	border:#ed243c 0.125rem solid;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-share div:hover span {
	webkit-transform:translateY(-100%);
	-moz-tranform:translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* styles for video-player header closer button
=================================================== */

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-close div span {

	webkit-transform:rotate(0);
	-moz-tranform:rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	background:transparent url('../img/UI/close_btn.svg') no-repeat center center;
}

div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-close div:hover span {
	webkit-transform:rotate(180deg);
	-moz-tranform:rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* OVERRIDES SC.PLAYER STYLES
=================================================== */
div.sc-player ol.sc-artwork-list, div.sc-player div.sc-info, div.sc-player div.sc-controls,  div.sc-player a.sc-info-toggle, div.sc-player div.sc-scrubber  {
	display:none;
}

/* STYLES FOR THE MUSIC-PLAYER BODY
=================================================== */

div.music-player-body {
	width:100%;
	height:calc(100% - 6.250rem);

	opacity:0;

	-webkit-transition: opacity 0.5s linear 1s;
	-moz-transition: opacity 0.5s linear 1s;
	-o-transition: opacity 0.5s linear 1s;
	-ms-transition: opacity 0.5s linear 1s;
	transition: opacity 0.5s linear 1s;

}

div.music-player-body div.mobile-main {
	display:none;
	width:100%;
	height:100%;
}

div.music-player-body div.mScrollbar {

	display:inline-block;
	vertical-align: top;
	width:50%;
	height:100%;
	overflow-y:auto;

	webkit-transform:translateX(0);
	-moz-tranform:translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);


}

/*
div.music-player-body div.mScrollbar {
	height:100%;
	overflow:auto;
}*/


div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist {
	padding:0 0 8.750rem 0;
	margin:0;
	list-style:none;
	line-height:1.250rem;
	font-size:0.875rem;
	color:#666666;
	width:100%;

	font-family:'Oktave_Bold', Helvetica Neue, Helvetica, Arial, sans-serif;

}

div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li {
	padding:0;
	margin:0;
	border-bottom:#333333 0.063rem solid;
	position:relative;
	text-transform:capitalize;
	cursor:pointer;
}

div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li:before {
	content:attr(data-index);
	display:block;
	position:absolute;
	left:4.479166667%;
	top:33%;

}

div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active:not(.paused):before {
	content:'';
	width:1rem;
	height:1.125rem;
	position:absolute;
	background:transparent url('../img/UI/pause_track.svg') no-repeat center center;
}

div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li:hover:not(.active):before, 
div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active.paused:before {
	content:'';
	width:1rem;
	height:1.125rem;
	position:absolute;
	background:transparent url('../img/UI/play_track.svg') no-repeat center center;
}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.tracker {
	
	/* display : none ;  */
	position:absolute;
	height:100%;
	top:0;
	left:10.520833333%;
	width:89.479166667%;
	z-index:0;
	border-left:#333333 0.063rem solid;
}

div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li div.tracker {
	
	display : none ; 
}

div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active div.tracker,
div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active.paused div.tracker
{
	display : block ; 
}
div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.tracker div {
	position:absolute;
	height:100%;
	top:0;
	left:0;
	width:0;
}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.tracker div.buffer {

	background:#333333 none;

	-webkit-transition: width 0.25s ease;
	-moz-transition: width 0.25s ease;
	-o-transition: width 0.25s ease;
	-ms-transition: width 0.25s ease;
	transition: width 0.25s ease;/**/
}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.tracker div.progress {

	background:#ed243c none;
}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li a {
	
	text-decoration: none;
	color: #999999;
	padding: 1.219rem 12.708333333% 1.219rem 12.708333333%;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: relative;
	border: none;
	outline: none;
	pointer-events: none !important;
	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;
	-ms-transition: color 0.25s linear;
	transition: color 0.25s linear;
}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li span.sc-track-duration {
	position:absolute;
	right:3.125rem;
	color:#ed243c;
	top:calc(50% - 0.5625rem);


}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li.active span.sc-track-duration {
	color:#fff;
}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.seeker {
	left:10.520833333%;
	width:0;
	height:100%;
	position:absolute;
	top:0;
	background:transparent none;
	z-index:10;
	pointer-events:auto;

}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li.active div.seeker {
	width:89.479166667%;
	cursor:default;
}

div.music-player div.music-player-body div.sc-player ol.sc-trackslist li.active a, div.music-player div.music-player-body div.sc-player ol.sc-trackslist li:hover a {
	color:#fff;
}

/* SPECIFIC OVEERRIDES FOR CUSTOM SCROLLBAR
=================================================== */

div.music-player div.music-player-body .mCSB_scrollTools .mCSB_draggerRail {

	border-right:0.063rem transparent solid;
	background-color:#202023;

}


/* STYLES FOR THE MUSIC-PLAYER TEXT CONTAINER
=================================================== */

div.music-player div.music-player-text-container {
	border-left:#333333 0.063rem solid;
	padding:0 0 8.750rem 0;
}

div.music-player div.music-player-text-container div.music-player-text-paragraph p {
	padding:4.375rem 10.063rem;
	margin:0;
	line-height:1.500rem;
	white-space: pre-wrap;
}


/*=================================================
STYLES FOR THE SHARING SCREEN
=================================================== */

div.share-screen {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10;

	background:transparent none;

	webkit-transform:translateY(100%);
	-moz-tranform:translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);

	-webkit-transition: transform 0.5s cubic-bezier(0.470, 0.000, 0.020, 0.985) 0s;
	-moz-transition: transform 0.5s cubic-bezier(0.470, 0.000, 0.020, 0.985) 0s;
	-o-transition: transform 0.5s cubic-bezier(0.470, 0.000, 0.020, 0.985) 0s;
	-ms-transition: transform 0.5s cubic-bezier(0.470, 0.000, 0.020, 0.985) 0s;
	transition: transform 0.5s cubic-bezier(0.470, 0.000, 0.020, 0.985) 0s;
}

div.share-screen ul {
	list-style:none;
	padding:0 0 1.500rem 0;
	margin:0 auto;
	/*
	background:#191919 none;
	background:rgba(13,13,23,.5) none;*/
	backgrond:transparent none;
	/*
	border:#cccccc 0.125rem solid;*/
	border:#313135 0.125rem solid;
	line-height:1.250rem;
	max-width:18.000rem;
	width:100%;
	color:#fff;
	position:relative;
}

div.share-screen ul li:not(.bitly-content){
	text-transform:uppercase;
	line-height:2.500rem;
	color:#999999;
	cursor:pointer;
	width:100%;
	height:100%;

	overflow-y:hidden;


	-webkit-transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
	-ms-transition: color 0.5s linear;
	transition: color 0.5s linear;
}

div.share-screen ul li:not(.bitly-content) span {
	position:relative;
	display:inline-block;
	vertical-align: middle;
	width:100%;
	height: 100%;

	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

div.share-screen ul li:not(.bitly-content) span:after {
	content:attr(data-hover);
	display:block;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	color:#ed243c;
}

div.share-screen ul li:not(.bitly-content):hover span {

	webkit-transform:translateY(-100%);
	-moz-tranform:translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);

}

div.share-screen ul li.bitly-content {
	/*
	border-bottom:#cccccc 0.125rem solid;*/
	border-bottom:#313135 0.125rem solid;
	margin:0 0 2.500rem 0;
	font-family:'Oktave_Bold', Helvetica Neue, Helvetica, Arial, sans-serif;
}

div.share-screen ul li.bitly-content span {
	display:inline-block;
	vertical-align: middle;
	width:100%;
	height:100%;
	padding:1.875rem 0;

}

div.share-screen ul li:not(.bitly-content):last-of-type {
	margin:0 0 1.250rem 0;
}

div.share-screen ul div.share-screen-closer {
	position:absolute;
	display:block;
	top:-1.500rem;
	right:-1.500rem;
	width:3rem;
	height:3rem;
	border-radius:1.500rem;
	/*border:#cccccc 0.125rem solid;
	background:#202023 none;
	*/

	border:#313135 0.125rem solid;


	background:#181818 none;

	cursor:pointer;

	-webkit-transition: border 0.25s linear, background 0.25s linear;
	-moz-transition: border 0.25s linear, background 0.25s linear;
	-o-transition: border 0.25s linear, background 0.25s linear;
	-ms-transition: border 0.25s linear, background 0.25s linear;
	transition: border 0.25s linear, background 0.25s linear;
}

div.share-screen ul div.share-screen-closer span {
	display:inline-block;
	vertical-align: middle;
	width:100%;
	height:100%;
	background:transparent url('../img/UI/close_share_btn.svg') no-repeat center center;

	webkit-transform:rotate(0);
	-moz-tranform:rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);

	-webkit-transition: transform 0.25s ease;
	-moz-transition: transform 0.25s ease;
	-o-transition: transform 0.25s ease;
	-ms-transition: transform 0.25s ease;
	transition: transform 0.25s ease;

}

div.share-screen ul div.share-screen-closer:hover {
	border:#ed243c 0.125rem solid;
	background:#ed243c none;
}

div.share-screen ul div.share-screen-closer:hover span {
	webkit-transform:rotate(180deg);
	-moz-tranform:rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*=================================================
GENERAL BODY OVERRIDE STYLES
=================================================== */

body.loading div.preloader {
	visibility: visible;
	opacity:1;
}

body.loading div.preloader div.preloader-info:after {
	-webkit-animation:spin 1s linear infinite;
	-moz-animation:spin 1s linear infinite;
	animation:spin 1s linear infinite;
}

body:not(.loading):not(.sharing) nav {
	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	transition-delay:0.5s;
}

body:not(.loading):not(.sharing) ul.social-icons {

	webkit-transform:translateX(0);
	-moz-tranform:translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);

	transition-delay:0.5s;

}

body:not(.loading):not(.playing-music):not(.playing-video):not(.sharing) div.miniplayer {
	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	transition-delay:0.5s;
}

body.playing-music:not(.playing-video) div.music-player {
	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

body.playing-music:not(.playing-video) div.music-player div.music-player-body {
	opacity:1;

}

body.playing-video:not(.playing-music) div.video-player {
	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/*=================================================
ABOUT BODY OVERRIDE STYLES
=================================================== */

section.about[data-slide="company"] div.about-section-slider {
	webkit-transform:translateX(0);
	-moz-tranform:translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

section.about[data-slide="company"] div.about-bg li:nth-child(1) {
	transition-delay:0s;
	opacity:1;
}

section.about[data-slide="father"] div.about-section-slider {
	webkit-transform:translateX(-100%);
	-moz-tranform:translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

section.about[data-slide="father"] div.about-bg li:nth-child(2) {
	transition-delay:0s;
	opacity:1;
}

section.about[data-slide="son"] div.about-section-slider {
	webkit-transform:translateX(-200%);
	-moz-tranform:translateX(-200%);
	-o-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	transform: translateX(-200%);
}

section.about[data-slide="son"] div.about-bg li:nth-child(3) {
	transition-delay:0s;
	opacity:1;
}

section.about[data-slide="awards"] div.about-section-slider {
	webkit-transform:translateX(-300%);
	-moz-tranform:translateX(-300%);
	-o-transform: translateX(-300%);
	-ms-transform: translateX(-300%);
	transform: translateX(-300%);
}

section.about[data-slide="awards"] div.about-bg li:nth-child(4) {
	transition-delay:0s;
	opacity:1;
}

/*=================================================
MINIPLAYER OVERRIDE STYLES
=================================================== */

/* Specific style for when audio is paused
=================================================== */

body[data-audio="0"] ul.controls li.play_btn {
	background:transparent url('../img/UI/miniplayer_play.svg') no-repeat center center;
}

body[data-audio="1"] ul.controls li.play_btn {
	background:transparent url('../img/UI/miniplayer_pause.svg') no-repeat center center;
}

div.miniplayer ul.volume[data-volume="1"] li:nth-child(1) div {
	background:#ed243c none !important;
}

div.miniplayer ul.volume[data-volume="2"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="2"] li:nth-child(2) div {
	background:#ed243c none;
}

div.miniplayer ul.volume[data-volume="3"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="3"] li:nth-child(2) div, div.miniplayer ul.volume[data-volume="3"] li:nth-child(3) div {
	background:#ed243c none;
}

div.miniplayer ul.volume[data-volume="4"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="4"] li:nth-child(2) div, div.miniplayer ul.volume[data-volume="4"] li:nth-child(3) div, div.miniplayer ul.volume[data-volume="4"] li:nth-child(4) div {
	background:#ed243c none;
}

div.miniplayer ul.volume[data-volume="5"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="5"] li:nth-child(2) div, div.miniplayer ul.volume[data-volume="5"] li:nth-child(3) div, div.miniplayer ul.volume[data-volume="5"] li:nth-child(4) div, div.miniplayer ul.volume[data-volume="5"] li:nth-child(5) div {
	background:#ed243c none;
}

div.miniplayer ul.volume[data-volume="6"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="6"] li:nth-child(2) div, div.miniplayer ul.volume[data-volume="6"] li:nth-child(3) div, div.miniplayer ul.volume[data-volume="6"] li:nth-child(4) div, div.miniplayer ul.volume[data-volume="6"] li:nth-child(5) div, div.miniplayer ul.volume[data-volume="6"] li:nth-child(6) div {
	background:#ed243c none;
}

div.miniplayer ul.volume[data-volume="7"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="7"] li:nth-child(2) div, div.miniplayer ul.volume[data-volume="7"] li:nth-child(3) div, div.miniplayer ul.volume[data-volume="7"] li:nth-child(4) div, div.miniplayer ul.volume[data-volume="7"] li:nth-child(5) div, div.miniplayer ul.volume[data-volume="7"] li:nth-child(6) div, div.miniplayer ul.volume[data-volume="7"] li:nth-child(7) div {
	background:#ed243c none;
}

div.miniplayer ul.volume[data-volume="8"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="8"] li:nth-child(2) div, div.miniplayer ul.volume[data-volume="8"] li:nth-child(3) div, div.miniplayer ul.volume[data-volume="8"] li:nth-child(4) div, div.miniplayer ul.volume[data-volume="8"] li:nth-child(5) div, div.miniplayer ul.volume[data-volume="8"] li:nth-child(6) div, div.miniplayer ul.volume[data-volume="8"] li:nth-child(7) div, div.miniplayer ul.volume[data-volume="8"] li:nth-child(8) div  {
	background:#ed243c none;
}

div.miniplayer ul.volume[data-volume="9"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="9"] li:nth-child(2) div, div.miniplayer ul.volume[data-volume="9"] li:nth-child(3) div, div.miniplayer ul.volume[data-volume="9"] li:nth-child(4) div, div.miniplayer ul.volume[data-volume="9"] li:nth-child(5) div, div.miniplayer ul.volume[data-volume="9"] li:nth-child(6) div, div.miniplayer ul.volume[data-volume="9"] li:nth-child(7) div, div.miniplayer ul.volume[data-volume="9"] li:nth-child(8) div, div.miniplayer ul.volume[data-volume="9"] li:nth-child(9) div  {
	background:#ed243c none;
}

div.miniplayer ul.volume[data-volume="10"] li:nth-child(1) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(2) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(3) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(4) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(5) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(6) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(7) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(8) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(9) div, div.miniplayer ul.volume[data-volume="10"] li:nth-child(10) div  {
	background:#ed243c none;
}

/*=================================================
SHARING SCREEN OVERRIDE STYLES
=================================================== */

body.sharing div.music-player, body.sharing div.video-player {
	opacity:.01;
	transition-delay:0.5s; /*Add some delay so the nav menu is not visible getting out of view */
}

body.sharing div.share-screen {
	webkit-transform:translateY(0);
	-moz-tranform:translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	transition-delay:0.5s;
}

/*=================================================
LARGE DESKTOP/TABLET UNTIL 1295px
=================================================== */

@media screen and (max-width: 80.938rem){


	

	/*=================================================
	NAV STYLES
	=================================================== */

	nav {
		background:transparent none;
		padding:0;
		height:100%;
		pointer-events: none;
		z-index:9;
	}

	nav div.nav-logo {
		width:100%;
		pointer-events: auto;
		padding:1.156rem 0;
		background:transparent none;
		border-bottom:transparent 0.063rem solid;

		-webkit-transition: background 0.5s linear, border-bottom 0.5s linear;
		-moz-transition: background 0.5s linear, border-bottom 0.5s linear;
		-o-transition: background 0.5s linear, border-bottom 0.5s linear;
		-ms-transition: background 0.5s linear, border-bottom 0.5s linear;
		transition: background 0.5s linear, border-bottom 0.5s linear;


	}

	nav div.nav-logo a {

		width:43.645833333%;
		margin:0 0 0 6.354166666666667%;
		background:transparent url('../img/logo_mobile.svg') no-repeat center left;

	}

	nav div.nav-logo div.mobile-menu-btn {
		display:inline-block;
		vertical-align: middle;
		width:43.645833333%;
		height:1.063rem;
		text-align:right;
		margin:0 6.354166666666667% 0 0;
	}

	nav div.nav-logo div.mobile-menu-btn span {
		display:inline-block;
		vertical-align: top;
		padding:0;
		margin:0.250rem 0 0 0;
		cursor:pointer;
		width:1.375rem;
		height:0.625rem;
		color:#ed243c;

		background: linear-gradient(
	    	to bottom,
	    	currentColor, currentColor 20%,
	    	transparent 20%, transparent 40%,
	    	currentColor 40%, currentColor 60%,
	    	transparent 60%, transparent 80%,
	    	currentColor 80%, currentColor 100%
	  	);
	}

	nav ul {

		pointer-events: auto;
		background:rgba(26,26,26,.98) none;
		padding:0;
		width:100%;
		height:100%;
		text-align:left;
		position:absolute;
		top:3.688rem;
		left:0;
		z-index:100;
		border-top:#232323 0.063rem solid;

		webkit-transform:translateX(100%);
		-moz-tranform:translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);

		-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);/**/

	}

	nav ul li {
		display:block;
		padding:0;
		height:auto;
		padding:1.094rem 6.354166666666667%;
		border-bottom:#232323 0.063rem solid;
	}

	nav ul li a {
		width:100%;
	}

	nav ul li a span {
		text-align:left;
	}


	/*=================================================
	COMMON STYLES
	=================================================== */


	section {
		overflow:auto;
	}



	section.projects div.projects-content, section.clients div.clients-content, section.credits div.credits-content {
		text-align:center;

	}


	section.projects .mCustomScrollBox, section.projects .mCSB_container, section.clients .mCustomScrollBox, section.clients .mCSB_container, section.credits .mCustomScrollBox, section.credits .mCSB_container {
		overflow:auto !important;
	}


	div.copy {

		position:static;
		bottom:unset;
		left:unset;
		right:unset;

		max-width:none;
		width:100%;
		padding:0 6.354166666666667%;
		margin:2.500rem auto 7.500rem auto;



	}



	/*=================================================
	HOME STYLES
	=================================================== */

	section.home h4.home-legend {

		font-size:2.000rem;
		line-height: 1.750rem;
		width:90%;
		margin:0 auto;

	}

	/*=================================================
	ABOUT STYLES
	=================================================== */

	ul.about-header {
		top:7.625rem;
	}

	div.about-paragrahp p {
		margin:0;
		padding:0;
		font-size:1rem;
		/*
		line-height:1.250rem;*/

	}

	/*=================================================
	PROJECT STYLES
	=================================================== */

	section.projects div.projects-content {
		width:100%;
		margin:5.000rem auto 0 auto;
	}

	/*=================================================
	CLIENT STYLES
	=================================================== */

	section.clients div.clients-content {
		width:100%;
		margin:5.000rem auto 0 auto;
	}

	/*=================================================
	CREDITS STYLES
	=================================================== */

	section.credits div.credits-content {
		width:90%;
		margin:6.500rem auto 7.500rem auto;
		text-align:left;
	}

	/*=================================================
	CONTACT STYLES
	=================================================== */

	section.contact div.contact-info ol.social-secondary {
		display:block;
	}

	/*=================================================
	SOCIAL ICONS STYLE
	=================================================== */

	ul.social-icons {

		display:none;

	}

	/*=================================================
	MINIPLAYER STYLES
	=================================================== */

	div.miniplayer {

		width:100%;

	}

	/*=================================================
	VIDEO PLAYER STYLES
	=================================================== */


	/* STYLES FOR VIDEO-PLAYER HEADER
	=================================================== */

	div.video-player header {
		padding:2.500rem 6.354166667% 1.960rem 6.354166667%;
	}

	div.video-player header h3 {

		font-size:2.000rem;
	}

	div.video-player header ul li:first-of-type {
		padding:0 0 0 15.919764387%;
	}

	div.video-player header ul li div {
		/*
		width:3.000rem;
		height:3.000rem;
		display:inline-block;
		cursor:pointer;
		border-radius:1.500rem;
		overflow:hidden;


		-webkit-transition: border 0.25s linear;
		-moz-transition: border 0.25s linear;
		-o-transition: border 0.25s linear;
		-ms-transition: border 0.25s linear;
		transition: border 0.25s linear;*/

		width:2.125rem;
		height:2.125rem;
		border-radius:1.0625rem;


	}

	div.video-player header ul li div span, div.video-player header ul li:first-of-type div span:before {
		background-size:0.750rem !important;
	}


	div.video-player div.video-player-body {
		height:calc(100% - 16.063rem);
	}

	div.video-player div.video-player-body div.vimeo-video-wrapper {
		padding:3.750rem;
	}

	div.video-player div.video-player-body div.vimeo-text-wrapper div.vimeo-mScrollbar p {
		padding:3.750rem;
		font-size:0.875rem;
	}

	div.video-player div.video-player-body div.vimeo-text-wrapper div.scroll-faker {
		width:calc(100% - 3.750rem);
		height:3.750rem;
	}

	div.video-player footer div.thumbs-view {
		/*
		width:87.291666667%;
		width:100%;
		padding:0 5.354166667%;
		overflow-x:auto;
		text-align:center;*/

		padding:0 2.677083333%;
	}

	/*=================================================
	STYLES FOR THE MUSIC PLAYER
	=================================================== */


	/* Styles for the music-player header info
	=================================================== */

	div.music-player header div.music-player-header-info {

		width:35.272076372%;

	}

	div.music-player header div.music-player-header-info ul.music-player-header-info-list li.music-player-header-info-track{

		font-size:2.000rem;
		line-height:1.875rem;
		margin:0.625rem 0 0 0;

	}

	div.music-player header div.music-player-header-info ul.music-player-header-info-list li.music-player-header-info-album{
		font-size:1.125rem;
		margin:0.250rem 0 0 0;
		line-height:1.125rem;

	}



	/* Styles for the music-player header volume
	=================================================== */

	div.music-player header div.music-player-header-volume {
		width:39.416666667%;
		height:100%;

	}

	div.music-player header div.music-player-header-volume div.music-player-header-volume-slider-container {

		margin:0 0 0 5.438rem;
		width:40%;


	}

	/*
	span.ui-slider-handle{
		pointer-events: none;
	}*/


	/* Styles for the music-player header buttons
	=================================================== */



	div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li div {

		width:2.125rem;
		height:2.125rem;
		border-radius:1.0625rem;

	}

	div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-share div span, div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-share div span:before, div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li.music-player-header-button-close div span {

		background-size:0.750rem !important;
	}

	div.music-player header div.music-player-header-buttons ul.music-player-header-buttons-list li:first-of-type {
		padding:0 0 0 15.919764387%;
	}

	/* Styles for the playlist
	=================================================== */

	div.music-player div.music-player-body div.sc-player ol.sc-trackslist li a {
		padding:1.219rem 0 1.219rem 14.708333333%;
	}

	div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li:hover:not(.active):before, div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active.paused:before {

		background-size:80%;
	}

	div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist {
		padding:0 0 5.000rem 0;
	}

	div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active:not(.paused):before {
		background-size:80%;
	}

	div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.tracker {

		width:87.479166667%;
		left:12.520833333%;

	}

	div.music-player div.music-player-body div.sc-player ol.sc-trackslist li a {

		width:75%;

	}

	div.music-player div.music-player-text-container {
		border-left:#333333 0.063rem solid;
		padding:0;
	}

	div.music-player div.music-player-text-container div.music-player-text-paragraph {
		padding:0 0 4.375rem 0;
	}

	div.music-player div.music-player-text-container div.music-player-text-paragraph p {
		padding: 4.375rem 5.0315rem;
		font-size: 0.875rem;
		white-space: pre-wrap;
	}


	/*=================================================
	GENERAL BODY OVERRIDES
	=================================================== */

	body.showing-mobile-menu nav ul {
		webkit-transform:translateX(0);
		-moz-tranform:translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	body:not(.home):not(.about) nav div.nav-logo, body.showing-mobile-menu nav div.nav-logo {

		background:rgba(26,26,26,.98) none;
		border-bottom:#232323 0.063rem solid;

	}





}

/*=================================================
PHONE UNTIL 1242px
=================================================== */


@media screen and (max-width: 77.3125rem){

	/*=================================================
	PRELOADER STYLES
	=================================================== */

	div.preloader div.preloader-info {
		right:3.000rem;
		top:2.000rem;

	}
	
	/*=================================================
	BACKGROUND IMAGE STYLE
	=================================================*/
	div.imgSlider ul li {
			width:100vw;
			height:100vh;
			max-width:100vw;

	}
	
	div.imgSlider .bg-loader{
				display:none;
	} 	

	/*=================================================
	COMMON STYLES
	=================================================== */


	.mCustomScrollBox, .mCSB_container {
		overflow:auto !important;
	}

	/*=================================================
	HOME STYLES
	=================================================== */

	section.home div.centered-content {
		margin:-8.750rem 0 0 0;
	}

	div.twitter-feed {
		width:80%;
	}

	/*=================================================
	ABOUT STYLES
	=================================================== */

	section.about {
		height:100%;
		overflow: hidden;
	}

	div.about-bg {
		display:none;
	}

	ul.about-header {
		top:3.875rem;
		margin:0;
		width:100%;

		font-family:'Oktave_Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
		font-size:0.813rem;
		background:rgba(26,26,26,.98) none;
		border-bottom:#232323 0.063rem solid;
	}

	ul.about-header li {
		padding:0;
		width:25%;
		margin:0 auto;
		border-left:#232323 0.063rem solid;
	}

	ul.about-header li:first-of-type {
		border:none;
	}

	ul.about-header li span {
		padding:1.250rem 0;
		display:inline-block;
		width:100%;
	}

	section.about div.about-container {

		margin:0;
		height:100%;

	}

	section.about div.centered-content-holder:before {
		display:none;
	}

	section.about div.centered-content-holder {
		text-align:left;
		height:100%;
		overflow:auto;

	}

	section.about div.centered-content {
		width:100%;
		height:auto;
		padding:0 6.354166666666667%;
		margin:8.938rem 0 6.375rem 0;
	}

	div.about-paragrahp {
		margin:0;
		max-width:none;

	}

	/* Styles for the awards
	=================================================== */

	section.about div.about-section-slider div.about-container:last-of-type div.centered-content {
		width:100%;
		height:auto;
		padding:0;
		margin:7.688rem 0 4.000rem 0;
	}

	div.about-awards {
		max-width:none;
		width:100%;
		margin:0;
	}

	h3.awards-header {
		display:none;
	}

	ul.awards-list {
		height:auto !important;
		padding:0;
	}

	ul.awards-list li {
		border-bottom:#232323 0.063rem solid;
		padding:1.250rem 0;
		margin:0 !important;

	}

	ul.awards-list li:nth-child(odd) {
		background:rgba(35,35,35,.5) none;
	}

	ul.awards-list li:nth-child(even) {
		background:rgba(35,35,35,.2) none;;
	}

	ul.awards-list li span {
		padding:0;
		display:inline-block;
		width:100% !important;
		padding:0 6.354166666666667%;
	}

	ul.awards-list li span:before {

		display:inline-block;
		margin:0 0.500rem 0 0;
		color:#ed243c;
		text-transform:uppercase;
	}

	ul.awards-list li span:nth-child(1):before {
		content:'year :';
	}

	ul.awards-list li span:nth-child(2):before {
		content:'award :';
	}

	ul.awards-list li span:nth-child(3):before {
		content:'event :';
	}

	/*=================================================
	PROJECTS STYLES
	=================================================== */

	section.projects div.projects-content ul li{
		margin:0 0.625rem 1.250rem 0.625rem;
	}

	/*=================================================
	SERVICES STYLES
	=================================================== */


	section.services div.centered-content-holder:before {
		display:none;
	}

	section.services div.centered-content {
		width:100%;
		height:auto;
		padding:0 6.354166666666667% 6.375rem 6.354166666666667%;
		margin:5.000rem 0 0 0;
	}

	ul.services-list {
		max-width:30.000rem;
	}

	/*=================================================
	CREDITS STYLES
	=================================================== */

	section.credits div.credits-content {
		width:100%;
		padding:0 6.354166666666667%;
	}

	div.credits-content .grid-item {
		font-size:1rem;
	}

	/*=================================================
	CONTACT STYLES
	=================================================== */

	section.contact div.centered-content-holder {
		text-align:left;
	}

	section.contact div.centered-content-holder:before {
		display:none;
	}

	section.contact div.centered-content {
		padding:0 6.354166666666667%;
		margin:6.375rem 0 6.375rem 0;
		width:100%;
	}

	section.contact div.contact-info {
		max-width:none;
	}

	section.contact div.contact-info ul {
		text-align:left;
	}

	section.contact div.contact-info ol.social-secondary{

		text-align:left;

	}

	section.contact div.contact-info ol.social-secondary li:first-of-type {
		margin-left:0;
	}

	/*=================================================
	STYLES FOR THE MUSIC PLAYER
	=================================================== */


	/* Styles for the player header
	=================================================== */

	div.music-player header {
		padding: 0;
		border:none;
		position:absolute;
		top:0;
		left:0;
		z-index:9;
		background:#202023 none;
	}

	div.music-player header div.music-player-header-artwork-container, div.music-player header div.music-player-header-info, div.music-player header div.music-player-header-volume, div.music-player header div.music-player-header-buttons {
		display:none;
	}

	div.music-player header ul.mobile-header {
		display:block;
		width:100%;
		list-style:none;
		margin:0;
		padding:0 6.354166666666667%;
		border-bottom:#1a1a1a 0.063rem solid;

	}

	div.music-player header ul.mobile-header li {
		display:inline-block;
		vertical-align: middle;
		height:100%;
		margin:0;
		padding:0;
	}

	div.music-player header ul.mobile-header li span {
		display:inline-block;
		vertical-align: middle;
		height:100%;
		width:100%;
		padding:1.250rem 0;
	}

	div.music-player header ul.mobile-header li:first-of-type {
		width:80%;
	}

	div.music-player header ul.mobile-header li:first-of-type h3 {
		display:inline-block;
		vertical-align: middle;
		margin:0;
		padding:1.125rem 0;
		font-weight:400;
		font-size:inherit;
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width:100%;
	}

	div.music-player header ul.mobile-header li:first-of-type h3 span {
		font-family:'Oktave_Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
		font-size:0.875rem;
		color:#999999;
		text-transform:uppercase;
		display:initial;
	}

	div.music-player header ul.mobile-header li:last-of-type {
		width:20%;
		text-align:right;
		cursor:pointer;
	}

	div.music-player header ul.mobile-header li:last-of-type span {
		background:transparent url('../img/UI/close_btn.svg') no-repeat center right;
	}

	/* Styles for the player body
	=================================================== */

	div.music-player-body {
		position:absolute;
		top:0;
		left:0;
		height:100%;

	}

	div.music-player-body div.mScrollbar {
		height:100% !important;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		padding:3.813rem 0 2.438rem 0;
		background:#202023 none;
	}

	div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist {
		padding:0 0 1.375rem 0;
	}

	div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li {
		padding:0 6.354166666666667%;
	}

	div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li::before {
		left:initial;
	}

	div.music-player div.music-player-body div.sc-player ol.sc-trackslist li a {
		padding:1.219rem 0 1.219rem 12.708333333%;
		width:100%;
	}

	div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active {
		background:#2c2c30 none;
	}

	div.music-player div.music-player-text-container div.music-player-text-paragraph {
		padding:0;
	}

	div.music-player div.music-player-text-container div.music-player-text-paragraph p {
		padding:6.666666667% 6.666666667% 13.333333334% 6.666666667%;
	}


	div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.tracker, div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.tracker div, div.music-player div.music-player-body div.sc-player ol.sc-trackslist li span.sc-track-duration {
		display:none !important;
	}

	div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active:not(.paused)::before, div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li:hover:not(.active)::before, div.music-player div.music-player-playlist-container div.sc-player ol.sc-trackslist li.active.paused::before {
		background:transparent none;
		content:attr(data-index);
	}

	div.music-player div.music-player-body div.sc-player ol.sc-trackslist li div.seeker {
		pointer-events: none;
	}

	/*STYLES FOR THE MOBILE BODY (INCLUDING ARTWORK AND CONTROLS)*/

	div.music-player-body div.mobile-main {
		display:block;
	}

	div.music-player div.mobile-body-main {
		width:87.291666667%;
		padding:0;
		margin:0 auto;
	}

	div.music-player div.mobile-body-main div.mobile-body-main-artwork {
		background:#131315 none;
		box-shadow: 0 0 0.500rem rgba(0,0,0,.4);
		margin:0 auto;
		display:block;
		width:15.875rem;
		height:15.875rem;
		position:relative;
	}

	div.music-player div.mobile-body-main div.mobile-body-main-artwork div.mobile-body-artwork-image {

		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;

		opacity:.4;
		filter:grayscale(80%);

		background-repeat: no-repeat;
		background-position:center center;
		background-color:transparent;
		background-size: cover;
	}

	div.music-player div.mobile-body-main div.mobile-body-main-artwork div.mobile-body-artwork-image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 1;
		-webkit-transition: opacity 1s linear;
		-moz-transition: opacity 1s linear;
		-o-transition: opacity 1s linear;
		-ms-transition: opacity 1s linear;
		transition: opacity 1s linear;
	}
	
	div.music-player div.mobile-body-main div.mobile-body-main-artwork div.mobile-body-artwork-image img.loading{
		opacity: 0;
		
	}
	
	div .music-player div.mobile-body-main div.mobile-body-main-artwork ul.mobile-body-artwork-controls {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		/*
		z-index:1000;*/
	}

	div.music-player div.mobile-body-main div.mobile-body-main-artwork ul.mobile-body-artwork-controls li {
		width:33.33333333%;
		height:100%;
		display:inline-block;
		vertical-align: middle;
		cursor:pointer;
	}

	div.music-player div.mobile-body-main div.mobile-body-main-artwork ul.mobile-body-artwork-controls li:first-of-type {
		background:transparent url('../img/UI/prev_btn.svg') no-repeat center center;
	}


	div.music-player div.mobile-body-main div.mobile-body-main-artwork ul.mobile-body-artwork-controls li:last-of-type {
		background:transparent url('../img/UI/next_btn.svg') no-repeat center center;
	}

	div.music-player div.mobile-body-main h3.mobile-body-track {
		padding:0;
		margin:3.438rem 0 0 0;
		font-weight:400;
		width:80%;
		display:inline-block;
		vertical-align:middle;
		overflow-x:hidden;
		overflow-y:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;

	}

	div.music-player div.mobile-body-main div.mobile-tracker {
		margin:3.750rem 0 0 0;
		font-size:0.625rem;
		position:relative;
		width:100%;
		height:0.875rem;

	}

	div.music-player div.mobile-body-main div.mobile-tracker:before {
		content:attr(data-before);
		position:absolute;
		top:-1.500rem;
		left:0;
		color:inherit;
		display:block;
	}

	div.music-player div.mobile-body-main div.mobile-tracker:after {
		content:attr(data-after);
		position:absolute;
		top:-1.500rem;
		right:0;
		color:inherit;
		display:block;
	}

	div.music-player div.mobile-body-main div.mobile-tracker div.bg {
		background:#1a1a1a none;
		width:100%;
		height:0.125rem;
		position:absolute;
		top:0;
		left:0;
	}

	div.music-player div.mobile-body-main div.mobile-tracker div.buffer {
		background:#313135 none;

		width:0;
		/*width:80%;*/
		height:0.125rem;
		position:absolute;
		top:0;
		left:0;

		-webkit-transition: width 0.25s ease;
		-moz-transition: width 0.25s ease;
		-o-transition: width 0.25s ease;
		-ms-transition: width 0.25s ease;
		transition: width 0.25s ease;
	}

	div.music-player div.mobile-body-main div.mobile-tracker div.progress {
		background:#ed243c none;
		width:0;
		/*width:35%;*/
		height:0.125rem;
		position:absolute;
		top:0;
		left:0;
	}

	div.music-player div.mobile-body-main div.mobile-tracker div.progress:after {
		content:'';
		position:absolute;
		width:0.125rem;
		height:0.875rem;
		top:calc(-0.875rem / 2.5);
		right:0;
		background:#ed243c none;
	}

	div.music-player div.mobile-body-main div.mobile-tracker div.seeker {
		background:transparent none;
		height:200%;
		width:100%;
		position:absolute;
		top:-0.875rem;
		left:0;
		cursor:pointer;
	}


	/* Styles for the player footer
	=================================================== */

	div.music-player ul.mobile-footer {
		display:block;
		border-top:#1a1a1a 0.063rem solid;
		bottom:0;
		margin:0;
		padding:0;
		position:absolute;
		width:100%;
		left:0;
		text-align: center;
		background:#202023 none;
	}

	div.music-player ul.mobile-footer li {
		width:33.333333333%;
		height:100%;
		display:inline-block;
		vertical-align: middle;
	}
	div.music-player ul.mobile-footer li:nth-child(2) {
		border-left:#1a1a1a 0.063rem solid;
		border-right:#1a1a1a 0.063rem solid;
	}

	div.music-player ul.mobile-footer li span {
		display:inline-block;
		vertical-align: middle;
		padding:1.875rem 0;
		width:100%;
		height:100%;
		cursor:pointer;
	}

	div.music-player ul.mobile-footer li:first-of-type span {
		background: transparent url('../img/UI/mobile_trackslist_btn.svg') no-repeat center center;
	}

	div.music-player ul.mobile-footer li:nth-child(2) span {
		background: transparent url('../img/UI/description_btn.svg') no-repeat center center;
	}

	div.music-player ul.mobile-footer li:last-of-type span {
		background: transparent url('../img/UI/share_btn.svg') no-repeat center center;
	}

	/*=================================================
	VIDEO PLAYER STYLES
	=================================================== */


	div.video-player header {
		width:100%;
		/*
		padding:1.125rem 6.666666667%;*/
		padding:0 6.666666667%;
		border-bottom:#1a1a1a 0.063rem solid;
		position:absolute;
		top:0;
		left:0;
		background:#202023 none;

		webkit-transform:translateY(0);
		-moz-tranform:translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);

		-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	}

	div.video-player header h3 {
		padding:1.125rem 0;
		font-family:'Oktave_Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
		font-size:0.875rem;
		color:#999999;
		text-transform:uppercase;
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width:80%;

	}

	div.video-player header ul {
		width:20%;
	}

	div.video-player header ul li {
		height:100%;
	}

	div.video-player header ul li:first-of-type {
		display:none;
	}

	div.video-player header ul li:last-of-type {
		width:100%;
	}

	div.video-player header ul li div {
		border-radius:0;
		overflow:auto;
		width:100%;


		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}


	div.video-player header ul li:first-of-type div span {

		webkit-transform:none;
		-moz-tranform:none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;


		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;

		background:transparent url('../img/UI/share_btn.svg') no-repeat center center;
	}

	div.video-player header ul li:first-of-type div span:before {
		display:none;
	}

	div.video-player header ul li:first-of-type div:hover {
		border:none;
	}

	div.video-player header ul li:first-of-type div:hover span {
		webkit-transform:none;
		-moz-tranform:none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	/* styles for video-player header closer button
	=================================================== */

	div.video-player header ul li:last-of-type div span {

		height:100%;

		webkit-transform:none;
		-moz-tranform:none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;

		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;

		background-position:right 0.813rem;
	}

	div.video-player header ul li:last-of-type div:hover span {
		webkit-transform:none;
		-moz-tranform:none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	div.video-player header ul li:first-of-type div, div.video-player header ul li:last-of-type div{
		border:none;
	}

	div.video-player header ul li div span, div.video-player header ul li:first-of-type div span::before {
		background-size:auto !important;
	}


	/* Styles for the video-player body
	=================================================== */

	div.video-player div.video-player-body {
		height:100%;
		margin:3.625rem 0 0 0;
		width:100%;
		overflow-y:auto;
	}

	div.video-player div.video-player-body div.vimeo-video-wrapper, div.video-player div.video-player-body div.vimeo-text-wrapper {
		display:block;
		width:100%;
		height:auto;
	}

	div.video-player div.video-player-body div.vimeo-video-wrapper {
		padding:0;
		margin:0 auto;
	}


	div.video-player div.video-player-body div.vimeo-text-wrapper {
		border-left:none;
	}

	div.video-player div.video-player-body div.vimeo-text-wrapper div.vimeo-mScrollbar{
		height:100%;
		overflow:auto;
	}

	div.video-player div.video-player-body div.vimeo-text-wrapper div.scroll-faker {
		display:none;
	}

	div.video-player div.video-player-body div.vimeo-text-wrapper div.vimeo-mScrollbar p {
		margin:0;
		padding:0 6.666666667% 8.750rem 6.666666667%;

	}

	/* STYLES FOR THE THUMBS LIST
	=================================================== */

	div.video-player footer {

		top:3.625rem;
		bottom:initial;
		left:initial;

		border-top:none;
		height:calc(100% - 3.625rem);
		padding:0;
		background:#202023 none;

		webkit-transform:translateX(0);
		-moz-tranform:translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);

		-webkit-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-moz-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-o-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-ms-transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	}

	.mCustomScrollBox.mCSB_horizontal .mCSB_container {
		width:auto !important;
	} /*FIX SO THE HORIZONTAL SCROLLBAR FILLS 100% WIDTH OF THE SCREEN */

	div.video-player footer div.thumbs-view {
		width:100% !important;
		padding:0;
		height:100%;

	}

	div.video-player footer div.thumbs-view ul {
		white-space:normal;
		height:100%;
	}

	div.video-player footer div.thumbs-view ul li {
		display:block;
		margin:1.250rem 0;
	}

	div.video-player footer div.thumbs-view ul li:last-of-type {
		margin:0 0 4.875rem 0;
	}


	/* Styles for the MOBILE video footer
	=================================================== */

	div.video-player ul.video-player-mobile-footer {

		display:block;
		border-top:#1a1a1a 0.063rem solid;
		bottom:0;
		margin:0;
		padding:0;
		position:absolute;
		width:100%;
		left:0;
		text-align: center;
		background:#202023 none;
	}

	div.video-player ul.video-player-mobile-footer li {
		width:50%;
		height:100%;
		display:inline-block;
		vertical-align: middle;
	}
	div.video-player ul.video-player-mobile-footer li:first-of-type {
		border-right:#1a1a1a 0.063rem solid;
	}

	div.video-player ul.video-player-mobile-footer li span {
		display:inline-block;
		vertical-align: middle;
		padding:1.875rem 0;
		width:100%;
		height:100%;
		cursor:pointer;
	}

	div.video-player ul.video-player-mobile-footer li:first-of-type span {
		background: transparent url('../img/UI/mobile_videolist_btn.svg') no-repeat center center;
	}

	div.video-player ul.video-player-mobile-footer li:last-of-type span {
		background: transparent url('../img/UI/share_btn.svg') no-repeat center center;
	}


	/*=================================================
	MINIPLAYER STYLES
	=================================================== */

	div.miniplayer ul.controls {
		width:6.750rem;
		padding:0 0 0 1rem;
	}

	div.miniplayer ul.info {
		font-size:0.813rem;
		font-family:'Oktave_Bold', Helvetica Neue, Helvetica, Arial, sans-serif;
		border-left:#202023 0.063rem solid;
		width:calc(100% - 8.000rem);
		margin:0 0 0 1.125rem;
	}

	div.miniplayer ul.info li {
		padding:1.250rem 0;
		text-transform:none;
		width:calc(100% - 1.125rem);
	}

	div.miniplayer ul.info li div:first-of-type {
		display:none;
	}

	div.miniplayer ul.info li div:last-of-type {
		/*
		padding:0 2.500rem 0 1.125rem;*/
		padding:0 0 0 1.125rem;
		color:inherit;
	}

	div.miniplayer ul.info div.rotatorContainer {
		width:100%;
	}

	div.miniplayer ul.info li div span {
		/*display:inline-block;*/

		margin:0.250rem 0 0 0;
	}

	div.miniplayer ul.volume {
		display:none;
	}

	/*=================================================
	STYLES FOR THE SHARING SCREEN
	=================================================== */

	div.share-screen ul {

		border:none;
		background:transparent none;
		width:75%;
		padding:3.813rem 0 0 0;

	}

	div.share-screen ul li.bitly-content {
		border:#cccccc 0.063rem solid;
	}
	div.share-screen ul li.bitly-content span {
		padding:1.250rem 0;
	}

	div.share-screen ul div.share-screen-closer {
		display:none;
	}


	/*=================================================
	GENERAL BODY OVERRIDES
	=================================================== */


	body:not(.home) nav div.nav-logo, body.showing-mobile-menu nav div.nav-logo {

		background:rgba(26,26,26,.98) none;
		border-bottom:#232323 0.063rem solid;

	}

	/* Specific style for mobile controls when audio is paused
	========================================================== */

	body[data-audio="0"] div.music-player div.mobile-body-main div.mobile-body-main-artwork ul.mobile-body-artwork-controls li.play_btn {
		background:transparent url('../img/UI/mobile_play_btn.svg') no-repeat center center;
	}

	body[data-audio="1"] div.music-player div.mobile-body-main div.mobile-body-main-artwork ul.mobile-body-artwork-controls li.play_btn {
		background:transparent url('../img/UI/mobile_pause_btn.svg') no-repeat center center;
	}

	/*=================================================
	PLAYLIST OVERRIDES
	=================================================== */

	div.music-player-body.showing-playlist + ul.mobile-footer li:first-of-type span {
		background: transparent url('../img/UI/mobile_trackslist_btn_active.svg') no-repeat center center;
	}

	div.music-player-body.showing-text + ul.mobile-footer li:nth-child(2) span {
		background: transparent url('../img/UI/description_btn_active.svg') no-repeat center center;
	}

	body.sharing ul.mobile-footer li:last-of-type span {
		background: transparent url('../img/UI/share_btn_active.svg') no-repeat center center;
	}

	div.music-player-body:not(.showing-playlist) div.music-player-playlist-container {
		webkit-transform:translateX(-100%);
		-moz-tranform:translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	div.music-player-body:not(.showing-text) div.music-player-text-container {
		webkit-transform:translateX(100%);
		-moz-tranform:translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}

	/*=================================================
	VIDEO PLAYER STYLES OVERRIDES
	=================================================== */

	div.video-player.showing-thumbs ul.video-player-mobile-footer li:first-of-type span {
		background: transparent url('../img/UI/mobile_videolist_btn_active.svg') no-repeat center center;
	}

	body.sharing ul.video-player-mobile-footer li:last-of-type span {
		background: transparent url('../img/UI/share_btn_active.svg') no-repeat center center;
	}

	div.video-player:not(.showing-thumbs) footer, body.sharing div.video-player footer {
		webkit-transform:translateX(-100%);
		-moz-tranform:translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}




	/*=================================================
	SHARING SCREEN OVERRIDE STYLES
	=================================================== */

	body.sharing div.music-player, body.sharing div.video-player {
		opacity:1;
	}

	body.sharing div.music-player div.music-player-body, body.sharing div.video-player div.video-player-body {
		opacity:0 !important;
		transition-delay:0.25s;
	}

	body.sharing div.share-screen {
		height:calc(100% - 3.813rem);
	}

	body.sharing div.music-player header, body.sharing div.video-player header {
		webkit-transform:translateY(-100%);
		-moz-tranform:translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}



}