/********************************************
	BlackUhuruOfficial.com
	Built by WebSight Design Inc.
*********************************************/

/***** WEBFONTS *****/
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');

@font-face { font-family: 'AvenirLTStd-Heavy';
			 src: url('fonts/28993D_0_0.eot');
			 src: url('fonts/28993D_0_0.eot?#iefix') format('embedded-opentype'),
				  url('fonts/28993D_0_0.woff') format('woff'),
				  url('fonts/28993D_0_0.ttf') format('truetype'),
				  url('fonts/28993D_0_0.svg#wf') format('svg');
}
 
@font-face{ font-family:'AvenirLT35';
			src:url('fonts/99db2616-e717-4838-a896-6dc86e37b49e.eot?#iefix');
			src:url('fonts/99db2616-e717-4838-a896-6dc86e37b49e.eot?#iefix') format('eot'),
				url('fonts/874c8a3d-82cd-4b46-839b-521b49950be0.woff') format('woff'),
				url('fonts/651041f0-000d-42ca-b667-939a4e0f5085.ttf') format('truetype'),
				url('fonts/bb5e727f-dfd2-4e7c-8630-4dd73720a377.svg#bb5e727f-dfd2-4e7c-8630-4dd73720a377') format('svg');
}

@font-face { font-family: 'AvenirLTStd-Roman';
			 src: url('fonts/28992D_0_0.eot');
			 src: url('fonts/28992D_0_0.eot?#iefix') format('embedded-opentype'),
				  url('fonts/28992D_0_0.woff') format('woff'),
				  url('fonts/28992D_0_0.ttf') format('truetype'),
				  url('fonts/28992D_0_0.svg#wf') format('svg');
}

/******** BROWSER CSS RESET *************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*** Include Padding/Borders in width for all elements ***/
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Responsive images & embedded objects (remove for image cropping) */
img, object, embed { max-width: 100%; }

/****** GLOBAL ELEMENT CSS ******/
html * { max-height: 999999px; } /* Android mobile font sizing fix */

body { 
	line-height: normal;
	font-size: 18px;
	font-family:'AvenirLT35', Arial, Helvetica, sans-serif; 
	background: #fff; 
	-webkit-text-size-adjust: none;
}

body, select, input, textarea { color: #000; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { 
	margin: 0px 0px 20px;
	font-family:'AvenirLT35', Arial, Helvetica, sans-serif; 
	font-weight:normal;
}
h1 { font-size:28px; text-transform:uppercase; }
h2 { font-size:24px; text-transform:uppercase; }
h3 { font-size:22px; }
h4, h5, h6 { font-size:20px; text-transform:uppercase; }

p.kaushan { color:#f7a81b; font-size:28px; text-transform:lowercase; font-family:'Kaushan Script', cursive; }

a, a:visited { color:#f7a81b; text-decoration: none; }
a:hover, a:active { color:#f7a81b; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: initial; } 

a.red { color:#ed1c24; }

a.banner-btn {
	font-size:22px; color:#fff; text-transform:uppercase; text-decoration:none;
	display:inline-block;
	padding:12px 30px;
	border:1px #fff solid;
    transition:0.2s linear all;
}
a.banner-btn:hover { color:#000; border:1px #000 solid; background:#fff; }

a.tix-btn {
	font-size:16px; color:#f7a81b; text-transform:uppercase; text-decoration:none; text-align:center;
	display:inline-block;
	padding:5px; width:107px;
	border:1px #f7a81b solid;
	background:#000;
}

a.details-btn {
	font-size:16px; color:#f7a81b; text-transform:uppercase; text-decoration:none; text-align:center;
	display:inline-block;
	padding:5px 15px; width:auto;
	border:1px #f7a81b solid;
	background:#000;
}

a.btn {
	font-size:22px; color:#000; text-transform:uppercase; text-decoration:none;
	display:inline-block;
	padding:12px 30px;
	border:1px #000 solid;
    transition:0.2s linear all;
}

a.btn:hover { background:#000; color:#fff; border:1px #fff solid; }



p { margin: 0px 0px 20px; }
img { border: none; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

.nosho { display: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right }

.dsk { display:none; }
.dsk2 { display:none; }
.mob { display:block; }

/*** Basic List Styling ***/
ul { 
	margin: 0px 0px 20px; 
	padding: 0; 
	list-style-type: disc; 
	list-style-position: inside;
}
ul li { margin-bottom: 5px; } 
ul li ul li { margin-top: 5px; }
ul li ol li { margin-top: 5px; } 

ol { 
	margin: 0px 0px 20px; 
	padding: 0px 0px 0px 20px; 
	list-style-type: decimal;
	list-style-position: inside;
}
ol li { margin-bottom: 5px; } 
ol li ol li { margin-top: 5px; }
ol li ul li { margin-top: 5px; }


/*** Blockquote ***/
/*genric styles for blockquote in content*/
blockquote {
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #333;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/*** CKEditor Image Alignment Classes ***/
.align-left, .align-right { margin:0 0 20px 0; display:block; }
.align-center { text-align: center; }
.align-center > figure { display: inline-block; }

figcaption { font-size:15px; }


/****** FRONTEND LAYOUT ******/
#page {
	margin: 0px auto;
	width: 100%;
	min-width:350px;
	position: relative;
}

div.container { width:100%; max-width:1400px; padding-right:0px; margin:0 auto; }

/*** Header ***/
#header {
	margin: 0px auto;
	position: relative;	
	width:100%;
	border-top:1px #fff solid;
}

#header #social {
	width:210px; height:35px; position:absolute; top:10px; left:20px; display:block; z-index:20;
}

#header #social a { float:left; margin:0; display:block; text-indent:-100px; overflow:hidden; color:#000; }


a.fb { width:28px; height:35px; background:url('../images/social-sprite2.png') no-repeat; }
a.yt { width:37px; height:35px; background:url('../images/social-sprite2.png') no-repeat -28px 0; }
a.it { width:34px; height:35px; background:url('../images/social-sprite2.png') no-repeat -65px 0; }
a.sp { width:36px; height:35px; background:url('../images/social-sprite2.png') no-repeat -99px 0; }
a.ig { width:33px; height:35px; background:url('../images/social-sprite2.png') no-repeat -135px 0; }
a.tt { width:38px; height:35px; background:url('../images/social-sprite2.png') no-repeat -169px 0; }


div.hdr-cart { 
	text-align:right;
	text-transform:uppercase; font-size:14px;
	position:absolute; top:20px; right:20px; width:50%; height:auto; z-index:10;
}

div.hdr-cart a { color:#000; text-decoration:none; }
div.hdr-cart a:active, div.hdr-cart a:hover { color:#ed1c24; text-decoration:none; }

#mobile-logo { width:100%; margin:50px 0 10px 0; height:auto; background:url('../images/navbg.jpg') no-repeat center center; background-size:125% auto; text-align:center; border-top:1px #fff solid; padding-left:65px; }
#mobile-logo img { width:100px; display:block; margin:0 auto; }

#home-circle { display:none; }

/* Menu with Icon */
#menuBtn { 
	display: block; width:45px; height:45px;
	float: right;
	margin:10px 20px 0 0;
	background:url("../images/menu-btn.png") no-repeat center center #000; background-size:30px 30px;
	border-radius:50%;
	text-indent: -9999px; font-size:1px; color:#fff;
}
#menuBtn.open { background:url('../images/close-x.png') no-repeat center center #000; }

/*** Main Menu ***/

#mainmenu { 
	display: none;
	position: absolute; top:125px; left:0;
	z-index: 9999;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background:#000;
}
#mainmenu ul {
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
}
#mainmenu ul li {
	margin: 0px; 
	float: none; 
	border-left: none;
	border-top: 1px solid #333;
}

li.gallery { width:100%; }

#mainmenu ul li:first-child { border-top: none; }
#mainmenu ul li a {
	display: block;
	padding: 15px 20px;
	color:#f7a81b; font-size:40px; text-decoration: none; text-transform:lowercase;
	font-family:'Kaushan Script', cursive;
}
#mainmenu ul li a:hover, #mainmenu ul li a:active { color:#f7a81b; }
#mainmenu ul li > ul { display: none; }
#mainmenu ul li:hover > ul { display: none; }



/*** Content Area ***/
#content {
	clear: both;
	margin: 0px; padding:0;
	min-height: 520px;
}
.featuredImg {
	display: block;
	margin: -20px -20px 20px;
	height: auto;
	max-height: 300px;
	overflow: hidden;
}
.featuredImg img { 
	display: block;
	width: 100%; 
}

#sidebar {
	float: none; 
	width: auto; 
	margin: 30px 0px 0px;
	padding: 30px 0px 0px; 
	border-right: none;
	border-top: 1px solid #333;
}

#main {
	float: none; 
	width: auto;
	margin: 0px;
	padding: 0px; 
}

/*** Footer ***/
#footer {
	/*color: #f7a81b;*/ color:#000; font-size: 16px; text-transform:uppercase; 
	text-align: left;
	width:100%; max-width:1400px; padding:10px 20px 0 103px; margin:10px auto;
	background:url('../images/lion.png') no-repeat 20px 0;
	min-height:67px;
}

#footer a { color:#000; }

a.wsd { display:block; margin:5px 0 0 0; font-size:12px; }

#footmenu { display:none; }

#ftr-social { width:210px; height:35px; float:right; display:block; }
#ftr-social a { float:left; margin:0; display:block; text-indent:-100px; overflow:hidden; color:#000; }
	

/****** HOMEPAGE ******/
.tiles {
	width:100%;
	display:block;
	text-align:center;
	background:#000;
}

.tiles-top {
	width:100%; height:104px;
	display:block;
	background:url('../images/tiles-top.jpg') repeat-x; background-position:50% 0;
}

.tiles-bot {
	width:100%; height:96px;
	display:block;
	background:url('../images/tiles-bot.jpg') repeat-x; background-position:50% 0;
}

.tiles h2 { margin-bottom:0; }

ul.tiles-ul { margin:0; padding:0; list-style-type:none; }

ul.tiles-ul li { 
	width:48%; max-width:329px;
	margin:0 0.5% 20px 0.5%;
	display:inline-block;
	vertical-align:top;
}

/** IMAGE **/
div.tile-img-holder { position:relative; display:block; margin-bottom:15px; }

ul.tiles-ul img { 
	width:100%; display:block; 
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	opacity:0.4;
}

ul.tiles-ul img:hover, ul.tiles-ul img:active { 
	-webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
	opacity:1;
}

/** OVERLAYS/BACKGROUNDS **/
ul.tiles-ul li:first-child div.tile-img-holder { background:#bf080f; }
ul.tiles-ul li:nth-child(2) div.tile-img-holder { background:#04622b; }
ul.tiles-ul li:nth-child(3) div.tile-img-holder { background:#d18908; }
ul.tiles-ul li:nth-child(4) div.tile-img-holder { background:#fff; }

ul.tiles-ul li:first-child a { color:#ef0404; }
ul.tiles-ul li:nth-child(2) a { color:#018f01; }
ul.tiles-ul li:nth-child(3) a { color:#f7a808; }
ul.tiles-ul li:nth-child(4) a { color:#fff; }

#homepage-feature { background:#000; padding:30px 0; margin-bottom:40px; }
#homepage-feature img { border:1px #999 solid; margin:0; float:none; width:100%; max-width:600px; }
#homepage-feature p.kaushan { padding-top:15px; }
#homepage-feature h1 { color:#fff; }
#homepage-feature h2 { color:#fff; margin-bottom:30px; }


#hp-discography { background:#000; margin-top:-50px; }
div#disco-top { width:100%; height:104px; background:url('../images/discography-top.jpg') repeat-x; background-position:50% 0; display:block; }
div#disco-bot { width:100%; height:92px; background:url('../images/discography-bot.jpg') repeat-x; background-position:50% 0; display:block; }
#hp-discography ul { margin:0; padding:0; list-style-type:none; }
#hp-discography ul li { width:33.33%; float:left; overflow:hidden; }
#hp-discography ul li img { display:block; width:100%; }



/**** Slick Slideshow Overrides ***/

.slideshow { background:#000; }
.banner-container { display:block; width:100%; }
.bc-row { display:block; width:100%; }
.bc-image { width:100%; display:block; }
.bc-overlay { width:100%; display:block; background:#000; text-align:center; padding:20px; color:#fff; }
p.alt { color:#f7a81b; font-size:28px; text-transform:lowercase; font-family:'Kaushan Script', cursive; }
p.title { color:#fff; font-size:24px; line-height:140%; text-transform:uppercase; }

.slideshow .slick-prev,
.slideshow .slick-next { 
	position: absolute;
	top: 50%;
	z-index: 9999;
	width: 30px;
	height: 100%;
	text-indent: -9999px;
}

.slideshow .slick-prev, .slideshow .slick-prev:active, .slideshow .slick-prev:hover { left:20px !important; background: url('../images/left-slider-arrow.png') no-repeat 0 95%; }
.slideshow .slick-next, .slideshow .slick-next:active, .slideshow .slick-next:hover { right:20px !important; background: url('../images/right-slider-arrow.png') no-repeat 0 95%; }

#photos-for .slick-slide img {
    margin: 0 auto;
    max-height: 400px;
}

#thumbs-nav .slick-prev:before, #thumbs-nav .slick-next:before { 
	color: #000;
}

#thumbs-nav .slick-prev::before{
	content: "\2190";
}

#thumbs-nav .slick-next::before {
	content: "\2192";
}

#thumbs-nav.slick-slider {
    max-height: 150px;
    overflow: hidden;
}

#thumbs-nav .slick-list {
    margin: 0 30px;
}

#thumbs-nav .slick-next {
    right: 5px !important;
}

#thumbs-nav .slick-prev {
    left: 5px !important;
}

#thumbs-nav img {
    height: 150px;
    padding: 15px 5px;
    min-width: initial !important;
    max-width: initial!important;
}
.slick-dots {
    bottom: 25px !important;
   
}
.slick-dots li.slick-active button::before {
	color: #dcdcdc;
	opacity: 1;
}

.slick-dots li button::before {
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "•";
    font-family: "slick";
    font-size: 12px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}


/* Homepage Banner / Slideshow */
.slideshow { 
	margin:0; 
	width: auto;
	position: relative; 
	min-height: 100px;
}
.slideshow .slide { /*display: none;*/ }
.slideshow .slide img { 
	display: block;
	width: 100%; 
}
/* Remove if no slideshow pager */
.slideshow .slidePager {
	margin: 0px;
	width: 100%;
	position: absolute;
	bottom: 5px;
	left: 0px;
	z-index: 499;
	text-align: center
}
.slideshow .slidePager span {
	margin: 0px 1px;
	font-size: 36px;
	color: #fff;
	cursor: pointer;
}
.slideshow .slidePager span.cycle-pager-active { color: #ccc; }
/* Remove if no slideshow arrows */
.slideshow .slidePrev,
.slideshow .slideNext { 
	position: absolute;
	top: 0px;
	z-index: 498;
	width: 60px;
	height: 100%;
	text-indent: -9999px;
}
.slideshow .slidePrev { left: 0px; background: url('../images/slideArrows.png') no-repeat 0px center; }
.slideshow .slidePrev:hover, 
.slideshow .slidePrev:active { background: url('../images/slideArrows.png') no-repeat -120px center; }
.slideshow .slideNext { right: 0px; background: url('../images/slideArrows.png') no-repeat -60px center; }
.slideshow .slideNext:hover, 
.slideshow .slideNext:active { background: url('../images/slideArrows.png') no-repeat -180px center; }



img.contact-img { float:none; width:100%; max-width:450px; margin:0 0 20px 0; }


/****** FORMS STYLING ******/
div.form {
	margin: 0px auto;
	max-width: 600px;
}
div.form label { 
	display: block; 
	font-weight: normal;
}
div.form input,
div.form textarea,
div.form select {
	box-sizing: border-box;
	margin: 5px 0px;
	font-size:18px;
	font-family:'AvenirLT35';	
}

div.form input[type=text], 
div.form input[type=number], 
div.form input[type=password] { 
	padding: 4px; 
	width: 100%;
	max-width: 600px;
	border: 1px solid #333;
}
div.form textarea { 
	padding: 4px; 
	width: 100%;
	max-width: 600px;
	height: 120px;
	resize: none;
	border: 1px solid #333;
}
div.form select { 
	padding: 4px; 
	width: 100%;
	max-width: 600px;
	border: 1px solid #333;
}
div.form .note { 
	font-style: italic;
}
div.form span.required { color:#ed1c24; }
div.form .row { margin: 0px 0px 10px; }
div.form .row.checkbox,
div.form .row.radio {  }
div.form .row.checkbox label,
div.form .row.radio label { 
	float: none;
	padding: 0px;
	display: inline-block;
	width: auto;
}
div.form .row.buttons { text-align: center; }
div.form input[type=submit], input[type=submit].btn-submit {
	padding:7px 23px;
	font-family:'AvenirLT35'; font-size:20px; color:#f7a81b; text-transform:uppercase; text-decoration:none; text-align:center;
	border:1px #f7a81b solid;
	background: #000;
	box-shadow: none;
	cursor:pointer;
	margin:0 0 0 10px;
}


/*** Form Errors ***/
div.form div.error label,
div.form label.error,
div.form span.error {
	color: #ed1c24;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background:#efefef;
	border-color:#ed1c24;
}

div.form .errorMessage { color:#f7a81b; }

input.quick-form-text { 
	text-align:center;  font-family:'AvenirLT35'; font-size:18px;
	width:85px;  height:28px; 
	margin-right:5px; padding:0 !important; vertical-align:top; 
	border:1px #fff solid; border-collapse:collapse;
}
select.quick-form-select { 
	text-align:center; font-family:'AvenirLT35'; font-size:18px;
	width:85px; height:30px;
	margin-right:5px;  padding:0 !important; vertical-align:top; 
	border:1px #fff solid; border-collapse:collapse;
}
.quick-form .row { margin-bottom:10px; }


/********************** MODULE-SPECIFIC STYLES ***********************/
/* Feel free to remove all styles for modules that aren't being used.*/

/*** Photo Thumbnails Slider/Carousel ***/
.thumbsPrev, 
.thumbsNext {
	position: absolute;
	top: 0px;
	width: 30px;
	height: 100px;
	font-size: 42px;
	line-height: 94px;
	text-align: center;
	color: #333;
	text-decoration: none;
	background-color: #ddd;
}
.thumbsPrev:hover, .thumbsPrev:active,
.thumbsNext:hover, .thumbsNext:active { 
	color: #fff; 
	background-color: #666; 
	text-decoration: none;
}
.thumbsPrev { left: 0px; }
.thumbsNext { right: 0px; }
.thumbsCarousel { 
	margin: 0px;
	position: relative;
    overflow: hidden;
}
.thumbsCarousel ul { 
	width: 20000em;
    position: relative;
	list-style-type: none; 
	padding: 0px; 
	margin: 0px; 
}
.thumbsCarousel ul li { 
	float: left; 
	margin: 0px 10px 0px 0px; 
}
.thumbsCarousel ul li img { 
	display: block; 
	width: auto; 
	height: 100px; 
	cursor: pointer;
}
.thumbsCarousel ul li img.activeImg { opacity: 0.6; cursor: default; }



/****** TOUR ******/
#tour-list { width:100%; float:none; overflow:hidden; }
#tour-posters { width:100%; float:none; margin-top:30px; }

div.appearance { color:#fff; padding:10px 0 7px 0; }
div.appearance:hover, div.appearance:active { background:#333; }
div.when { width:30%; float:left; text-align:left; padding:0 10px 0 0; }
div.where { width:70%; float:left; }
div.buy { width:auto; float:none; padding:7px 0 0 0; display:block; clear:both; margin:0 0 0 30%; }




/****** NEWS MODULE ******/
/*** News Listing Pages ***/
.newsListings {  
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.newsListings li { margin: 0px 0px 40px; }
.newsListings li img { 
	float: left;
	margin: 0px 20px 10px 0px;
	width: 120px;
}
.newsListings li h2 { 
	margin: 0px 0px 2px;
	font-size: 22px;
}
.newsListings li .date {
	margin: 0px 0px 10px;
	font-style: italic;
}

/*** News Detail Pages ***/
.newsModule.detail h1 { margin: 0px 0px 10px; }
/*.newsModule.detail img { 
	float: right;
	max-width: 50%;
	margin: 0px 0px 20px 20px; 
}*/
.newsModule.detail .tags { 
	padding: 15px 0px 0px;
	font-size: 0.9em;
	border-top: 1px solid #ddd;
}
.newsModule.detail .tags a::after {
	content: ','
}

.newsModule ul.newsCategories {
	list-style-type: none;
}

.postNav { margin:15px 0; padding-top:15px; border-top:1px #333 solid; }



/****** CMS MODULE (IMAGE GALLERIES/VIDEOS/SUBPAGES/FAQ) ******/
/*** Image Gallery Listing ***/
.gallery { 
	margin: 0px 2.5% 30px; 
	padding: 0px;
	float: left;
	width: 45%;
	height: auto;
	text-align: center;
	overflow: hidden;
}
.gallery .frame { 
	display: block;
	margin: 0px 0px 10px; 
	width: 100%; 
	height: 0; 
	padding: 100% 0px 0px;
	position: relative;
	overflow: hidden;
}
.gallery .frame a { 
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px -25%;
	width: 150%;
	height: 100%;
	overflow: hidden;
}
.gallery img { 
	display: block;
	margin: 0px auto; 
	max-width: none; 
	height: 100%; 
}
.gallery h3 { margin: 0px 0px 5px; }
.gallery h3 a { text-decoration: none; }
.gallery p { margin: 0px 0px 10px; }

/*** Image Gallery Page ***/
.photos { margin: 0px -6px; }
.photos .thumb { 
	margin: 0px 6px 20px; 
	padding: 0px;
	float: left;
	width: 180px;
	height: 210px; 
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}
.photos .thumb .frame { 
	display: block;
	width: 180px; 
	height: 180px; 
	margin: 0px 0px 8px; 
	overflow: hidden;
	background: #666;
}
.photos .thumb .frame a { 
	display: block;
	margin: 0px -100px;
	width: 380px;
	height: 180px;
	overflow: hidden;
	background: #ccc;
}
.photos .thumb .frame img { 
	display: block;
	max-width: none; 
	height: 180px; 
	margin: 0px auto; 
}

/*** Videos Listing Page ***/
.videoLink { 
	margin: 0px 2.5% 30px; 
	padding: 0px;
	float: left;
	width: 45%;
	height: auto;
	text-align: center;
	overflow: hidden;
}
.videoLink .frame { 
	display: block;
	margin: 0px 0px 10px; 
	width: 100%; 
	height: 0; 
	padding: 56.25% 0px 0px; /* maintain 16:9 video aspect ratio */
	position: relative;
	overflow: hidden;
	background: #666;
}
.videoLink a.frame img { 
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}
.videoLink h3 { margin: 0px 0px 5px; }
.videoLink h3 a { text-decoration: none; }
.videoLink p { margin: 0px 0px 10px; }

/*** Videos Detail Page ***/
.mediaVideoDetail .video {
	display: block;
	margin: 0px 0px 20px; 
	width: 100%; 
	height: 0; 
	padding: 56.25% 0px 0px; /* maintain 16:9 video aspect ratio */
	position: relative;
	overflow: hidden;
	background: #666;
}
.mediaVideoDetail .video iframe,
.mediaVideoDetail .video embed {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border: none;
}

/*** Subpage Listings ***/
.subpages { margin: 0px; padding: 0px; list-style-type: none; text-align:center; }
.subpages li {
	display:inline-block; width:47%; max-width:300px; margin:0 1% 20px 0; vertical-align:top;
}
.subpages li img { 
	display: block;
	margin: 0px 0px 10px;
	width: 100%; 
	height: auto; 
}


/*** Subpage Detail ***/
.subpageDetail .subImg { 
	display: block;
	width: 100%; 
	margin: 0px 0px 20px; 
}

/****** STORE MODULE ******/
/*** Products ***/
.product { 
	width:100%; margin:0 0 30px 0;
	display:inline-block; text-align:center;
	vertical-align: top;
	color#fff;
}

.product .pimg-holder {
	width:100%; height:auto;
	display:block; margin:0 0 20px 0;
	cursor:pointer;
}

.product .pimg-holder img { width:100%; }

.product h4 { margin-bottom:10px; }


/***** CD *****/
div.cd-store-promo { width:100%; max-width:950px; margin:30px auto; border-top:1px #666 solid; border-bottom:1px #666 solid; padding:20px; }
img.cd-img { width:100%; margin:0 0 20px 0; display:block; border:2px #fff solid; } /* float:left; margin:0 20px 0 0; border:2px #fff solid; max-width:425px; */




/*** Products Detail Page ***/
.productDetail #photos { 
	margin: 0px 0px 30px;
}
.productDetail #photos #ftrImg { 
	width: 100%;
	overflow: hidden; 
	height: 400px;
}
.productDetail #photos #ftrImg img { 
	display: block; 
	margin: 0px auto; 
	max-width: none;
	height: 400px;
}
.productDetail #photos #thumbs { 
	margin: 20px 0px 0px;
	padding: 0px 40px;
	position: relative;
}
.productDetail #details { margin: 0px 0px 30px; }
.productDetail #description { 
	padding: 30px 0px 0px; 
	border-top: #ddd 1px solid; 
}
.productDetail #upsells { 
	margin: 20px 0px 0px 0px; 
	padding: 20px 0px 0px 0px;
	border-top:#ddd 1px solid;
}


/*** Shopping Cart ***/

.container-cart { padding:0 20px; }

#shopping-cart { display:table; width:100%; }

.sc-titles { display:table-row; width:100%; }
.sc-title1 { display:table-cell; width:34%; padding:0 0 10px 0; border-bottom:1px #333 solid; }
.sc-title2 { display:table-cell; width:33%; padding:0 0 10px 0; border-bottom:1px #333 solid; text-align:center; }
.sc-title3 { display:table-cell; width:33%; padding:0 0 10px 0; border-bottom:1px #333 solid; text-align:right; }

.sc-item { display:table-row; width:100%; }
.sc-item .sc-title1, .sc-item .sc-title2, .sc-item .sc-title3 { padding-top:10px; }

input.sc-btn {
	font-size:14px; color:#f7a81b; text-transform:uppercase; text-decoration:none; text-align:center; font-family:'AvenirLT35', Arial, Helvetica, sans-serif; 
	display:inline-block;
	padding:5px 15px; width:auto;
	border:1px #f7a81b solid; border-collapse:collapse;
	background:#000;
	cursor:pointer;
}

input.qty-txt {
	font-size:16px; text-align:center; font-family:'AvenirLT35', Arial, Helvetica, sans-serif; 
	width:50px;
	vertical-align:top;
	margin-right:5px;
}

input.dis-txt {
	font-size:16px; font-family:'AvenirLT35', Arial, Helvetica, sans-serif; 
	width:120px;
	vertical-align:top;
	margin:2px 5px;
}


/** Sidebar Cart Summary **/
	
h2.cartsum { text-align:center; font-size:20px; }

table#cart { width:100%; }
table#cart th { padding:4px 0; border-bottom:1px #ccc solid; font-size:18px; }
table#cart td { padding:4px 0; border-bottom:1px #ccc solid; font-size:18px; }
table#cart tfoot th { border-bottom:none; }
table#cart th.desc, table#cart td.desc { text-align:left; }
table#cart th.qty, table#cart td.qty { text-align:center; }
table#cart th.price, table#cart td.price { text-align:right; }


/*** Checkout ***/
#checkoutSteps { 
	margin:0 auto 20px auto;
	padding:0;
	list-style-type:none; 
	text-align:center;
}
#checkoutSteps li { 
	display:inline-block;
	margin: 0;
	padding: 0 10px;
	border-right:1px #999 solid;
	color:#f7a81b;
}
#checkoutSteps li:last-child { border-right:none; }
#checkoutSteps li.current { font-family: 'AvenirLTStd-Heavy'; }
#checkoutSteps li.past { color:#999 !important; }


/*** Payment Info / Review Order ***/
#billing, #shipping, #payment { float:none; width:100%; margin:0; padding:0; }
#billing h2, #shipping h2, #payment h2 { margin:0 0 10px 0; font-size:20px; }





/***************************************************
	DESKTOP LAYOUT BREAKPOINTS
****************************************************/
@media(min-width: 880px) {

	/****** GLOBAL ELEMENT CSS ******/
	body { font-size: 18px; }
	.align-left {
		margin: 0px 15px 15px 0px;
	    float: left;
	}
	.align-right {
		margin: 0px 0px 15px 15px;
	    float: right;
	}
	
	.dsk { display:block; }
	.dsk2 { display:inline; }
	.mob { display:none; }
	
	h1 { font-size:35px; }
	h2 { font-size:28px; }
	p.kaushan { font-size:35px; }

	/****** FRONTEND LAYOUT ******/
	
	#header { background:url('../images/navbg.jpg') no-repeat center 20px; height:220px; padding:0; border-top:1px #fff solid; }
	
	div.hdr-cart { 
		text-align:center;
		text-transform:uppercase; font-size:14px;
		position:absolute; top:20px; left:0; width:100%; height:auto; z-index:10;
	}
	
	#menuBtn { display: none; }
	
	
	/*** Main Menu ***/
	#mainmenu { 
		display: block;
		position:relative; top:unset; left:unset;
		width:984px; margin:45px auto 0 auto;
		text-align: center;
		background:transparent;
		z-index:1;
	}
	#mainmenu ul { width:950px; margin:0 0 0 34px; }
	#mainmenu ul li {
		position: relative;
		border: none;
		float:left;
		text-align: center;
		margin:0;
	}
	li.about { width:127px !important; }
	li.news { width:108px; }
	li.tour { width:102px; }
	li.store { width:104px; }
	li.gallery { width:133px; }
	li.contact { width:140px; }
	
	#mainmenu ul li a {
		margin-top:35px;
		font-family: 'Kaushan Script', cursive; font-size:30px !important; color:#fff; text-transform:lowercase;
		padding: 10px 15px;
	}

	#mainmenu ul li > ul {
		display:none;
		position: absolute; left:11px; top:90px;
		margin: 0px;
		padding: 0px !important;
		width:auto;
		z-index: 999;
		background:#000;		
	}
	#mainmenu ul li:hover > ul { display:block; }
	
	#mainmenu ul li > ul li {
		margin: 0px; 
		float: none; 
		position: relative;
		border-left: none;
		border-top: 1px solid #333;
		padding:0 !important;
		text-align:left;
	}
	
	#mainmenu ul li:first-child { border-top: none; }
	#mainmenu ul li > ul li a {
		display: block;
		padding:8px 20px !important; margin:0;
		color: #fff;
		font-size:18px !important;
		text-decoration: none;
		/*background-color: transparent;*/
	}
	
	
	.featuredImg { margin: -30px -30px 30px; }
	
	#sidebar {
		float: right; 
		width: 20%; 
		margin: 0px;
		padding: 0px 0px 0px 30px; 
		border-left: 1px solid #333;
		border-top: none;
	}
	
	.w25 { width:25% !important; border-left: 1px solid #ccc !important; padding-bottom:50px !important; }
	
	#main {
		float: left; 
		width: 75%;
		margin: 0px;
		padding: 0px 30px 0px 0px; 
	}
	
	#footer { 
		font-size: 14px;
	}
    
	#ftr-social { width:210px; height:35px; float:right; display:block; }
	#ftr-social a { float:left; margin:0; display:block; text-indent:-100px; overflow:hidden; }
	
	a.wsd { display:block; margin:5px 0 0 0; }
	
	#footmenu { 
		display: block;  
		margin:0;
	}
	#footmenu ul { 
		margin: 0px; 
		padding: 0px;
		list-style-type: none;
	}
	#footmenu ul li { display: inline; }
	#footmenu ul li::before { content: "  |  "; }
	#footmenu ul li:first-child::before { content: ""; }
	#footmenu ul li a { /*color:#f7a81b;*/ color:#000; margin: 0px 3px; }
	#footmenu ul li > ul { display: none; }


	/****** HOMEPAGE ******/
	ul.tiles-ul li { 
		width:23%;
		margin:0 0.5%;
	}
	
	#homepage-feature img { border:1px #999 solid; margin-right:30px; float:left; }
	#homepage-feature p.kaushan { padding-top:30px; }
	
	#hp-discography ul li { width:16.66%; float:left; overflow:hidden; }

	/* Banner / Slideshow */
	.banner-container { display:table; width:100%; }
	.bc-row { display:table-row; width:100%; }
	.bc-image { width:63%; display:table-cell; vertical-align:top; }
	.bc-overlay { width:37%; display:table-cell; vertical-align:middle; background:#000; text-align:center; padding:0 30px; color:#fff; }
	p.alt { color:#f7a81b; font-size:40px; text-transform:lowercase; font-family:'Kaushan Script', cursive; }
	p.title { color:#fff; font-size:35px; line-height:140%; text-transform:uppercase; }
	
	
	img.contact-img { float:right; width:50%; max-width:450px; }
	
	
	/****** FORMS ******/
	div.form { max-width: none; }
	div.form label { 
		float: left;
		padding: 5px 0px 0px;
		width: 150px;
	}
	div.form input[type=text], 
	div.form input[type=number], 
	div.form input[type=password] { 
		width: 400px;
	}
	div.form textarea { 
		width: 400px;
		height: 120px;
	}
	div.form select { 	
		width: 400px;
	}
	div.form .row.checkbox,
	div.form .row.radio { margin-left: 150px; }
	div.form .row.recaptcha { margin-left: 150px;  }
	div.form .row.buttons { text-align: left; }
	div.form input[type=submit] {
		margin-left: 150px;
		padding: 5px 30px;
		font-size: 20px;
	}	
	div.form .errorMessage { margin-left:150px; }
	
	/****** STORE MODULE ******/
	/*** Products ***/
	.product { 
		width:22.5%; margin:0 1% 30px 1%;
		display:inline-block; text-align:center;
		vertical-align: top;
		color#fff;
	}

	.product .pimg-holder {
		width:100%; height:280px;
		display:block; margin:0 0 20px 0;
		cursor:pointer;
	}
	
	/***** CD *****/
	img.cd-img { float:left; margin:0 20px 0 0; border:2px #fff solid; max-width:425px; }


	
	/*** Products Detail Page ***/
	#photos { 
		float: left; 
		width:520px;
	}
	#photos #ftrImg { height: 320px; }
	#photos #ftrImg img { height: 320px; }
	
	#photos .mainimg { width:100%; }
	.indi { margin-left:550px; }
	
	#photos #thumbs { 
		float: left; 
		width: 40%; 
	}
	#details { margin: 0px 0px 30px; }
	#description { 
		margin: 20px 0px 0px 0px; 
		padding: 20px 0px 0px 0px; 
		border-top: #ddd 1px solid; 
	}
	#upsells {  
		margin: 20px 0px 0px 0px; 
		padding: 20px 0px 0px 0px; 
		border-top: #ddd 1px solid; 
	}
	
	/*** Shopping Cart ***/
	.container-cart { padding:0; }
	
	#shopping-cart { display:table; width:100%; }
	
	.sc-titles { display:table-row; width:100%; }
	.sc-title1 { display:table-cell; width:50%; padding:0 0 10px 0; border-bottom:1px #333 solid; }
	.sc-title2 { display:table-cell; width:25%; padding:0 0 10px 0; border-bottom:1px #333 solid; text-align:center; }
	.sc-title3 { display:table-cell; width:25%; padding:0 0 10px 0; border-bottom:1px #333 solid; text-align:right; }
	
	.sc-item { display:table-row; width:100%; }
	.sc-item .sc-title1, .sc-item .sc-title2, .sc-item .sc-title3 { padding-top:10px; }	
	
	
	/** Sidebar Cart Summary **/
	table#cart th { font-size:16px; }
	table#cart td { font-size:16px; }
	
	/*** Payment Info / Review Order ***/
	#billing, #shipping, #payment { float: left; width: 50%; }


	
	/****** CMS MODULE (IMAGE GALLERIES/VIDEOS/SUBPAGES/FAQ) ******/
	/*** Image Gallery Listing ***/
	.gallery { 
		margin: 0px 2.5% 30px; 
		width: 28.33%;
	}
	/*** Image Gallery Page ***/
	.photos {   }
	/*** Video Listing ***/
	.videoLink {  
		margin: 0px 2.5% 30px; 
		width: 28.33%;
	}
	
	/****** TOUR ******/
	#tour-list { overflow:hidden; }
	#tour-posters { width:29%; float:right; margin-top:0; }
	
	div.when { width:20%; float:left; text-align:right; padding:0; }
	div.where { width:60%; float:left; padding-left:35px; }
	div.buy { width:20%; float:left; padding:0; clear:none; margin:0; }

	
	
	
	/*** Subpage Listings ***/
	.subpages {  }
	.subpages li {
		display:inline-block; width:22%; max-width:300px; margin:0 1% 20px 0; vertical-align:top;
	}
	
	/*** Subpage Detail ***/
	.subpageDetail .subImg { 
		float: right;
		width: auto; 
		max-width: 50%; 
		margin: 0px 20px 20px 0px; 
	}
	
	/** Recaptcha Responsive **/
	.rc-anchor-normal {
	    height: 74px;
	    max-width: 250px !important;
	    width: 100% !important;
	}
	
		
}  /* @media(min-width: 880px) */



/*** Main Menu Adjustment Breakpoint ***/
@media(min-width: 1064px) {

	/** Recaptcha Responsive **/
	.rc-anchor-normal {
	    height: 74px;
	    max-width: 300px !important;
	    width: 100% !important;
	}
	#home-circle { position:absolute; top:32px; left:-50px; z-index:999; display:block; }
	
	
}  /* @media(min-width: 1064px) */