/***************************

COLOR KEY REFERENCE

***************************/
/*	List primary site colors colors
	black: #000;
	etc.
*/


/***************************
 ::Table Of Content

 1). Global Styling
 2). Global Typography
	 2.1). Font Face Generator
	 2.2). Global Headings
	 2.3).Form Elements
	 2.4).List styles
	 2.5).General Text Formatting
	 2.6).Link elements
	 2.7).Table Elements
	 2.8).Button Styles
 3). Site Wide Content
 4). Header Section Styling
 5). Footer Section Styling
 6.) Home Page  CSS
	 6.1) Main Banner Section Styling
	 6.2) Magazine-quotes Section Styling
	 6.3) Reviews Section Styling
	 6.4) About Section Styling
	 6.5) Video-gallery Section Styling
	 6.6) Artist Section Styling
 7.) Content Page CSS
 8.) Video Page CSS
 9.) Shop Page CSS

 ***************************/


/*
 1). Global Styling
 ----------------------------------------------*/


 /************************************************

FLEXIMAGE

************************************************/


/* FlexFit - Fit whole image within responsive container (ie. logos, product images) */
.flexFit {
  position: relative;
  padding: 0 0 65% 0; /* Adjust bottom for desired height */
  height: 0px;
  overflow: hidden;
}

.flexFit img,
.flexFill .img-wrap.fit img {
  position: absolute;
  max-width: 98%;
  max-height: 98%;
  height: auto;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* FlexFill - Fill responsive container with image (ie. banner image) */
.flexFill {
  position: relative;
  padding: 0 0 65% 0; /* Adjust bottom for desired height */
  height: 0px;
  overflow: hidden;
}

.flexFill .img-wrap {
  float:none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.flexFill a {
  display:block;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;

}

.flexFill img {
  max-width:none;
  display:none;
  float:none;
  position:relative;
}

.flexFill.processed img {
  display: block !important;
}


body {
	background-color: #ffffff;
	color: #666666;
	font-size: 16px;
	font-family: 'noto_sansregular', sans-serif;
	height: 100%;
	line-height: 1;
	position: relative;
	-webkit-font-size-adjust: none; /* FIX: iOS Mobile Safari Font Adjustment */
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}

/*other css*/
.overflowdiv
{
overflow: hidden;
}

.setimage{
height: auto; width: 100%; margin-top: -0.712075%; margin-left: 0%; display: block!important;
}
/*end */

/*
 2). Global Typography
 ------------------------------------*/

/*
 2.1). Font Face Generator
 ----------------------------------------------*/

@font-face {
    font-family: 'code_proregular';
    src: url('/admin/code/styles/fonts/Code_Pro-webfont.eot');
    src: url('/admin/code/styles/fonts/Code_Pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/code/styles/fonts/Code_Pro-webfont.woff2') format('woff2'),
         url('/admin/code/styles/fonts/Code_Pro-webfont.woff') format('woff'),
         url('/admin/code/styles/fonts/Code_Pro-webfont.ttf') format('truetype'),
         url('/admin/code/styles/fonts/Code_Pro-webfont.svg#code_proregular') format('svg');
}

@font-face {
    font-family: 'code_pro_boldregular';
    src: url('/admin/code/styles/fonts/Code_Pro_Bold-webfont.eot');
    src: url('/admin/code/styles/fonts/Code_Pro_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/code/styles/fonts/Code_Pro_Bold-webfont.woff2') format('woff2'),
         url('/admin/code/styles/fonts/Code_Pro_Bold-webfont.woff') format('woff'),
         url('/admin/code/styles/fonts/Code_Pro_Bold-webfont.ttf') format('truetype'),
         url('/admin/code/styles/fonts/Code_Pro_Bold-webfont.svg#code_pro_boldregular') format('svg');
}

@font-face {
    font-family: 'noto_sansbold';
    src: url('/admin/code/styles/fonts/notosans-bold-webfont.eot');
    src: url('/admin/code/styles/fonts/notosans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/code/styles/fonts/notosans-bold-webfont.woff2') format('woff2'),
         url('/admin/code/styles/fonts/notosans-bold-webfont.woff') format('woff'),
         url('/admin/code/styles/fonts/notosans-bold-webfont.ttf') format('truetype'),
         url('/admin/code/styles/fonts/notosans-bold-webfont.svg#noto_sansbold') format('svg');
}

@font-face {
    font-family: 'noto_sansitalic';
    src: url('/admin/code/styles/fonts/notosans-italic-webfont.eot');
    src: url('/admin/code/styles/fonts/notosans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/code/styles/fonts/notosans-italic-webfont.woff2') format('woff2'),
         url('/admin/code/styles/fonts/notosans-italic-webfont.woff') format('woff'),
         url('/admin/code/styles/fonts/notosans-italic-webfont.ttf') format('truetype'),
         url('/admin/code/styles/fonts/notosans-italic-webfont.svg#noto_sansitalic') format('svg');
}

@font-face {
    font-family: 'noto_sansregular';
    src: url('/admin/code/styles/fonts/notosans-regular-webfont.eot');
    src: url('/admin/code/styles/fonts/notosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/code/styles/fonts/notosans-regular-webfont.woff2') format('woff2'),
         url('/admin/code/styles/fonts/notosans-regular-webfont.woff') format('woff'),
         url('/admin/code/styles/fonts/notosans-regular-webfont.ttf') format('truetype'),
         url('/admin/code/styles/fonts/notosans-regular-webfont.svg#noto_sansregular') format('svg');
}

/*
 2.2). Global Headings
 -------------------------------------*/

/* Default Heading Setup - Styling for standard content sections should be done in typography.css */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	cursor: default;
	font-family: 'code_proregular', sans-serif;
	color: #2c3034;
	line-height: 1;
}

h1 {
	font-size:28px;
}

h2, h2 small{
	position: relative;
	font-size: 36px;
	color: #2c3034;
	text-transform: uppercase;
	line-height: 1.389;
}

h2.subheading:before{
	content: "";
	position: absolute;
	top:-24px;
	left:50%;
	margin-left: -40px;
	width: 80px;
    height: 4px;
    background-color: #0096c8;
}

h3 {
	font-size: 18px;
	color: #ffffff;
}
h4 {
	color: #2c3034;
	font-size: 32px;
	/*letter-spacing: 0.5px;*/
}

.setcontainer #ContentID h2 {
    margin-bottom: 0;
}

/*
 2.3).Form Elements
 -----------------------------------------*/

input[type="text"] {}

select {
	background: #fff;
	border: 1px solid #ccc;
	color: #666;
	width: 152px;
	padding: 1px;
}

textarea {
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
	color: #666;
	font-size: 14px;
	padding: 11px 15px;
	font-family: "noto_sansregular",sans-serif;
}

::-webkit-input-placeholder {
	opacity: 1;
}

:-moz-placeholder {/* Firefox 18- */
	opacity: 1;
}

::-moz-placeholder {/* Firefox 19+ */
	opacity: 1;
}

:-ms-input-placeholder {
	opacity: 1;
}


/*
 2.4).List styles
 ---------------------------------------------*/

ul, ol {
	margin: 0 0 9px 0;
}

li, dt {
	line-height: 1;
	color: #666;
	font-size: 16px;
	list-style: none;
}

dl {
	margin: 0 0 10px 0;
}
dd {
	margin: 0;
}

ul ul, ol ul {
	list-style-type: circle;
	margin-top: 0;
}
ol ol {
	list-style-type: lower-latin;
	margin-top: 0;
}

ul li a {
	font-size: 14px;
	color: #666;
}

/*
 2.5).General Text Formatting
 ---------------------------------------------------*/

p {
	color: #666666;
	font-size: 16px;
	line-height: 1.8;
	font-family: 'noto_sansregular', sans-serif;
}
blockquote, cite, q, var, dfn {
	font-style: italic;
}
blockquote {
	background: transparent;
	color: #666666;
}
small {
	font-size: 12px;
	line-height: 1;
}
pre, code, kbd, tt, samp, var {
	font-size: 12px;
}
pre {
	font-size: 12px;
	line-height: 1;
	margin: 0 0 1px 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code {
	color: #880000;
}
kbd, samp, var {
	color: #666666;
	font-weight: bold;
}
acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	cursor: help;
}
sub, sup {
	font-size: 10px;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -5px;
}
sub {
	bottom: -5px;
}
img {
	max-width: 100%;
	height: auto;
}

/*
 2.6).Link elements
 ----------------------------------------*/

a {
	color: #0096c7;
	text-decoration: underline;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}

/* Anchor (Link) Settings & Focus */
:focus {
	outline: none;
}
a:visited, a:active, a:hover {
	/*color: #333;*/
	text-decoration: none;
}

/*
 2.7).Table Elements
 ----------------------------*/

table {
	width: 100%;
	border-collapse: collapse;
	color: #666;
	border: 1px #ddd solid;
	margin: 0 0 10px 0;
}
caption {
	font-variant: small-caps;
}
th, td {
	line-height: 1;
	vertical-align: top;
	padding: 5px;
	font-size: 16px;
}
th *:first-child, td *:first-child {
	margin-top: 0;
}
/*
th {
	text-align: left;
	color: #333;
	background: #f5f5f5;
	border-bottom: 1px #ddd solid;
}

td {
	text-align: left;
	border-top: 1px solid #088578;
}
*/


/*
 2.8).Button Styles
 ------------------------------------------------*/

.center-btn{
	text-align: center;
}
.btn {
	background-color: #0096c7;
	color: #ffffff;
	border: solid 1px transparent;
	border-radius: 3px;
	font-size: 18px;
	font-family: 'code_proregular', sans-serif;
	text-transform: uppercase;
	padding: 16px 30px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
}
.btn:hover {
	background-color: #ffffff;
	color: #0096c7;
}
.default-btn{
	background-color: #ffffff;
	color: #0096c7;
}
.default-btn:hover{
	border-color: #ffffff;
	color: #ffffff;
	background-color: transparent;
}

.btn-video{
	background-color: #e99415;
}
.btn-video:hover{
	color: #e99415;
}


/*
 3). Site Wide Content
 -------------------------------------*/

.setcontainer {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after{
	clear: both;
}
.clearfix {
	zoom: 1;
}


/*
 4). Header Section Styling
 ----------------------------------------------*/

#header{
	background-color: #2c3034;
	border-top: solid 2px #0096c8;
	padding: 31px 0 28px;
}

.logo, #header nav, #header .btn, .member-login li{
	float: left;
}
.logo{
	width: 19%;
	margin-right: 1%;
}
#header nav{
	width: 65%;
}
#header nav ul{
	margin: 0;
}
#header nav ul:after {
	clear:both;
	dipslay:block;
	content:"";
}
#header nav li {
	float: left;
	padding: 11px 15px;
}
#header nav li a{
	color: #ffffff;
	font-family: 'code_proregular', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
}
#header nav li a:hover, #header nav li.active a{
	color: #0096c7;
}
#header nav li.buy-button {
	/*float:right;
	padding:0;*/
  vertical-align: bottom;
  display: inline-block;
  float: left;
  padding: 0px;
}
#header nav li.buy-button a{
  margin-top: 0;
}
#header .btn{
	margin-top: -4px;
	font-size: 16px;
	padding: 11px 30px;
}
.member-login{
	float: right;
	margin: 0;
}
.member-login li{
	padding: 5px 12px;
}
.member-login li:last-child{
	padding-right: 0;
}
.member-login li a{
	color: #0096c7;
	text-decoration: none;
	font-size: 24px;
}
.member-login li a:hover, .member-login li a.active{
	color: #ffffff;
}

/***********MobileMenu Section*****************/

.toggle-menu{
	display: none;
	float: right;
	position: relative;
	top: 15px;
	right: 20px;
	z-index: 90;
	cursor: pointer;
}
.toggle-menu .bar {
	display: block;
	position: absolute;
	width: 20px;
	height: 3px;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -10px;
	background-color: #fff;
	-webkit-transition: margin .15s ease-out .25s, opacity .15s ease-out .25s, -webkit-transform .15s ease-out;
	transition: margin .15s ease-out .25s, opacity .15s ease-out .25s, -webkit-transform .15s ease-out
}
.toggle-menu .bar.bar-1 {
	margin-top: -8px
}
.toggle-menu .bar.bar-3 {
	margin-top: 6px
}
.toggle-menu.open-menu .bar {
	-webkit-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
	-webkit-transition: margin .15s ease-out, opacity .15s ease-out, -webkit-transform .15s ease-out .25s;
	transition: margin .15s ease-out, opacity .15s ease-out, -webkit-transform .15s ease-out .25s
}

.toggle-menu.open-menu .bar-1 {
	margin-top: -1px;
	-webkit-transform: rotate3d(0,0,1,-45deg);
	-ms-transform: rotate3d(0,0,1,-45deg);
	transform: rotate3d(0,0,1,-45deg)
}
.toggle-menu.open-menu .bar-2 {
	opacity: 0;
	filter: alpha(opacity=0)
}
.toggle-menu.open-menu .bar-3 {
	margin-top: -1px;
	-webkit-transform: rotate3d(0,0,1,45deg);
	-ms-transform: rotate3d(0,0,1,45deg);
	transform: rotate3d(0,0,1,45deg)
}


/*
 5). Footer Section Styling
 ----------------------------------------------*/

.footer-top{
	background-color: #0096c7;
	padding: 48px 0;
}

.gizmotron-text{
	width: 66%;
	color: #ffffff;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1.5;
	float: left;
	letter-spacing: 0.5px;
}
.gizmotron-btn{
	float: right;
	margin-top: 9px;
}


.footer-bottom{
	background-color: #2c3034;
	border-bottom: solid 6px #222528;
	padding: 53px 0 32px;
}
.footer-bottom h3{
	padding-bottom: 8px;
}
.footer-bottom a {
	color:#fff;
}
.signup-form {
	float: left;
	width: 31.5%;
	margin-right: 2.8%;
}
.signup-form input[type="text"] {
	padding: 7px 12px;
	border: solid 1px #222528;
	color: #aaaaaa;
	font-size: 14px;
	font-family: 'noto_sansregular', sans-serif;
	background-color: #222528;
}
.signup-form fieldset input {
	width:100%;
}
.footer-links{
	float: left;
	width: 31.5%;
	margin-right: 2.6%;
}
.policies{
	float: left;
	width: 25%;
}
#footer h3{
	letter-spacing: 0.5px;
	padding-bottom: 8px;
}
.signup-form p{
   font-size: 15px;
   line-height: 1.2;
   color: #ffffff;
   margin-bottom: 18px;
}
.signup-form .row{
	margin-bottom: 11px;
}
.signup-form .column{
	width: 49%;
	margin-right: 2%;
	float: left;
}
.signup-form .column:last-child{
	margin-right: 0;
}
.signup-form .row .btn{
	display: block;
	padding: 15px;
}
.footer-links ul{
	margin: 0;
}
.footer-links li{
	border-bottom: dashed 1px #3e4750;
	display: block;
	 padding: 3px 0 9px;
    margin-bottom: 7px;
}
.footer-links li a{
	color: #ffffff;
	font-size: 14px;
	font-family: 'noto_sansregular', sans-serif;
	text-decoration: none;
}
.footer-logo{
	display: inline-block;
	margin-bottom: 20px;
}
.copyright{
	display: block;
	font-family: 'noto_sansregular', sans-serif;
	font-size: 13px;
	color: #ffffff;
	line-height: 1.4;
	margin-bottom: 13px;
}
.copyright a {
	text-decoration:none;
}
.copyright a:hover {
	color:#0096c7;
}
.policies ul.services{
	margin-bottom: 18px;
}
.policies ul.services li, .policies ul.social li{
	float: left;
	padding-right: 18px;
	position: relative;
}
.policies ul.services li:after{
	position: absolute;
	right: 10px;
	top:2px;
	content: "";
	width: 1px;
	height: 13px;
	background-color: #ffffff;
}
.policies ul.services li:last-child:after{
	background-color: transparent;
}

.policies ul.services li a{
	color: #ffffff;
	font-family: 'noto_sansregular', sans-serif;
	font-size: 13px;
	text-decoration: none;
}
.policies ul.social li a{
	color: #ffffff;
}
.policies ul.social li a i{
	font-size: 24px;
}
.footer-links li a:hover, .policies ul.services li a:hover, .policies ul.social li a:hover{
	color: #0096c7;
}


/*
 6). Home Page  CSS
 ------------------------------------*/

/*
 6.1). Main Banner Section Styling
 ----------------------------------------------*/

.banner-section {
	/*background: url(/admin/code/styles/images/banner.jpg) center top no-repeat;*/
	background:transparent;
	height: 660px;
	background-size: cover;
	position: relative;
	margin-bottom: 86px;
	overflow:hidden;
}
.banner-overlay {
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,.6);
	z-index:2;
	left:0;
	top:0;
}
.background-video {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}
.banner-section > .setcontainer {
	position:relative;
	z-index:3;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.background-video video {
	position:absolute;
	top:-105px;
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
	max-width:none;
	left:0;
	right:0;
	bottom:0;
}
.banner-bottom-liner{
	z-index:3;
	position: absolute;
	width: 100%;
	left:0;
	bottom: 0;
}
.liner{
	width: 25%;
	display: inline-block;
	height: 6px;
	float: left;
}
.red{
	background-color: #c52929;
}
.peach{
	background-color: #a98a6e;
}
.yellow{
	background-color: #e99415;
}
.blue{
	background-color: #0096c8;
}
.banner-inner{
	/*padding-top: 167px;*/
	margin: 0 auto;
}
.banner-inner h1{
	width: 73%;
	margin: 0 auto;
	min-height: 155px;
	font-size: 55px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #060708;
	padding-bottom: 24px;
	font-family: 'code_proregular', sans-serif;
}

.btn-wrapper{
	text-align: center;
}
.btn-seperator{
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	margin: 0 22px;
}
.btn-seperator:before, .btn-seperator:after{
	content: "";
	position: absolute;
	width: 1px;
	height: 14px;
	left: 50%;
	margin-left: -0.5px;
	top:-20px;
	background-color: #ffffff;
}
.btn-seperator:after{
	top: auto;
	bottom: -20px;
}
.banner-section .btn{
	font-weight: bold;
	width: 24%;
	padding: 16px 14px;
}

.banner-section .btn span {
	font-weight:normal;
}

sup {
	vertical-align:super;
	font-weight:normal;
	font-size:75%;
}

.banner-section .fa-play-circle{
	font-size: 19px;
}

/*
 6.2) Magazine-quotes Section Styling
 ----------------------------------------------*/

.magazine-quotes{
	margin-bottom: 92px;
}
.magazine-quotes .tab-container ul{
	text-align: center;
	margin-bottom: 0;

}
.magazine-quotes .tab-container ul li{
	display: inline-block;
	padding: 10px 40px;
	position: relative;
	width:23%;
}
@media (max-width:767px) {
	.magazine-quotes .tab-container ul li {
		width:48% !important;
		padding:2% 1% !important;
	}	
}
.magazine-quotes .tab-container ul li a{
	display: inline-block;
}

.magazine-quotes .tab-container ul li.active_tab:after{
	content: "";
	position: absolute;
	bottom: -37px;
	left:50%;
	margin-left: -16px;
	/*background-image: url(/admin/code/styles/images/tab-arrow.png);*/
	width: 32px;
	height: 17px;
	z-index: 2;
}
.magazine-quotes .tab-content{
	position: relative;
	margin-top: 36px;
}

.magazine-quotes .tab-container ul li a img{
	opacity: 0.3;
	max-height:64px;
}
.magazine-quotes .tab-container ul li.active_tab a img{
	opacity: 1;
}
.magazine-quotes .tab-section{
	border: solid 1px #cccccc;
	background-color: #f3f3f3;
	box-shadow: 0px 1px 3px 0px #ccc;
	padding: 46px 52px;
	min-height: 300px;
}

.tab-content .tab-section p{
	font-size: 24px;
	font-family: 'noto_sansitalic', sans-serif;
	text-align: center;
	margin-bottom: 28px;
	line-height: 1.9;
}
.author{
	color: #0096c8;
	font-size: 16px;
	font-family: 'noto_sansregular', sans-serif;
	display: block;
	text-align: center;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.magazine-quotes a.read-more {
	text-decoration:none;
}

.magazine-quotes .read-more-link {
	color: #666;
    display: block;
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
	cursor:pointer;
}

.magazine-quotes .read-more-link:hover {
	color:#0096c8;
}


/*
 6.3) Reviews Section Styling
 ----------------------------------------------*/

.reviews{
	margin-bottom: 80px;
}
.review-inner{
	width: 89.5%;
	margin: 0 auto 47px;
}
.review-block{
	width: 48.3%;
	margin-right: 3.4%;
	float: left;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	box-shadow: 0px 1px 3px 0px #ccc;
	border-top: solid 3px #0096c7;
	font-style: normal;
	padding: 26px 18px 20px;
}
.review-block:last-child{
	margin-right: 0;
}
.review-block cite{
	font-style: normal;
	color: #0096c7;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'noto_sansregular', sans-serif;
	display: block;
	padding-bottom: 5px;
}
.review-block p{
	font-size: 18px;
	font-family: 'noto_sansitalic', sans-serif;
	line-height: 1.7;
}
.reviews .btn-video{
	padding: 17px 34px;
}
.reviews .btn-video:hover, .video-gallery .btn-video:hover{
	border-color: #e99415;
}




/*
 6.4) About Section Styling
 ----------------------------------------------*/
.about{
	background-color: #2c3034;
	margin-bottom: 260px;
	padding-top: 112px;
	padding-bottom: 310px;
	position: relative;
}
.about:before, .about:after{
	content: "";
	position: absolute;
	left:0;
	top:0;
	width: 354px;
	height: 392px;
	background-image: url(/admin/code/styles/images/about-bg-left.png);
}
.about:after{
	right:0;
	left: auto;
	width: 396px;
	height: 290px;
	background-image: url(/admin/code/styles/images/about-bg-right.png);
}

.about-image{
	text-align: center;
	position: absolute;
	bottom: -182px;
	left: 0;
	right: 0;
	margin: auto;
}
.about-image img{
	max-width: 840px;
	width: 100%;
	height: 439px;
}

.about h2{
	padding-bottom: 20px;
	text-align:center;
}
.about h2 small{
	color: #ffffff;
	display: block;
	padding-bottom: 0;
}
.about p{
	text-align: center;
	width: 64%;
	margin: 0 auto 30px;
	color: #b5b5b5;
}


/*
 6.5) Video-gallery Section Styling
 ----------------------------------------------*/

.video-gallery{
	margin-bottom: 80px;
}
.video-gallery h2{
	padding-bottom: 39px;
	text-align:center;
}
.video-gallery-inner{
	margin-bottom: 44px;
	text-align:center;
}
.video-gallery-block{
	display:inline-block;
	width: 30%;
	margin-right: 2.3%;
	position: relative;
}
.video-gallery-block:last-child{
	margin-right: 0;
}
.video-gallery-block:hover {
	opacity:.80;
}
.video-gallery-block h3{
	color: #ffffff;
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	background-color: #0096c8;
	padding: 18px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'code_proregular', sans-serif;
	cursor: pointer;
}

.video-gallery-block img {
	width:100%;
	height:auto;
}


/*
 6.6) Artist Section Styling
 ----------------------------------------------*/
.artist{
	background: url(/admin/code/styles/images/artist-bg.jpg);
	height: 520px;
	background-size: cover;
}
.artist .setcontainer{
	padding: 108px 0;
}
.reference, .artist strong.title{
	display: inline-block;
	background-color: #0096c7;
	color: #ffffff;
	font-size: 28px;
	text-transform: uppercase;
	padding: 13px 28px;
	margin-bottom: 10px;
	font-family: 'code_proregular', sans-serif;
}
.artist strong.title{
	font-size: 48px;
}
.release{
	background-color: #ffffff;
	padding: 29px 0px 13px 25px;
	display: inline-block;
	width: 100%;
	max-width: 310px;
}
.release-row{
	display: block;
	overflow: hidden;
	margin-bottom: 12px;
}
.release-row label{
	float: left;
	width: 39%;
	font-family: 'noto_sansregular', sans-serif;
	color: #2c3034;
	font-size: 16px;
	text-transform: uppercase;
}

.release-row small{
	float: left;
	width: 61%;
	color: #666666;
	font-size: 18px;
	font-family: 'noto_sansregular', sans-serif;
	text-transform: none;
	position: relative;
	top:-2px;
}
.release-row small em{
	display: block;
	padding-bottom: 6px;
}
.release-row small em:last-child{
	padding-bottom: 0;
}


/*
 7). Content Page Styling
 ----------------------------------------------*/

.content-outer{
	padding-top: 60px;
	padding-bottom: 90px;
}
.content{
	float: left;
	width: 73%;
}
.content h2{
	text-align: left;
	color: #0096c7;
	letter-spacing: -1px;
	padding-bottom: 8px;
}
.content-inner figure{
	float: right;
	margin-left: 25px;
	margin-top: 5px;
	max-width: 476px;
	width: 100%;
}
.content-inner figure img{
	max-width: 476px;
	width: 100%;
}
/*
.content-inner p > img{
	float: right;
	margin-left: 25px;
	margin-top: 5px;
	max-width: 476px;
	width: 100%;
}
*/
.content-inner p{
	margin-bottom: 12px;
	/*width: 94%;*/
}
#latest-buzz{
	float: right;
	width: 22.5%;
}
.buzz-block{
	background: url(/admin/code/styles/images/buzz.jpg) left top no-repeat;
	max-width: 271px;
	width: 100%;
	height: 291px;
	margin-top: 10px;
	border-top: solid 3px #0096c7;
	text-align: center;
	padding-top: 25px;
	margin-bottom: 27px;
}
.buzz-block small{
	color: #2c3034;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding-bottom: 3px;
}
.buzz-block h3{
	color: #0096c7;
	font-size: 28px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.buzz-block span{
	color: #666666;
	font-size: 16px;
	width: 70%;
	margin: 0 auto;
	line-height: 1.5;
	display: block;
	text-transform: none;
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 5px;
}
.buzz-block a{
	display: inline-block;
	color: #0096c7;
	font-size: 15px;
	text-transform: none;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
	text-decoration: none;
}
.buzz-listing{

}
.buzz-listing ul{
	margin: 0;
	border-top: dashed 1px #dddddd;
}
.buzz-listing ul li{
	display: block;
	border-bottom: dashed 1px #dddddd;
	line-height: 1.4;
	padding: 14px 0 7px;
}
.buzz-listing ul li a{
	color: #666666;
	font-size: 16px;
	font-family: 'Droid Sans', sans-serif;
	text-transform: capitalize;
	text-decoration: none;
}
.buzz-listing ul li i.fa-chevron-right:before{
	color: #0096c7;
	margin-right: 3px;
}

/*
8). Video Page Styling
 ----------------------------------------------*/

#wrapper_videos #ContentID h2 {
	font-size:36px;
	padding-bottom: 8px;
	color: #0096c7;
	text-align:center;
}
#wrapper_videos #ContentID p{
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 38px;
}
.video-content #ContentID p {
   font-size: 24px;
   line-height: 1;
   margin-bottom:
}
.video-head{
	margin: 0 auto 50px;
	text-align:center;
}
.video-head ul{
	margin: 0;

}
.video-head ul li{
	display:inline-block;

	text-align: center;
	position: relative;
	background-color: #dddddd;
	margin:0 -3px;
}

.video-head ul li:first-child{
	border-radius: 4px 0 0 4px;
}

.video-head ul li:last-child{
	border-radius: 0 4px 4px 0;
}

.video-head ul li a{
	display:inline-block;
	padding: 12px 25px;
	color: #0096c7;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}
.video-head ul li.active {
	background-color: #0096c7;
	border-radius: 4px;
	margin:0 2px;
}

.video-head ul li:first-child.active {
	margin:0 3px 0 0;
}

.video-head ul li:last-child.active {
	margin:0 0 0 3px;
}


.video-head ul li.active a{
	color: #ffffff;
}

.video-block{
	width:48.3%;
	float: left;
	border: solid 1px #e3e3e3;
	background-color: #f6f6f6;
	padding: 10px;
	border-bottom: solid 3px #0096c7;
	margin-bottom: 42px;
}

.video-block:nth-child(even){
	float: right;
}
/*
.video-block iframe{
	max-width: 560px;
	width: 100%;
	height: 315px;
}
*/
.video-block span{
	color: #2c3034;
	font-size: 16px;
	display: block;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
	padding-bottom: 10px;
	padding-top: 20px;
}
.video-block ul.category{
	margin-bottom: 4px;
	overflow: hidden;
}
.video-block ul.category li{
	float: left;
	position: relative;
	padding-right: 12px;
	color: #999999;
	font-size: 16px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.video-block ul.category li:after{
	content: "";
	position: absolute;
	right: 6px;
	top:-2px;
	width: 1px;
	height: 16px;
	background-color: #999999;
}
.video-block ul.category li:last-child:after{
	background-color: transparent;
}

.video-block ul.category li a.subcategory{
	color: #0096c7;
	font-size: 16px;
	text-decoration: none;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.video-hashblock{
	background-color: #2c3034;
	padding: 33px 34px 36px 38px;
	margin-bottom: 46px;
}
.hashtext{
	float: left;
	width: 50%;
	font-size: 24px;
	color: #ffffff;
	font-family: 'Droid Sans', sans-serif;
	line-height: 1.5;
}
.hashcode{
	float: right;
	color: #0096c7;
	font-size: 40px;
	font-weight: bold;
	background-color: #373b3e;
	border: solid 1px #4f5459;
	width: 44%;
	text-align: center;
	padding: 17px 0;
}


@media (max-width:1024px) {

	.video-head ul li a {
		font-size:15px;
	}
}

@media (max-width:768px) {

	.video-head ul li,
	.video-head ul li:first-child,
	.video-head ul li:last-child,
	.video-head ul li:first-child.active,
	.video-head ul li:last-child.active  {
		width:46%;
		border-radius:4px;
		margin:1%;
	}
}

@media (max-width:767px) {

	.video-head ul li,
	.video-head ul li:first-child,
	.video-head ul li:last-child,
	.video-head ul li:first-child.active,
	.video-head ul li:last-child.active  {
		width:100%;
		margin:2% 0;
	}
}

@media (max-width:479px) {

	.video-head ul li a {
		font-size:14px !important;
	}
}

/*
9). Shop Page Styling
 ----------------------------------------------*/

shop-content{
	padding-top: 70px;
}
.product-deatail{
	margin-bottom: 32px;
}
.product-detail-left {
	float:left;
	width: 57.5%;
}
.product-detail-left .video-block {
	float:none !important;
	width:100%;
	background:none;
	border:none;
	margin:0;
}
.product-detail-left .video-block span,
.product-detail-left .video-block ul {
	display:none;
}
.slider {
	padding-bottom:50px;
}
.slider.hidden {
	visibility:hidden;
}
.slider .bx-wrapper {
	margin-bottom:0;
}
.slider .bx-wrapper .bx-pager.bx-default-pager {
	text-align: center;
	padding-top:0;
}
.slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
	display: inline-block;
	padding: 0 2.5px;
}
.slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link {
	display: block;
	text-indent: -9999px;
	width: 14px;
    height: 14px;
    background-color: #999999;
    border-radius: 50%;
}
.slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link.active {
	background-color: #0096c7;
}
.slider p {
	text-align:center;
}
.product-detail-right{
	float: right;
	width: 39%;
	padding-top: 5px;
	padding-left: 5px;
}

.slider .bx-wrapper .bx-viewport {
	border:1px solid #ddd;
	box-shadow:none;
	text-align: center;
	/*background-color: #f6f6f6;*/
	vertical-align: middle;
	margin-bottom: 10px;
	left:0;
}

.slider .bx-wrapper .bx-viewport li {
	padding:45px 30px;
	display:inline-block;
	float:none !Important;
}

.slider .bx-wrapper .bx-viewport li:before {
	display:inline-block;
	vertical-align:middle;
	content:"";
}

.slider .bx-wrapper img {
	position:relative;
	max-width: 95%;
	max-height:95%;
	margin:0 auto;
	display:inline-block;
	vertical-align:middle;
}

.description small.price{
	color: #2c3034;
	font-size: 32px;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 700;
	display: block;
	padding-bottom: 15px;
}
.description .rating{
	margin-bottom: 17px;
}
.description .star{
	display: inline-block;
	margin-right: 2px;
}
.description .rating .star i{
	color: #999999;
}
.description .active-star{
	display: inline-block;
	margin-right: 2px;
}
.description .rating .active-star i{
	color: #f9d73b;
}
.description .rating a{
	display: inline-block;
	color: #666666;
	font-size: 13px;
	font-family: 'noto_sansregular', sans-serif;
	position: relative;
  	left: 3px;
  	top: -2px;
}

#dealer {
	border:1px solid #ddd;
	margin-top:30px;
}

#dealer h3 {
	padding:10px;
	font-size:18px;
	background:#0096c7;
	color:#fff;
}

#dealer p {
	padding-left:10px;
	padding-right:10px;
}

#pnlproductdetail > h2:first-of-type {
	display:none;
}

#pnlproductdetail .product-item-name {
	font-family: 'code_proregular';
	font-size:21px;
	color:#2c3034;
	margin-bottom:0;
}

#pnlproductdetail .product-item-list-price {
	margin-bottom:0;
}

#pnlproductdetail .product-item-sales-price {
	color:#0096c7;
}

.description .btn{
	width: 44%;
	padding: 16px;
}
.description .btn:hover{
	border-color: #0096c7;
}

.strikethrough {
    text-decoration: line-through;
}

.waitlist-form {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 13px 14px;
    width: 90%;
}

.waitlist-form h2 {
	background: #0096c7;
	color: #fff;
	font-size: 18px;
	margin: 0 -13px 9px;
	padding: 15px 0 11px;
	text-align: center;
	text-transform: uppercase;
}

.waitlist-form input[type="text"] {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
    font-size: 16px;
    margin: 0 0 12px;
    padding: 8px 13px;
	float:left;
	width:48.5%;
	margin-left:3%;
}

.waitlist-form input[type="text"]:first-of-type {
	margin-left:0;
}

.waitlist-form input[type="submit"] {
	border-radius:3px;
}
.waitlist-form p {
	font-size: 14px;
	line-height: 176%;
	margin-bottom: 9px;
}

.waitlist-form span {
	display: block;
	line-height: 1;
	margin: 0 0 11px;
}

.waitlist-form label {
	color: #666666;
	display: block;
	font-size: 14px;
	margin-bottom: 7px;
}

.waitlist-form label input[type="checkbox"] {
	left: -2px;
	margin-right: 6px;
	position: relative;
	top: 2px;
}

.hcontent .waitlist-form label ul {
	padding-left:20px;
}

.waitlist-form label ul > li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    line-height: 1;
	list-style:none;
}
.waitlist-form label label {
    margin-left: 25px;
    margin-top: -15px;
}

.waitlist-form textarea {
	height: 143px;
	margin: 9px 0 15px;
	font-family: "noto_sansregular",sans-serif;
   	background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
    font-size: 16px;
    margin: 0 0 12px;
    padding: 8px 13px;

}

.waitlist-form > a.btn {
	padding: 14px 0;
	width: 100%;
	font-size: 14px;
}

.waitlist-form > input[type="submit"] {
	padding: 11px 0;
	width: 100%;
	font-size: 14px;
	border: none;
}

#cartDivT {
	min-height:63px;
}


.customer-reviews h4{
	padding-bottom: 20px;
}
.customer-review-head .rating{
	float: left;
	width: 83%;
	margin-top: 10px;
}
.customer-review-head .rating small{
	display: inline-block;
	color: #666766;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	margin-right: 3px;
}
.customer-review-head .rating .active-star{
	display: inline-block;
	margin-right: 1px;
}
.customer-review-head .rating .active-star i.fa-star:before{
	color: #f9d73b;
	font-size: 20px;
}
.btn-wrap{
	float: right;
	width: 13.5%;
}
.customer-review-head .btn-wrap .btn{
	padding: 11px;
	font-size: 16px;
	width: 100%;
}
.customer-review-head .btn-wrap .btn:hover{
	border-color: #e99415;
}
.customer-review-head{
	margin-bottom: 28px;
}
.customer-review-middle{
	background-color: #f6f6f6;
	border-bottom: solid 1px #dedddd;
	margin-bottom: 32px;
}
.customer-review-middle span{
	float: left;
	color: #666766;
	font-size: 14px;
	font-family: 'noto_sansregular', sans-serif;
	padding: 9px 10px;
}
.customer-review-middle .breadcrumb{
	float: right;
	margin: 0;
}
.customer-review-middle .breadcrumb li{
	float: left;
	padding: 8px 9px;
	color: #666766;
	font-size: 14px;
	font-family: 'noto_sansregular', sans-serif;
}

.customer-review-middle .breadcrumb li a{
	display: block;
	color: #0096c7;
	font-size: 100%;
	font-family: 'noto_sansregular', sans-serif;
	text-decoration: none;
}
.customer-review-body .rating{
	margin-bottom: 10px;
}
.customer-review-body strong{
	color: #0096c7;
	font-size: 16px;
	font-family: 'noto_sansbold', sans-serif;
	font-style: normal;
	display: inline-block;
  	margin-left: 4px;
  	position: relative;
  	top: -1px;
}
.customer-review-body .rating .active-star{
	display: inline-block;
	margin-right: 1px;
}
.customer-review-body .rating .active-star i.fa-star:before{
	font-size: 14px;
	color: #f9d73b;
}
.customer-review-body blockquote{
	border-bottom: dashed 1px #d0d0d0;
	padding-bottom: 30px;
	margin-bottom: 32px;
}
.customer-review-body blockquote:last-child{
	border-bottom: none;
	margin-bottom: 10px;
}
.customer-review-body blockquote cite{
	color: #666766;
	font-family: 'noto_sansregular', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1px;
	display: block;
	font-size: 14px;
	margin-bottom: 25px;
}
.customer-review-body blockquote p{
	color: #666766;
	font-family: 'noto_sansregular', sans-serif;
	font-style: italic;
	font-size: 16px;
	padding: 0 43px;
	letter-spacing: -0.5px;
}
.description h2{
	color: #0096c7;
	letter-spacing: 0.5px;
	text-align: left;
	padding-bottom: 0;
}


@media (max-width:1024px) {
	.banner-section {
		/*background: url(/admin/code/styles/images/banner.jpg) center top no-repeat;*/
		background:#111;
		-webkit-background-size:cover;
		background-size:cover;
		height:auto;
	}
	.banner-section > .setcontainer {
		position:relative;
		z-index:3;
		top:0;
		-webkit-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		padding:80px 0;
	}
	.banner-inner h1 {
		min-height:0;
	}
	.banner-overlay {
		display:none;
	}
	.background-video {
		display:none;
	}
}

@media (max-width:767px) {
	#header nav li.buy-button {
		float:none;
		padding:11px;
	}
	#header nav li.buy-button a {
		display:block;
		float:none;
	}
}

/* Get Started Thank You */

#wrapper_thank_you {

}

#wrapper_thank_you {
	text-align:center;
	padding:40px 0 80px 0;
}

#wrapper_thank_you h1 {
	color:#333;
}

#wrapper_thank_you .thank-you-link {
	display:inline-block;
	width:15%;
	margin:0 2%;
}

#wrapper_thank_you .thank-you-link h2 {
	font-size:18px;
	text-align:center;
}

#wrapper_thank_you .thank-you-link img {
	max-width:100%;
	height:auto;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#wrapper_thank_you .thank-you-link img:hover {
	opacity:.90;
}

.full-width-content .about-content {
	width:100%;
	float:none;
}

@media (max-width:768px) {
	#wrapper_thank_you .thank-you-link {
		display:inline-block;
		width:43%;
		margin:0 2%;
	}

	#wrapper_thank_you .thank-you-link h2 {
		font-size:21px;
	}
}

@media (min-width:320px) and (max-width:480px) {
	#wrapper_thank_you .thank-you-link {
		display:inline-block;
		width:70%;
		margin:2% auto;
	}

	#wrapper_thank_you .thank-you-link h2 {
		font-size:18px;
	}
}


/* End of Get Started Thank You */



/* Contact Us */

#wrapper_contact .hhFormBuilder {
	max-width:500px;
	width:100%;
}

#wrapper_contact .hhForm .hhFormRow:after,
#wrapper_contact .hhForm .hhFormRowInput:after {
	clear:both;
	display:block;
	content:"";
}

#wrapper_contact .hhForm label {
	margin-bottom:5px;
}

#wrapper_contact .hhForm .hhFormRowInput input[type="text"],
#wrapper_contact .hhForm .hhFormRowInput input[type="email"],
#wrapper_contact .hhForm .hhFormRowInput input[type="password"],
#wrapper_contact .hhForm .hhFormRowInput select,
#wrapper_contact .hhForm .hhFormRowInput textarea.hhTextArea {
	width:100%;
	max-width:100%;
	font-size:16px;
	padding:8px;
	border:1px solid #bbb;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}

#wrapper_contact .hhForm .hhFormRowInput input[type="text"]:hover,
#wrapper_contact .hhForm .hhFormRowInput input[type="email"]:hover,
#wrapper_contact .hhForm .hhFormRowInput input[type="password"]:hover,
#wrapper_contact .hhForm .hhFormRowInput select:hover,
#wrapper_contact .hhForm .hhFormRowInput textarea:hover,
#wrapper_contact .hhForm .hhFormRowInput input[type="text"]:active,
#wrapper_contact .hhForm .hhFormRowInput input[type="email"]:active,
#wrapper_contact .hhForm .hhFormRowInput input[type="password"]:active,
#wrapper_contact .hhForm .hhFormRowInput select:active,
#wrapper_contact .hhForm .hhFormRowInput textarea:active {
	border:1px solid #0096c7;
}

#wrapper_contact .hhForm input[type="submit"] {
	background-color: #0096c7;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: "code_proregular",sans-serif;
    font-size: 18px;
    padding: 16px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.6s ease 0s;
}

#wrapper_contact .hhForm input[type="submit"]:hover {
	background:#fff;
	border:1px solid #0096c7;
	color:#0096c7;
}


/* End of Contact Us */




/***********************
 * 	ARTISTS PAGE
 *
 **********************/
.artistsBanner {
    height: 435px;
    overflow: hidden;
		position: relative;
}
.artistsBanner > img{
	position: absolute;
	z-index: -1;
	width: 100%;
}
.dotsOverlay {
    background-image: url("/admin/code/styles/images/dots.png");
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
		position: absolute;
		z-index: -1;
}
.artistsBanner .setcontainer{
	text-align: center;
	padding: 170px 0 0;
	color: #FFF;
}
.artistsInner h1 {
    color: #FFF;
    font-size: 55px;
    margin-bottom: 30px;
}
.artistsInner > span {
    font-size: 32px;
    display: block;
    margin-bottom: 15px;
    font-family: 'noto_sansregular';
}
.artistsInfo {
    bottom: 30px;
    position: absolute;
    font-family: 'noto_sansregular';
    width: 100%;
		left: 0;
}
.artistsInfo li{
	display: inline-block;
	border-left: 1px solid;
	color: #FFF;
	padding: 0 15px;
	font-size: 14px;
}
.artistsInfo li:first-child{
	border-left: 0;
}

.artistDetails {
    padding: 60px 0;
    border-bottom: 1px solid #DDD;
}
.artistImage {
    display: block;
    float: left;
    width: 45%;
    position: relative;
}
.artistDetails.left .artistImage{
	margin-right: 5%;
}
.artistDetails.right .artistImage{
	margin-left: 5%;
	float: right;
}
.artistImage .flexFill .img-wrap.fit img {
	width:100%;
	max-width:100%;
	bottom:auto;
}
.artistImage img {
    width: 100%;
    display: block;
}
.aboutArtist{
	float: left;
	width: 50%;
}
.artistBio {
    position: absolute;
    top: 0;
    padding: 40px 25px;
    background: rgba(0,0,0, 0.85);
    color: #FFF;
    font-family: 'noto_sansregular';
    line-height: 24px;
    height: 100%;
    width: 100%;
    z-index: 1;
		display: none;
		overflow:auto;
}
.infoButton{
	width: 30px;
	height: 30px;
	display: block;
	top: 0;
	right: 0;
	position: absolute;
	background: #09c;
	text-align: center;
	font-size: 21px;
	line-height: 30px;
	cursor: pointer;
	z-index: 10;
}
.infoButton::before{
	content: "\f05a";
	font-family: 'FontAwesome';
	color: #FFF;
}
.infoButton.active::before{
	content: "\f00d";
}
.aboutArtist h1 {
    font-size: 24px;
    color: #09c;
		margin-top: 15px;
}
.aboutArtist blockquote p {
    font-size: 16px;
    font-family: "noto_sansitalic";
    font-style: normal;
    line-height: 24px;
    margin: 20px 0;
    display: block;
}
.playVideo{
	display: block;
	font-weight: 600;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
.playVideo i {
    color: #cd332d;
    font-size: 18px;
    margin-right: 5px;
}
.soundCloud{
	display: block;
	margin-top: 30px;
	max-height: 100px;
}

@media (max-width: 1024px){
	.artistsBanner{
		height: 400px;
	}
	.artistsBanner .setcontainer{
		padding: 80px 0 0;
	}
	.artistBio{
		font-size: 14px;
		line-height: 21px;
	}
}
@media (max-width: 767px){
	.artistsInner > span{
		font-size: 24px;
	}
	.artistsBanner > img {
    position: absolute;
    z-index: -1;
    width: auto;
    max-height: 100%;
    max-width: none;
	}
	.artistDetails{
		padding: 30px 0;
	}
	.artistDetails.left .artistImage,
	.artistDetails.right .artistImage{
		margin: 0;
		width: 100%;
		float: left;
	}
	.aboutArtist{
		width: 100%;
	}
	.artistsInfo {
		bottom: 10px;
	}
	.artistsInfo li {
    display: block;
    border-left: 1px solid;
    color: #FFF;
    padding: 0px 15px;
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 7px;
    text-align: left;
    padding-left: 5px;
	}
	.artistsInfo li:first-child{
		border-left: 1px solid;
	}
}

@media (max-width:480px) {
	.artistsBanner{
		height: 260px;
	}
}


/*********************
 * 	SHOP LANDING PAGE
 *
 ********************/

.headTitle h1 {
   color: #FFF;
   font-size: 55px;
   line-height: 120px;
   background-color: #0096c7;
   text-align: center;
   display: block;
}

.featuredItem {
    width: 55%;
    float: left;
    display: block;
}
.featuredItem .productImage {
    padding: 40px 15px;
}
.topItems {
    float: left;
    display: block;
    width: 45%;
}
.topItems .productItem {
    width: 45%;
    float: left;
    margin-left: 5%;
}
.productItem .flexFit,
.featuredItem .flexFit {
	/*background:#f6f6f6;*/
}

.productItem .flexFit img {
	max-width:90%;
	max-height:90%;
}
.productImage {

    display: block;
		padding: 15px;
}
.productInfo {
    display: block;
    padding: 15px 0 25px;
    text-align: center;
    color: #2c3034;
    font-weight: 500;
		line-height: 21px;
}
.productTitle{
	color: #2C3034;
	text-decoration: none;
}
.price {
    color: #999;
    font-size: 14px;
		padding-top: 5px;
}
.newPrice {
    display: inline-block;
    color: rgb(0, 150, 199);
		font-size: 16px;
}

.additionalItems h4 {
    color: #0096C7;
    BORDER-BOTTOM: 1px solid #CCC;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 21px;
}
.productsWrapper{
	margin: 0 -15px;
}
.productsWrapper .productItem {
    width: 25%;
    float: left;
    padding: 0px 15px;
}

@media (max-width: 1024px){
	.headTitle h1{
		font-size: 40px;
		line-height: 80px;
	}
	.productInfo{
		font-size: 14px;
		line-height: 19px;
	}
}
@media (max-width: 767px){
	.featuredItem{
		width: 100%;
		padding: 0 10px;
	}
	.topItems{
		width: 100%;
		margin: 0;
	}
	.topItems .productItem {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 10px;
	}
	.productsWrapper .productItem{
		width: 50%;
	}
}
@media (max-width: 510px){
	.wrapper{
		display: block!important;
	}
}





/***********************
 * 	BUZZ PAGE
 *
 **********************/
.blogEntry {
  padding: 25px 0px;
	border-top: 1px solid #CCC;
}
.blogImage {
   float: left;
   width: 25%;
   margin-right: 3%;
	 border: 1px solid #DDD;
	 padding: 2px;
	 max-height: 130px;
	 overflow: hidden;
}
.blogImage img {
    width: 100%;
}
.blogInfo {
    float: left;
    display: block;
    width: 72%;
}
.blogPosts .blogInfo h2 {
    padding-top: 0px;
		font-size: 21px;
		color: #09c;
		margin-top: -5px;
		margin-bottom: 0;
		padding-bottom: 0;
		line-height: 28px;
}
.blogPosts .blogInfo h2 a{
	text-decoration: none;
}
.blogDate {
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
}
.blogExcerpt {
    font-size: 14px;
    text-transform: none;
    font-family: 'noto_sansregular';
	display: block;
	line-height:1.4;
}
.readMore {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-family: 'noto_sansregular';
    line-height: 18px;
}
.readMore i{
	font-size: 12px;
}


.buzz-block.buzz-page {
    background: none;
    height: auto;
		border-top: 0;
		padding-top: 0;
		text-align: left;
}
.buzz-page .side-logo{
	padding: 25px 0px;
	border: 1px solid #CCC;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.buzz-block ul {
	margin: 10px 0;
}
.buzz-block ul li {
    display: inline-block;
    padding: 0 5px;
		border-left: 1px solid;
}
.buzz-block ul li:first-child{
	border-left: none;
	padding-left: 0;
}
.buzz-block ul li a{
	font-weight: 500;
	border-bottom: 1px solid #b0d6e9;
	line-height: 20px;
}

.news-detail .author {
	text-align:left;
}

.hcontent .news-detail h1 {
	margin-bottom:5px;
}

.hcontent h2.news-date {
	margin-bottom:0;
	padding:0;
}

.hcontent .newsbacklink {
	margin-bottom:20px;
}

.hcontent .newsbacklink a {
	text-decoration:none;
}

@media (max-width: 767px){
	#latest-buzz{
		border-top: 1px solid rgb(221, 221, 221);
		padding-top: 20px;
	}
	.blogInfo{
		margin-top:15px;
		width: 100%;
	}
	.blogImage {
    float: left;
    border: 1px solid #DDD;
    padding: 2px;
    overflow: hidden;
    width: 100%;
    margin-right: 0;
    max-height: 210px;
	}
}

.selectbox {
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    color: #666;
    width: 220px;
    padding: 1px;
}

.setDesc{
   width: 100%!important;
 }

select.custom-select {
	background:#eee url('/pub/design/select-dropdown-caret.png') no-repeat right 11px center;
	-webkit-background-size:17px 9px;
	background-size:17px 9px;
	cursor:pointer;
	padding:9px 35px 9px 9px;
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
	min-width:250px;
	border-radius:2px;
	font-size:16px;
}

select.custom-select::-ms-expand {
    display: none;
}

.product-deatail select.custom-select {
	width:100%;
	border:1px solid #aaa;
	margin-top:20px;
}

.hcontent ul.paging,
ul.paging {
	padding:25px 0;
	text-align:center;
}

.hcontent ul.paging li,
ul.paging li {
	list-style:none;
	display:inline-block;
	padding:3px;
	font-size:18px;
	color:#666;
}

.hcontent ul.paging li .PageSelected,
ul.paging li .PageSelected {
	color:#0096c7;
}

.hcontent ul.paging li a,
ul.paging li a {
	font-size:18px;
	text-decoration:none;
	color:#666;
}








/* LOGIN + REGISTER PAGE */

.login-register-container {
	max-width:850px;
	margin:0 auto;	
	padding:0 10px
}

.login-page {
	background:#fff;
	border-top:5px solid #0096c7;
	padding:50px 0;
	margin:0;
}

.row.login-logo-row {
	text-align:center;
	margin-bottom:50px;
}

#wrapper_login .login-box {
    max-width: 350px;
	width:100%;
	margin:0 auto;
	text-align:left;
}

.login-register-container #wrapper_login .login-box {
	margin:0;
}

.login-register-container .login-col {
	padding:20px 0 0 30px;
	float:right;
}

.login-register-container .register-col {
	float:right;
}

.login-register-container h2.already-member {
	font-size:21px;
	color:#0096c7;
}

#wrapper_login .login-box h1,
#wrapper_login .login-box h2 {
	font-size:30px;
	line-height:36px;
	margin-bottom:5px;
}

#wrapper_login .login-box h1 a {
	font-size:14px;
	color:#0096c7;
	text-transform:none;
	float:right;
}	

#wrapper_login .login-box .login-logo {
	width:100%;
	max-width:275px;
	margin:0 auto 30px auto;
	display:block;
}

#wrapper_login .login-box p.login-desc {
	margin-bottom:25px;
}

#wrapper_login .login-box .hhFormRow {
	display:block;
	border-bottom:1px solid #ccc;
	margin:0;
	padding:0;
	font-size:16px;
	position:relative;
}

#wrapper_login .login-box #row-pwd {
	margin:20px 0 10px 0;
}

#wrapper_login .login-box .hhFormRow:after {
	clear:both;
	display:block;
	content:"";
}

#wrapper_login .login-box .hhFormRow label {
	position:absolute;
	left:2px;
	color:#666;
	font-weight:normal;
	text-transform:uppercase;
	font-size:14px;
	line-height:1.8;
	margin:0;
}

#wrapper_login .login-box .hhFormRow label:before {
	font-family:"FontAwesome";
	font-size:14px;	
	margin-right:5px;
}

#wrapper_login .login-box #row-uid label:before {
	content: "\f007";	
}

#wrapper_login .login-box #row-pwd label:before {
	content: "\f023";	
}

#wrapper_login .login-box .hhFormRow input {
	outline:none;
	border:none;
	padding:0 0 5px 102px;
	margin:0;
	float:none;
	font-size:16px;
	width:100%;
	color:#666;
}

#wrapper_login .login-box .hhFormRow input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
	-webkit-text-fill-color: #666 !important;
}

#wrapper_login .login-box #row-username input,
#wrapper_login .login-box #row-email input {
	padding-left:71px;
}
#wrapper_login .login-box #row-username input#Username, #wrapper_login .login-box #row-email input#Username{
     padding-left:90px;
}

#wrapper_login #NewPassword{
    padding-left:135px;
}
#wrapper_login #NewPassword2{
    padding-left:165px;
}

#wrapper_login .login-box #row-username label:before,
#wrapper_login .login-box #row-email label:before {
	content: "\f0e0";
}


#wrapper_login .login-box .formButton,
.login-register-container #register input[type="submit"] {
	width:100%;
	padding:10px;
	background:#0096c7;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	border-radius:3px;
	box-shadow:none;
	border:none;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}

#wrapper_login .login-box .formButton:hover,
.login-register-container #register input[type="submit"]:hover {
	opacity:.80;	
}

#wrapper_login .login-box .loginfooter ul {
	margin-bottom:0;
	padding-left:0;
	list-style:none;
	font-size:14px;
}

#wrapper_login .login-box .loginfooter ul li {
	display:inline-block;
}

#wrapper_login .login-box .loginfooter ul li label {
	margin-bottom:0;
}

#wrapper_login .login-box .loginfooter ul li a {
	color:#0096c7;
}

.login-register-container #register {
	padding:15px;
	border:1px solid #ddd;
	border-radius:3px;
	box-shadow:0 2px 3px rgba(0,0,0,.20);	
}

.login-register-container #register .form-row {
	margin-bottom:15px;
}

.login-register-container #register .form-row label {
	display:block;
	margin-bottom:5px;
}

.login-register-container #register .form-row input {
	width: 100%;
    max-width: 100%;
    font-size: 16px;
    padding: 8px;
    border: 1px solid #bbb;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.login-register-container #register .form-row input:hover,
.login-register-container #register .form-row input:focus {
	border:1px solid #0096c7;
}


@media (max-width:480px) {

	.login-page {
		padding:5px 0;
	}

	.login-page #hhAdmin {
		min-height:inherit;
	}

	#wrapper_login .login-box {
	    padding-left:10px;
	    padding-right:10px;
	}
	
	.row.login-logo-row {
		margin-bottom:20px;
	}
	
	.login-register-container .login-col {
		padding:20px 0 0 0;
	}

}

/* END OF LOGIN + REGISTER PAGE */