body {
	overflow: hidden;
}
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	z-index:9999;
}
#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-100px 0 0 -100px;
	font-size: 18px;
	text-align: center;
	color: #aaa;
}
#status img {
	width: 40px;
	height: 41px;
	margin-top: 75px;
}
body {
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	font-weight: 200;
	font-style: normal;
	background-color: #000;
}
h1,h2,h3,h4,h5,h6 {
	color: #fff;
	text-transform: uppercase;
	line-height: 150%;
}
.shadows {
	-webkit-box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.67);
	box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.67);
}
.shadows-bottom {
	-webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.67);
	box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.67);
}
.shadows-top {
	-webkit-box-shadow: 0px -10px 30px 15px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px -10px 30px 15px rgba(0,0,0,0.67);
	box-shadow: 0px -10px 30px 15px rgba(0,0,0,0.67);
}
.img-center {
	margin: 0 auto;
}
.white {
	background-color: #fff;
}
.gray {
	background-color: #f5f5f5;
}
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {
	color: #000;
	z-index: inherit;
}
header, footer {
	width: 100%;
	font-size: 20px;
	padding: 0 10px 0 10px;
	position: fixed;
	z-index: 1000;
}
header {
	background-color: rgba(0,0,0,0.75);
	height: 40px;
	line-height: 40px;
	top: 0;
	border-bottom: 1px #eee solid;
}
footer {
	border-top: 1px #eee solid;
	background-color: rgba(0,0,0,0.75);
	bottom: 0;
	height: 60px;
	line-height: 40px;
}
header .brand {
	font-size: 16px;
}
header .row,
footer .row {
	margin-left: 0;
	margin-right: 0;
}
header ul,
footer ul {
	list-style: none;
	-webkit-padding-start: 0;
	width: intrinsic;
}
header .left,
footer .left {
	margin: 0 auto;
}
header .right,
footer .right {
	margin: 0 auto;
}

header ul li {
	float: left;
	color: #ffffff;
	margin: 0 10px;
}
header ul li:first-child {
	margin: 0 10px 0 0;
}
header ul li:last-child {
	margin: 0 0 0 10px;
}
footer ul li {
	float: left;
	color: #ffffff;
	margin: 0 2px;
}
footer ul li:first-child {
	margin: 0 2px 0 0;
}
footer ul li:last-child {
	margin: 0 0 0 2px;
}

header ul li:only-child,
footer ul li:only-child {
	margin: 0;
}
header ul li a,
footer ul li a,
header ul li a:active,
footer ul li a:active,
header ul li a:visited,
footer ul li a:visited,
header ul li a:focus,
footer ul li a:focus,
header ul li a:hover,
footer ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
footer .copy {
	color: #aaa;
	font-size: 9px;
	line-height: 9px;
	text-align: center;
}
.links {
	float: left;
	margin-right: 50px;
	font-size: 14px;
}
.links a {
	font-weight: 200;
}
.social li a {
	background-color: #000;
	border-radius: 50px;
	width: 29px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	display: block;
	margin-top: 6px;
	border: #fff solid 1px;
}
.social li a:hover {
	color: #fff;
}
section.home {
	position: absolute;
	bottom: 60px;
	width: 100%;
}
section.home .logo,
section.home .form {
	background: rgba(0, 0, 0, 0.4);
	padding-bottom: 10px;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
section.home .logo {
	text-align: center;
	padding-top: 5px;
}

section.videos h2 {
	margin-bottom: 30px;
	font-weight: 200;
}
section.videos .video.right {
	margin-top: 20px;
	text-align: center;
}
section.videos .video.left {
	margin-top: 20px;
	text-align: center;
}
section.videos .video img {
	display: inline;
}
section.videos .video .wrapper {
	position: relative;
	height: 100%;
	width: intrinsic;
	margin: 0 auto 30px auto;
	background: #000;
	border: 1px solid #534d4d;
}
section.videos .video .wrapper.form-container {
	height: 330px;
	width: 100%;
}
section.videos .video .wrapper .form {
	position: absolute;
	top: 0;
	width: 100%;
	color: #fff;
}
section.videos .video .wrapper .form h3 {
	font-size: 9px;
}
section.videos .video .wrapper .form .message {
	padding-top: 15px;
	float: left;
}
section.videos .video .wrapper .form .button {
	font-size: 18px;
	background-color: #1d1d1d;
	color: #fff;
	border: 1px solid #444; 
	padding: 5px 10px;
}
section.videos .video .wrapper .form .button:hover {
	background-color: #1c3b20;
}
section.videos .video .wrapper .form .text {
	background: #1d1d1d;
	color: #fff;
	border-radius: 0;
	border: 1px solid #444;
}
section.videos .video .wrapper img {
	opacity: 0.5;
	transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
}
section.videos .video .wrapper .active {
	cursor: pointer;
}
section.videos .video .wrapper:hover .active img {
	opacity: 1.0;
	transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
}
section.videos .video .wrapper a,
section.videos .video .wrapper a:active,
section.videos .video .wrapper a:hover,
section.videos .video .wrapper a:visited {
	color: #fff;
}
section.videos .video .wrapper a:focus {
	outline: none;
}
section.videos .video .wrapper .name {
	position: absolute;
	bottom: 30px;
	left: 10px;
	font-size: 18px;
}
section.videos .video .wrapper .caption {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 14px;
}

section.videos .video .wrapper .play {
	position: absolute;
	top: 50%;
	left: 50%;
	border-style: solid;
	border-color: rgba(255,255,255,0.3);
	border-width: 5px;
	background-color: rgba(255,255,255,0.1);
	border-radius: 200px;
	display: block;
	height: 50px;
	width: 50px;
	margin: -25px 0 0 -25px;
	color: rgba(255,255,255,0.3);
	line-height: 40px;
	padding-left: 5px;
	font-size: 25px;
	text-align: center;
}
section.videos .video .wrapper .sharing {
	position: absolute;
	top: 5px;
	left: -10px;
	background-color: rgba(0,102,137,0.8);
	padding: 3px 5px;
	color: #fff;
}
section.videos .video .wrapper .sharing ul {
	list-style: none;
	padding-left: 0;
}
section.videos .video .wrapper .sharing ul li {
	float: left;	
}
section.videos .video .wrapper .sharing ul li {
	margin: 0 5px;
	font-size: 14px;
}
section.videos .video .wrapper .sharing ul li:first-child {
	margin: 0 5px 0 0;
	font-size: 10px;
	line-height: 20px;
}
section.videos .video .wrapper .sharing ul li a,
section.videos .video .wrapper .sharing ul li a:active,
section.videos .video .wrapper .sharing ul li a:visited {
	color: #fff;
}
section.videos .video .wrapper .sharing ul li a:hover {
	color: #999;
}

section.content h3 {
	font-weight: 300;
	font-size: 24px;
}
section.content h4 {
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	text-transform: none;
}
section.content p {
	font-size: 18px;
	margin: 0 auto;
	font-weight: 200;
	margin-bottom: 20px;
}
section.content .jake p ,
section.content .soa p ,
section.content .soa h4 {
	color: #000;
}
section.content.container-fluid {
	padding: 0px;
}
section.content.container-fluid .row .col-xs-12 {
	padding-left: 0px;
	padding-right: 0px;
}
section.content .banner {
	padding-top: 10px;
	min-height: 200px;
	position: relative;
}
section.content .banner img {
	position: absolute;
	bottom: 10px;
}
section.content .heading {
	padding-top: 20px;
	text-align: center;
}
section.content .jake{
	padding-bottom: 40px;
}
section.content .button {
	margin: 10px auto;
	border: none;
	background-color: #1d1d1d;
	padding: 10px 15px 10px 15px;
	font-size: 20px;
	font-weight: 200;
	display: block;
	text-align: center;
	margin: 40px auto 10px auto;
	width: 290px;
}
section.content .images h3 {
	color: #000;
}
section.content .images ul {
	list-style: none;
	padding: 0;
}
section.content .images ul li img{
	margin: 0 auto 20px auto;
	cursor: pointer;
}
section.content .button,
section.content .button:active, 
section.content .button:visited,
section.content .button:focus,
section.content .button:hover {
	color: #fff;
	text-decoration: none;
}
section.content .album2 {
	margin: 0 auto;
}
section.content .buyicons {
	text-align: center;
	margin: 10px 0 10px 0;
}
section.content .buyicons img {
	width: 110px;
	height: 40px;
}
section.content .quote {
	background: url(/assets/images/whitebuffalo/quote-bg.jpg) #000 left bottom;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 22px;
}
section.content .albums h5 {
	font-size: 8px;
}
section.content .quote.shadow {
	-webkit-box-shadow: inset 0px 16px 20px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 16px 20px -8px rgba(0,0,0,0.75);
	box-shadow: inset 0px 16px 20px -8px rgba(0,0,0,0.75);
}
section.content .studio {
	background: url(/assets/images/whitebuffalo/studio.jpg) #3b2920 left top no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 18px;
	padding: 15px 0;
	text-align: center;
}
section.content .studio img {
	margin: 0 auto;
}
section.content h4 {
	font-size: 18px;
	font-weight: 300;
	text-transform: none;
}
section.content p {
	font-weight: 200;
	margin-bottom: 20px;
}
section.content .studio.row .col-sm-5 {
	padding-left: 0px;
	padding-right: 0px;
}
section.content .quote span {
	font-size: 14px;
	color: rgba(255,255,255,0.7);
}
section.content .soa {
	padding: 40px 0 40px 0;
}
section.content .soa .spotify,
section.content .soa img {
	margin: 0 auto;
	display: block;
}
section.phos .quote h3 {
	font-size: 36px;
}
section.phos .pitch {
	background: #2a1e19;
	padding: 15px;
}
section.phos .pitch h4 {
	text-transform: none;
	font-weight: 400;
}
section.phos .stats {
	padding-top: 20px;
	padding-bottom: 70px;
	background: #2a1e19 url(/assets/images/whitebuffalo/bg5.jpg) right;
	background-attachment: scroll;
}
section.phos .stats hr {
	margin-bottom: 20px;
}
section.phos .stats p {
	color: #fff;
	font-size: 18px;
}
section.phos .stats h3 {
	font-size: 20px;
}
section.phos .stats .spectrum {
	margin: 40px 0px;
}
section.phos .stats .spectrum .ruler {
	margin-bottom: 20px;
}
section.phos .stats .spectrum .marker {
	width: 25px;
	margin-bottom: -26%;
}
section.phos .stats .spectrum .marker.phosphor {
	margin-left: 55%;
}
section.phos .stats .spectrum .marker.aluminum {
	margin-left: 93%;
}
section.phos .stats .spectrum .marker.earthwood {
	margin-left: 77%;
}
section.phos .stats .packs h5 {
	font-size: 10px;
}
section.phos .stats .packs h6 {
	font-size: 8px;
}
section.phos .stats .section {
	margin-top: 20px;
}
section.phos .stats .padding {
	padding: 10px 20px 40px 20px;
}
section.phos .stats .gauges {
	padding: 5px;
	color: #fff;
	font-size: 9px
}
section.phos .stats .buynow {
	padding: 20px;
}
section.phos .stats .buynow label {
	color: #fff;
	font-size: 18px;
	font-weight: 200;
}
section.phos .stats .cover-dark {
	background-color: rgba(0, 0, 0, 0.5);
}
section.phos .stats .cover-light {
	background-color: rgba(255, 255, 255, 0.2);
}
.container-70 {
	width: 100%;
	margin: 0 auto;
}
.frame {
	padding-top: 70px;
	position: relative;
}
#frame1 {
	background: #1e130f url(/assets/images/whitebuffalo/bg1.jpg) top center;
	padding-bottom: 20px;
}
#frame1,
#frame2,
#frame3,
#frame4 {
	padding-top: 0px;
}
#frame1 .bg {
	margin-top: 0px;
}
.frame .bg {
	position: absolute;
	width: 100%;
	margin-top: -70px;
}
.strings {
	position: absolute;
	left: 10px;
	top: 50px;
}
.album {
	position: absolute;
	left: 167px;
	top: 50px;
}
.album img {
	width: 79px;
	height: 83px;
}
.strings img {
	width: 157px;
	height: 83px;
}

.margin-top {
	margin-top: 20px;
}
.next,
.next:active,
.next:focus,
.next:visited {
	position: absolute;
	bottom: 80px;
	left: 50%;
	border-style: solid;
	border-color: rgba(255,255,255,0.3);
	border-width: 5px;
	background-color: rgba(255,255,255,0.1);
	border-radius: 200px;
	display: block;
	height: 76px;
	width: 76px;
	margin-left: -38px;
	color: rgba(255,255,255,0.3);
	text-align: center;
	line-height: 65px;
	font-size: 50px;
}
.next:hover {
	border-color: rgba(255,255,255,0.8);
	background-color: rgba(255,255,255,0.5);
	color: rgba(255,255,255,0.8);
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}
.modal-dialog {
	width: 95%;
}
.modal-header h3,
.modal-header .close {
	color: #fff;
}
.modal-content {
	background-color: rgba(0,0,0,0.8);
	border-radius: 0;
	border-color: 1px #666 solid;
}
.visible-xl {
	display: none;
}

#videoOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #000;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
#videoOverlay .close {
	opacity: .7;
	width: 50px;
	height: 50px;
	border-radius: 0 0 0 10px;
	background-color: #ff0000;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
#videoOverlay .close:hover {
	opacity: .9;
}
#videoOverlay .video .iframe {
	z-index: 2000;
}
.padding-fix {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4,
.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8,
.col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}

@media(min-height: 350px){ /* Mobile Styles */

}

@media(max-width:767px){ /* Mobile Styles */

}

@media(min-width:768px){ /* Tablet Styles */
	footer {
		height: 50px;
		line-height: 50px;
	}
	footer .copy {
		float: right;
		line-height: 50px;
	}
	footer ul {
		float: left;
	}
	footer ul li {
		margin: 0 10px;
	}
	footer ul li:first-child {
		margin: 0 10px 0 0;
	}
	footer ul li:last-child {
		margin: 0 0 0 10px;
	}
	section.phos .stats h3 {
		font-size: 36px;
	}
	section.phos .stats .packs h5 {
		font-size: 16px;
	}
	section.phos .stats .packs h6 {
		font-size: 12px;
	}
	section.phos .stats .gauges {
		font-size: 14px
	}
	section.videos .video .wrapper .name {
		bottom: 50px;
		left: 20px;
		font-size: 32px;
	}
	section.videos .video .wrapper .caption {
		bottom: 20px;
		left: 20px;
		font-size: 20px;
	}
	section.videos .video .wrapper.form-container {
		height: intrinsic;
		width: intrinsic;
	}
	section.videos .video .wrapper .form h3 {
		font-size: 20px;
	}
	section.videos .video .wrapper .form .message {
		padding-top: 5px;
		float: right;
	}
	section.home {
		bottom: 50px;
	}
	section.home .form h3 {
		background: none;
		font-size: 16px;
		padding-bottom: 30px;
		border-bottom: none;
	}	
	.social li a {
		margin-top: 10px;
	}
	.strings {
		left: 10px;
		top: 80px;
	}
	.album {
		left: 178px;
		top: 80px;
	}
	.album img {
		width: 158px;
		height: 166px;
	}
	.strings img {
		width: 314px;
		height: 166px;
	}
	section.videos .video .wrapper .sharing {
		top: 20px;
		left: -10px;
		padding: 5px 10px;
	}
	section.videos .video .wrapper .sharing ul li {
		margin: 0 5px;
		font-size: 18px;
	}
	section.videos .video .wrapper .sharing ul li:first-child {
		margin: 0 10px 0 0;
		font-size: 10px;
		line-height: 24px;
	}
	section.content .quote {
		font-size: 32px;
		padding: 40px;
	}
	section.content .quote span {
		font-size: 18px;
	}
	section.content .banner {
		min-height: 500px;
	}
	section.content .button {
		width: 342px;
	}
	section.content h3 {
		font-size: 32px;
	}
	section.content .albums h5 {
		font-size: 12px;
	}
	section.content .studio {
		text-align: left;
	}
	section.content h4 {
		font-size: 32px;
	}
	section.phos .stats .spectrum .marker {
		margin-bottom: -20%;
	}
	section.phos .stats {
		padding-top: 70px;
	}
	section.phos .stats hr {
		margin-bottom: 80px;
	}
	section.phos .pitch {
		padding: 60px;
	}
}

@media(min-width:992px){ /* Small Desktop Styles */
	header {
		height: 70px;
		line-height: 70px;
	}
	header .left {
		float: left;
	}
	header .right {
		float: right;
	}
	section.home {
		bottom: 180px;
	}
	section.home .logo {
		background: none;
		border-top: none;
		border-bottom: none;
		text-align: left;
	}
	section.home .form {
		display: block;
	}
	section.home #signUpButton {
		display: none;
	}
	section.home .form h3 {
		background: none;
		font-size: 16px;
	}
	
	.modal-dialog {
		width: 75%;
	}
	.strings {
		top: auto;right: 40px;bottom: 60px;left: auto;
	}
	.album {
		top: auto;right: 400px;bottom: 60px;left: auto;
	}
	#frame1 {
		padding-top: 70px;
	}
	#frame1 .bg {
		margin-top: -70px;
	}
	section.videos {
		padding-bottom: 200px;
	}
	section.videos .video .wrapper .play {
		height: 76px;
		width: 76px;
		margin: -38px 0 0 -38px;
		line-height: 70px;
		padding-left: 10px;
		font-size: 50px;
	}
	section.content .heading {
		text-align: center;
	}
	section.content h3 {
		font-size: 40px;
	}
	section.content p {
		font-size: 24px;
		margin: 0 0 20px 0;
	}
	section.content .quote {
		font-size: 36px;
		padding: 60px;
	}
	section.content .quote span {
		font-size: 22px;
	}
	section.content .studio {
		padding: 40px 0;
	}
	section.content h4 {
		margin-top: 0;
	}
	section.content .studio img {
		float: left;
		margin: 0 20px 10px 0;
		max-width: 500px;
	}
	
}

@media(min-width:1200px){ /* Large Desktop Styles Styles */
	
	#status img {
		width: 80px;
		height: 82px;
		margin-top: 37.5px;
	}
	
	section.home {
		margin-top: 5%;
	}
	section.videos .video .right {
		float: right;
	}
	section.videos .video .left {
		float: left;
	}
	section.videos .video .wrapper {
		margin: 0 0 30px 0;
	}
	section.content .banner {
		min-height: 800px;
	}
	section.content .banner img {
		bottom: 100px;
		right: 0;
		width: 70%;
	}
	section.content .heading {
		text-align: left;
	}
	section.content .studio img {
		margin: 0 20px 10px 0;
		max-width: none;
	}
	section.phos .stats {
		background-attachment: fixed;
	}
}

@media(min-width:1500px){ /* HD Desktop Styles */
	.social {
		float: left;
	}
	.visible-xl {
		display: inline;
	}
	section.content .quote {
		font-size: 36px;
		padding: 60px 0;
	}
	section.content .quote span {
		font-size: 32px;
	}
	.container-70 {
		width: 70%;
	}
	.next,
	.next:active,
	.next:focus,
	.next:visited {
		bottom: 60px;
	}
	section.content .banner img {
		bottom: 100px;
		right: 0;
		width: 50%;
	}
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4,
	.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8,
	.col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		float: left;
	}
	.col-xl-1 {width: 8.33333333%;}
	.col-xl-2 {width: 16.66666667%;}
	.col-xl-3 {width: 25%;}
	.col-xl-4 {width: 33.33333333%;}
	.col-xl-5 {width: 41.66666667%;}
	.col-xl-6 {width: 50%;}
	.col-xl-7 {width: 58.33333333%;}
	.col-xl-8 {width: 66.66666667%;}
	.col-xl-9 {width: 75%;}
	.col-xl-10 {width: 83.33333333%;}
	.col-xl-11 {width: 91.66666667%;}
	.col-xl-12 {width: 100%;}
	.col-xl-offset-2 {margin-left: 16.66666667%;}
}

@media(min-width:1921px){ /* UltraHD Desktop Styles */
	
}