/* @override http://preview.wbpsites.com/themanfromuncle/us/main/style.css */

/*
Theme Name: The Man From U.N.C.L.E. 
Author: Nr8r
Author URI: http://nr8r.com
Description: The Man From U.N.C.L.E. - In Theatres August 14, 2015
Version: 0.2

(C) 2015 Nr8r

*/

/* START LOCALIZATION COMPONENT TOGGLING */

#preload-01 { background: url(images/mfuTitlePreloader.png) no-repeat -9999px -9999px; }

.false {
	display: none !important;
}

/* END LOCALIZATION COMPONENT TOGGLING */

/* START MOBILE PORTRAIT WARNING AND DEVICE WIDTH MODIFICATIONS */

#noPortrait {
	position: fixed;
	display: none;
	background-color: #e5d201;
	height: 100%;
	width: 100%;
	z-index: 99999;
}

#noPortrait p {
	padding-left: 100px;
	padding-right: 100px;
	margin-top: 200px;
	text-align: center;
	color: #000;
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  #noPortrait {
		display: block;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
  #noPortrait {
		display: block;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

@media screen and (max-width: 1140px) {
	#promotionsMenu {
		display: none;
	}
}

/* END MOBILE PORTRAIT WARNING AND DEVICE WIDTH MODIFICATIONS */

/* START GLOBAL PAGE STYLING */

.floor {
	display: block;
	min-height: 600px;
	min-width: 600px;
}

.intro {
	padding-top: 25%;
}

.morph-main-menu-button-wrapper {
	display: none;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	overflow: hidden;
	min-width: 900px;
}

@media screen and (max-width: 901px) {
	body {
		overflow: scroll;
		white-space: nowrap;
	}
}

.section {
	text-align:center;
	overflow: hidden !important;
}

h1{
	font-size: 5em;
	font-family: arial,helvetica;
	color: #fff;
	margin:0;
	padding:0;
}
p{
	color: #fff;
}

ul {
	list-style: none;
}

li a:hover{
	cursor:pointer;
}
.prev-next-links{
	position: absolute;top: 20px;right: 20px;
}
.selected a{color: white;background:#4fade3;}
.selected a:hover{color: white;background:#4fade3;}

#ascensorBuilding {
	background: #e6d500;
}

.pp_description a {
	background-color: yellow;
	padding: 5px;
	text-decoration: none;
	color: #7b0b0b;
	font-size: 10pt;
	font-weight: 700;
	float: right;
	position: relative;
	top: 2px;
	border-radius: 2px;
}

a.pp_expand, a.pp_contract {
	display: none !important;
}

.pws_tabs_container {
	  text-align: initial;
}

/*
.pp_content_container {
	margin-top: -10px !important;
}
*/

/* END GLOBAL PAGE STYLING */

/* START HEADER AND FOOTER BAR STYLING */

.footerComingSoonBug {
    position: absolute;
    width: 340px;
    height: 50px;
    left: 50%;
    margin-left: -100px;
    top: 20%;
}
#inTheatresText {
    color: #e5d400;
    letter-spacing: 2px;
    font-weight: 600;
}
#814Text {
	color: #e5d400;
	font-weight: bold;
}

@media screen and (max-width: 1200px) {
	.footerComingSoonBug {
		display: none;
	}
}

@font-face {
    font-family: AkzidenzGroteskBE-Bold;
    src: url(fonts/TheManFromUncle-Bold/AkzidenzGroteskBE-Bold.ttf);
}

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

#header, #footer {
	position:fixed;
	display:block;
	width: 100%;
	background: #000;
	z-index:9;
	text-align:center;
	color: #f2f2f2;
	padding: 20px 0 0 0;

}

#header{
	top:0px;
	height: 30px;
	border-bottom: 10px solid #e6d500;
}
#footer{
	bottom:0px;
	height: 50px;
	border-top: 2px solid #e6d500;
}

#footer a {
	text-decoration: none;
	color: #bcbcbc;
	font-size: 9px;
	letter-spacing: 1px;
	outline: 0;
}

#footer a:hover, a:active, a:focus {
	color: #FFF;
}

#footer a:focus{ -moz-outline-style: none; }

@media (min-width: 768px) and (max-width: 979px) { 
	#footer a:hover, a:active, a:focus {
	color: #bcbcbc;
}
}

#footerMenu {
	margin-top: 3px;
	margin-left:50px;
}

#footerMenu li {
	display: inline;
	float: left;
	margin-left: 12px;
}

#footerMenu li:hover {
	color:#050607;
	background:#050607;
}

#legalText {
	position:fixed;
	display:block;
	height: 50px;
	width: 100%;
	background: #333;
	z-index:9;
	text-align:center;
	color: #f2f2f2;
}

.mfuFooterLogo {
	color: #f2f2f2;
	float: right;
	padding-bottom:15px;
	margin-right: 50px;
	margin-top: -5px;
}

.wb-credit {
	color: #f2f2f2;
	float: right;
	padding-bottom:15px;
	margin-right: 50px;
	margin-top: -5px;
}

#legalSlider {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.8) url(images/patternoverlay_blk.png);
	background-size: cover;
	z-index:8;
	text-align:center;
	color: #f2f2f2;
	padding-top:15px;
	padding-bottom:15px;
	height: 250px;
	bottom: -230px;
	border-top: 1px solid #999;
	-webkit-transition: bottom 1s;
    -moz-transition: bottom 1s;
    -o-transition: bottom 1s;
    transition: bottom 1s;
}

#legalSlider a#legalCloseButton {
	border: 1px solid #fff;
	padding: 3px;
	position: absolute;
	right: 50px;
	opacity: .7;
	color: #fff;
	text-decoration: none;
}

#legalSlider a#legalCloseButton:hover {
	opacity: 1;
}

#legalSlider #lowerBillingBlock {
	width: 600px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

lowerBillingBlockWrapper {
	width: 100%;
}

#legalSliderMenu {
	float: right;
	margin-right: 50px;
	font-size: 11px;
	display: inline-block;
}

#legalSliderMenu li  {
	display: inline-block;
	margin-left: 15px;
}

#legalSliderMenu li a {
	color: #828282;
	text-decoration: none;
	letter-spacing: 1px;
}

#legalSliderMenu li a:hover {
	color: #EFEFEF;
}

#keyboardSlider {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.8) url(images/patternoverlay_blk.png);
	background-size: cover;
	z-index:8;
	text-align:center;
	color: #f2f2f2;
	padding-top:15px;
	padding-bottom:15px;
	height: 250px;
	bottom: -230px;
	opacity: 0.9;
	border-top: 1px solid #999;
	-webkit-transition: bottom 1s;
    -moz-transition: bottom 1s;
    -o-transition: bottom 1s;
    transition: bottom 1s;
}

#keyboardSlider a#keyboardCloseButton {
	border: 1px solid #fff;
	padding: 3px;
	position: absolute;
	right: 50px;
	opacity: .7;
	color: #fff;
	text-decoration: none;
}

#keyboardSlider a#keyboardCloseButton:hover {
	opacity: 1;
}

#keyboardInfo {
	color: #CCC;
	margin-top: 7px;
	letter-spacing: 2px;
	font-size: 10px;
}

#warnerCopyright {
	float: left;
	margin-left: 50px;
	font-size: 11px;
	letter-spacing: 1px;
	display: inline-block;
}

#warnerCopyright p {
	color: #828282;
}
/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: #9d9124;
}

/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: none;
}

/* change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #e6d537 !important;
}

/* END HEADER AND FOOTER BAR STYLING */

/* START AUDIO FOOTER STYLING */

.footerAudio {
	width: 25%;
	float: right;
	margin-right: 50px;
}

#fap-next.fa.fa-forward, #fap-previous.fa.fa-backward {
	display: none;
}

#fap-play-pause.fa.fa-pause, #fap-play-pause.fa.fa-play {
	margin-left: -23px;
}

/* END AUDIO FOOTER STYLING */

/* START KEYBOARD CONTROL OVERLAY */

@media screen and (min-width: 1024px) {
}    #keyboardButton {
	    display: none;
    }

@media screen and (max-width: 1024px) {
     #keyboardButton {
	    display: none;
    }
}
@media only screen and (min-width: 1024px) {
     #keyboardButton {
	    display: inline;
    }
}

#keyboardCommands {
	position: relative;
	max-width: 380px;
	margin-right: auto;
	margin-left: auto;
	margin-top:  10%;
	border: 2px solid #cecece;
	border-radius: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	opacity: 1;
	overflow: hidden;
}

#keyboardCommands p {
	margin-top: 30px;
	text-align: center;
	color: #cecece;
	letter-spacing: 2px;
}

/* END KEYBOARD CONTROL OVERLAY */

/* START HEADER SOCIAL BAR */

#socialMenu {
	position: absolute;
	right: 0;
	top:  12px;
}

#socialMenu ul {
	float: right;
	margin-right: 45px;
}

#socialMenu ul li {
	display: inline-block;
	margin-right: 5px;
}

/* END HEADER SOCIAL BAR */

.centerRow {
	background: linear-gradient(#356e6a 0%, #69bbb5 25%, #7edad4 100%);
	background-size: contain;
}

/* START HOME PAGE STYLING */


#quotesWrapper {
    position: absolute;
    right: 30px;
    bottom: 50%;
    width: 25%;
    z-index: 30;
    opacity: 0;
    border: 3px solid #000;
}

.animation#quotesWrapper {
	opacity: 1;
	-webkit-transition: opacity 8s;
    -moz-transition: opacity 8s;
    -o-transition: opacity 8s;
    transition: opacity 8s;
    
	-webkit-transition-delay: 3s;
	-moz-transition-delay: 3s;
	transition-delay: 3s;
}

#quotes {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: -3px;
}

#quotesGetTickets{
	background-color: #940000;
    height: 30px;
    padding: 0;
    margin-top: -3px;
    width: 100%;
    padding-top: 7px;
}

#quotesGetTickets a {
    text-decoration: none;
    color: #fff;
    font-family: Helvetica,sans-serif;
    letter-spacing: 7px;
/*     font-size: 18px; */
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1140px) {
	#quotesWrapper	{
		width: 20%;
		bottom: 40%;
	}
	#quotesGetTickets {
		margin-top: -6px;
	}
	#quotesGetTickets a {
/* 		font-size: 14px; */
	}
}

#mainQuote {
	color: #e3d202;
	font: 26px/30px 'AkzidenzGroteskBE-Bold', Helvetica, sans-serif;
	background-color: rgba(0, 0, 0, 0.6);
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 35px;
	text-align: left;
}

#mainQuote2 {
	color: #e3d202;
	font: 18px 'SackersGothicStd-Light', Helvetica, sans-serif;
	padding: 4px 10px 10px;
	margin-left: -40px;
	float: right;
}

#quotes-endquote {
	font: 20px/30px 'AkzidenzGroteskBE-Bold', Helvetica, sans-serif;
	color: #e3d202;
	float: right;
	margin-top: -9px;
	margin-left: 5px;
}

#publication {
	font: 12px 'SackersGothicStd-Light', Helvetica, sans-serif;
	color: #ffffff;
	margin-left: 400px;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 5px;
}


#ratingBug {
    position: absolute;
    width: 120px;
    right: 410px;
    top: 14px;
}

#billingBlock {
	opacity: 0;
	}

.animation#billingBlock {
	position: relative;
	height: auto;
	width: auto;
	top: 80px;
	margin-left: auto;
	margin-right: auto;
	z-index: 40;
	
	opacity: 0;
	
	-webkit-animation: fadein 8s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 8s; /* Firefox < 16 */
    -ms-animation: fadein 8s; /* Internet Explorer */
    -o-animation: fadein 8s; /* Opera < 12.1 */
	animation: fadein 8s;

	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s; 
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	 -moz-animation-fill-mode:forwards;
	 animation-fill-mode:forwards;
	
}

#homeWrapper {
	height: 100%;
	width: 100%;
	z-index: 10;
}

#homeHeroImage {
	opacity: 0;
}

.animation#homeHeroImage {
	position: absolute;
	z-index: 20;
	height: 80%;
	bottom: 0;
	left: 50%;
	margin-left: -50%;
	
	opacity: 0;
	
	-webkit-animation: fadein 8s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 8s; /* Firefox < 16 */
    -ms-animation: fadein 8s; /* Internet Explorer */
    -o-animation: fadein 8s; /* Opera < 12.1 */
	animation: fadein 8s;

	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s; 
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	 -moz-animation-fill-mode:forwards;
	 animation-fill-mode:forwards;

}

#homeHero-BlackImage1 {
	bottom: -2000px;
	opacity: 0;
}

#homeHero-BlackImage2 {
	bottom: -2000px;
	opacity: 0;
}

#homeHero-BlackImage3 {
	bottom: -2000px;
	opacity: 0;
}

#homeHero-BlackImage4 {
	bottom: -2000px;
	opacity: 0;
}


.animation#homeHero-BlackImage1 {
	position: absolute;
	z-index: 19;
	height: 80%;
	bottom: -100%;
	left: 50%;
	opacity: 1;
	margin-left: -50%;
	
	-moz-animation-name: character1;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1.0s;

    -webkit-animation-name: character1;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1.0s;

    animation-name: character1;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1.0s;
    
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.animation#homeHero-BlackImage2 {
	position: absolute;
	z-index: 18;
	height: 80%;
	bottom: -100%;
	left: 50%;
	opacity: 1;
	margin-left: -50%;
	
	-moz-animation-name: character2;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.6s;

    -webkit-animation-name: character2;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.6s;

    animation-name: character2;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.6s;
    	
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.animation#homeHero-BlackImage3 {
	position: absolute;
	z-index: 17;
	height: 80%;
	bottom: -100%;
	left: 50%;
	opacity: 1;
	margin-left: -50%;
	
	-moz-animation-name: character3;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.9s;

    -webkit-animation-name: character3;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.9s;

    animation-name: character3;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.9s;
    
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.animation#homeHero-BlackImage4 {
	position: absolute;
	z-index: 16;
	height: 80%;
	bottom: -100%;
	left: 50%;
	opacity: 1;
	margin-left: -50%;
	
	-moz-animation-name: character4;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1.2s;

    -webkit-animation-name: character4;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1.2s;

    animation-name: character4;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1.2s;
    
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
    
}

/* Start Hero Black Image Animation */

@-moz-keyframes character1 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}
@-webkit-keyframes character1 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}
@keyframes character1 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}

@-moz-keyframes character2 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}
@-webkit-keyframes character2 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}
@keyframes character2 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}

@-moz-keyframes character3 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}
@-webkit-keyframes character3 {
    0%   {bottom: -100%;}
    100% { bottom: 0;}
}
@keyframes character3 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}

@-moz-keyframes character4 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}
@-webkit-keyframes character4 {
    0%   {bottom: -100%;}
    100% { bottom: 0;}
}
@keyframes character4 {
    0%   {bottom: -100%;}
    100% {bottom: 0;}
}

/* End Hero Black Image Animation */

/* Begin Home Page Fade Elements Animation */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes PaintedGirlfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes PaintedGirlfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes PaintedGirlfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes PaintedGirlfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes PaintedGirlfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* End Home Page Fade Elements Animation */

.animation#paintedGirlBG {
	position: absolute;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: -10;
	opacity: 0;
	
	-webkit-animation: PaintedGirlfadein 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: PaintedGirlfadein 5s; /* Firefox < 16 */
    -ms-animation: PaintedGirlfadein 5s; /* Internet Explorer */
    -o-animation: PaintedGirlfadein 5s; /* Opera < 12.1 */
	animation: PaintedGirlfadein 5s;
	
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s; 

	 -webkit-animation-fill-mode: forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	 -moz-animation-fill-mode: forwards;
	 animation-fill-mode: forwards;

}

.animation#collosseumHomeBG {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: -5;
	opacity: 0;

	-webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s; /* Firefox < 16 */
    -ms-animation: fadein 5s; /* Internet Explorer */
    -o-animation: fadein 5s; /* Opera < 12.1 */
	animation: fadein 5s;
	
	 -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	 -moz-animation-fill-mode:forwards;
	 animation-fill-mode:forwards;
	 
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s; 
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	 -moz-animation-fill-mode:forwards;
	 animation-fill-mode:forwards;
}

#mfuTitle {
	height: auto;
	width: 58%;
	position: absolute;
	z-index: 30;
	margin: auto;
	padding-bottom: 25px;
	position: absolute;
	top: auto; left: 0; bottom: 0; right: 0;
	opacity: 0;
}

.animation#mfuTitle {
	height: auto;
	width: 58%;
	position: absolute;
	z-index: 30;
	margin: auto;
	padding-bottom: 55px;
	position: absolute;
	top: auto; left: 0; bottom: 0; right: 0;
	opacity: 0;
	
	-webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s; /* Firefox < 16 */
    -ms-animation: fadein 5s; /* Internet Explorer */
    -o-animation: fadein 5s; /* Opera < 12.1 */
	animation: fadein 5s;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	 
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
	padding-left: 50px;
}

/* END HOME PAGE STYLING */

/* START PHOTOS PAGE STYLING */

#photoGallery {
	overflow-y: scroll !important;
	background-color: #000;
}

#photoGalleryWrapper{
	padding-top: 100px;
	padding-bottom: 100px;
	padding-right: 30px;
	padding-left: 30px;
	overflow-y:scroll ;  
	white-space: nowrap;
}

#photoGallery .ms-tabs-template {
	margin: 0 !important;
}

#masterslider3 {
	margin: 0 !important;
}

#masterslider3 .ms-slide .ms-slide-bgcont img, #masterslider3 .ms-container, #masterslider3 .ms-inner-controls-cont {
	margin-left: 0 !important;
}

#masterslider3 .ms-slide .ms-slide-bgcont img {
	margin-top: 60px !important;
}

#photoGallery .ms-thumb-list {
    height: 90px !Important;
}

#photoGallery .ms-tabs .ms-thumb-frame {
	background: transparent;
	border: none;
	width: 160px !important;
    height: 110px !important;
    margin-top: -20px !important;
    background-color: black;
}

/* horizontal thumblist arrows*/
#photoGallery .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, #photoGallery .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: #e5d400;
    text-align: center;
    color: #000;
}

#photoGallery .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    right: 0;
    left: auto;
}

#photoGallery .ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, #photoGallery .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #000;
  width: 6px;
  height: 1px;
}

#photoGallery .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  border-width: 5px 0px 5px 5px;
  border-left-color: #000;
  left: 7px;
}

#photoGallery .ms-tabs .ms-thumb {
	padding: 20px 0 !important;
}

/* END PHOTOS PAGE STYLING */

/* START BLOG PAGE STYLING */

#blogGallery {
	background: url(images/paintedGirlPhotos.png), linear-gradient(#356e6a 0%, #69bbb5 25%, #7edad4 100%);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	overflow-y: scroll !important;
}

#blogGalleryWrapper{
	padding-top: 100px;
	padding-bottom: 100px;
	padding-right: 30px;
	padding-left: 30px;
	overflow-y:scroll ;  
	white-space: nowrap;
}

#paintedGirlPhotosBG {
	position: fixed;
	height: 95%;
	right: 0;
	top: 0;
	z-index: 10;
}

#blogImageWrap {
	opacity: .7;
	
}

#blogImageWrap:hover {
	opacity: 1;	
}

#blogImageContainer {
	pointer-events: none;
	margin-top: 100px;
}

#blogImageContainer img {
	height: 100%;
	width: 100%;
	opacity: 0;
	pointer-events: auto;
}

#blogImageContainer img:hover {
	opacity: 1;
	visibility: visible;
	
}

#blogImageContainer .mosaicflow__item {
	padding: 10px;
	box-sizing: border-box;
}

.blogAnimated #blogStatic, .blogStatic #blogAnimated {
    display: none;
}
.blogAnimated #blogAnimated, .blogStatic #blogStatic {
    display: inherit;
}

.mosaicflow__column {
float:left;
margin-bottom: 150px;
}
.mosaicflow__item img {
display:block;
width:100%;
height:auto;
}

/* END BLOG PAGE STYLING */

/* START TRAILERS PAGE STYLING */

#videoPage .pws_tabs_container {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

#videoPage .pws_tabs_container ul.pws_tabs_controll {
	height: 40px;
}

#videoPage .pws_tabs_list {
	background-color: #e7d600;
	border: none;
	padding-bottom: 56.25%;
	height: 0 !important;
}

#videoPage .pws_tabs_container ul.pws_tabs_controll  {
	background: none;
	border: none;
	letter-spacing: 2px;
	font-size: 13px;
	color: #224746;
	padding: 0px;
	margin-bottom: 0px;
	margin-right: 30px;
}

#videoPage .pws_tabs_container ul.pws_tabs_controll li a {
	color: #2c5955;
	background-color: transparent;
	padding: 0px 0px 5px;
}

#videoPage .pws_tabs_container ul.pws_tabs_controll li {
	padding-right: 30px;
}

#videoPage .pws_tabs_container ul.pws_tabs_controll .pws_tab_active {
	border-bottom: 2px solid #FFF;
	color: #FFF;
}

#videoPage .pws_tabs_container ul.pws_tabs_controll li a:hover {
	color: #e6d500;
	border-bottom: 2px solid #e6d500;
	background-color: transparent;
}

#videoPage .pws_tabs_scale_show {
	position: relative;
	padding-bottom: 56.25%
}

#videoPage .pws_tab_single {
	top: 0;
}


#videoPage iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#trailers {
	margin-top: 45px;
	margin-bottom: 60px;
	top: 45px;
	position: absolute;
	width: 100%;
}

#collosseumVideosBG {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	z-index: -10;
}

.ms-thumbs-cont {
	position: initial !important;
}

#videoPage .ms-thumb {
	width: auto !important;
	background-color: transparent !important;
	padding-left: 0;
	padding-right: 0;
	margin-right: 30px;
}

#videoPage .ms-thumb-frame {
	width: auto !important;
	background-color: transparent !important;
	border: none;
	padding: 0;
}

#videoPage .ms-thumb h3 {
	text-shadow: none;
}

#videoPage .ms-tabs-template {
	max-width: 4000px
}

#videoPage .ms-tabs-template .ms-thumb-frame-selected h3 {
	color: #FFF !important;
	font-size: 12px;
	letter-spacing: 2px;
}

#videoPage .ms-tabs-template .ms-thumb-frame h3 {
	color: #e5d400;
	font-size: 12px;
	letter-spacing: 2px;
}

#videoPage .ms-tabs-template .ms-thumb-frame h3:hover {
	color: #ffffff;
}

#videoPage .ms-thumbs-cont {
	margin-left: 50px;
}

#masterslider2 {
	margin: 0 !important;
	width: 100% !important;
}

#masterslider2 .ms-view {
    border-top: 12px solid #e5d400;
    border-bottom: 12px solid #e5d400;
    box-sizing: border-box;
}

.ms-thumb-ol {
	display: none;
}

.ms-slide-vcbtn-mobile {
    bottom: 18px !important;
}

/* END TRAILERS PAGE STYLING */

/* START ABOUT THE FILM PAGE STYLING */

#storyPage {
	background: #000 url(images/storyBG.jpg);
	background-size: cover;
}

#storyWrapper {
	padding: 50px;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}

#storyColsWrapper {
	margin-bottom: 0;
	padding-bottom: 0;
	height: 100%;
}

h1#storyHeader {
	border-bottom: 1px solid #333;
	text-align: left;
	padding-bottom: 20px;
	letter-spacing: 1px;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	color: #e3e3e3;
	margin-bottom: 20px;
	margin-top: 40px;
}

#storyCol1 {
	width: 25%;
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 10px solid #e5d400;
	font-size: 26px;
	line-height: 30px;
	text-align: right;
}

#storyCol1 p {
	color: #e5d400;
}

#storyCol2 {
	width: 70%;
	text-align: left;
	-webkit-transform: translateZ(0);
}

#storyCol2 p {
	color: #a3a3a3;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 400px;
}

#storyFandango {
	width: 60%;
	float: right;
	margin-right: -5px;
	margin-top: 20px;
}

#storyFandangoLink {
	padding: 10px;
	background-color: #e4d301;
	margin-top: 20px;
}

#storyFandangoLink {
	font-size: 12px;
	clear: both;
	color: #e5d400;
	letter-spacing: 2px;
	margin-right: 8px;
	text-align: center;
	font-weight: bold;
}

#storyFandangoLink a {
	color: #000;
	text-decoration: none;
	font-size: 20px;
	letter-spacing: 2px;
	text-align: center;
}

#storyFandangoLink:hover {
	color: #000;
	background-color: #ffffff;
}

.about-the-film-release-date {
	font-family: 'AkzidenzGroteskBE-Bold', Helvetica;
	font-size: 80px;
	color: #FFF;
	margin-top: 30px;
	margin-right: 17px;
	margin-bottom: 30px;
}

/* END ABOUT THE FILM PAGE STYLING */

/* START DOWNLOADS OVERLAY STYLING */

.topFix .pp_top {
	height:10px;
}

.downloadBlock {
	width: 200px;
	background-size: contain;
	background-repeat: none;
	height: 200px;
	float: left;
	margin-bottom: 20px;
}
#downloadHeaders ul li, #downloadProfilePics ul li, #downloadHeaders2 ul li, #downloadProfilePics2 ul li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 10px;
}
#downloadHeaders ul li img, #downloadProfilePics ul li img, #downloadHeaders2 ul li img, #downloadProfilePics2 ul li img{
	width: 70px;
	height: 70px;
}
#downloadHeaders ul, #downloadProfilePics ul, #downloadHeaders2 ul, #downloadProfilePics2 ul {
	width: 160px;
	margin: auto;
	height: auto;
	padding-top: 24px;
	padding-left: 7px;
	opacity: 0;
	-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
#downloadHeaders:hover ul, #downloadProfilePics:hover ul, #downloadHeaders2:hover ul, #downloadProfilePics2:hover ul {
	width: 160px;
	margin: auto;
	height: auto;
	padding-top: 24px;
	opacity: 1;
	-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
#downloadHeaders .downloadsWrapper, #downloadProfilePics .downloadsWrapper, #downloadHeaders2 .downloadsWrapper, #downloadProfilePics2 .downloadsWrapper { 
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
#downloadHeaders:hover .downloadsWrapper, #downloadProfilePics:hover .downloadsWrapper, #downloadHeaders2:hover .downloadsWrapper, #downloadProfilePics2:hover .downloadsWrapper {
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
#downloadHeaders {
	margin-right: 20px;
	width: 200px;
	height: 200px;
}

#downloadProfilePics2 {
	clear: both;
    margin-right: 20px;
}

/* END DOWNLOADS OVERLAY STYLING */

/* START SOCIAL PAGE STYLING */

#socialPage {
	background: linear-gradient(#356e6a 0%, #69bbb5 25%, #7edad4 100%);
	overflow: scroll;
}

#socialWrapper	{
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	height: 100%;
	width: 1280px;
}

#socialPreload {
	background: url(images/socialFacebookOn.png) no-repeat -9999px -9999px, url(images/socialInstagramOn.png) no-repeat -9999px -9999px, url(images/socialDownloadsOn.png) no-repeat -9999px -9999px, url(images/socialTumblrOn.png) no-repeat -9999px -9999px, url(images/socialTwitterOn.png) no-repeat -9999px -9999px, url(images/socialTwitterOn.png) no-repeat -9999px -9999px;
}

#socialTop {
	position: relative;
	width: 1280px;
	height: 265px;
	background: url(images/socialTop.png) no-repeat left top;
	background-size: contain;
	float: left;
}

#socialFacebook {
	position: relative;
	width: 288px;
	height: 273px;
	background: url(images/socialFacebookOff.png) no-repeat left top;
	background-size: contain;
	clear: both;
	float: left;
	
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialFacebook:hover {
	position: relative;
	width: 288px;
	height: 273px;
	background: url(images/socialFacebookOn.png) no-repeat left top;
	background-size: contain;
	clear: both;
	float: left;
	line-height: 1;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialFacebook:hover #socialFacebookHover {
	display: block;
	
	-webkit-animation: fadein 0.6s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.6s; /* Firefox < 16 */
    -ms-animation: fadein 0.6s; /* Internet Explorer */
    -o-animation: fadein 0.6s; /* Opera < 12.1 */
	animation: fadein 0.6s;
}


#socialInstagram {
	position: relative;
	width: 233px;
	height: 273px;
	background: url(images/socialInstagramOff.png) no-repeat left top;
	background-size: contain;
	float: left;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialInstagram:hover {
	position: relative;
	width: 233px;
	height: 273px;
	background: url(images/socialInstagramOn.png) no-repeat left top;
	background-size: contain;
	float: left;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialDownloads {
	position: relative;
	width: 685px;
	height: 273px;
	background: url(images/socialDownloadsOff.png) no-repeat left top;
	background-size: contain;
	float: left;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialDownloads:hover {
	position: relative;
	width: 685px;
	height: 273px;
	background: url(images/socialDownloadsOn.png) no-repeat left top;
	background-size: contain;
	float: left;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialTumblr {
	position: relative;
	width: 262px;
	height: 182px;
	background: url(images/socialTumblrOff.png) no-repeat left top;
	background-size: contain;
	float: left;
	clear: both;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialTumblr:hover {
	position: relative;
	width: 262px;
	height: 182px;
	background: url(images/socialTumblrOn.png) no-repeat left top;
	background-size: contain;
	float: left;
	clear: both;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialTwitter {
	position: relative;
	width: 449px;
	height: 182px;
	background: url(images/socialTwitterOff.png) no-repeat left top;
	background-size: contain;
	float: left;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialTwitter:hover {
	position: relative;
	width: 449px;
	height: 182px;
	background: url(images/socialTwitterOn.png) no-repeat left top;
	background-size: contain;
	float: left;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialPinterest {
	position: relative;
	width: 298px;
	height: 182px;
	background: url(images/socialPinterestOff.png) no-repeat left top;
	background-size: contain;
	float: left;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialPinterest:hover {
	position: relative;
	width: 298px;
	height: 182px;
	background: url(images/socialPinterestOn.png) no-repeat left top;
	background-size: contain;
	float: left;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

#socialBottom {
	position: relative;
	width: 271px;
	height: 182px;
	background: url(images/socialBottom.png) no-repeat left top;
	background-size: contain;
	float: left;
}

@media screen and (max-width: 1279px) {
	#socialWrapper {
		width: 1024px;
	}
	
	#socialTop {
		width: 1024px;
		height: 212px
	}
	
	#socialFacebook {;
		width: 231px;
		height: 218px;
	}

	#socialFacebook:hover {
		width: 231px;
		height: 218px
	}

	#socialInstagram {;
		width: 187px;
		height: 218px;
	}
	
	#socialInstagram:hover {
		width: 187px;
		height: 218px;
	}

	#socialDownloads {
		width: 548px;
		height: 218px;
	}
	
	#socialDownloads:hover {
		width: 548px;
		height: 218px;
	}

	#socialTumblr {
		width: 210px;
		height: 146px;
	}
	
	#socialTumblr:hover {
		width: 210px;
		height: 146px;
	}
	
	#socialTwitter {
		width: 359px;
		height: 146px;
	}
	
	#socialTwitter:hover {
		width: 359px;
		height: 146px;
	}
	
	#socialPinterest {
		width: 239px;
		height: 146px;
	}
	
	#socialPinterest:hover {
		width: 239px;
		height: 146px;
	}
	
	#socialBottom {
		width: 216px;
		height: 146px;
	}
	
}

@media screen and (max-height: 840px) {
	#socialWrapper {
		width: 1024px;
	}
	
	#socialTop {
		width: 1024px;
		height: 212px
	}
	
	#socialFacebook {;
		width: 231px;
		height: 218px;
	}

	#socialFacebook:hover {
		width: 231px;
		height: 218px
	}

	#socialInstagram {;
		width: 187px;
		height: 218px;
	}
	
	#socialInstagram:hover {
		width: 187px;
		height: 218px;
	}

	#socialDownloads {
		width: 548px;
		height: 218px;
	}
	
	#socialDownloads:hover {
		width: 548px;
		height: 218px;
	}

	#socialTumblr {
		width: 210px;
		height: 146px;
	}
	
	#socialTumblr:hover {
		width: 210px;
		height: 146px;
	}
	
	#socialTwitter {
		width: 359px;
		height: 146px;
	}
	
	#socialTwitter:hover {
		width: 359px;
		height: 146px;
	}
	
	#socialPinterest {
		width: 239px;
		height: 146px;
	}
	
	#socialPinterest:hover {
		width: 239px;
		height: 146px;
	}
	
	#socialBottom {
		width: 216px;
		height: 146px;
	}
	
}

@media screen and (max-width: 1023px) {
	#socialWrapper {
		width: 800px;
	}
	
	#socialTop {
		width: 800px;
		height: 166px
	}
	
	#socialFacebook {;
		width: 180px;
		height: 171px;
	}

	#socialFacebook:hover {
		width: 180px;
		height: 171px;
	}

	#socialInstagram {;
		width: 146px;
		height: 171px;
	}
	
	#socialInstagram:hover {
		width: 146px;
		height: 171px;
	}

	#socialDownloads {
		width: 428px;
		height: 171px;
	}
	
	#socialDownloads:hover {
		width: 428px;
		height: 171px;
	}

	#socialTumblr {
		width: 164px;
		height: 114px;
	}
	
	#socialTumblr:hover {
		width: 164px;
		height: 114px;
	}
	
	#socialTwitter {
		width: 280px;
		height: 114px;
	}
	
	#socialTwitter:hover {
		width: 280px;
		height: 114px;
	}
	
	#socialPinterest {
		width: 187px;
		height: 114px;
	}
	
	#socialPinterest:hover {
		width: 187px;
		height: 114px;
	}
	
	#socialBottom {
		width: 169px;
		height: 114px;
	}
	
}

@media screen and (max-height: 700px) {
	#socialWrapper {
		width: 800px;
	}
	
	#socialTop {
		width: 800px;
		height: 166px
	}
	
	#socialFacebook {;
		width: 180px;
		height: 171px;
	}

	#socialFacebook:hover {
		width: 180px;
		height: 171px;
	}

	#socialInstagram {;
		width: 146px;
		height: 171px;
	}
	
	#socialInstagram:hover {
		width: 146px;
		height: 171px;
	}

	#socialDownloads {
		width: 428px;
		height: 171px;
	}
	
	#socialDownloads:hover {
		width: 428px;
		height: 171px;
	}

	#socialTumblr {
		width: 164px;
		height: 114px;
	}
	
	#socialTumblr:hover {
		width: 164px;
		height: 114px;
	}
	
	#socialTwitter {
		width: 280px;
		height: 114px;
	}
	
	#socialTwitter:hover {
		width: 280px;
		height: 114px;
	}
	
	#socialPinterest {
		width: 187px;
		height: 114px;
	}
	
	#socialPinterest:hover {
		width: 187px;
		height: 114px;
	}
	
	#socialBottom {
		width: 169px;
		height: 114px;
	}
	
}

/* END SOCIAL PAGE STYLING */

/* START MUSIC PAGE STYLING */

#musicPage {
	background: url(images/radioBG.jpg);
	background-size: cover;
}

div#musicPageHeader {
	position: absolute;
	top: 100px;
	left: 200px;
}

#musicPageHeader h1 {
	color: #82d7d1;
	text-align: left;
	line-height: .8;
	font-size: 2.5em;
}

#musicWrapper .fap-cover-wrapper {
	display: none;
}

#fap-wrapper-switcher.fap-bottom {
	background: #e5d401 url(images/Media-Controls-Volume-Up-icon.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 50% 50%;
}

#fap-main {
	opacity: .9 !important;
	background: #e5d401 repeat !important;
}

#albumCover {
	position: absolute;
	bottom: 200px;
	right: 200px;
}

div#musicPageContent {
	text-align: left;
	display: inline;
	position: absolute;
	bottom: 250px;
	left: 200px;
	padding-top: 150px;
  }
.fap-track-content h3 {
	font-size: 14px;
	color: #65a8a5;
	float: left;
	margin-top: 3px;
}
.fap-play-button {
	float: right;
	background-color: #82d6d0;
}
.fap-play-button:hover {
	float: right;
	background-color: #5b9996;
}
.fap-list-item {
	width: 200px;
	margin-bottom: 10px;
}
#inpage-playlist {
	margin-bottom: 20px;
	position: absolute;
	top:30px;
	width: 200px;
	text-align: center;
}
ul.fap-my-playlist li {
	margin-bottom: 20px;
	background-color: #81d7d1;
	padding: 10px;
	border-radius: 5px;
}
ul.fap-my-playlist li a {
	text-decoration: none;
	color: #2a6975;
	font-size: 14px;
	letter-spacing: 2px;
}
ul.fap-my-playlist li:hover {
	background-color: #e8d93e;
}
ul.fap-my-playlist li a:hover {
	color: #000;
}

/* END MUSIC PAGE STYLING */

/* START PARTNERS PAGE STYLING */

#partnersPage {
	background: url(images/partnersSilhouette.png) right bottom no-repeat #eef7f6;
}

#partnersPage h1, #partnersPage p {
	color: #59a09c;
	font-size: 60px;
	margin: 15% auto 20px;
	width: 90%;
}
.partnerList ul {
	border-top: 1px solid rgba(89, 160, 156, 0.32);
	border-bottom: 1px solid rgba(89, 160, 156, 0.32);
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFF;
}
.partnerList ul li {
    width: 200px;
    display: inline-block;
    margin-right: 15px;
}
.partnerList ul li:last-child {
	margin-right: 0px;
}
.partnerList ul li img {
	width: 200px;
	height: auto;
	display: inline-block;
	opacity: 0.6;
}
.partnerList ul li img:hover {
	opacity: 1;	
}
.partnerLogo img {
	width: 200px;
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.partnerInfo {
	color: #ffffff;
	font-size: 13px;
	line-height: 23px;
    overflow-y: scroll;
    height: 180px;
}
.partnerLink {
	margin-top: 20px;
	clear: both;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #cebe2f;
	text-align: center;
}
.partnerLink a {
	color: #000000;
	font-size: 13px;
}

/* END PARTNERS PAGE STYLING */

/* START GENERAL CHARACTER PAGE STYLING */

.bioWrapper {
	width: 50%;
	height: 50%;
	display: table;
}

.bioText {
	display: table-cell;
}

.bioText h1 {
	color: #000;
	font-size: 3em;
	text-align: left;
	font-family: 'AkzidenzGroteskBE-Bold', Helvetica;
}

.bioText h2 {
	color: #FFF;
	font-size: 1em;
	text-align: left;
	letter-spacing: 2px;
	margin-left: 20px;
	margin-bottom: -20px;
	padding-bottom: 0;
	font-family: 'SackersGothicStd-Light', Helvetica;
}

.bioText p {
	text-align: left;
}

.bioVideo {
	height: 300px;
	width: 533px;
	background: rgba(0, 0, 0, 0.5);
}

.bioVideo p {
	margin-top: 140px;
	letter-spacing: 2px;
}

.bio-navigation {
	position: absolute;
	height: 100%;
	width: 100%;
}
.bio-navigation a {
	display: block;
	color: #e7d600;
	font-size: 8em;
	text-decoration: none;
	transition: color 1s ease;
}

.bio-navigation a:hover {
	color: #ffffff;
	transition: color 1s ease;	
}

.bio-navigation a.prevBio {
	position: absolute;
	left: 50%;
	top: 30px;
}
.bio-navigation a.nextBio {
	position: absolute;
	left: 50%;
	bottom: 50px;
}
.bio-navigation i.icon-chevron-down, .bio-navigation .prevBio {
  font-size: 64px;
  position: absolute;
  bottom: 70px;
}
.bio-navigation i.icon-chevron-up, .bio-navigation .nextBio {
  font-size: 64px;
  position: absolute;
  top: 70px;
}

.bio-navigation ul {
	position: absolute;
	top: 40%;
	left: 0px;
	background-color: #000000;
	padding: 10px;
	border: 2px solid #e7d848;
	border-left-style: none;
	z-index: 899;
}

.bio-navigation ul .bioCircle {
	background-color: #fff;
	height: 10px;
	width:10px;
	border-radius: 50%;
	border: 2px solid #FFF;
	display: block;
}
.bio-navigation ul li {
	margin-top: 10px;
}
.bio-navigation ul li:first-child {
	margin-top: 0px;
}
.bio-navigation ul .bioCircle:hover {
	background-color: #e3d100;
}

.bio-navigation ul .active {
	background-color: #e3d100;
	height: 10px;
	width: 10px;
}
.bioTabs {
/* 	max-height: 25vh; */
/* 	overflow-y: scroll; */
}
.bioTabs.pws_tabs_list {
	max-height: 25vh;
	overflow-y: auto;
}

/* END GENERAL CHARACTER PAGE STYLING */

/* Start Bio Slashes Styling and Animation */

.slashesNapoleon {
	z-index: 999;
	position: absolute;
	height: 100%;
	right: 0;

}

.slashesNapoleon img {
	height: 100%;
}


.slashesNapoleon.animation {
	right: -10000px;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

.slashesIllya {
	z-index: 999;
	position: absolute;
	height: 100%;
	right: 0;

}

.slashesIllya img {
	height: 100%;
}


.slashesIllya.animation {
	right: -10000px;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

.slashesGaby {
	z-index: 999;
	position: absolute;
	height: 100%;
	right: 0;

}

.slashesGaby img {
	height: 100%;
}


.slashesGaby.animation {
	right: -10000px;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

.slashesVictoria {
	z-index: 999;
	position: absolute;
	height: 100%;
	right: 0;

}

.slashesVictoria img {
	height: 100%;
}


.slashesVictoria.animation {
	right: -10000px;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

.slashesWaverly {
	z-index: 999;
	position: absolute;
	height: 100%;
	right: 0;

}

.slashesWaverly img {
	height: 100%;
}


.slashesWaverly.animation {
	right: -10000px;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
.pws_tabs_scale_show a img {
	margin-right: 15px;
	margin-bottom: 15px;
	opacity: 0.6;
}
.pws_tabs_scale_show a img:hover {
	opacity: 1;	
}

.pws_tabs_scale_show a {
	display: inline-block !important;
}

.pws_tabs_scale_hide a {
	display: none;
}

/* End Bio Slashes Styling and Animation */

/* Start Napoleon Solo Bio Page Styling */

#napoleonBio .bioText, #napoleonBio .bioTabs {
	background-color: rgba(0, 0, 0, 0.8);
}

#napoleonCircle {
	background-color: #25aff7;
	height: 40px;
	width: 40px;
	margin-right: 20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	display: block;
	float: left;
	margin-left: -60px;
	margin-top: 24px;
	background-image: url(images/DotLines.png);
	background-repeat: repeat;
	background-position: center center;
}

#napoleonBio {
	background: url(images/napoleonBG.jpg);
	background-size: cover;
}

#napoleonBio h1 {
	color: #ffffff;
	padding: 20px;
	margin-bottom: -10px;
}

#napoleonBioWrapper {
	position: absolute;
    top:0;
    bottom: 0;
    left: 20;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 80px;
    
}

@-moz-document url-prefix() {
    #napoleonBioWrapper {
        margin-top: 20%;
    }
}

#napoleonBioVideo {
	margin-bottom: 20px;
}

#napoleonBio .pws_tabs_container {
	margin-top: 7px;
}

#napoleonBio .pws_tabs_container ul.pws_tabs_controll {
	margin-left: 0;
	border-top: 2px dotted #FFF;
	left: 0;
	margin-top: 0;
}

#napoleonBio  .pws_tabs_scale_show p{
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
}

#napoleonBio .pws_tabs_list {
	padding: 20px 20px 36px;
	border-style: none;
	border-top: 2px dotted #FFF;
	background: transparent;
	color: #feffff;
	font-size: 12px;
	line-height: 26px;
	text-align: left;
}

#napoleonBio .pws_tabs_container ul.pws_tabs_controll li a {
	font-size: 13px;
	color: #e6d537;
	margin-left: 7px;
	padding-right: 0;
	margin-right: 7px;
	background-color: transparent;
}

#napoleonBio .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
	border: none;
	background-color: transparent;
	color: #FFF;
	margin-top: 1px;
	margin-right: 8px;
	margin-left: 8px;
}

#napoleonBio .pws_tabs_container ul.pws_tabs_controll li a:hover {
	color: #FFF;
}

/* End Napoleon Solo Bio Page Styling */

/* Start Illya Kuryakin Bio Page Styling */

#illyaBio .bioText, #illyaBio .bioTabs {
	background-color: rgba(0, 0, 0, 0.8);
}

#illyaBio {
	background: url(images/illyaBG.jpg);
	background-size: cover;
}

#illyaBio h1 {
	color: #ffffff;
	padding: 20px;
	margin-bottom: -10px;
}

#illyaCircle {
	display: block;
	background-color: #b20000;
	height: 40px;
	width: 40px;
	margin-right: 20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	float: left;
	margin-left: -60px;
	margin-top: 24px;
	background-image: url(images/DotLines.png);
	background-repeat: repeat;
	background-position: center center;
}

#illyaBioWrapper {
	position: absolute;
    top:0;
    bottom: 0;
    left: 00;
    right: 20;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 80px;
}

@-moz-document url-prefix() {
    #illyaBioWrapper {
        margin-top: 20%;
    }
}

#illyaBioVideo {
	margin-bottom: 20px;
}

#illyaBio .pws_tabs_container {
	margin-top: 7px;
}

#illyaBio .pws_tabs_container ul.pws_tabs_controll {
	margin-left: 0;
	border-top: 2px dotted #FFF;
	left: 0;
	margin-top: 0;
}

#illyaBio  .pws_tabs_scale_show p{
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
}

#illyaBio .pws_tabs_list {
	padding: 20px 20px 36px;
	border-style: none;
	border-top: 2px dotted #FFF;
	background: transparent;
	color: #feffff;
	font-size: 12px;
	line-height: 26px;
	text-align: left;
}

#illyaBio .pws_tabs_container ul.pws_tabs_controll li a {
	color: #e6d537;
	font-size: 13px;
	margin-left: 7px;
	padding-right: 0;
	margin-right: 7px;
	background-color: transparent;
}

#illyaBio .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
	border: none;
	background-color: transparent;
	color: #FFF;
	margin-top: 1px;
	margin-right: 8px;
	margin-left: 8px;
}

#illyaBio .pws_tabs_container ul.pws_tabs_controll li a:hover {
	color: #FFF;
}

/* End Illya Kuryakin Bio Page Styling */

/* Start Gaby Teller Bio Page Styling */

#gabyBio .bioText, #gabyBio .bioTabs {
	background-color: rgba(0, 0, 0, 0.8);
}

#gabyBio {
	background: url(images/gabyBG.jpg);
	background-size: cover;
}

#gabyCircle {
	display: block;
	background-color: #bca135;
	height: 40px;
	width: 40px;
	margin-right: 20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	float: left;
	margin-left: -60px;
	margin-top: 24px;
	background-image: url(images/DotLines.png);
	background-repeat: repeat;
	background-position: center center;
}

#gabyBioWrapper {
	position: absolute;
    top:0;
    bottom: 0;
    left: 00;
    right: 20;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 80px;
}

@-moz-document url-prefix() {
    #gabyBioWrapper {
        margin-top: 20%;
    }
}

#gabyBio h1 {
	color: #ffffff;
	padding: 20px;
	margin-bottom: -10px;
}

#gabyBioVideo {
	margin-bottom: 20px;
}

#gabyBio .pws_tabs_container {
	margin-top: 7px;
}

#gabyBio .pws_tabs_container ul.pws_tabs_controll {
	margin-left: 0;
	border-top: 2px dotted #FFF;
	left: 0;
	margin-top: 0;
}

#gabyBio  .pws_tabs_scale_show p{
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
}

#gabyBio .pws_tabs_list {
	padding: 20px 20px 36px;
	border-style: none;
	border-top: 2px dotted #FFF;
	overflow-x: hidden;
	background: transparent;
	color: #feffff;
	font-size: 12px;
	line-height: 26px;
	text-align: left;
}

#gabyBio .pws_tabs_container ul.pws_tabs_controll li a {
	color: #e6d537;
	font-size: 13px;
	margin-left: 7px;
	padding-right: 0;
	margin-right: 7px;
	background-color: transparent;
}

#gabyBio .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
	border: none;
	background-color: transparent;
	color: #FFF;
	margin-top: 1px;
	margin-right: 8px;
	margin-left: 8px;
}

#gabyBio .pws_tabs_container ul.pws_tabs_controll li a:hover {
	color: #FFF;
}


/* End gaby Teller Bio Page Styling */

/* Start Victoria Vinciguerra Bio Page Styling */

#victoriaBio .bioText, #victoriaBio .bioTabs {
	background-color: rgba(0, 0, 0, 0.8);
}

#victoriaBio {
	background: url(images/victoriaBG.jpg);
	background-size: cover;
}

#victoriaCircle {
	display: block;
	background-color: #ff819c;
	height: 40px;
	width: 40px;
	margin-right: 20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	float: left;
	margin-left: -60px;
	margin-top: 24px;
	background-image: url(images/DotLines.png);
	background-repeat: repeat;
	background-position: center center;
}

#victoriaBioWrapper {
	position: absolute;
    top:0;
    bottom: 0;
    left: 20;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 80px;
}

@-moz-document url-prefix() {
    #victoriaBioWrapper {
        margin-top: 20%;
    }
}

#victoriaBioVideo {
	margin-bottom: 20px;
}

#victoriaBio h1 {
	color: #ffffff;
	padding: 20px;
	margin-bottom: -10px;
	font-size: 40px;
}

#victoriaBio .pws_tabs_container {
	margin-top: 7px;
}

#victoriaBio .pws_tabs_container ul.pws_tabs_controll {
	margin-left: 0;
	border-top: 2px dotted #FFF;
	left: 0;
	margin-top: 0;
}

#victoriaBio  pws_tabs_scale_show p{
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
}

#victoriaBio .pws_tabs_list {
	padding: 20px 20px 36px;
	border-style: none;
	border-top: 2px dotted #FFF;
	background: transparent;
	color: #feffff;
	font-size: 12px;
	line-height: 26px;
	text-align: left;
}

#victoriaBio .pws_tabs_container ul.pws_tabs_controll li a {
	color: #e6d537;
	font-size: 13px;
	margin-left: 7px;
	padding-right: 0;
	margin-right: 7px;
	background-color: transparent;
}

#victoriaBio .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
	border: none;
	background-color: transparent;
	color: #FFF;
	margin-top: 1px;
	margin-right: 8px;
	margin-left: 8px;
}

#victoriaBio .pws_tabs_container ul.pws_tabs_controll li a:hover {
	color: #FFF;
}

/* End gaby Teller Bio Page Styling */

/* Start Waverly Bio Page Styling */

#waverlyBio .bioText, #waverlyBio .bioTabs {
	background-color: rgba(0, 0, 0, 0.8);
}

#waverlyBio {
	background: url(images/waverlyBG.jpg);
	background-size: cover;
}

#waverlyCircle {
	display: block;
	background-color: #578aa5;
	height: 40px;
	width: 40px;
	margin-right: 20px;
	border-radius: 50%;
	border: 2px solid #FFF;
	float: left;
	margin-left: -60px;
	margin-top: 24px;
	background-image: url(images/DotLines.png);
	background-repeat: repeat;
	background-position: center center;
}

#waverlyBio h1 {
	color: #ffffff;
	padding: 20px;
	margin-bottom: -10px;
	font-size: 40px;
}

#waverlyBio h2 {
	padding-top: 40px;
}

#waverlyBioWrapper {
	position: absolute;
    top:0;
    bottom: 0;
    left: 00;
    right: 20;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 80px;
}

@-moz-document url-prefix() {
    #waverlyBioWrapper {
        margin-top: 20%;
    }
}

#waverlyBioVideo {
	margin-bottom: 20px;
}

#waverlyBio .pws_tabs_container {
	margin-top: 7px;
}

#waverlyBio .pws_tabs_container ul.pws_tabs_controll {
	margin-left: 0;
	border-top: 2px dotted #FFF;
	left: 0;
	margin-top: 0;
}

#waverlyBio .pws_tabs_scale_show p{
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
}

#waverlyBio .pws_tabs_list {
	padding: 20px 20px 36px;
	border-style: none;
	border-top: 2px dotted #FFF;
	background: transparent;
	color: #feffff;
	font-size: 12px;
	line-height: 26px;
	text-align: left;	
}

#waverlyBio .pws_tabs_container ul.pws_tabs_controll li a {
	color: #e6d537;
	font-size: 13px;
	margin-left: 7px;
	padding-right: 0;
	margin-right: 7px;
	background-color: transparent;
}

#waverlyBio .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
	border: none;
	background-color: transparent;
	color: #FFF;
	margin-top: 1px;
	margin-right: 8px;
	margin-left: 8px;
}

#waverlyBio .pws_tabs_container ul.pws_tabs_controll li a:hover {
	color: #FFF;
}

/* End Waverly Bio Page Styling */

.prev-next-links {
	display: none;
}

/* START TOP MENU */

.mainMenu {
	float: left;
	margin-left: 50px;
	margin-top: -20px;
}

.mainMenu li {
	display: inline;
	font-size: 13px;
	float: left;
	border-right: 1px solid rgba(255, 255, 255, 0.38);
	padding: 15px 12px 12px;
	height: 20px;
}

.mainMenu li a {
	text-decoration: none;
	color: #fff;
	outline: 0;
}

.mainMenu li:focus{ -moz-outline-style: none; }

.mainMenu li:hover {
	background-color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 19px;
	border-right: none;
	margin-left: -1px;
	height: 22px;
}

.mainMenu li:hover .bigNavLabel {
	font-size: 12px;
}

.mainMenu li:hover .smallNavLabel {
	font-size: 9px;
}

.smallNavLabel {
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	font-size: 8px;
	font-family: 'SackersGothicStd-Light', Helvetica;
}

.bigNavLabel {
	font-weight: bold;
	color: #e6d83f;
	font-size: 10px;
	font-family: 'AkzidenzGroteskBE-Bold', Helvetica;
}

#goHome {
	height: 17px;
	margin-top: -5px;
}

@-moz-document url-prefix() {
    .bigNavLabel {
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 12px;
    }
}

@-moz-document url-prefix() {
    .smallNavLabel {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 10px;
    }
}


/* END TOP MENU */

/* Collapsed Menu Animation */

@media screen and (min-width: 1275px) {
}    #collapsedMenu {
	    display: none;
    }

@media screen and (max-width: 1275px) {
    .mainMenu {
	    display: none;
    }
}
@media only screen and (max-width: 1275px) {
    #collapsedMenu {
	    display: block;
    }
}

#collapsedMenu {
	position: absolute;
}

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

.container {
  width: 250px;
  margin-left: auto;
	margin-top: -15px;
	margin-right: 150px;
}
.container > ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.title {
  font-family: 'Pacifico';
  font-weight: norma;
  font-size: 40px;
  text-align: center;
  line-height: 1.4;
  color: #C0392B;
}

#collapsedMenu i.fa.fa-bars {
	color: #e6d537;
}
a#collapsedHomeLink {
	margin-left: -5px;
}

.dropdown {
  position: relative;
}
.dropdown a {
  text-decoration: none;
}
.dropdown [data-toggle="dropdown"] {
  display: block;
  color: #eade47;
  padding: 10px 10px 10px 50px;
  height: 35px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: left;
}
.dropdown [data-toggle="dropdown"]:hover {
  background: #cd3d2e;
}
.dropdown [data-toggle="dropdown"]:before {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: #fff;
  top: 13px;
  right: 10px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown-menu .smallNavLabel {
	float: left;
	margin-right: 5px;
	font-size: 7px;
	margin-top: 2px;
}

.dropdown > .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0 -25px 0 25px;
  opacity: 0.9;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
}
.dropdown > .dropdown-menu li {
  padding: 0;
  border-bottom: 1px dotted #FFF;
}
.dropdown > .dropdown-menu li:last-child {
  padding: 0;
  border-bottom: none;
}
.dropdown > .dropdown-menu li .smallNavLabel{
	font-size: 8px;
}
 .dropdown > .dropdown-menu li .bigNavLabel {
	font-size: 10px; 	
 }
.dropdown > .dropdown-menu li a {
  display: block;
  color: #6e6e6e;
  background: #1c1c1c;
  padding: 10px 10px 10px 25px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}
.dropdown > .dropdown-menu li a:hover {
  background: #333;
}
.dropdown > input[type="checkbox"] {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.dropdown > input[type="checkbox"]:checked ~ .dropdown-menu {
	max-height: 461px;
	overflow-y: scroll;
  display: block;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  -webkit-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
}
.dropdown > input[type="checkbox"]:checked + a[data-toggle="dropdown"]:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

/* START BEHIND THE SCENES CONTENT */

/* Start BTS General Styling */

.redLine {
	width: 100%;
/* 	height: 100%; */
	left: 0;
	bottom: 0;
	position: absolute;
	z-index: 0;
}

.BTS-navigation {
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	top: 46%;
	width: 100%;
}
.BTS-navigation a {
  position: relative;
  display: block;
  color: #e7d600;
  font-size: 8em;
  margin-top: 25%;
  text-decoration: none;
  transition: color 1s ease;
}

.BTS-navigation a:hover {
	color: #ffffff;
	transition: color 1s ease;	
}

.BTS-navigation a.prev {
  left: 0;
  margin-left: 20px;
  float: left;
}
.BTS-navigation a.next {
  right: 0;
  margin-right: 20px;
  float: right;
}

ul#BTSNavMenu {
    position: fixed;
    bottom: 69px;
    left: 0;
    right: 0;
/*     width: 600px; */
    margin-left: auto;
    margin-right: auto;
    background-color: #e6d537;
    padding: 10px 10px 12px;
    text-align: center;
    z-index: 500;
}

#BTSNavMenu li {
	display: inline;
}

#BTSNavMenu li a {
	text-decoration: none;
	color: #000;
	border-right: 1px dotted rgba(0, 0, 0, 0.3);
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 2px;
/* 	font-size: 12px; */
}

#BTSNavMenu li:last-child a {
	border-right: none;
}

#BTSNavMenu li a:hover {
	color: #a8281e;
}

#mfuTitleBTS {
	height: auto;
	z-index: 30;
	padding-bottom: 25px;
	position: absolute;
/* 	left: -140px; */
	top: 100px;
	width: 80%;
}

.BTSTitleText {
	text-align: center;
	white-space: nowrap;
}

/* End BTS General Styling */

/* Start Main BTS Page Styling */

#BTS {
	height: 100%;
	width: 7987px;
	overflow-x: scroll !important;
	overflow-y: none;
	white-space: nowrap;
	position: absolute;
}

#BTSWrapper {
	background: url(images/BTSBG.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 7987px;
	z-index: -10;
}

.panner {
    display:block;
    position:fixed;
    width:50px;
    height:50px;
    top:45%;
	color: #e7d600;
	font-size: 5em;
	text-decoration: none;
	transition: color 1s ease;    
}

.panner:hover {
	color: #ffffff;
	transition: color 1s ease;
}
	
#panLeft {
    left:30px;
}
#panRight {
    right:65px;
}

#BTSBGMain {
	  height: 100%;
	  width: auto;
	  z-index: -5;
	  margin: auto;
	  position: absolute;
	  top: 0;
	  left: 0;
}

#BTSLineWide	{
	position: absolute;
	left: 0;
	bottom: 50px;
}

#mainBTS {
	height: 100%;
	width: 1920px;
	position: absolute;
	left: 0;
	top: 0;
	white-space: normal;
	background: url(images/BTSBG-main.jpg);
    background-size: cover;
}

#mainBTSText {
	position: absolute;
	width: 600px;
	top: 220px;
	left: 80px;
}

#mainBTSText h1 {
	color: #000;
	font-size: 2.5em;
	text-align: left;
	margin-top: -120px;
	margin-bottom: 10px;
}

#mainBTSText p {
	color: #333;
	text-align: left;
	font-size: 12px;
	line-height: 26px;
}

#mainBTSLine {
	position: absolute;
	height: 100%;
	width: auto;
	left: 0;
	bottom: 0;
}
	



.lineAnimation {
	position: absolute;
    height: 100%;
    width: 0%;
    left: 0;
    bottom: 0;
    overflow: hidden;
    
	-webkit-animation: reveal .5s linear;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes reveal {
    0%   {width: 0px;}
    100% { width: 100%;}
}
@keyframes reveal {
    0%   {width: 0px;}
    100% { width: 100%;}
}

/* End Main BTS Page Styling */

/* Start Dossiers BTS Page Styling */

#dossiersBTS {
	height: 100%;
	width: 1920px;
	position: absolute;
	left: 0;
	top: 0;
	white-space: normal;
	background: url(images/BTSBG-dossiers.jpg);
    background-size: cover;
}

.dossierAnimated {
	opacity: 0;
}

.dossierAnimated:hover {
	opacity: 1;
	margin-top: -1px;
}


.comingSoon {
    position: absolute;
    width: 204px;
    height: 137px;
    background-color: #a80606;
    border: 2px solid #000;
    box-sizing: border-box;
    opacity: 0;
}

.comingSoon:hover {
	opacity: 1;
}

#dossiers p {
    top: 45px;
    letter-spacing: 8px;
    position: absolute;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    pointer-events: none;
    width: 204px;
    padding-left: 4px;
}

ul#dossiers {
	margin-top: 20px;
	margin-left: 150px;
}

ul#dossiers li {
    display: inline-block;
    width: 204px;
    height: 137px;
}

ul#dossiers li img{
    width: 200px;
    height: auto;
}

.dossierThumb {
    position: absolute;
    height: 137px;
    background-size: contain !important;
    background-repeat: no-repeat;
    border: 2px solid #000;
    box-sizing: border-box;
}

.dossierThumb p {
    width: 215px;
}

/* End Dossiers BTS Page Styling */

/* Start Style BTS Page Styling */

#styleBTS {
	height: 100%;
	width: 1660px;
	position: absolute;
	left: 1920px;
	top: 0;
	white-space: normal;
	background: url(images/BTSBG-style.jpg);
    background-size: cover;
}

#styleBTS .redLine {
    z-index: 2;
}
	
#styleBTSTitle {
	position: absolute;
	top: 110px;
	left: 0;
	z-index: 3;
}

#BTSBGStyle {
	height: 100%;
	width: auto;
	z-index: -5;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
}

#styleBTSLine {
	position: absolute;
	height: 100%;
	width: auto;
	left: 0;
	bottom: 0;
	z-index: -5;
}

#styleBTSTextWrapper {
	position: absolute;
	top: 200px;
	left: 100px;
}

#BTSLineWide {
	z-index:0;
	overflow-y: hidden;
	z-index: 2;
}

#BTSLineWideWrapper {
	height: 1080px;
	width: 0;
	overflow: hidden;
	position: absolute;
	bottom: 0px;	
}

.animation#BTSLineWideWrapper {
	width: 7987px;
	-webkit-transition: width 5s;
    -moz-transition: width 5s;
    -o-transition: width 5s;
    transition: width 5s;
    
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
    
}
	

#styleImage {
	position: absolute;
	height: 80%;
	width: auto;
	left: 491px;
	top: 100px;
    z-index: 1;
	opacity: 0.9;
	-webkit-animation: fadein 2s;
	-moz-animation: fadein 2s;
	-ms-animation: fadein 2s;
	-o-animation: fadein 2s;
	animation: fadein 2s;
}

#styleBTSDesignerName {
	font-weight: bold;
	font-size: 24px;
	float: left;
	position: absolute;
	left: -15px;
	width: 400px;
	top: 60px;
	text-align: left;
		z-index: 1000;
}
#styleBTSDesignerTitle {
	font-weight: bold;
	font-size: 24px;
	float: left;
	color: #333;
	clear: both;
	position: absolute;
	left: 250px;
	width: 400px;
	top: 60px;
	text-align: left;
	z-index: 1000;
}
#styleBTSDesignerContent {
	font-size: 12px;
	line-height: 26px;
	color: #333;
	width: 300px;
	float: left;
	position: absolute;
	left: 1240px;
	text-align: left;
	display: none;
}

#styleBTS #slider {
	position: absolute;
	bottom: 305px;
	left: 514px;
	width: 1138px;
	z-index: 10;
	}
	
#BTSstyle-tooltip {
    position: relative;
    width: 40%;
    bottom: 3vh;
    right: 55%;
    z-index: 10000;
}

#BTSstyle-tooltip p{
	color: #ffffff;
	width: 240px;
	font-size: 16px;
	background: url(images/chevron-right.png) rgba(0, 0, 0, 0.69) center right no-repeat;
	background-size: 30px;
	padding: 20px 40px 20px 20px;
	z-index: 10000;
	border-radius: 10px;
}

img.styleRightArrow {
	width: 30px;
	height: auto;
	opacity: 1;
	display: none;
}

#styleFilmStill {
    width: 35vw;
    height: auto;
    position: absolute;
    top: 120px;
    border: 5px solid #cebf05;
    left: 60%;
    z-index: 0;
}



.ui-widget-content {
	background: transparent !important;
}

.ui-widget-header {
	background: transparent !important;
}

input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent; /* Hides the slider so custom styles can be added */
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 27px;
  width: 27px;
  background: #ffffff url(images/BTSStyleSliderArrow.png) no-repeat;
  cursor: pointer;
  background-color: transparent;
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
	
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  background: #ffffff url(images/BTSStyleSliderArrow.png) no-repeat;
  cursor: pointer;
  background-color: transparent;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  background: #ffffff url(images/BTSStyleSliderArrow.png) no-repeat;
  cursor: pointer;
  background-color: transparent;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.3px;
  cursor: pointer;
  border-radius: 1.3px;
  background: #a80606;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #a80606;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.3px;
  cursor: pointer;
  border-radius: 1.3px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.3px;
  cursor: pointer;
  background: #a80606;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #a80606;
  border-radius: 2.6px;
}
input[type=range]:focus::-ms-fill-lower {
	background: #a80606;
}
input[type=range]::-ms-fill-upper {
  background: #a80606;
  border-radius: 2.6px;
}
input[type=range]:focus::-ms-fill-upper {
	  background: #a80606;
}

/* End Style BTS Page Styling */

/* Start Storyboards BTS Page Styling */

#storyboardsBTS {
	height: 100%;
	width: 1920px;
	position: absolute;
	left: 3580px;
	top: 0;
	white-space: normal;
	overflow-y: hidden;
	background: url(images/BTSBG-storyboards.jpg);
    background-size: cover;
}

#storyboardsBTSTitle {
    position: absolute;
    display: block;
    top: 75px;
    left: 5%;
    z-index: 3;
}


#storyboardsBTSLine {
	position: absolute;
	height: 100%;
	width: auto;
	left: 0;
	bottom: 0;
	z-index: -5;
}

#storyboardsBTSSlider {
	position: absolute;
    width: 80%;
    left: 6%;
    top: 30vh;
    z-index: 3;
  }
  
#masterslider .ms-thumb-list {
	 overflow: inherit;
 }

#masterslider .ms-thumb-frame {
    height: 122px !important;
 	width: 242px !important;
}

#masterslider .ms-thumb {
    height: 122px !important;
  	width: 242px !important;
}

#masterslider .ms-thumb-frame:hover {
	opacity: 1;
}

#masterslider {
	margin: 0 !important;
	width: 100% !important;
}

/* End Storyboards BTS Page Styling */

/* Start Photos BTS Page Styling */

#photosBTS ::-webkit-scrollbar { 
    display: none; 
}

#photosBTS {
	height: 100%;
	width: 1244px;
	position: absolute;
	left: 5500px;
	top: 0;
	white-space: normal;
	overflow-y: hidden;
	background: url(images/BTSBG-photos.jpg);
    background-size: cover;
}

#photosBTSTemp {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -40%;
	height: 70%;
	width: auto;
}

#photosBTSLine {
	position: absolute;
	height: 100%;
	width: auto;
	left: 0;
	bottom: 0;
	z-index: -5;
}

#photosBTSGalleryShortcode {
	height: 629px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	top: 100px;
	position: relative;
	overflow: scroll;
	background-color: #000;
	border: 5px solid #000;
	z-index: 3;
  }

#photosBTSGalleryShortcode .mosaicflow__column {
    border: 2px solid black;
    box-sizing: border-box;
}


#photosBTSGalleryShortcode a img {
	height: 100%;
	width: 100%;
	opacity: .5;
    padding-bottom: 1px;
  
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

#photosBTSGalleryShortcode a img:hover {
	opacity: 1;
	
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;

}

/* End Photos BTS Page Styling */

/* Start Videos BTS Page Styling */

#videosBTSContent {
	z-index: 10000000;
	position: absolute;
}

#videosBTSContent ul {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 120px;
	height: 60vh;
	overflow-y: scroll;
}

#videosBTSContent ul li {
	display: inline;
}

#videosBTSContent ul li img {
	width: 20%;
	margin-right: 10px;
	margin-bottom: 10px;
	opacity: .7;
}

#videosBTSContent ul li img:hover {
	opacity: 1;
}

#videosBTS {
	height: 100%;
	width: 1244px;
	position: absolute;
	left: 6744px;
	top: 0;
	white-space: normal;
	background: url(images/BTSBG-photos.jpg);
    background-size: cover;
}

#videosBTSTitle {
	position: relative;
	display: block;
	top: 90px;
	width: 600px;
	z-index: 3;
}

#videosBTSLine {
	position: absolute;
	height: 100%;
	width: auto;
	left: 0;
	bottom: 0;
	z-index: -5;
}

#videosBTSTitleWrapper ul {
	position: absolute;
	display: block;
	clear: both;
	top: 240px;
	left: 75px;
	font-size: 14px;
	z-index: 5;
}

#videosBTSTitleWrapper ul li {
	display: inline;
	margin-right: 20px;
}

#videosBTSTitleWrapper ul li a {
	color: #000;
	font-weight: 800;
	font-size: 2em;
	text-decoration: none;
}

#videosBTSTitleWrapper ul li a:hover {
	border-bottom: 5px solid black;
}

#videosBTSSlider {
	position: absolute;
	left: 309px;
	top: 100px;
	z-index: 3;
  }

img#videosBTSOverlay {
	position: absolute;
	right: 0;
	bottom: -7px;
	opacity: .7;
	z-index: 3;
}

#videosBTS .ms-videogallery-template {
	z-index: 5;
}

#masterslider4 {
	margin: 0 !important;
	width: 100% !important;
}

#videosBTS .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, #videosBTS .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    cursor: pointer;
    background: #e5d400;
    text-align: center;
    color: #000;
}

#videosBTS .ms-videogallery-template .ms-thumb-list.ms-dir-h {
	background: #000;
}

#videosBTS .ms-videogallery-template .ms-thumb-list.ms-dir-h .ms-thumb-frame {
	margin: 4px 4px 0 0;
}

#videosBTS .ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
	border-right-color: #000;
}

#videosBTS .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
	border-left-color: #000;
}

#videosBTS .ms-thumb-frame:hover {
	opacity: 1;
}
/* End Videos BTS Page Styling */

/* END BEHIND THE SCENES CONTENT */

/* START HOME PAGE COUNTDOWN STYLING */

@font-face {
    font-family: digital-7;
    src: url(fonts/digital_7/digital-7.ttf);
}

#clock {
	position: fixed;
	right: 160px;
}

ul#footerCountdownList {
	display: inline-block;
	margin-top: -7px;
}

.footerCountdownText p {
	float: right;
	position: fixed;
	right: 50px;
	bottom: 30px;
	color: #ffffff;
	font-size: 12px;
}

ul#footerCountdownList li {
	float: left;
	margin-right: 10px;
	color: #000000;
}

#clockTitle {
	position: fixed;
	top: 75px;
	right: 22px;
	text-align: center;
	font: 12px Helvetica;
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
	letter-spacing: 2px;
}

#count-days, #count-hours, #count-minutes, #count-seconds {
	background-color: #e6d537;
	padding: 3px 8px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'digital-7', Helvetica;
	letter-spacing: 2px;
	width: 30px;
}
#count-days-label, #count-hours-label, #count-minutes-label, #count-seconds-label {
	background-color: #000000;
	color: #ffffff;
	letter-spacing: 2px;
	padding: 2px 5px 5px;
/* 	font-size: 8px; */
}

/* END HOME PAGE COUNTDOWN STYLING */

/* START CHEVRONS */

.chevron.up {
	position: absolute;
	width: 50px;
	top: 40px;
}
.chevron.reload {
	position: absolute;
	width: 40px;
	top: 70px;
}
.chevron.down {
	position: absolute;
	width: 50px;
	bottom: 33px;
}
.chevron.left {
	position: absolute;
	width: 50px;
	left: 30px;
	top: 45%;
	z-index: 10000000;
}
.chevron.right {
	position: absolute;
	width: 50px;
	right: 30px;
	top: 45%;
	z-index: 10000000;
}

/* END CHEVRONS */

/* START LIGHTBOX MODIFICATIONS [PRETTYPHOTO] */

.pp_close {
	margin-top: -55px;
}
.pp_nav {
	color: #e7db57;
	letter-spacing: 2px;
	font-size: 12px;
	display: none;
}
.pp_nav .pp_play,.pp_nav .pp_pause {
	display: none;
}
.pp_pic_holder, .pp_content, .pp_details {
	min-width: 340px;
	height: auto;
	top: 30px !important;
}
#pp_full_res {
	min-width: 300px;
	height: auto;
}
#socialPage .pp_fade img{
	min-width: 300px;
	margin-right: auto;
	margin-left: auto;
}

/* END LIGHTBOX MODIFICATIONS [PRETTYPHOTO] */