html {
	overflow-y: scroll;
}

body {
	padding: 0px;
	margin: 0px;
	color: #000000;
	font-family: "Times", Georgia, serif;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;	
	letter-spacing: 0em;
	background-color: #1c1722;
}



h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: 400;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a img {
	border: none;
}




.subTitleA, .subTitleB, .subTitleC, .subTitleE, .search-input,
.mc4wp-alert, .cta-box, 
input, .select-menu, label {
	font-family:'Proxima N W01 Bold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1.25em;
	letter-spacing: 0.15em;	
	font-size: 11px;
	
	
}

input {
	color: #000 !important;
	border:none;
	margin: 9px 0px 18px 0px;
	background:none;
	background-color: #e5e5e5;
	border-radius: 0;
	display: block;
	text-decoration: none;
	 -webkit-appearance: none;
	 outline: none;
	 width: 100%;
	 padding: 0 6px;
}

input.nobottom {
	margin-bottom: 0;
}

label.input-error {
	color: red !important;
}


input.btn,
a.btn {
	border: 2px solid #FFF;
	text-align: center;
	background-color: #000;
	cursor: pointer;
	width: 100%;
	max-width: 327px;
	
}

input, a.btn, .select-menu, .select.form-field, .select-option.form-field {
	height: 48px;
	line-height: 44px;
}

input, a.btn {
	line-height: 24px;
	height: 44px;
}


.select-menu {
	overflow: hidden;
	position: relative;
	cursor: pointer;
	line-height: 48px;
}

.select.form-field {
	padding-bottom: 0px;
	border: 2px solid #FFF;
	background: url("images/selector-arrow.png") no-repeat center right;	
	background-size: 30px auto;

}

.select-menu.expanded {
	overflow: visible;
}

.select-menu.expanded .select.form-field {
	border: 2px solid #FFF;
}

.select-menu .form-field {
	margin: 0px;
}

.select-menu.form-field {
	padding: 0px;
}

.select-options {
	position: absolute;
	left: 0px;
	top: 48px;
	width: 100%;
	z-index: 1000;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background-color: #000;
}

.select-options a {
	text-decoration: none;
}

.select-option.form-field {
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	border-bottom: none;
	padding-bottom: 0px;
	display: block;
}

.select-option.form-field.out-of-stock {
	color: #cecece;
	text-decoration: line-through;
}

.select-option:hover {
	color: #000 !important;
	background-color: #FFF;
}

.select-option:first-child {
	border-top: none;
}







.subTitleC.lower {
	text-transform: none;
}

a {
	color: inherit;
}

div, .block, td, .grid, a, p, input {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
}


.shadow {
  -moz-box-shadow:    -3px 0px 5px 3px rgba(0,0,0,0.05);
  -webkit-box-shadow: -3px 0px 5px 3px rgba(0,0,0,0.05);
  box-shadow:         -3px 0px 5px 3px rgba(0,0,0,0.05);
}

.shadow-bottom {
   -moz-box-shadow:    inset 0 12px 12px -12px rgba(0,0,0,0.25);
   -webkit-box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.25);
   box-shadow:         inset 0 12px 12px -12px rgba(0,0,0,0.25);
}


.container-interior {
	margin: 0 auto;
	position: relative;
}

#container.fixed {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
}

#container {
	position: relative;
	min-width: 1280px;
}

.page {
	padding-bottom: 70px;
	padding-bottom: 140px;
}


#container.page {
	padding: 0;
}


.global {
	z-index: 100;
}

#header {
	height: 88px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 200000;
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;	
          	
}

#header.fixed {
	background-color: #FFF;	
}





.logo {
	width: 140px;
	position: fixed;
	top: 25px;
	height: 50px;
}

.logo a {
	width: 100%;
	height: 100%;
	background: url("images/dreamville-logo-reverse.png") no-repeat center center;
	display: block;
	background-size: contain;
	margin: 0 auto;
}

.reverse .logo a {
	background-image: url("images/dreamville-logo.png");
}

#header.fixed.reverse .logo a {
	background-image: url("images/dreamville-logo-reverse.png");
}




#nav {
	text-align: right;
	position: fixed;
	top: 45px;
	z-index: 1000;
}

#secondary-nav {
	position: fixed;
	top: 18px;
	z-index: 1000;	
}


.social-links-wrapper {
	position: absolute;
	bottom: 30px;
}

/*** header positions ***/

.logo,
.footer-nav {
	left: 45px;
}

#nav,
#secondary-nav,
.big-close,
#utility-nav,
.social-links-wrapper {
	right: 45px;
}

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



.nav-interior {
	position: relative;
}

.nav .menu-item {
	display: inline-block;
	margin-left: 30px;
}

.nav .menu-item:first-child {
	margin-left: 0;
}

.nav-marker {
	height: 2px;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0px;	
}

.nav-marker.inited {
  -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
      -ms-transition: 0.5s;
       -o-transition: 0.5s;
          transition: 0.5s;		
}

.reverse .nav-marker {
	background-color: #FFF;
}

.single-artist .nav-marker,
.single-artist .reverse .nav-marker {
	background-color: #000;
}

.nav-divider {
	display: inline-block;
	padding: 0 12px;
}

.nav .menu-item a {
	text-decoration: none;
	padding-bottom: 3px;
}

#nav .nav >.menu-item > a,
#nav .nav .sub-menu li,
#nav .nav li,
.filter-option,
.filter-option a,
.filter-header
 {
	line-height: 1.25em;
	margin-bottom: 1px;
}

.sub-menu {
	display: none;
	padding-top: 3px;
	/*font-size: 18px;*/
	/*padding: 18px 0px 0px 0px;*/	
}

.footer-nav {
	position: absolute;
	bottom: 0;
}

#nav .nav li,
.filter-option {
	padding-bottom: 5px;
	padding-bottom: 2px;
}

#nav .nav .submenu li {
	padding-bottom: 3px;
}

.large-nav #nav .nav li {
	padding: 0;
}

.nav > .current-menu-item > a,
.nav > .current-menu-parent > a,
.nav > .current-post-ancestor > a,
.nav > .hover-menu-parent > a,
.sub-menu > .current-menu-item > a,
.sub-menu > .current-post-parent > a,
a.active {
	/*border-bottom: 2px solid #000;	*/
	margin-bottom: 0;
}

.reverse .nav > .current-menu-item > a,
.reverse .nav > .current-menu-parent > a,
.reverse .nav > .current-post-ancestor > a,
.reverse .nav > .hover-menu-parent > a,
.reverse.sub-menu > .current-menu-item > a,
.reverse.sub-menu > .current-post-parent > a,
.reverse a.active {
	/*border-bottom: 2px solid #FFF;*/	
}


.current-menu-item .sub-menu, 
.current-menu-parent .sub-menu,
.current-post-ancestor .sub-menu,
.hover-menu-parent .sub-menu {
	display: block;
	margin-left: 15px;
	padding-bottom: 6px;
}

.active-menu-parent {
	overflow: hidden;
}

#menu-nav-socials {
	text-align: center;
	margin-bottom: 18px;
}

#menu-nav-socials li {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0 3px;
}

#menu-nav-socials li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.content-interior {
	position: relative;
	margin: 0 auto;
	width: 1024px;	
}

.interior {
	position: relative;
}

#secondary-nav .menu-item a {
	color: #b9b9b9;
}


/*************************************
	TYPE SIZES
**************************************/

.subTitleA, .cta-box {
	font-size: 11px;
	text-transform: uppercase;
}

.subTitleB {
	font-size: 11px;
	text-transform: uppercase;
	color: #9b9f9f;
}
.titleA, .titleB, .titleC, .titleD, .titleE, .titleF, .titleG, .titleH, .titleI {
	font-family:'TradeGothicW01-BoldCn20 675334';
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.titleA {
	font-size: 140px;
	text-transform: uppercase;
	line-height: 1.1em;
}

.titleB {
	font-size: 80px;
	text-transform: uppercase;
	line-height: 1.1em;
}
.titleC {
	font-size: 21px;
	text-transform: uppercase;
}

.titleCb.titleC {
	font-size: 15px;
	font-size: 18px;
}
.titleD {
	font-size: 30px;
	line-height: 1.1em;
	text-transform: uppercase;
}
.titleE {
	font-size: 27px;
	text-transform: uppercase;

}
.titleF {
	font-size: 39px;
	text-transform: uppercase;
	line-height: 1em;
}
.titleG {
	font-size: 60px;
	text-transform: uppercase;
}
.titleH {
	font-size: 21px;
	text-transform: uppercase;
}
.titleI {
	font-size: 160px;
	text-transform: uppercase;
}
.reverse *, .reverse
/*.home .nav a, */
{
	color: #FFF !important;
}


input.btn.reverse,
a.btn.reverse {
	border: 2px solid #000;
	background-color: #FFF;
	color: #000 !important;
}


.alt-color *,
*.alt-color {
	color: rgba(0, 0, 0, 0.4) !important;
}



.reverse *.alt-color,
.reverse .alt-color * {
	color: rgba(255, 255, 255, 0.4) !important;
}







.reverse input.form-field {
	color: #000 !important;
}

.typeA {
	font-size: 18px;
}

.typeB {
	font-size: 36px;
	
}

.typeC {
	font-size: 16px;
}

.typeD {
	font-size: 36px;
	line-height: 1.2em;
}

.typeE {
	font-size: 14px;
	color: #7c7c7c;
}



/*************************************
	GRIDS
**************************************/

	
.grids {
	/*margin-left: -50px;
	z-index: 1;*/
	position: relative;
	margin: 0 auto;
	width: 1214px;	
}

.search .content-interior {
	width: 1200px;
}

a.grid {
	text-decoration: inherit;
}

.grid, .grid-sizer {
	padding: 0 33px;
	width: 404px;
	padding-bottom: 24px;
	display: block;
}

.grid-interior {
	padding-bottom: 24px;
	padding-bottom: 33px;
	padding-bottom: 48px;
	/*border-bottom: 1px solid #e5e5e5;*/
}

.grid-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("images/play-icon.png") center center no-repeat;
	background-color: rgba(0,0,0,0.25);
}

.grid-subtitle {
	padding-top: 21px;
	padding-top: 33px;
}

.grid-title {
	padding: 18px 0;
	padding: 13px 0 0 0;
}

.grid-title a {
	text-decoration: none;
}

.grid-blurb p {
	margin: 0;
	padding: 0;
}


.grid-image {
	display: block;
	position: relative;
}

.grid-image img {
	width: 100%;
	height: auto;
	display: block;
}

.grid-hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.grid-content {
	text-align: center;
}


.success-box {
	padding: 24px 0;
	line-height: 1.4em;
}


.full-bg {
	background-repeat: no-repeat;
	background-size: cover;
}

.cta-box {
	display: block;
	width: 312px;
	padding: 18px;
	text-align: center;
	text-decoration: none;
	border: 2px solid #000;
}

.cta-box.centered {
	margin: 0 auto;
}

.cta-box.reverse,
.home-alt-column .reverse .cta-box {
	border: 2px solid #FFF;
}



/*************************************
	SLIDESHOW
**************************************/

.slide-wrapper {
	width: 100%;
	overflow: visible;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.slide-container {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.slides {
	height: 100%;
}

.slide {
	position: relative;
	display: block;
	height: 100%;

}

.slide img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.two-panel .panel {
	width: 50%;
	min-height
}

.panel-content a {
	text-decoration: underline;
}
.panel-a {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.big-panel-text p {
	margin: 0;
	padding: 0;
}

.panel-a .big-panel-text {
	text-align: center;
}

.panel-b .panel-content {
	width: 70%;
	margin: 0 auto;
	max-width: 556px;
}

.panel-b .panel-image {
	width: 85%;
	margin: 0 auto;
}

.panel-text {
	text-align: center;
	padding-top: 15px;
}

.panel-a .panel-text {
	max-width: 50%;
	margin: 0 auto;
}

.panel-content p {
	padding-top: 15px;
	margin: 0;
}

.fade-slide.slide {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.fade-slide.slide.showing {
	visibility: visible;
}

.slide-nav {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 30px;
}

.slide-nav-btn {
	width: 64px;
	height: 16px;
	display: inline-block;
	margin-right: 4px;
	position: relative;
	padding: 6px 0;
	cursor: pointer;
}

.slide-nav-bg {
	background-color: #868686;
	width: 100%;
	height: 100%;
	position: relative;
}

.slide-nav-bit {
	background-color: #FFF;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.slide-container .arrow-nav {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	position: absolute;	
}


.slide-container .arrow-nav-left {
	left: 10px;
}

.slide-container .arrow-nav-right {
	right: 10px;
}


.arrow-nav {
	width: 40px;
	height: 50px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}


.arrow-nav-left {
	background-image: url("images/arrow-left.png");
}

.arrow-nav-right {
	background-image: url("images/arrow-right.png");
}

.slide-container.reverse .arrow-nav-left {
	background-image: url("images/arrow-left-reverse.png");
}

.slide-container.reverse .arrow-nav-right {
	background-image: url("images/arrow-right-reverse.png");
}





/*************************************
	HOMEPAGE
**************************************/

.home-big-feature {
	position: relative;
}

.home-big-feature-text {
	text-align: center;
	width: 85%;
	max-width: 1480px;
	margin: 0 auto;
	
}

.home-big-feature-cta.cta-box {
	margin: 56px auto 0 auto;
}

.home-big-feature-video {
	position: absolute;
}

.home-big-feature-video.active {
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	z-index: 10000;
}

.home-scroll-down {
	position: absolute;
	bottom: 32px;
	height: 48px;
	width: 100%;
	text-align: center;
	/*background: url("images/home-down-arrow.png") center bottom no-repeat;*/
}

.home-news {
	background-color: #FFF;
	background-color: #F7F7F7;
	padding-top: 60px;
}

.big-close {
	position: absolute;
	top: 45px;
	top: 81px;
	width: 90px;
	height: 90px;
	background: url("images/big-close.png") no-repeat center center;
	background-size: contain;
	cursor: pointer;

}

.home-alt-column {
	width: 50%;
	height: 100%;
}



.home-alt-slice {
	height: 50%;
}

.home-alt-block {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
}

.home-alt-block .interior {
	width: 100%;
	height: 100%;
}

.home-alt-block .interior {
  -webkit-transition: background-color 0.5s;
     -moz-transition: background-color 0.5s;
      -ms-transition:  background-color 0.5s;
       -o-transition:  background-color 0.5s;
          transition:  background-color 0.5s;		
}

.home-alt-block:hover .interior {
	background-color: rgba(11, 22, 184, 0.65);
}


.home-alt-column .cta-box {
	margin: 60px auto 0;
	
}

.home-tweet {
	text-align: center;
	width: 85%;
	margin: 0 auto;
	max-width: 634px;
}

.home-tweet-container {
	background-color: #1d1d1d;
}

.index-more {
	padding: 50px 0px;
}

.index-more .cta-box {
	margin: 0 auto;
}

.home-sticky .grid-image img {
	width: 80%;
	margin: 0 auto;
}

.home-slide-container {
	min-height: 480px;
}
.home-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}


/*************************************
	ARTISTS
**************************************/
body.single-artist {
	background-color: #FFF;
	background-color: #F7f7f7;
}
.artists-row {
	height: 100%;
	text-align: center;
}
.artist-grid {
	width: 25%;
	width: 24%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	display: block;
	display: inline-block;
	height: 100%;
	text-align: center;
	text-decoration: none;
}
.artist-grid .grid-interior {
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	border: none;
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;		
}
.artist-grid:hover .grid-interior {
	background:none;
}
.artists.artists-new {
	background-size: cover;
	background-position: center center;
}
.artists-new .artists-row {
	width: 1330px;
	margin: 0 auto;
	height: auto;
}
.artists-new .artist-grid {
	width: 33.333333333333%;
	width: 33%;
	height: auto;
	text-align: center;
	line-height: 1.4em;
}
.artists-new .artist-grid .grid-interior {
	background: none;
}
.artists-new .artists-row.size-4 .artist-grid {
	width: 50%;
	width: 49%;
}



.half-row, .half-col {
	height: 100%;
}

.half-col {
	width: 50%;
}

.artist-slides,
.half-col-fixed {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #1c1722;
	z-index: 1000;
}

.artist-posts {
	background-color: #FFF;
	background-color: #f7f7f7;
	padding: 5%;
}

.half-col-scroll {
	margin-left: 50%;
}

.artist-post {
	padding: 60px 0;
	/*border-bottom: 1px solid #e5e5e5;*/
}

.artist-post img {
	max-width: 100%;
	height: auto;
}

.artist-post .post-body iframe {
	width: 100%;
}

.artist-post p {
	padding: 18px;
}

.artist-post .video-embed iframe {
	margin: 0 auto;
	display: block;
}

.artist-post .grid-title {
	padding: 52px 0 0 0;
	padding: 27px 0 0 0;
}



.artist-post .grid-blurb p,
.product .grid-blurb p
.page-content  {
	width: 480px;
	margin: 0 auto;
}

.artist-post .grid-blurb p,
.home-news-content .grid-blurb p {
	color: #888;
}

.post-thumb img,
.post-thumb iframe,
.post-thumb object {
	margin: 0 auto;
	display: block;
}

.artist-slides .slide-container,
.product-slides .slide-container {
	width: 100%;
	height: 100%;
}
.artist-slides .slides {
	width: 100%;
	height: 100%;
}

.artist-slides .slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.artist-slides .slide-text {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}

.artist-slides .grid-interior {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	border: none;
	padding: 240px 0 150px;
}

.artist .artist-title {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	text-align: center;
}

.artist-slides .slide-nav {
	bottom: 90px;
}


/*************************************
	PAGES
**************************************/

.page-about .page-content {
	background: url("images/monogram.png") no-repeat center bottom;
	padding-bottom: 60px;
	background-size: 45px auto;
}

.page-header {
	height: 456px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.page-header-text {
	text-align: center;
}

#container.page-template-page-php {
	background-color: #FFF;
	background-color: #f7f7f7;
}

.page-interior {
	width: 1010px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
}

.page-interior .page-content {
	padding-top: 42px;
}

.page-interior .page-content p {
	padding-bottom: 18px;
	max-width: 480px;
	margin: 0 auto;
}



/*************************************
	GRID A
**************************************/

.grids-a.grids {
	width: 100%;
}
.grid-a.grid {
	padding: 33px;
}

.grid-a.grid .grid-interior {
	padding: 24px;
	border: 2px solid rgba(0,0,0,0.1);	
  -webkit-transition: background-color 0.5s;
     -moz-transition: background-color 0.5s;
      -ms-transition:  background-color 0.5s;
       -o-transition:  background-color 0.5s;
          transition:  background-color 0.5s;		
}

.grid-a.grid .grid-content {
	text-align: center;
	overflow: hidden;	
}


.grid-a.grid:hover .grid-interior {
	background-color: rgba(0,0,0,0.6);
	border:  none;
	padding: 26px;
}



/*************************************
	RELEASES
**************************************/

.releases {
  background: -webkit-linear-gradient(#a60000, #c15712); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#a60000, #c15712); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#a60000, #c15712); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#a60000, #c15712); /* Standard syntax */	
}

.releases-row.grids-a.grids {
	max-width: 1540px;
}

.release-grid {
	/*height: 426px;*/
	width: 768px;
}


.release-grid .grid-interior {
	height: 356px;
}


.release-grid .grid-content {
	width: 340px;
}

.release-links a {
	display: inline-block;
	padding: 15px;
	text-decoration: none;	
}

.release-grid .grid-image {
	width: 308px;	
}

.release-grid .grid-blurb p {

}

.release-artist-name {
	display: block;
}


.news .release-links,
.artist-post .release-links {
	padding-top: 24px;
}
.news .release-links a,
.artist-post .release-links a {
	border: 1px solid #e5e5e5;
	width: 48%;
	
}

.artist-post .release-links a {
	max-width: 180px;
}

.news .release-link-wrapper a {
	width: 48%;
	float: right;
	display: block;
}


.news .release-link-wrapper a:first-child {
	float: left;
}

.news .release-artist-name:after {
	content: " – "
}





.page-template-shop-splash-php .home-big-feature {
	background: url("images/shop-splash-bg.jpg") no-repeat center center;
	background-size: cover;
}

/*************************************
	PRODUCTS
**************************************/
.product-slides {
	background-color: #e2e2de;
	background-color: #FFF;
}

.product-slides .slide img {
	width: 70%;
	max-width: 480px;
	height: auto;
}

.product-info {
	width: 636px;
	margin: 0 auto;
	padding: 10% 0;
	text-align: center;
}

.product-options {
	padding: 10% 0;
	border: none;
	width: 48%;
	margin: 0 auto;
}

.product-options label {
	display: none;
}

.btn.addtocart,
.product-options .select {
	width: 100%;
}

.btn.addtocart {
	margin-top: 21px;
}

.products {
	background-color: #e2e2de;
	border-left: 2px solid  #b5b4b2;
}

.product-item {
	background-color: #e2e2de;
	background-color: #FFF;
	text-align: center;	
	/*border: 1px solid #b5b4b2;*/
	border-bottom: 2px solid  #b5b4b2;
	border-right: 2px solid  #b5b4b2;
}

.product-share {
	padding: 33px;
}

.product-share a {
	text-decoration: none;
}

.product-item-interior {
	position: relative;
}

.product-item-details a {
	width: 90%;
	margin: 0 auto;
	display: block;
	text-decoration: none;
}


.grid-overlay {
	top: -10000px;
	left: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	background: rgba(28, 23, 34, 0.8);
}

.product-item-details.grid-overlay {
  -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
      -ms-transition: opacity 0.3s;
       -o-transition: opacity 0.3s;
          transition: opacity 0.3s;		
          opacity: 0;
}

.product-item:hover .grid-overlay {
	top: 0;
	opacity: 1;
}


.product-item-image {
	height: 639px;
}
.product-item-image img {
	width: 73%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 480px;
}


.related-products .product-item {
	width: 50%;
	border-bottom: none;
}

.related-products-title {
	border-top: 2px solid #3a3939;
	padding: 10% 0;
	width: 795px;
	width: 84%;
	margin: 0 auto;
	text-align: center;
}

.related-products .product-item-image {
	height: 439px;
}


.shop-index {
	padding-top: 88px;
}

.shop-index .product-item {
	width: 33.33%;
}


.shop .errors
.shop .note {
	padding-bottom: 18px;
}



.shop-page, #container.error404 {
	background: url("images/shop-bg.jpg") no-repeat center center;
	background-size: cover;
}

.shop-page {
	padding: 90px 0;	
}

.shop-page-box {
	width: 700px;
	background-color: #FFF;
	margin: 0 auto;
}

.shop-page-box.small {
	width: 350px;
}


.shop-page-box h1 {
	line-height: 103px;
	text-align: center;	
}

.shop-page-box form,
.shop-page-interior,
.shop-page-box h2 {
	padding: 21px;
}

.shop-page-box h2 {
	line-height: 77px;
	padding-top: 0;
	padding-bottom: 0;
}

.shop-page-box h1,
.shop-page-box h2,
.box-title {
	background-color: #000;
	color: #FFF;
	
}

#customer-care-menu a {
	text-decoration: none;
	line-height: 32px;
}

#customer-care-menu .current {
	border-bottom: 2px solid #FFF;
	padding-bottom: 2px;
}
	
.shop-page-box.footer-page-box h1 {
	background: none;
	color: inherit;
	line-height: 32px;
}

.shop-page-box.small h1,
.shop-page-box.small h2,
.box-title {
	text-align: center;
}

.shop-page table {
	border: none;
}

#cart .product_image {
	background-color: #e2e2de;	
	padding: 12px 0;
	min-height: 70px;
}

#cart .product_image img {
	width: 85%;
	display: block;
	margin: 0 auto;
}

#cart td.image {
	width: 70px;
	padding-right: 0;
}

.shop-page-interior {
	padding: 21px;
}

.shop-page-interior.section {
	border-top: 1px solid #dfdfdf;
}

.shop-page th,
.shop-page td {
	padding: 21px;
	text-align: left;
	vertical-align: top;
	margin: 0;
}

.shop-page th,
.shop-page tr.summary td {
	line-height: 80px;
	border-bottom: 1px solid #e1e1e1;
	padding-top: 0;
	padding-bottom: 0;	
}

.shop-page tr.summary td {
	border-top: 1px solid #e1e1e1;	
}

.shop-page .last-td {
	text-align: right;
}

#cart .item a {
	text-decoration: none;
}

#cart .total {
	padding-left: 248px;
	display: block;
}

.shop-page .form-buttons {
	text-align: right;
	padding: 27px 21px;
}

.shop-page .form-buttons .btn {
	display: inline-block;
	margin-bottom: 9px;
}

.shop-page-box #guest form {
	padding-top: 39px;
}

.shop-page-box .chrome input[type="checkbox"], 
.shop-page-box .safari input[type="checkbox"] {
	margin: 0;
	display: inline-block;
}

.reg-half-col {
	width: 50%;
}

.shop .field label {
	width: 35%;
	float: left;
	padding-top: 1.25em;
}

.shop .fieldset {
	background-color: #f9f9f9;
	border: 1px solid #d8d8d8;	
	border-top: none;
	margin-bottom: 1.5em;
}

.shop .field {
	border-top: 1px solid #dfdfdf;
	padding-left: 1.25em;
	padding-right: 1.25em;
}



.shop .field::after {
	clear: both;
}

.shop .field::after, .shop .field::before {
	content: "";
	display: table;
}

.shop .field input[type="text"], .shop .field input[type="tel"], .shop .field input[type="email"], .shop .field input[type="password"], .shop .field select, .shop .field .select-group {
	width: 65%;
	float: left;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

.shop .field input[type="checkbox"],
.shop .call-to-action input[type="checkbox"] {
	margin: 0 3px 0 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 1px solid #d8d8d8;
	background: none;
	vertical-align: -4px;
}

.shop .customer_address .call-to-action .btn {
	margin-top: 18px;
}

.shop .field select {
	-webkit-appearance: none;
	background-image: url(//cdn.shopify.com/s/assets/checkout/icons/ico-updown-e966ea3bf14aaa5ad4fac4c57abd240f.svg),none;
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 1.25em;
	padding-bottom: 1.25em;	
}

.call-to-action .btn {
	float: right;
}

.call-to-action label {
	float: left;
	margin: 1.25em 0 0;
}

.call-to-action .note {
	display: block;
	text-align: right;
	clear: both;
}

.customer_address {
	padding-bottom: 18px;
}

.shop-page .order-history-table th,
.shop-page .order-history-table td {
	padding: 0 12px 12px 0;
	line-height: 12px;
	border: none;
}

.shop-page .order-history-table th {
	padding-bottom: 18px;
}

#order_details {
	margin-top: 18px;
}

#order_details td,
#order_details th {
	padding: 18px 12px 18px 0;
	line-height: 12px;
}

#order_details  tfoot tr:first-child td {
	border-top: 1px solid #dfdfdf;
	padding-top: 18px;
	padding-bottom: 0;
}

#order_details  tfoot tr:last-child td {
	padding-bottom: 18px;
}

#order_details .order_summary td,
#order_details .order_summary th {
	padding: 6px 12px 6px 0;
	text-align: right;
}

#order_details .order_summary.summary td,
#order_details .order_summary.summary th {
	padding: 24px 12px 24px 0;
	border: none;
}

.help-text, .light-text {
	font-size: 14px;
	color: #737373;
}


.help-text {
	padding: 6px 0 18px;
	display: block;
}

.action_bottom {
	text-align: right;
}

/*************************************
	TRACKS
**************************************/

.tracks {
  background: -webkit-linear-gradient(#310f31, #320e55); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#310f31, #320e55); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#310f31, #320e55); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#310f31, #320e55); /* Standard syntax */	
	
}


.track-grid.grid {
	width: 480px;
	width: 25%;
}

.track-grid .grid-image {
	/*width: 267px;*/
	height: 267px;
}

.video-grid .grid-interior {
	height: 230px;
}
.video-grid.track-grid .grid-image {
	height: 128px;
	overflow: hidden;
}

.video-grid .grid-icon {
	background-size: 48px auto;
}


/*************************************
	NEWS
**************************************/
.news {
	background-color: #FFF;
	background-color: #f7f7f7;
}

.news-grids {
	padding: 90px 0;
}

.news .release-artist-name {
	display: inline;
}

.grid-blurb {
	line-height: 1.4em;
}

.grid-blurb p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	
}


/*************************************
	EVENTS
**************************************/

.events {
  background: -webkit-linear-gradient(#2b2343, #56a1a3); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#2b2343, #56a1a3); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#2b2343, #56a1a3); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#2b2343, #56a1a3); /* Standard syntax */	
}

.embed-widget {
	padding: 60px 0;
}

.event:first-child {
	border-top: 2px solid rgba(0,0,0,0.1);
}

.event {
	border-bottom: 2px solid rgba(0,0,0,0.1);
	padding: 62px 0;
}

.event-date {
	width: 164px;
}

.event-info {
	width: 748px;
}

.event-ticket {
	width: 352px;
}

.event-venue p {
	padding: 0;
	margin: 0;
}

.events-list {
	margin: 0 auto;
}

.event-title a {
	text-decoration: none;
}

/*************************************
	OVERLAY 
**************************************/

.overlay {
	z-index: 100000;
}

.full-overlay {
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	background: rgba(28, 23, 34, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.overlay-close {
	position: absolute;
	top: 60px;
	right: -60px;
	width: 60px;
	height: 60px;
	background: url("images/overlay-close.png") #000 no-repeat center center;
	cursor: pointer;
	z-index: 1000001;
	
}

.cta-close-box {
	display: none;
}

.reverse .overlay-close {
	background: url("images/close-reverse.png") no-repeat center center;
	background-size: 12px auto;
}

.overlay-content {
	margin: 0 auto;
	position: relative;
}

.overlay-content.quickview {
	width: 900px;
	height: 500px;
}

.overlay-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}




.share-fb {
	background-image: url("images/share-fb.png");
}

.share-tw {
	background-image: url("images/share-twitter.png");
}


.share-pin {
	background-image: url("images/share-pinterest.png");
}


.share-google {
	background-image: url("images/share-google.png");
}

.share-interior {
	position: relative;
	padding: 15px;
}

.share-btn {
	background: url("images/share-icon.png") no-repeat center center;
	width: 100%;
	height: 24px;
	cursor: pointer;
	
}

.share-options {
	position: absolute;
	top: 33px;
	left: -104px;
	width: 240px;
	background-color: #FFF;
	text-align: left;
	
}


/*
.index-grid {
	transition-property: transform, opacity;
	transform: translate3d(700px, 0px, 0px) scale3d(1, 1, 1);
}*/

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.isotope {
/*
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;*/
}

.isotope .isotope-item {
  -webkit-transition-property: opacity;
     -moz-transition-property:  opacity;
      -ms-transition-property:  opacity;
       -o-transition-property:   opacity;
          transition-property:   opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/*************************************
	NEWS
**************************************/

.news-overlay-box {
	width: 899px;
	width: 1020px;
	padding: 60px;
	margin: 120px auto;
	background-color: #FFF;
	background-color: #f7f7f7;
	position: relative;
}

/*.news-overlay.full-overlay,
.news-new-load.full-overlay,*/
.grid-overlay {
	background-color: rgba(11, 21, 135, 0.9);
	background-color: rgba(28, 23, 34, 0.8);

}

.news-overlay.full-overlay,
.news-new-load.full-overlay,
.grid-overlay {

	position: absolute;
}

.news-overlay.full-overlay,
.news-new-load.full-overlay {
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(28, 23, 34, 0.8);

}


.news-content .grid-content {
	padding-top: 50px;
}

.news-content .artist-post {
	padding: 0;
	border: none;
}

.news-content .artist-post .grid-title {
	padding-top: 21px;
	padding-bottom: 15px;
}


/*************************************
	FOOTER PAGES
**************************************/

.footer-page-box.shop-page-box {
	background-color: #000;
}

.footer-page-left {
	color: #FFF;
}

.footer-page-content {
	background-color: #FFF;	
}
	
	
/*

.footer-page-content {
	width: 557px;
	margin: 0 auto;
}

.footer-page-title {
	padding-top: 4px;
	padding-bottom: 47px;
	text-align: center;
}

.footer-page-body h3 {
	font-size: inherit;
	text-transform: uppercase;
	font-weight: normal;
}

*/

@-moz-document url-prefix() { 

	.search-input {
		margin-top: 4px;
	}
}

.pre-filled .search-input {
	color: #a3a3a3;
}


.home-feature {
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	width: 100%;
	overflow: hidden;
	margin-top: -30px;
}

.home-feature.init {
	height: 0px;
	
}

.home-feature-intro-text {
	text-align: center;
}

.home-news-body {
	color: #999999;
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


.home-feature-image img {
	width: 100%;
}

.newsletter-box-wrapper {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.newsletter-overlay,
.share-overlay {
	width: 352px;
}

.newsletter-box,
.share-box {
	/*
	position: absolute;
	left:50%;
	margin-left: -105px;
	bottom: 0;
	*/
	
	margin: 0 auto;
	
	background-color: #FFF;
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
         	
          overflow: hidden;
}

.newsletter-box-title,
.share-box-title {
	display: block;
	padding: 21px 0;
	cursor: pointer;
}

.newsletter-box-content,
.share-box-content {
	padding: 21px;
}

.newsletter-overlay .overlay-close,
.share-overlay .overlay-close {
	display: none;
}
/*
.social-links-wrapper {
	width: 50%;
	position: absolute;
	bottom: 52px;
	left: 0;
	text-align: center;
	
}

.social-links-wrapper.hide {
	bottom: 100000000px;
	left: -100000000px;
}
*/
.social-links {
	display: inline-block;
	padding-left: 9px;
	text-align: center;
}

.social-links li {
	display: inline-block;
	margin-right: 9px;
}


.social-links a {
	width: 26px;
	height: 26px;
	background: url("images/social-icons-reverse.png") no-repeat;
	display: block;
	background-size: auto 100%;
}

.footer.reverse .social-links a {
	background-image: url("images/social-icons.png");
}	

.social-links a.social-facebook {
	background-position: -73px 0;
}

.social-links a.social-contact{
	background-position: 0 0;
}

.social-links a.social-instagram {
	background-position: -36px 0;
}

.social-links a.social-you-tube {
	background-position: -110px 0;
}

.social-links a.social-twitter {
	background-position: -146px 0;
}


.cta-box.share-link {
	border-color: #e5e5e5;
	margin-bottom: 21px;
}
	

/*************************************
	SHARED
**************************************/


.grid.article-section-fullwidth {
	width: 100%;
	text-align: center;
}

.grid.article-section-fullwidth .showcase-grid-text,
.interactive-intro-text,
.portfolio-text,
.home-feature-text {
	width: 670px;
	margin: 0 auto;
	padding: 50px 0px;
	text-align: center;
}

.pagination-loader {
	height: 16px;
	position: relative;
	width: 160px;
	margin: 20px auto 0 auto;
}

.page-loader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;	
}

.page-loader-interior {
	width: 100%;
	height: 100%;
	position: relative;
}

.loader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	/*background: url("images/loader.gif") no-repeat center center;*/
	height: 16px;
}

#utility-nav {
	display: inline-block;
	position: fixed;
	top: 42px;	
}

.utility-nav {
	display: inline-block;
}

.footer {
	
}

.footer-interior {
	position: relative;
}

.footer-nav {
	padding: 36px 0px;	
}

#secondary-nav li {
	display: inline-block;
	margin-left: 0;
}


#secondary-nav li:first-child {
	margin-left: 0px;
}


/*
.home .footer-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
*/

.footer .nav a {
	padding-bottom: 0px;
}

.footer-nav-right {
	position: absolute; 
	top: 0px;
	right: 0px;
}
		
	
#back-to-top {
	border: 1px solid #d9d9d9;
	border-right: none;
	padding: 14px 0 12px 18px;
	background: url("images/top-arrow.png") no-repeat 111px center;
	width: 154px;
	position: fixed;
	bottom: 160px;
	right: 0;
	cursor: pointer;
}	

#back-to-top.relative {
	position: absolute;
	bottom: 410px;
}
	
	

/*************************************
	SEARCH
**************************************/

#search-link {
	background: url("images/search-icon.png") no-repeat right 2px;
	padding-right: 15px;
	display: inline-block;
	background-size: 10px auto;
}

#search-form {
	display: inline-block;
	
}

#search {
	width: 120px;
	width: 104px;
	position: relative;
  -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
      -ms-transition: width 0.3s;
       -o-transition: width 0.3s;
          transition: width 0.3s;			
}

#search.expanded {
	width: 307px;	
}



input.search-input {
	height: 15px;
	border: none;
	border-bottom: 1px solid #000;
	width: 250px;
	background: none;
	margin: 0;
	color: #000 !important;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
	
}

.reverse input.search-input {
	border-bottom: 1px solid #FFF;
	color: #FFF !important;
}

.search-submit-wrapper {
	border: none;
	background: url("images/search-icon.png") no-repeat right 2px;
	background-size: 10px auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 10px;
	width: 12px;
	height: 14px;
}

input.search-submit {
	opacity: 0;
	width: 12px;
	height: 14px;
	margin: 0;
	padding: 0;
}

.reverse #search-link,
.reverse .search-submit-wrapper  {
	/*background-image: url("images/search-icon-reverse.png");*/
}


.search.page {
	background-color: #FFF;
	background-color: #f7f7f7;
	padding-top: 60px;
}

.search-grid.grid {
	text-align: center;
	width: 25%;
}

.search-grids.grids {
	width: 100%;
}

.search-intro.search-grid.grid {
	text-align: left;
}





th {
	font-weight: normal;
}


	
		

.right-align-text {
	text-align: right;
}

.italic {
	font-style: italic;
}

.outlink-arrow {
	display: inline-block;
	width: 18px;
	height: 31px;
	background: url("images/outlink-arrow.png") no-repeat center center;	
	background-size: contain;
}

.displace, .hide, .logo.hide {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

.fake-table {
	display: table;
	width: 100%;
	height: 100%;
}

.fake-cell {
	display: table-cell;
	vertical-align: middle;
}

.fake-cell-bottom {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 50px;
}

.full-blank {
	width: 100%;
	height: 100%;
	display: block;
}

.center {
	text-align: center;
}


html[data-useragent*='MSIE 10.0'] .subscribe-bar-input,
html[data-useragent*='MSIE 9.0'] .subscribe-bar-input,
html[data-useragent*='Windows'] .subscribe-bar-input  {
	line-height: 1em;
}

html[data-useragent*='Windows'] .search-input  {
	height: 24px;
}

html[data-useragent*='AppleWebKit'] .share-options:after {

   left:104px;

   
}


.spinner {
  margin: 6em auto;
  font-size: 10px;
  position: fixed;
  text-indent: -9999em;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #FFF;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  margin-top: -23px;  
  z-index: 500000;
}


.spinner,
.spinner:after {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}


.spinner-wrapper {
	position: relative;
	height: 90px;
	padding: 15px 0;
}

.spinner-wrapper .spinner {
	position: absolute;
}

/*
.spinner.reverse {
  border-top: 2px solid #d1d1d1;
  border-right: 2px solid #d1d1d1;
  border-bottom: 2px solid #d1d1d1;		
}
*/

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/*
@media only screen and (min-device-width: 1024px) {

	.nav .menu-item {
		margin-left: 12px;
	}
	
	.titleA {
		font-size: 74px;
	}
	
	.panel {
		min-height: 480px;
	}
	
	.typeA {
		font-size: 15px;
	}	
	
	.typeB {
		font-ize: 21px;
	}
	
	.typeC {
		font-size: 13px;
	}
	
	
	.content-interior {
		width: 840px;
	}
	
	
}
*/



@media only screen and (min-device-width: 1024px) /*and (min-width: 480px)*/ {
	#container {
		min-width: 1024px;
	}
	
	.single-artist .logo a,
	.shop-index .logo a {
		background-image: url("images/dreamville-logo.png");
	}
	
	.single-product .logo a {
		background-image: url("images/dreamville-logo-reverse.png");
	}	
	
	.single-artist #menu-main-menu a {
		color: #000 !important;
	}
	
	.shop #header {
		background-color: #000;
	}
	
	.shop #header #nav a {
		color: #FFF !important;
	}	
	
	.shop.single-product #header {
		background: none;
	}	
	
	/*
	.shop.single-product #header.fixed {
		background-color: #000;
	}
	*/
	
	.single-artist #header.fixed {
		background-color: inherit;
	}
	
	.single-artist #header.fixed .nav-wrapper,
	.single-product #header.fixed .nav-wrapper {
		width: 50%;
		position: fixed;
		right: 0;
		top: 0;
		height: 88px;
	}	
	
	.single-artist #header.fixed .nav-wrapper {
		background-color: #FFF;
	}
	
	.single-product #header.fixed .nav-wrapper {
		background-color: #000;
	}	
	
	
	.single-artist .footer,
	.single-product .footer {
		z-index: 500000;
		color: #000;
		background-color: #FFF;
		position: relative;
		width: 100%;
		height: 85px;
		
	}
	
	.single-product .footer {
		background-color: #000;
	}
	
	
		
	.shop-index .footer {
		position: relative;
		height: 85px;
		color: #FFF !important;
	}
	

		
	
	.shop .alt-color *,
	.shop *.alt-color {
		color: rgba(255, 255, 255, 0.4) !important;
	}
	
	.single-artist .alt-color *,
	.single-artist *.alt-color {
		color: rgba(0, 0, 0, 0.4) !important;
	}
	
	
	.footer-page-box.shop-page-box {
		width: 898px;
	}
	
	.footer-page-left {
		width: 298px;
		padding: 59px 39px;
	}
	
	.footer-page-content {
		width: 600px;
		padding: 59px 39px;
		
	}	
	
		
	
}



@media only screen and (min-device-width: 1024px) and (max-width: 1279px) /*and (min-width: 480px)*/ {
	.logo,
	.footer-nav {
		left: 50px;
	}
	
	
	#header, .full-overlay {
		min-width: 1024px;
	}
	
	
	#secondary-nav,
	#nav {
		position: absolute;
	}
	
	#nav,
	#secondary-nav,
	.big-close,
	#utility-nav {
		right: 50px;
	}

	.nav .menu-item {
		margin-left: 12px;
	}
	
	.titleA {
		font-size: 74px;
	}
	
	.titleB {
		font-size: 39px;
	}
	
	
	.titleD {
		font-size: 35px;
	}		
	
	.titleF {
		font-size: 33px;
	}
	
	.titleE {
		font-size: 15px;
	}	
	
	.titleF {
		font-size: 16px;
	}	
		
	.titleG {
		font-size: 42px;
	}
	.titleI {
		font-size: 120px;
	}	
	


	
	
	.panel {
		min-height: 480px;
	}
	
	.typeA {
		font-size: 15px;
	}	
	
	.typeB {
		font-size: 21px;
	}
	
	.typeC {
		font-size: 13px;
	}	
	
	.typeD {
		font-size: 21px;
	}	
	
	.content-interior,
	.grids,
	.search .content-interior	 {
		width: 960px;
	}	
	
	.news-overlay-box {
		width: 720px;
	}
	
	.grid {
		width: 320px;
	}
	
	
	.grid-interior {
		padding-bottom: 35px;
	}
	
	.grid-subtitle {
		padding-top: 21px;
	}
	
	.grid-title {
		
	}	
	
	.index-more {
		padding: 30px 0;
	}
	
	.news-grids	{
		padding: 72px 0;
	}
	
	.grid-blurb p	{
		padding-top: 21px;
	}
	
	
	.artist-post .grid-blurb p, .product .grid-blurb p .page-content {
		width: 400px;
	}
		
	
	.page-header {
		height: 240px;
	}	
	
	.page-interior {
		width: 850px;
	}
	
	.page-interior .page-content {
		padding-top: 36px;
	}	
	
	.product-info {
		width: 390px;
	}
	
	
	.artist-post .video-embed iframe {
		width: 410px;
		height: 228px;
	}	
	
	.news-content .artist-post .video-embed iframe {
		width: 620px;
		height: 349px;
	}	
	
	.artist-post {
		padding: 36px 0;
		
	}
	
	.grids-a.grids {
		padding-top: 18px;
	}
	
	.grid-a.grid {
		padding: 18px;
	}
	
	.grid-a.grid .grid-interior {
		padding: 24px;		
	}
	
	.grid-a.grid:hover .grid-interior {
		padding: 26px;
	}	
	
	
	.release-grid {
		width: 960px;
	}
	
	.release-grid .grid-interior {
		height: 292px;  	
	}
	
	.release-grid .grid-content {
		width: 520px;
		padding: 0 0 0 90px;
	}

	.release-grid .grid-image {
		width: 240px;	
	}
	
	.track-grid.grid, .search-grid.grid {
		width: 240px;
		width: 33.33%;
	}
	
	.track-grid .grid-image {
		height: 240px;
		height: 270px;
	}
	
	.video-grid .grid-interior {
		height: 240px;

	}
	.video-grid.track-grid .grid-image {
		height: 81px;
		height: 120px;
	}	
	

	.event-info {
		width: 434px;
	}			

	.slide-nav-btn {
		width: 48px;
	}
	
	.product-item-image {
		height: 342px;
	}	
	
	.artists-new .artists-row {
		width: 1024px;	
	}
	

		
}


@media only screen and (min-width: 1280px) and (max-width: 1365px) {
	.logo,
	.footer-nav {
		left: 36px;
	}
	
	#nav,
	#secondary-nav,
	.big-close,
	#utility-nav {
		right: 36px;
	}
	
	.titleA {
		font-size: 90px;
	}
	
	.titleF {
		font-size: 36px;
	}	
	
	.titleG {
		font-size: 36px;
	}		
	
	.titleB {
		font-size: 42px;
	}	
	
	.titleI {
		font-size: 120px;
	}
	
	/*
	.titleC {
		font-size: 14px;
		font-size: 16px;
		text-transform: uppercase;
	}
	*/
	
	.titleD {
		font-size: 18px;
	}
	
	.titleE {
		font-size: 16px;
		text-transform: uppercase;
	
	}
	
	
	
	.panel {
		min-height: 520px;
	}	
	
	.typeA {
		font-size: 15px;
	}	
	
	.typeB {
		font-size: 24px;
	}	
	
	.typeC {
		font-size: 14px;
	}
	
	.typeD {
		font-size: 24px;
	}		
	
	.content-interior {
		width: 1240px;
	}
	
	.grids {
		width: 1218px;
	}
	
	.search .content-interior {
		width: 1200px;
	}

	
	.grid {
		width: 406px;
		padding: 0 34px 24px 34px;
	}
	
	.grid-interior {
		padding-bottom: 40px;
	}
	
	.grid-subtitle {
		padding-top: 21px;
	}
	
	.grid-title {
		/*padding: 13px 0 0 0;*/
	}	
	
	.index-more {
		padding: 30px 0;
	}
	
	.news-grids	{
		padding: 72px 0;
	}
	
	.grid-blurb p	{
		padding-top: 21px;
	}
	
	.page-header {
		height: 270px;
	}	
	
	
	.grids-a.grids {
		padding: 15px 0;
	}
	
	.grid-a.grid {
		padding: 15px;
	}
	
	.grid-a.grid .grid-interior {
		padding: 18px;	
	}
	
	.grid-a.grid:hover .grid-interior {
		padding: 20px;
	}
			
	
	.artist-post .video-embed iframe {
		width: 520px;
		height: 289px;		
	}	
	
	.news-content .artist-post .video-embed iframe {
		width: 620px;
		height: 349px;
	}		
	
	.artist-post {
		padding: 45px 0;
		
	}	
	
	

	
	.release-grid {
		width: 620px;
	}
	
	.release-grid .grid-interior {
		height: 290px;
	}
	
	.release-grid .grid-image {
		width: 248px;
	}
	
	.release-grid .grid-content {
		width: 284px;
		padding: 0 0 0 15px;
	}
	
	.release-artist-name {
		display: inline;
	}
	
	.release-artist-name:after {
		content: " – "
	}
	
	

	.events-list {
		width: 1180px;
	}	

	.event-info {
		width: 654px;
	}		


	.page-interior {
		width: 920px;
	}


	
	.slide-nav-btn {
		width: 48px;
	}
	
	.product-info {
		width: 475px;
	}
	
	
	.product-item-image {
		height: 427px;
	}	
	
	.artists-new .artists-row	{
		width: 1180px;
	}
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
	.logo,
	.footer-nav {
		left: 62px;
	}
	
	#nav,
	#secondary-nav,
	.big-close,
	#utility-nav {
		right: 62px;
	}
	
	
	.titleA {
		font-size: 99px;
	}
	
	.titleG {
		font-size: 42px;
	}
	
	.titleB {
		font-size: 48px;
	}
	
	.titleI {
		font-size: 120px;
	}	

/*
	.titleC {
		font-size: 16px;
		font-size: 18px;
	}
	*/

	.titleD {
		font-size: 21px;
	}

	.titleE {
		font-size: 18px;
	}

	.titleF {
		font-size: 27px;
	}


	
	
	.panel {
		min-height: 545px;
	}	
	
	.typeA {
		font-size: 16px;
	}	
	
	.typeB {
		font-size: 27px;
	}
	
	.typeC {
		font-size: 14px;
	}	
	
	.typeD {
		font-size: 27px;
	}	
	/*
	.logo {	
		top: 65px;
	}
	
	.newsletter-box {
		width: 282px;
		height: 95px;
		padding: 0 36px 36px 36px;
	}
	
	.newsletter-box-title {
		padding: 36px 0;
	}	
	
	.social-links-wrapper {
		bottom: 78px;
	}
	
	.titleC {
		font-size: 24px;
		text-transform: uppercase;
	}	
	*/
	
	.grids {
		width: 1290px;
	}
	
	.search-grids .content-interior {
		width: 1288px;
		
	}
	
	.grid {
		width: 430px;
		padding: 0 35px 27px 35px;
	}
	
	.grid-interior {
		padding-bottom: 40px;
	}
	
	.grid-subtitle {
		padding-top: 26px;
	}
	
	.grid-title {
		/*padding: 13px 0 0 0;*/
	}	
	
	.grid-blurb p	{
		padding-top: 18px;
	}	
	
	.index-more {
		padding: 42px 0;
	}
	
	.news-grids	{
		padding: 72px 0;
	}
	

	
	
		
	
	.content-interior {
		width: 1280px;
	}
	
	.page-header {
		height: 300px;
	}
	
	.page-interior {
		width: 920px;
	}
	
	.grids-a.grids {
		padding: 18px 0;
	}
	
	.grid-a.grid {
		padding: 18px;
	}
	
	.grid-a.grid .grid-interior {
		padding: 18px;	
	}
	
	.grid-a.grid:hover .grid-interior {
		padding: 20px;
	}
	
		
	
	.artist-post .video-embed iframe {
		width: 600px;
		height: 333px;	
		width: 546px;
		height: 303px;	
	}
	
	
	.news-content .artist-post .video-embed iframe {
		width: 720px;
		height: 405px;
	}		

	
	.release-grid {
		/*height: 348px;*/
		width: 640px;	
	}
	
	.release-grid .grid-interior {		
		height: 296px;
	}
	
	.release-grid .grid-image {
		width: 256px;
	}
	
	.release-grid .grid-content {
		padding: 0 0 0 18px;
		width: 300px;
	}
	
	
	.events-list {
		width: 1200px;
	}	

	.event-info {
		width: 674px;
	}	
	
	.product-info {
		width: 475px;
	}
	
	.product-item-image {
		height: 454px;
	}
	
	.artists-new .artists-row {
		width: 1280px;
	}	

	
	
	
	
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {

	/*
	.newsletter-box {
		width: 282px;
		padding: 0 36px 36px 36px;
	}
	
	
	.newsletter-box.active {
		height: 379px;
	}
	
	.newsletter-box-title {
		padding: 36px 0;
	}	
	*/
	
	
	.titleC {
		font-size: 24px;
		text-transform: uppercase;
	}
	
	.titleA {
		font-size: 136px;
		font-size: 120px;
	}	
	

	.typeC {
		font-size: 16px;
	}
		
	
	.panel {
		min-height: 620px;
	}	
	
	.content-interior {
		width: 1540px;
	}
	
	.home-news {
		padding-top: 92px;
	}
	
	.grids {
		width: 1518px;
	}
	
	.search .content-interior {
		width: 1516px;
	}
	
	.grid {
		width: 506px;
		padding: 0 42px 27px 42px;
	}
	
	
	.grids-a.grids {
		padding: 33px 0;
	}
	
	.grid-a.grid {
		padding: 33px;
	}
	
	.grid-a.grid .grid-interior {
		padding: 24px;	
	}
	
	.grid-a.grid:hover .grid-interior {
		padding: 26px;
	}	

	
	
	.release-grid {
		/*height: 426px;*/
		width: 768px;		
	}

	
	.release-grid .grid-interior {		
		height: 360px;    	
	}
	
	.release-grid .grid-content {
		padding: 0 0 0 27px;
		width: 340px;
	}
	
	
	.release-grid .grid-image {
		width: 308px;	
	}
	
	
	.video-grid .grid-interior {
		height: 240px;
	}

	
		
	
	.artist-post .video-embed iframe {
		width: 700px;
		height: 389px;		
		width: 660px;
		height: 366px;
	}	
	
	.news-content .artist-post .video-embed iframe {
		width: 720px;
		height: 405px;
	}	
	
	.events-list {
		width: 1500px;
	}
	
	.event-info {
		width: 984px;
	}
	
	.product-info {
		width: 515px;
	}
		
	.product-item-image {
		height: 535px;
	}
	
	
}

@media only screen and (min-width: 1920px) {
	.content-interior {
		width: 1880px;
	}
	.titleA {
		font-size: 120px;
	}
	
	.titleC {
		font-size: 24px;

	}


	.typeC {
		font-size: 16px;
	}
		
	
	.home-news {
		padding-top: 92px;
	}
	
	.grids {
		width: 1818px;
	}
	
	.search .content-interior {
		width: 1816px;
	}
	
	.grid {
		width: 606px;
		padding: 0 50px 27px 50px;
	}
	
	.artist-post .video-embed iframe {
		width: 800px;
		height: 445px;		
	}	
	
	.release-grid {
		/*height: 426px;*/
		width: 768px;
	}
	

	
	.release-grid .grid-interior {
		height: 356px;  	
	}
	
	
	.release-grid .grid-content {
		padding: 0 0 0 27px;
		width: 340px;
	}

	.release-grid .grid-image {
		width: 308px;	
	}
	
	.release-grid:hover .grid-interior {
		padding: 26px;
	}	
	
	
	.video-grid .grid-interior {
		height: 300px;
	}	
	
	.video-grid.track-grid .grid-image {	
		height: 188px;
	}
	
	.events-list {
		width: 1500px;
	}
	
	.event-info {
		width: 984px;
	}
	
	
}


.bulat {
    width: 30px;
    height: 30px;
    position: relative;
    margin:0px auto;
    cursor: pointer;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}

#dalbulat {
   /* background-color: #FFF;*/
   background: url("images/pink-heart.png") no-repeat center center;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 2;
    border-radius: 50px;
    text-align: center;
    font-size:10px;
    color:#FFF;
    line-height: 90px;
    width: 26px;
    height: 26px;
}

.luarbulat {
    margin: 0 auto;
    /*background: #f3a493;
    background: -webkit-radial-gradient(20% 20%, ellipse cover, #f3a493 0%, #f3a493 24%, transparent 74%, transparent 100%);
    background: radial-gradient(ellipse at 20% 20%, #f3a493 0%, #f3a493 24%, transparent 74%, transparent 100%);
    border-radius: 30px;*/
    background: url("images/loader.png") no-repeat center center;
    border-radius: 0;    
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.reverse .bulat {
	border-radius: 0;
}
.reverse .bulat #dalbulat {
	background: none;
	border-radius: 0;
}

.reverse .bulat .luarbulat {
    background: url("images/reverse-loader.png") no-repeat center center;
    border-radius: 0;
}

.mc4wp-ajax-loader {
	background: none !important;
}

#admin_bar_iframe {
	display: none;
}


@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes color {
    0% {
        color:#fff;
    }
    50% {
        color:transparent;
    }
    100% {
        color:#fff;
    }
}