﻿@import "/_a2016/System/css/bootstrap/bootstrap.min.css");
@import "/_a2016/System/css/MSFW/2015/com-ribbon.css");
@import "/_a2016/System/css/MSFW/2015/effects.css");
@import "/_a2016/System/Fonts/Arete/Arete_stylesheet.css");
@import "/_a2016/System/Fonts/Com/com.css");
@import url('/System/Fonts/ProximaNova/stylesheet.css');
@import "/_a2016/System/css/MSFW/2015/Mobile.css");
@import "/_a2016/System/css/MSFW/2015/SiteOverride.css");

/* Main Structure */
body { background-color:#8dD2Cd!important; color:#fff;}

.bg-body-full {	position:relative; background-color:#8dD2Cd;}
.ms-bodyareacell{ background-color:#fff!important;}
.row { margin:0px;}
.col-sm-12,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3 {	padding:0px;}

a:hover{ text-decoration:none!important;}


div.comStripWrapper { left: -465px;}

.ComTopNav{ background-color:black;}

div.home-hero-front div.align-hero { position: relative; width: 100%; left: 73%; margin: 0 0 0 -100%; text-align: center;}	 

div.ImgHomePage { height: 400px;}
.MSFWButton{ height:59px; background-color:#0b505c; text-align:center;}
.MSFWButton:hover { background-color:#ff4c00;}


.MSFWButton1 .MSFWButton { margin-right:4px;}
.MSFWButton2 .MSFWButton { margin-right:2px; margin-left:2px}
.MSFWButton3 .MSFWButton { margin-left:4px;}

#thevideo { border:1px #fff none; height:440px;}
.mediaUTubeHome{ border: 1px #fff solid;}

@media screen and (max-width: 767px) and (min-width: 0px)
{
	div.home-hero-front div.align-hero {position:inherit; left:0px; margin:0px;}
	
	.MSFWButton1 .MSFWButton { margin-right:0px; }
	.MSFWButton2 .MSFWButton { margin:7px 0px;}
	.MSFWButton3 .MSFWButton { margin-left:0px;}
	.MSFWButton{ text-align:left; text-indent:15px;}
	
	#thevideo { border:1px #fff none; height:190px;}
	.mediaUTubeHome{ border:1px #fff none;}
	
	div.comStripWrapper { left: 0px;}
}

.HoldingVid {height:500px; background-color:#555;  margin-bottom: 140px;}

.homepage-video-wrapper { width: 100%; max-width: 940px; height: 685px; background: transparent; padding-top: 15px;}

.mediaUTubeHome>div { overflow: hidden; max-width: 940px; margin: auto; padding-top: 0px;}

.mediaUTubeHome { max-width: 940px; height: 445px; overflow: hidden; margin: auto; padding-top:0px;}

#HomeUTubeImage {width:100%; position:relative; margin-top:-15px; top:-30px;}

#HomeUTubeVid { width: 100%; max-width: 940px; height: 100%; margin-left: 0px;}


@media screen and (max-width: 767px) and (min-width: 0px)
{
	.homepage-video-wrapper {height: 170px; margin:0px 0px;}
	.mediaUTubeHome { padding-top: 7px; height: 475px;}
	.mediaUTubeHome>div { padding-top:0px; }
	.homepage-video-wrapper {padding-top:0px}
}


/* Main Structure */

/* Fonts */

.social-wrapper h4,
.footer-logo-caption h4 { font-size: 14px; font-family: 'Gotham A','Gotham B'; font-weight: 400; font-style: normal; color: black;}

.MSFWButton{ font-family: 'CoM'; font-size: 20px; text-transform: uppercase; color:#fff; line-height:59px;}

/* msfw-social */
	
	.social li{ float:left; padding:0px 5px;}

	.SocialM, SocialME { }
	
	.socialfacebook { width:32px; height:32px; 
					  background:url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/SocialMedia/SocialMedia_Facebook.png') no-repeat;
					  background-size: 32px 32px;
					}
										
	.socialtwitter {width:32px; height:32px; 
					  background:url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/SocialMedia/SocialMedia_Twitter.png') no-repeat;
					  background-size: 32px 32px;
					}				
					
	.socialinstagram {width:32px; height:32px; 
					  background:url("/_a2016/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/SocialMedia/SocialMedia_Instagram.png") no-repeat;
					  background-size: 32px 32px;
					}					
					
	.socialYoutube {width:32px; height:32px; 
					  background:url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/SocialMedia/SocialMedia_Youtube.png') no-repeat;
					  background-size: 32px 32px;
					}				
	
/* msfw-social */

	  		
/* Social icon link */
	/*  Brand Details Page  */
	.Brand-profile-social-inner .at-share-btn.at-svc-facebook{ background-image: url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/Collaborators/Sharethisbrand_button_facebook.png');
				  			   	    background-size:240px 35px;
				  			   		background-repeat: no-repeat;
  							   		background-position:0px;	  							   		
							 	}
	.Brand-profile-social-inner .at-share-btn.at-svc-twitter{ background-image: url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/Collaborators/Sharethisbrand_button_twitter.png');
				  			   	    background-size:240px 35px;
				  			   		background-repeat: no-repeat;
  							   		background-position:0px;	  							   		
							 	}

	/*  People Details Page  */
	.Designer-profile-social-inner .at-share-btn.at-svc-facebook{ background-image: url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/Designer/Sharethisdesigner_button_facebook.png');
				  			   	    background-size:240px 35px;
				  			   		background-repeat: no-repeat;
  							   		background-position:0px;	  							   		
							 	}
	.Designer-profile-social-inner .at-share-btn.at-svc-twitter{ background-image: url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/Designer/Sharethisdesigner_button_twitter.png');
				  			   	    background-size:240px 35px;
				  			   		background-repeat: no-repeat;
  							   		background-position:0px;	  							   		
							 	}
	/*  Event Details Page  */						 	
	.at-share-btn.at-svc-facebook{ background-image: url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/Events/Sharethisevent_button_facebook.png');
				  			   	    background-size:240px 35px;
				  			   		background-repeat: no-repeat;
  							   		background-position:0px;	  							   		
							 	}
	.at-share-btn.at-svc-twitter{ background-image: url('/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/Events/Sharethisevent_button_twitter.png');
				  			   	    background-size:240px 35px;
				  			   		background-repeat: no-repeat;
  							   		background-position:0px;	  							   		
							 	}
							 	
							 	
/* Social icon link */
	  		
	/* Social icon link */


/* Footer */
	.FooterContent { margin:0px 0px; background-color:#8dD2Cd; background-image:none; padding-bottom:80px;}
	
	.social-wrapper h4 { margin-top:0px; padding-top:48px;}
	.social-wrapper .social li.Section3First{padding-left:0px;}
	.footer-logo-caption h4 { padding-left:0px; margin-top:0px; margin-bottom:18px;}
	.MP1 img { padding-left:0px;}
	
	
	#section3 ul li{ float:left; padding:0px 12.5px;}
	#section3 ul li.Section3First{ padding-left:0px;};
	
	/* Sign up */	
		#section4 {color:black; font-family:'Gotham A','Gotham B'; font-weight:700; font-style:normal;}
		#section4 h4 { font-size:13px; font-weight:bold; font-weight:700;}
		
		.fixed-width-inner ul{ margin-bottom:39px; padding: 0; list-style: none;}
		.fixed-width-inner a{ color:black;}
		.fixed-width-inner hr { border-color:black;}
				
		.FootTickets {width:115px; height:40px;
								  	background:url("/_a2016/Whatson/Festivals/MSFW/MSFW2015/PublishingImages/Master/Ticketmaster_logo.png") no-repeat center center;
								  	background-size: auto;}
		
		.SignUpLable{ float: left; margin-right:5px; border: transparent; font-weight:500; }
		.SignUpInput{ width:160px; background-color: transparent;  border: transparent;}
		.SignUpPLeb { border-bottom: black 1px solid;}
		.SignUpSubmit { color: white; background-color: black; border: transparent; }
		.SignUpSubmit:hover {  background-color:gray}
		
		.FootCopy2015 { margin-top:20px; font-size:12px;
						font-family:'Gotham A','Gotham B'; font-weight:400; font-style:normal;}
	/* Sign up */
	
@media screen and (max-width: 767px) and (min-width: 0px)
{
	.FooterContent {  padding-top: 30px;}

	.social-wrapper {margin-left:10px;}
	.social-wrapper h4 { padding-top:44px;}
	.footer-logo-caption{ width:100%; margin-left:10px;}
	.MP1 { width:100%; margin-left:10px;}
	
	#section3 ul li, #section3 ul li.Section3First { float:none; padding: 0px 12.5px; text-align:left;}
}


/* Footer */



















  