
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
   
   
body{
}
a{
	color: #00b6dc;
}
h2{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 28px;
	margin-bottom: 8px;
}
p{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 8px;
}
.wrapper{
	padding: 0 26px;
	position: relative;
	margin: 0 auto;
}
@media screen and (min-width: 860px) {
	.wrapper{
		max-width: 1090px;
	}
}
/*	 Wrapper Clearfix  */
.wrapper:before,
.wrapper:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.wrapper:after {
	clear: both;
}
.wrapper {
	*zoom: 1;
}




#MMA .wrapper{
	padding: 0 26px;
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}
#MMA{
	background: url(/what-separates-us/images/mma-mobile.jpg) top center no-repeat #0f0d0d;
	margin: 0;
	padding: 360px 0 15px;
	background-size: 500px 381px;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.75);
	z-index: 9;
	position: relative;
}
#MMA .background{
	display: none;
}
#MMA .linkButtons{
	max-width: 460px;
	margin: 0 auto;
}
#MMA .linkButtons li{
	width: 49%;
	float: left;
}
#MMA .linkButtons li.sales {
	margin-right: 2%;
}
#MMA .linkButtons li.facebook{
	margin-right: 0;
}
#MMA .linkButtons li a{
	display: block;
	background: none;
	color: #000;
	color: rgba(77,203,230,1);
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #286371;
	border: 1px solid rgba(77,203,230,1);
	border: 1px solid #00c7f1;
	text-align: center;
	font-size: 18px;
	padding: 6px 0;
	background: rgba(77,203,230,1);
	background: rgba(77,203,230,.1);
	transition: .1s;
}
#MMA .linkButtons li.sales a{
	background: #00c7f1;
}
#MMA .linkButtons li.sales a .preorder{
	color: #fff;
}
#MMA .linkButtons li a .preorder{
	display: block;
	font-size: 12px;
	margin-bottom: 1px;
	color: #333;
	color: rgba(77,203,230,1);
}
#MMA .linkButtons li a:hover{
	background: rgba(77,203,230,.3);
	background: #00c7f1;
	color: #fff;
}
#MMA .linkButtons li.sales a:hover{
	background: #65ADC4;
	color: #fff;
}
#MMA .linkButtons li a:hover .preorder{
	color: #fff;
}
@media screen and (min-width: 860px) {
	#MMA{
		padding: 0;
		margin: 0;
		background: #0f0d0d;
		position: relative;
	}
	#MMA .background{
		display: block;
	}
	#MMA .linkButtons{
		position: absolute;
		width: 46%;
		bottom: 8%;
		left: 6.5%;
	}
}


#trailer{
	padding: 40px 0;
	background: url(/lp/bbb/1606/images/white-background.png);
	color: #333;
}
#trailer .video{
	margin-bottom: 20px;
}
#trailer .copy h2{
	color: #333;
}
#trailer .copy p{
	color: #666;
}
@media screen and (min-width: 860px){
	#trailer{
		padding: 65px 0 0;
	}
	#trailer .video, #trailer .copy{
		position: relative;
		z-index: 15;
	}
	#trailer .video{
		float: left;
		width: 65.22222223323332%;
	}
	#trailer .copy{
		width: 30.44444444446666%;
		float: right;
	}
}





#synopsis{
	background: url(/lp/bbb/1606/images/white-background.png);
}
#synopsis .copy h1{
	color: #000;
	font-size: 32px;
	margin-bottom: 8px;
	font-family: 'Open Sans Condensed', sans-serif;
}
#synopsis .copy p{
	margin-bottom: 20px;
	font-size: 18px;
	color: #333333;
	font-family: 'EB Garamond', serif;
	line-height: 1.7;
}
#synopsis .buddies{
	margin-left: 25%;
	width: 75%;
}
@media screen and (min-width: 860px) {
	#synopsis{
		position: relative;
		/*background: url(/what-separates-us/images/buddies.jpg) bottom right no-repeat;*/
		min-height: 600px;
	}
	#synopsis .copy{
		width: 46%;
		float: left;
		clear: both;
		margin: 40px 0 80px;
		position: relative;
		z-index: 9;
	}
	#synopsis .buddies{
		position: absolute;
		bottom: 0;
		width: 55%;
		max-width: 600px;
		z-index: 1;
		right: 0;
	}
	#synopsis .eyesVideo img{
		position: relative;
		z-index: 0;
	}
	#synopsis .eyesVideo video{
		width: 100%;
	}
}




#review{
	background: #283252 url(/lp/bbb/1606/images/background.png);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#283252+0,646f93+100 */
	background: #283252 url(/lp/bbb/1606/images/background.png), rgb(100,111,147); /* Old browsers */
	background: #283252 url(/lp/bbb/1606/images/background.png), -moz-linear-gradient(top, rgba(100,111,147,1) 0%, rgba(40,50,82,1) 100%); /* FF3.6-15 */
	background: #283252 url(/lp/bbb/1606/images/background.png), -webkit-linear-gradient(top, rgba(100,111,147,1) 0%,rgba(40,50,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: #283252 url(/lp/bbb/1606/images/background.png), linear-gradient(to bottom, rgba(100,111,147,1) 0%,rgba(40,50,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646f93', endColorstr='#283252',GradientType=0 ); /* IE6-9 */
	background: url(/lp/bbb/1606/images/emma-bg.png);
	position: relative;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#review blockquote{
	margin: 50px 0;
}
#review blockquote .stars{
	margin-bottom: 16px;
}
#review blockquote li{
	width: 20px;
	float: left;
	margin-right: 4px;
}	
#review blockquote h2{
	color: #fff;
	margin-bottom: 6px;
}	
#review blockquote p{
	clear: both;
	/*
	font-size: 18px;
	line-height: 2;
	*/
	margin: 0 0 16px;
	color: #c0c6ca;
	
}
@media screen and (min-width: 860px) {
	#review{
		
	}
	#review blockquote{
		width: 49.27777777777787%;
		float: right;
	}
	#review .image{
		background: url(/lp/bbb/1606/images/emma.jpg) bottom center no-repeat;
		background: url(/lp/bbb/1606/images/emma.jpg) top center no-repeat;
		background-size: 588px 550px;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 5%;
		width: 50%;
	}
}
@media screen and (min-width: 1200px) {
	#review .image{
		/*
		background-size: auto;
		background-position: top center;
		*/
		background-position: top center;
	}
	#review blockquote{
		margin: 150px 0 75px;
		margin: 75px 0 75px;
	}
}
	


	
#sales{
	padding: 40px 0 0;
	background: url(/lp/bbb/1606/images/white-background.png);
}
#sales .copy{
	margin-top: 5px;
}
#sales li{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-bottom: 8px;
}
#sales h2{
	color: #333;
}
#sales h3{
	font-family: 'Open Sans', sans-serif;
	color: #333;
	margin-bottom: 8px;
}
#sales .copy .digital, #sales .copy .dvd, #sales .copy .vimeo{
	margin-bottom: 30px;
}
#sales .copy .vimeo{
	clear: both;
	margin-top: 25px;
}
#sales .copy .vimeo h2 img{
	width: 150px;
}
#sales img.dvd{
	float: left;
	width: 30%;
	margin: 0 0 20px 0;
	display: none;
}
#sales .copy .city1, #sales .copy .city2, #sales .copy .city3, #sales .copy .city4, #sales .copy .city5, #sales .copy .city6, #sales .copy .city7, #sales .copy .city8, #sales .copy .city9{
	margin-bottom: 30px;
}
#sales .copy .city1, #sales .copy .city3, #sales .copy .city5, #sales .copy .city7, #sales .copy .city9{
	clear: both;
}
#sales .intro{
	margin-bottom: 20px;
}

@media screen and (min-width: 860px) {
	#sales .copy{
		margin-top: 25px;
	}
	#sales .intro{
	}
	#sales img.dvd{
		display: block;
		width: 30.4444444%;
	}
	#sales .copy{
		float: right;
		width: 65.22222222333322%;
		margin: 30px 0 0;
	}
	#sales .copy .digital, #sales .copy .dvd{
		width: 42.47430108423913%;
		float: left;
		margin-bottom: 30px;
	}
	#sales .copy .city1, #sales .copy .city2, #sales .copy .city3, #sales .copy .city4, #sales .copy .city5, #sales .copy .city6, #sales .copy .city7, #sales .copy .city8, #sales .copy .city9{
		width: 46.625766871166%;
	}
	#sales .copy .city1, #sales .copy .city3, #sales .copy .city5, #sales .copy .city7, #sales .copy .city9{
		float: left;
	}
	#sales .copy .city2, #sales .copy .city4, #sales .copy .city6, #sales .copy .city8{
		float: right
	}
	#sales .copy .dvd{
		float: right;
	}
}








#laterOptions{
	background: url(/lp/bbb/1606/images/white-background.png);
	color: #666;
	padding: 40px 0 20px;
}
#laterOptions .wrapper{
}
#laterOptions li.social, #laterOptions .amazonWishlist, #laterOptions .email{
	margin-bottom: 40px;
}
#laterOptions h2{
	color: #333;
}
#laterOptions #mc_embed_signup{
	background: none;
	margin-top: 12px;
}
#laterOptions #mc_embed_signup form{
	padding: 0;
}
#laterOptions #mc_embed_signup label{
	display: none;
}
#laterOptions #mc_embed_signup input.email{
	width: 90%;
}
#laterOptions .social ul{
	margin-top: 12px;
	float: left;
}
#laterOptions .social ul li{
	width: auto;
	margin-right: 12px;
	float: left;
}
#laterOptions .social ul a{
	display: block;
	height: 40px;
	width: 40px;
	background: url(/lp/bbb/1606/images/social.png) no-repeat;
	background-size: 300% 200%;
	text-indent: -5000px;
	overflow: hidden;
	transition: .2s;
}
#laterOptions .social ul:hover a{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .7;
}
#laterOptions .social ul a:hover{
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}
#laterOptions .social ul .facebook a{
	background-position: 0 -40px;
}
#laterOptions .social ul .twitter a{
	background-position: -40px -40px;
}
#laterOptions .social ul .instagram{
	margin-right: 0;
}
#laterOptions .social ul .instagram a{
	background-position: -80px -40px;
}
@media screen and (min-width: 860px) {
	#laterOptions li.social, #laterOptions .amazonWishlist, #laterOptions .email{
		width: 30.44444444444466%;
		margin-right: 4.3333%;
		float: left;
		margin-bottom: 10px;
	}
	#laterOptions li.social{
		margin-right: 0;
		float: right;
	}
}

#laurels{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#laurels .img, #laurels video{
	width: 100%;
}

@media screen and (min-width: 1800px) {
	#laurels{
		height: 400px;
		overflow: hidden;
		position: relative;
	}
	#laurels video, #laurels .img{
		position: absolute;
		top: -10px;
	}
}

#footer{
	background: url(/lp/bbb/1606/images/white-background.png);
	padding: 15px 0 0;
}
#footer p{
	color: #333;
}


#willChase{
background: #fff;
padding: 75px 0;
}
#willChase .video{
width: 58%;
float: left;
}
#willChase .bio{
width: 32%;
float: right;
padding-top: 50px;
}
#willChase .bio p{
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 1.6;
margin-top: 0;
}
#willChase .bio h2{
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
color: #333;
font-size: 32px;
margin-bottom: 25px;

}