html,body{
	background-color: #fff;
	font-family: "sofia-pro", sans-serif;
	font-weight: 400;
	
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100% !important;
    height: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	color:#000;
	/* 	overflow-x: hidden; */
}




@font-face {
  font-family: 'socicon';
  src:  url('/webfonts/socicon.eot?699visa');
  src:  url('/webfonts/socicon.eot?699visa#iefix') format('embedded-opentype'),
    url('/webfonts/socicon.woff2?699visa') format('woff2'),
    url('/webfonts/socicon.ttf?699visa') format('truetype'),
    url('/webfonts/socicon.woff?699visa') format('woff'),
    url('/webfonts/socicon.svg?699visa#socicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="socicon-"], [class*=" socicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'socicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.socicon-facebook:before {
  content: "\e028";
}
.socicon-twitter:before {
  content: "\e08d";
}
.socicon-instagram:before {
  content: "\e044";
}
.socicon-itunes:before {
  content: "\e047";
}
.socicon-soundcloud:before {
  content: "\e078";
}
.socicon-spotify:before {
  content: "\e079";
}




.hide{
	display: none !important;
}

a{
	transition: all .25s ease;
}

.fix{
	position: fixed !important;
}

img.lazy{
	display: block;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="text" i]::-webkit-file-upload-button, button { border-radius: 0 !important; }

input{
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.autoClick{
	cursor: pointer;
}

.site_alert{
	width:100%;
	height:20px;
	padding-top:3px;
	font-size:11px;
	color:#fff;
	text-align: center;
	background-color: red;
	font-family: Helvetica;
	display: none;
}


.logoV3{
	height:40px;
	width:40px;
	margin:0 auto;
}


#social{
	position: absolute;
	top:20px;
	right:30px;
	z-index: 999;
}


.social a{
	margin-left:12px;
	color:#fff;
	font-family: 'socicon' !important;
	text-decoration: none;
}
.social a:hover{
	color:#999;
}

#social.dark a{
	color:#333;	
}
#social.dark a:hover{
	color:#999;	
}

#social.dark2 a{
	color:#666;	
}
#social.dark2 a:hover{
	color:#666;	
}

.album_social .list{
	padding-top:5px;
}
.butts_bot{
	padding-top:10px;
}

.cscn_social_top{
	padding-top:15px;
	display: block;
}
.cscn_social_bot{
	display: none;
	padding-top: 0px;
	padding-bottom: 10px;
}



.album_social a{
	font-size:22px;
	line-height: 21px;
	color: white;
	height:34px;
	width: 34px;
	padding:2px;
	margin-right:4px;
}
.album_social a:hover{
	opacity: .8;	
	
}
.album_social a svg, .album_social a img{
	width:100%;
	width:30px;
}
.album_title_bot .album_social a{
	color:black;
}
.album_title_bot .album_social a svg .st0{
	fill:#000;
}

.album_social a.black svg .st0{
	fill:#000;
}
	
	
.album_title_bot .album_social{
	margin-bottom: 20px;
}
.album_social a.ball{

}

.album_social .label{
	display: block;
	position: relative;
	font-size:13px;
	font-weight: bold;
	padding-top
	\: 8px;
	text-transform: capitalize;
}

.artist_social a{
	margin-right: 13px;
	color:white;
}
.artist_social a:hover{
	color:#ccc;
}

.useDark .artist_social a{
	color:black;
}
.useDark .artist_social a:hover{
	color:#333;
}



.artist_social.small a{
	color:black;
}
.artist_social.small{
	margin-bottom: 20px;
}



#god{
	min-height: 100% !important;
    height: 100%;
}


#nav{
	transition: all .35s ease;
	width:200px;
	height:100%;
	background-color: #8480ff;
	color:#fff;
	position:fixed;
	left:0px;
	top:0px;
	z-index: 2000;
	-webkit-transform: translateX(-120px);
	-moz-transform: translateX(-120px);
	-ms-transform: translateX(-120px);
	-o-transform: translateX(-120px);
	transform: translateX(-120px);
}

.purple_page{
	background-color: #eaeafd;
}

#main{
	width:calc(100% - 80px);
	min-height: 100% !important;
    height: 100%;
    left:80px;
}

#main.epk_css{
	width:100% !important;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	left:0px !important;
}



body.sec_epk #nav{
	display:none;
}

body.open{
	overflow-x: hidden;
	
}


body.open #main{
	transition: all .35s ease;
	left:0px;
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	-ms-transform: translateX(200px);
	-o-transform: translateX(200px);
	transform: translateX(200px);	
}
body.open #nav{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
#nav #color{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 10;
	opacity: 0;	
	background-color: #8480ff;
	pointer-events: none;
}
body.open #nav #color{
	opacity: 1;	
}

#nav .logoV3{
/* 	margin-top:10px; */
}

#btn-close img{
	max-width:16px;
}
#btn-close:hover{
	opacity: .7;
}


#nav .open, #nav .close{
	z-index: 101;
	position: absolute;
	top:20px;
	right:20px;	
	transition: all .35s ease;
}
#nav .options{
	z-index: 2001;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	top:90px;
	left:0px;
	width:100%;
	text-align: center;
	transition: all .35s ease;
}
#nav .close{
	cursor: pointer;
}
#nav .open{
	height: 100%;
	cursor: pointer;
}
#nav .open:hover{
	opacity: .7;
}	
#nav .open .icon, #burger .icon{
	width:30px;
}
#nav .open .icon{
	position: absolute;
	left:25px;
	top:calc(50% - 35px);

}
#burger{
	height: auto;
	cursor: pointer;
	position: absolute;
	right:25px;
	top:25px;
}



/*
#burger .icon svg *{
	stroke:#fff;
}
*/


a{
	color:#333;
	text-decoration: none;
}
#nav .options a{
	color:#c2c0ff;
	text-transform: uppercase;
	font-size:13px;
	font-weight: 700;
	letter-spacing: .1em;
			
}
#nav .options a:hover{
	color:#fff;
}
#nav .options li{
	margin-bottom: 12px;
}

#nav .close{
	opacity: 0;
}
#nav .open{
	opacity: 1;
	width:80px;
	text-align: center;
	left:120px;
	font-size: 13px;
}

body.open #main{
	pointer-events: none;
}
body.open #nav .open{
	opacity: 0;	
}

body.open #nav .close{
	opacity: 1;	
}
body.open #nav .options{
	opacity: 1;	
	pointer-events: all;
	display: block;
}

/* hack for ios15 fix */
body.open #nav #color{
	display: none;
	width:0px;
	height:0px;
}

.dim2{
	z-index: 2000;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	background-color: #333;
	opacity: 0;
	transition: all .35s ease;
	pointer-events: none;
}
#dim{
	z-index: 1000;
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	background-color: #333;
	opacity: 0;
	transition: all .35s ease;
	pointer-events: none;
}
body.open #page{
	overflow-y: hidden;
}
body.open  #dim{
	pointer-events: all;
	opacity: .7;
}
#main{
	height: 100%;
	min-height: 100%;
	position: relative;
}







#burger{
	display: none;
}







.cscn_header{
	width:100%;
	background-color: #d9e9f0;
	min-height: 160px;
}

.cscn_header .cscn_svg{
	width:100%;
	text-align: center;
}
.cscn_header img{
	display:inline-block;

	width:100%;
	width:160px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom: 40px;
}

.cscn_header .logoX{
	float:none;
	display:block;
	margin:0 auto;
	width:60%;
	max-width: 360px;
/*
	padding-top:30px;
	padding-bottom:30px;
*/
}
.cscn_header .logo svg{
	width:100%;
}


.logo .cascine{
	width:40%;
	max-width: 180px;
}
.logo img{
	width: 100%;	
}















.vert-prep{
	display: block;
	position: relative;
	height: inherit;
}
.vertLeft{
	text-align: left;
	display: block;
	position: absolute;
	-webkit-font-smoothing: antialiased;
	top:50%;
	 -ms-transform: translateY(-50%); /* IE 9 */
   	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    left:0;right:0;
    margin:0 auto;
}
.vert{
	text-align: center;
	display: block;
	position: absolute;
	-webkit-font-smoothing: antialiased;
	top:50%;
	 -ms-transform: translateY(-50%); /* IE 9 */
   	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    left:0;right:0;
    margin:0 auto;
}

.vb_prep{
	display: block;
	position: relative;
	height: inherit;
}

.box_vert{
/*
	padding-left:60px;
	padding-right: 60px;
*/
	text-align: left;
	display: block;
	position: absolute;
	-webkit-font-smoothing: antialiased;
	top:50%;
/*
	 -ms-transform: translateY(-50%);
   	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    
*/
     -ms-transform: translate(-50%,-50%);
   	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    
    left:50%;
    margin:0 auto;
    width:70%;
    
}




.valign:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.valigned2{
	vertical-align: middle;
	display: inline-block;
		position: relative;
	-webkit-font-smoothing: antialiased;
}

.valigned{
	vertical-align: middle;
	display: inline-block;
	position: relative;
	-webkit-font-smoothing: antialiased;
	left:50%;
	 -ms-transform: translateX(-50%); /* IE 9 */
   	-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
    transform: translateX(-50%);
}

.valignbox{
 position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.vprep{
	display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.valign2{
	display:block;
text-align: center;
vertical-align: middle;
}




#header{
	top:0px;
	right:0px;
	position: fixed;
	background-color: transparent;
	height:70px;
	width:100%;
	z-index: 900;
}
#header .logo{
	position: absolute;
	top:18px;
	left:18px;
	display: none;
}



#header .social li{
	float:left;
}

#footer{
	margin-top:40px;

	position: relative;
	font-size:13px;
	width:100%;
	background-color: white;
	min-height: 80px;
	text-align: center;
	color:#000;
}
#footer .padder{
	padding:30px;
	position: relative;

}
#footer .topborder{
	width: calc(100% - 60px);
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	position: relative;
	border-top: 1px solid #999;
}

#copyright{
	text-transform: uppercase;
	font-size:12px;
	text-align: right;
	height: 42px;
	line-height: 42px;
	float:right;
	position: relative;
	display: block;
	z-index: 500;
}
.poptop{
	padding-top:40px;
}
.popbot{
	padding-top:30px;
}
.poptop.pophead{
	padding-top:60px;
}
.finishpad{
	position: relative;
	display: block;
	width:100%;
	height:40px;
}

/*
	Decide that 480 is mobile width and stick with it. 
	
*/
#burger{
	display: none;
}

.btest{
	border:solid 1px red;
}

.hv3{
	position: relative;
	display: inline-block;
	font-size:20px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color:black;	
}
.hv3.link{
	cursor: pointer;
}
.hv3 .b1{
	position: relative;
	z-index: 1;	
}
.hv3 .b2{
	position: absolute;
	z-index: 0;
	top:52%;
	left:-5px;
	width:calc(100% + 12px);
	height:62%;
	background-color: #8480ff;
}
.hv3:after{
	clear:both;
	display: block;
	width:100%;
}
.av3{
	font-weight: bold;
	font-size:14px;
	display: inline-block;
	vertical-align: top;
	float:right;
	text-decoration: underline;
}


.hv2{
	margin-top:20px;
	position: relative;
	display: inline-block;
	font-size:14px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color:black;	
}
.hv2:after{
	clear:both;
	display: block;
	width:100%;
}
.hv2 .label{
	color:#999;	
}
.hv2 a{
	color:#666;
	font-size:13px;
	float:left;
	margin-right:5px;	
}
.hv2 a:hover{
	opacity: .5;	
}




.finish:after{
  content: "";
  display: table;
  clear: both;
}

#products{
	padding-top:40px;

}

.product{
	float:left;
	display: block;
	position: relative;
}


.box2{
	width:49%;
}
.box2:nth-child(2n+1){
	margin-left:0%;
	margin-right:1%;
}
.box2:nth-child(2n+2){
	margin-left:1%;
	margin-right:0%;
}

.box21{
	width:48%;
}
.box21:nth-child(2n+1){
	margin-left:0%;
	margin-right:2%;
}
.box21:nth-child(2n+2){
	margin-left:2%;
	margin-right:0%;
}


.box3{
	width:32%;
}
.box3:nth-child(3n+1){
	margin-left:0%;
	margin-right:1%;
}
.box3:nth-child(3n+2){
	margin-left:1%;
	margin-right:1%;
}
.box3:nth-child(3n+3){
	margin-left:1%;
	margin-right:0%;
}


.product .vendor{
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	width:100%;
	text-align: center;
}
.product .title{
	font-size: 18px;
	text-transform: normal;
	width:100%;
	text-align: center;
}
.product{
	display: none;
	margin-bottom: 30px;
}
.product:nth-child(-n+3){
	display: block;
}







.newitem{
	display:block;
	float:left;
	vertical-align: top;
	margin-bottom: 40px;
}
.newitem .img{
	width: 100%;
}
.img img{
	width:100%;
}
.newitem .date{
	font-weight: bold;
	font-size:12px;
	margin-bottom: 10px;
}
.newitem .data{
	margin-top:20px;
}
.newitem .title{
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
}

.newitem .subtitle{
	
	text-transform: uppercase;
	font-size: 18px;
	line-height: 22px;
	margin-bottom:10px;
}
.newitem .desc{
	font-size:13px;
	margin-bottom: 10px;
}
.newitem a.more{
	position: relative;
	display: inline-block;
	margin-top:6px;
}

.newitem.slack34{
	display: none;
}
.newitem.slack34:nth-child(-n+3){
	display: block;
}



@media all and (max-width: 880px) { 
	.product .vendor, .product .title{
		font-size:14px;	
	}	
	.product .vendor{
		margin-top: 10px;
	}
}
@media all and (max-width: 736px) { 
	.product .vendor, .product .title{
		font-size:12px;	
	}
	.product .vendor{
		margin-top: 5px;
	}
}

#artist-releases-mobile{
	display: none;
}
#artist-releases-glide{
	display: block;
}



@media all and (max-width: 736px) { 
	
	
	
	#artist-releases-mobile{
		display: block;
	}
	#artist-releases-glide{
		display: none;
	}
	
	
	.newitem.slack34:nth-child(-n+4){
		display: block;
	}

	.product:nth-child(-n+6){
		display: block;
	}

	.box3{
		width:47%;
		display: inline-block !important;
		float:none !important;
	}
	.box3:nth-child(2n+1){
		margin-left:0%;
		margin-right:2%;
	}
	.box3:nth-child(2n+2){
		margin-left:2%;
		margin-right:0%;
	}
	
	.box21{
		width:100%;
	}
	.box21:nth-child(2n+1){
		margin-left:0%;
		margin-right:0%;
	}
	.box21:nth-child(2n+2){
		margin-left:0%;
		margin-right:0%;
	}

}







.product .img{
	display: block;
	width:100%;
	max-width:460px;
	margin:0 auto;
}
.product .img img{
	width:100%;	
}




@media (max-width: 480px) {
	
	
.poptop.pophead{
	padding-top:30px;
	padding-bottom:10px;
}
	
	
	#header{
		top:initial;
		right:initial;
		position: relative;
		background-color: #8480ff;
		height:70px;
		width:100%;
		z-index: 900;
	}
	
	#header .logo{
		top:16px;
		left:16px;
		display: block;
	}
		
	
	#nav #color{
		opacity: 1;
	}
	#main{
		left:0px;
		transition: all .35s ease;
		width:100% ;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		min-height: 100%;
		height: 100%;
	}
	#nav{
		pointer-events: none;
		opacity: 0;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		min-height: 100vh;
		height: 100vh;
		width:100%;
	}
	#nav .open{
		display: none;	
	}
	#social{
		display: none;
	}
	#burger{
		display: block;
	}
	#burger{
		
	}
	
	body.open #nav{
		pointer-events: all;
	}
	body.open #main{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);	
	}
	body.open #nav{
		opacity: 1;
		pointer-events: all;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}

}
















.full_image{
	width:100%;
	min-height:350px;
	max-height: 800px;
	
	height: 70vh;
	position: relative;	
	overflow: hidden;
	z-index: 110;
	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


.full_image.filmLens{
	min-height:0;
	height: 0;
	position: relative; 
	padding-bottom: 56.25%;
	background-color: #000;
}

#fullbg2{
	min-height:150px;
	/* max-height: 800px; */
	width:100%;
	height:100%;
	z-index: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	background-color: #000;
}
#fullbg2.off{
	display: none;
}

.CS_canvas{
	opacity: 0;
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	height:100% !important;
	
}

.CS_canvas.fadeIn{
	opacity: 1;
}

video, .CS_canvas{
	width:100% !important;
}

#bgVideo{
	width:100% !important;
}
.blur_container{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index: 10;
	overflow: hidden;
	
	-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translate3d(0,0,0);
-webkit-transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000;
transform: translate3d(0,0,0);
transform: translateZ(0);
}

.blur_color2{
	background-size: cover;
	z-index: 9;
	-webkit-filter: blur(40px);
	-moz-filter: blur(40px);
	-o-filter: blur(40px);
	-ms-filter: blur(40px);
	filter: blur(40px);
   background-position: -50% -50%;
    
	background-color: #333;
	
	width:100%;
	height:100%;
	 -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}
.cover_container{
	pointer-events: none;
	z-index: 500;
	position: absolute;
	width:80%;
	max-width: 500px;
	height:75%;
	background-size: cover;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.cover_text{
	position: absolute;
	left:8%;
	z-index: 600;
	color:white;
	
	display: block;
	-webkit-font-smoothing: antialiased;
	top:50%;
	 -ms-transform: translateY(-50%); /* IE 9 */
   	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
/*     left:0;right:0; */
    margin:0 auto;
}
.cover_text .title{
	font-size:90px;
	line-height: 92px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}
.cover_text .hv3{
	text-transform: uppercase;
	margin-left:9px;
	font-size:58px;
	line-height: 60px;
	color:white;
	margin-top:10px;
}
.cover_text .hv3 .b2 {
	width:calc(110% + 14px);	
}

.cover_text .links{
	margin-top:40px;
	height:50px;
	width:300px;
}	
.cover_text .links{
	color:white;
	font-size:13px;
}
.cover_text .view_link{
	margin-top:30px;
	height:40px;
	width:200px;
}	

.useDark{
	color:#171717;
}
.cover_text.useDark .title{
	color:#171717;
}
.cover_text.useDark .hv3{
	color:#171717;
}
.cover_text.useDark .links{
	color:#171717;
}	
.cover_text.useDark .label{
	color:#171717;
}
.cover_text.useDark .st0{
	fill:#171717;
}
.blur_color{
	background-color: #f3f3f3;
	transition: all .35s ease;
	width:100%;
	height:100%;
	 -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}

.artist_tri{
	position: relative;
	z-index: 100;
	padding-bottom: 20px;
}
.tri_head{
		padding-top: 20px;
}
.artist_tri .col{
	width:33.333%;
	float:left;	
}

.artistbox2{
	display: block;
	float:left;
	position: relative;
}


.ainfo_bot{
	color:black;
	display: none;
}
.artist_info.ainfo_bot{
	position: relative;
	top:auto;
	left:auto;
	bottom:auto;
	color:#000;
}
.artist_info.ainfo_bot .title{
	font-size: 30px;
	line-height: 30px;	
	margin-top:10px;
}
.artist_info.ainfo_bot .butt{
	color: black;
	border-color: black;
	max-width: 600px;	
	width:100%;
}


@media (max-width: 700px) {
	
	.cscn_social_top{
		display: none;
	}
	.cscn_social_bot{
		display: block;
	}
		
	.poptop{
		padding-top:15px;
	}

}

@media (max-width: 900px) {
		
	.ainfo_top{
		display: none;
	}
	.ainfo_bot{
		display: block;
	}
	.artist_info.ainfo_bot .desc{
		width:90%;
		max-width: 95%;
	}
}




.callout{
	color:#fff;
	font-size:26px;
	letter-spacing: -.02em;
	padding-left:40px;
	font-weight: 600;
}
.callout div{
	float:left;
}
.callout svg{
	margin-right:10px;
	width:30px;
}
.ico2 svg{
	margin-top:8px;
	width:26px;
}
.ico3 svg{
	margin-top:8px;
	width:26px;
}

.artist_tri.useDarkButtons .callout{
	color:#333;
}
.artist_tri.useDarkButtons .st0{
	stroke:#333 !important;
}
.artist_tri.useDarkButtons .st1{
	stroke:#333 !important;
}


.callout img{
	margin-right:10px;
	width:30px;
}

.artist_bottom .callout{
	display: none;
	color:#000;
	font-size:20px;
}

.artist_bottom .col{
	margin-bottom: 30px;
}

.big_image{
	position: relative;
	z-index: 120;
	width:94%;
	height: inherit;
	min-height: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}



.big_image:after {
	/* 16x9 */
/*   padding-top: 56.25%; */
  padding-top:57%; /* 4/3 */
  display: block;
  content: '';
}

.big_image2{
	position: relative;
	z-index: 120;
	width:100%;
	height: inherit;
	min-height: 100%;
	margin: 0 auto;
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
}


.big_image2:after {
	/* 16x9 */
/*   padding-top: 56.25%; */
  padding-top:52%; /* 4/3 */
  display: block;
  content: '';
}

.page_full{
	position: relative;
	width:90%;
	max-width: 1300px;
	margin: 0 auto;
}
.page_full.glide{
	padding-top:80px;
	width:90% !important;	
}
.page_full3{
	width:100%;
	max-width: 1100px;
	margin: 0 auto;
}
.page_fullmax{
	width:100%;
	margin: 0 auto;
}
.page_full2{
	width:90%;
	max-width: 1100px;
	margin: 0 auto;
}
.page_center{
	width:100%;
	position: relative;
}
.bar{
	color:#fff;
	display: block;
	position: relative;
	width:30%;
	height: 100%;
	min-height: 100%;
	max-width:320px;
	background-color: rgba(0,0,0,.35);
	position: absolute;
	top:0;
	bottom:0;
}
.homebar{
	background-color: rgba(0,0,0,.35);
}

.bar .info.hugbot{
	position: absolute;
	bottom:20px;
	left:20px;
	padding-right:20px;
}


.bar2{
	color:#fff;
	display: block;
	position: relative;
	width:40%;
	height: auto;
	min-height: 50%;
	max-width:350px;
	background-color: rgba(0,0,0,.35);
	position: absolute;
	bottom:0;
	right:4%;
	padding-bottom: 20px;
}
.bar2 .out_title{
	color:#000;
	position: absolute;
	top:-86px;
	left:40px;
	font-size:56px;
	font-weight: 200;
}
.bar2 .desc{
	padding-right:20px;
	font-size:13px;
	padding-top:30px;
	padding-left:40px;
}

.bar2 .desc span{
	font-size: 30px;	
	padding-right:2px;
	line-height: 14px;
}
.butt.more{
	display: block;
	width:110px;
	margin-top:20px;
	margin-left:40px;
	color:white;
}
.bar3 .more{
	margin-left:0px;
	margin-bottom: 40px;
	border-color: black;
}
.bar3{
	width:100%;
	background-color: rgba(0,0,0,0);
	display: none;
	border-bottom:solid 2px #ebebeb;
	padding-bottom: 40px;
}
.bar3 .feature_bot{
	display: none;
}
.bar3 .desc{
	font-size: 14px;
}
.feature_bot .title{
	font-size:24px;
	line-height: 24px;
}
.feature_bot .album{
	font-size:22px;
	padding-bottom: 5px;
}
.purchase_head{
	font-weight: 700;
	font-size:11px;
	letter-spacing: .03em;
	text-transform: uppercase;
	padding-bottom: 14px;
	margin-top:10px;
	display:inline-block;
}

.purchase_head span{
	display: inline-block;
	vertical-align: middle;
}
.purchase_head span.txt{
	margin-top: 3px;
	margin-left:8px;
	float:left;	
}
.purchase_head svg{
	width:28px;	
	float:left;	
	display: inline-block;
}
.album_right .purchase_head svg .st0{
	stroke:#000;
}
.album_right .purchase_head svg .st1{
	stroke:#000;
}


.home .meta{
	position: absolute;
	left:10%;
/* 	top:14%; */
}

.home .meta .featured{
	color:#8480ff;
	text-transform: uppercase;
	font-size:14px;
	font-weight: bold;
}

.home .meta .title{
	color:#fff;
	text-transform: uppercase;
	font-size:90px;
	line-height: 90px;
	margin-left:-6px;
	font-weight: bold;
}
.home .meta .hv3{
	margin-top:10px;
	font-size:30px;
	line-height:34px;
	color:#fff;
}

.home .meta .desc{
	color:#fff;
	max-width: 700px;
	width:80%;
	font-size:14px;
	line-height: 19px;
	margin-top:20px;
	margin-bottom: 20px;
}

.home .butts_top{
	display: block;
}

.home .meta.useDark .title{
	color:black;
}
.home .meta.useDark .hv3{
	color:black;
}
.home .meta.useDark .desc{
	color:black;
}




.home_bot{
	display: none;
	margin-bottom: 30px;
}


@media (max-width: 700px) {
	.home .meta .title{
		font-size:50px;
		line-height: 50px;
	}
	.home .meta .hv3{
		font-size:24px;
		line-height: 27px;
	}
}

@media (max-width: 900px) {
	
	
	
	.home .meta{
/* 		top:25%; */
	}
	.links_bot{
		padding-top:20px;
		border-color: #000;
		color:#000;
	}
	
	.home_top{
		display: none;
	}
	.home_bot{
		font-size:14px;
		line-height: 19px;
		display: block;
	}
	.full_image.home{
/*
		height: 40vh;
		min-height: 200px;
*/
	}
}

/* switch home bar2 */
@media (max-width: 980px) {
	.bar2{
		display: none;
	}
	.bar3{
		display: block;
	}
	.home .butts_top{
		display: none;
	}
}


.bar .image{
/* 	width:calc(100% - 20px); */
	width: 100%;
	margin-top:20px;
}
.bar .image img{
	width:100%;	
	display: block;
}
.bar .desc{
	font-size:13px;
	padding-right:20px;
	padding-bottom: 20px;
}
 .buttons{
	 margin-top:10px;
 }
 .buttons.nopad{
	 margin-top:0px;
 }
 .buttons .view_detail{
	width:calc(100% - 20px);
	border:solid 1px white;
	text-align: center;
	padding-top:8px;
	padding-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size:14px;
	color:white;
	display: block;
}

.info .title, .info .album{
	font-size: 23px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: -.02em;
}
.info .title{
	font-weight: 700;
}


.artist_info{
	position: absolute;
/* 	bottom:20%; */
	left:50px;
	color:#fff;
}
.artist_info.useDark{
	color:#171717 !important;
}
.artist_info .shadexxx{
	background-color: rgba(0,0,0,.45);
	padding-left:20px;
	padding-top:20px;
	padding-right:10px;
	padding-bottom: 10px;
	border-radius: 1px;
}
.artist_info .title{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90px;
	line-height: 92px;
	padding-bottom: 10px;
	position: relative;
	margin-left:-6px; 
	z-index:10;
}

.artist_info .desc{
	margin-top:0px;
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;	
	margin-bottom: 20px;
	width:80%;
	max-width: 700px;
}

.desc em{
	font-style:italic;
}

.artist_info.ainfo_bot .desc{
	margin-top:0px;
}
.artist_info.ainfo_bot .title{
	font-weight:bold;
}
.artist_info .butt{
	font-weight: 600;
	color:#fff;
	max-width: 360px;
	width:90%;
}
.artist_info .butt.buttonShadeXXX{
	margin-bottom: 10px;
	max-width: 360px;
	width:100%;
}
.artist_info .butt.useDark{
	color:#000;
	border-color:#000;
}

.artist_bottom .cc.ccpad{
	padding-left:40px;
}
.artist_bottom .cc{
	width:80%;
	width:100%;
	max-width: 420px;
}
.pt30{
	margin-top:30px;
}

.videos{
	margin-top:30px;
	width:100%;
	padding-bottom: 30px;
}
.video{
	float:left;
	width:49%;
	padding:5px;
}
.video iframe{
	width:100% !important;	
}
.video:nth-child(1n+1){
	margin-right: 1%;
	margin-left:0%;
}
.video:nth-child(1n+2){
	margin-left: 1%;
	margin-right:0%;
}





.presslink{
	width:100%;
	padding-bottom: 20px;
	cursor: pointer;
	height: auto;
}
.presslink:hover{
	opacity: .75;
}
.presslink .snippet{
	font-size: 14px;
	font-style: italic;
}
.presslink a.more{
	font-size:13px;
	text-transform: capitalize;
	text-decoration: underline;
}
.presslink .title{
	font-weight: bold;
}
.presslink .box{
	font-weight: 600;
	text-align: center;
	background-color: #e2edf1;
	background-color: #fff;
	float:left;	
	width: 100px;
	height:100px;
}

.makeBW{
	
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;
	filter: grayscale(100%) !important;
}


.soiconbox{
	font-size:24px;
	color: #3d3d3d;
	font-family: 'socicon' !important;
	text-decoration: none;
}

.presslink .weta{
	text-align: left;
	height:100px;
	display: inline-block;
	float:left;	
	padding-left:20px;
	width: calc(100% - 120px);
}
.presslink .weta .name{
	
	text-align: left;
	color:#000;
	font-weight: 600;
	letter-spacing: -.01em;
	font-size:18px;	
}
.presslink .weta .cta{
	text-align: left;
	color:#999;	
	text-transform: uppercase;
	font-size:11px;	
	padding-top:2px;
}

@media (max-width: 1200px) {
	
	.presslink .weta .name{
		
		font-size:15px;
	}
	
	.presslink .box{
		width:60px;
		height: 60px;	
	}
	.presslink .weta{
		height: 60px;
		padding-left:10px;
		width: calc(100% - 70px);
	}
}


/* */
@media (max-width: 880px) {
	
	.callout svg *{
		stroke:#000;	
	}
	.artist_bottom .cc.ccpad{
		padding-left:0px;	
	}
	.artist_bottom .callout{
		margin-top: 30px;
		display: block;	
		padding-left:0px;
	}
	.artist_bottom .cc{
		margin-top: 20px;	
		margin-bottom: 30px;
	}
	
	.tri_head{
		display: none;
	}
	.artist_tri .col{
		width:100%;
		float:left;	
	}
	
}




.featured_head{
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	padding-bottom: 10px;
	letter-spacing: 5px;
}

.album_title_bot{
	text-transform: uppercase;
	color:black;
	display: none;
	font-size:20px;
	line-height: 23px;
}
.album_title_bot .title{
	font-weight: bold;	
}

.album_desc{
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    column-count: 2;
}
.butts_top{
	display: block;
}
.butts_bot{
	display: none;
}

/* */
@media (max-width: 1100px) {
	
	.artist_info .title{
		margin-left:-3px;
		font-size: 50px;
		line-height: 50px;	
	}
	.artist_info .desc{
		margin-top:0px;
	}
	.album_desc{
		
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
	
/*
	.butts_top{
		display: none;
	}
	.butts_bot{
		display: block;
	}
*/
	
}

/* */
@media (max-width: 1000px) {
	
	.bar .desc{
		display: none;	
	}
	
}





.page_full .callbox{
	width:260px;
	background-color: blue;
	position:absolute;
	right:30px;
	bottom:0px;
	
}

.bumper{
	text-align: center;
	color:#ccc;
	text-transform: uppercase;
	background-color: white;
	padding-top:20px;
}
.bumper .title{
	letter-spacing: .1em;
	font-size: 15px;
	padding-bottom: 20px;
}

.grid .item{
	float:left;
	font-size:14px;
}
.grid.circmask .img{
	border-radius: 50%;
	overflow: hidden;
}
.grid .item .img{
	width:100%;
	display: block;
}

.grid .item .img img{
	width:100%;
	display: block;
}
.grid .item .title{
	font-weight: bold;
	margin-top:10px;
}
.grid .item .subtitle{
	font-size:13px;	
	height: 45px;
/* 	margin-bottom: 20px; */
}
.cscn .grid .item .subtitle{
	margin-bottom: 0px;
	min-height: 60px;
}

.more_mobile{
	display: none;
}

.more_mobile{
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .15em;
	width:80%;
	border:solid 2px #999;
	color:#999;
	padding-top:8px;
	padding-bottom: 8px;
}


/* use margin/4 *3  PEEP*/
.grid4 .item{	
	display: block;
	vertical-align: top;
	width:calc(25% - 22.5px);
}
.grid4 .item:nth-child(4n+1){
	margin-left:0px;
	margin-right:15px;
}	
.grid4 .item:nth-child(4n+2){
	margin-left:15px;
	margin-right:15px;
}
.grid4 .item:nth-child(4n+3){
	margin-left:15px;
	margin-right:15px;
}
.grid4 .item:nth-child(4n+4){
	margin-left:15px;
	margin-right:0px;
}



/* og wraqper */
.item .img{
	position: relative;	

}
.item .img:before{
	content: "";
	display: block;
	padding-bottom: 100%; 
}

.image-wrap {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


/*turn into 3 grid */
@media (max-width: 960px) {
	/* use margin/3 *2 */
	.grid4 .item{	
		display: block;
		vertical-align: top;
		width:calc(33.33% - 20px);
		margin-left:0px;
		margin-right:0px;
	}
	.grid4 .item:nth-child(3n+1){
		margin-left:0px;
		margin-right:15px;
	}
	.grid4 .item:nth-child(3n+2){
		margin-left:15px;
		margin-right:15px;
	}
	.grid4 .item:nth-child(3n+3){
		margin-left:15px;
		margin-right:0px;
	}
		
}
/*turn into 2 grid */

@media (max-width: 800px) {
	
	.video{
  		width:100% !important;
		margin-left:0% !important;
		margin-right:0% !important;
		margin-bottom: 30px;
	}
	
	
	/* use margin/2 *1 */
	.grid4 .item{	
		display: block;
		vertical-align: top;
		width:calc(50% - 2.5%);
		margin-left:0px;
		margin-right:0px;
	}
	.grid4 .item:nth-child(2n+1){
		margin-left:0px;
		margin-right:2.5%;
	}
	.grid4 .item:nth-child(2n+2){
		margin-left:2.5%;
		margin-right:0px;
	}
	

}



/*
FORCE VIDEO OFF AND BG IMAGE ONLY ON MOBILE DEVICE	
*/
@media (max-width: 520px) {



	.home .meta{
/* 		top:13%; */
		pointer-events: none;
	}
	
/*
	#fullbg2{
		display: block !important;
	}
		
	#bgVideo{
		display: none !important;
	}
*/
	
}



/*turn into 2 grid */
@media (max-width: 480px) {
	
/* 	findme79 */
	
	
	
	.full_image{
		height: 40vh;	
	}
	
	/* use margin/2 *1 */
	
	.grid4 .item{
		
		margin-bottom: 20px;	
	}	
/*
	.grid4 .item .img{
		width:40%;
		float:left;
	}
	.grid4 .item .meta{
		width:calc(60% - 20px);
		margin-left:20px;
		float:left;
	}		
	
	.grid4 .item{	
		display: block;
		vertical-align: top;
		width:100%;
		margin-right:0px !important;
		margin-bottom: 30px;
	}
*/
	.more_mobile{
		display: block;
	}
	
	.grid .item .subtitle{
		height:auto;
		margin-bottom: 10px;
	}
	

}










a.img{
	display: inline-block !important;
}



.img.hover{
	position: relative;
	display: block !important;
}
.img.hover img{
/* 	display: block !important; */
}

.item{
	cursor: pointer;
}
.item.nocursor{
	pointer-events: none;
}
.image-wrap{
	z-index: 80;
}
.img img{
	z-index: 80;
}
.img.hover .hoverbox{
	display: block;
	z-index: 90;
	opacity: 0;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	pointer-events: none;
	transition: all .3s ease;
	background-color: rgba(0,0,0,.6);
}
.img.hover .hoverbox.ini98{
/* 	height:98%; */
}

.img.hover:hover .hoverbox{
	cursor: pointer;
	opacity: 1;
	pointer-events: all;
}
.item:hover .hoverbox{
	cursor: pointer;
	opacity: 1;
	pointer-events: all;
}
.item:hover .meta{
	color:#333;
}


.grid.circmask .img.hover .hoverbox{
	border-radius: 50%;
	overflow: hidden;
}


.boxlink{
	font-size:13px;
	letter-spacing: .1em;
	border:solid 2px white;
	padding:10px;
	text-transform: uppercase;
	width:60%;
	max-width: 110px;
	color:#fff;
	text-align: center;
	margin:0 auto;
	font-weight: 600;
}
#about{
	text-align: center;
}
#about .bio{
	padding-top:20px;
	max-width: 460px;
	width: 80%;
	margin:0 auto;
}
#about .bio_image{
	padding-top:40px;
	max-width: 220px;
	width: 45%;
	margin:0 auto;
}
.bio_image img{
	width:100%;
}
#about .cbar{
	margin:0 auto;
	max-width: 460px;
	width: 80%;
	margin-top:50px;
	margin-bottom: 30px;
	text-align: center;
	border-bottom: 1px solid #999;
	position: relative;
}
#about .txt{
	text-transform: uppercase;
	background-color: white;
	height: 30px;
	font-size: 20px;
	display: block;
	width:160px;
	margin:0 auto;
	position: absolute;
	left:0;
	right:0;
	top:-20px;
}
#about .credits{
	font-size:13px;
}
#about .credits .contact{
	width:60%;
	width:560px;
	margin:0 auto;
}

#about .credits em{
	width:30%;
	text-align: right;
	display: inline-block;
}
#about .credits span{
	width:30%;
	border-bottom: 1px dotted #ccc;
	height:2px;
	display: inline-block;
	margin-left:10px;
	margin-right:10px;
}
#about .credits a{
	width:30%;
	text-align: left;
	display: inline-block;
}
#about .credits a:hover{
	color:#999;	
}

@media (max-width: 660px) {
	
	#about .credits .contact{
		width:90%;
		margin:0 auto;
		padding-bottom: 10px;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 10px;
	}
	#about .credits em{
		width:100%;	
		text-align: center;
	}
	#about .credits span{
		width:100%;	
		display: none;
	}
	#about .credits a{
		width:100%;	
		text-align: center;
	}
	
}

.catch.epk{
	
}
.sec_epk #header{
	position: relative;
	margin-bottom: 30px;
	background-color: #8480ff !important;
}
.sec_epk #header .logo{
	display: block;	
}

.epk_big_image{

	min-height: 360px;
	width:94%;
	position: relative;
	max-width: 1100px;
	margin-top:30px;
}
.epk .press_pics .imgfloat{
	float:left;
	margin-right:8px;
	margin-bottom: 8px;
	width:calc(25% - 8px);
	max-width:220px;
}

.epk .press_pics img{
	width:100%;
	max-width: 200px;
}
.epk .contact{
	font-size:14px;
}
.epk .contact a:hover{
	opacity: .5;
}

.epk .bar{
	background-color: white;
	color:black;
}
.epk .album{
	font-size:17px;
	line-height: 22px;
}

.epk .bar .info.hugbot{
	left:0px;
	bottom:auto;
	position: relative;
}

.epk_line{
	position: relative;
	display: block;
	float:left;
	width:100%;
	height:2px;
	border-top:1px solid lightgrey;
	margin-top:20px;
	margin-bottom: 20px;
}

.social_links2, .misc_links{
	font-size:14px;
}
.social_links2{
	display: block;
	position: relative;
	min-height:40px;
}

.social_links2 a{
	font-family: 'Socicon' !important;
	float:left;
	font-size:18px;
	margin-right:14px;
}
.social_links2 a:hover{
	color:#ccc;
}

.misc_links a{
	color:#000;
	width:100%;
	margin-bottom: 4px;
	display: inline-block;
}
.misc_links a:hover{
	color:#ccc;
}

.home .links a{
	margin-right: 6px;
}




#about.epk_form .txt{
	width:240px;
}

.epk_form{
	min-height: 300px;
}
.epk_form .clearer{
	height:10px;	
}


.epk_form input{
	padding:5px;
	font-size:14px;
}
#epk_password{
	text-align: center;
}
.epk_form .butt{
	padding:5px;
	color: black;
	border-color: black;
	background-color: white;
	max-width: 100px;
	width: 100%;
	text-transform: uppercase;
	font-size:12px;
}

.release .artist_title{
	color:#fff;
	font-size:42px;
	font-weight: 200;
	position: absolute;
	bottom:30px;
	right:30px;
}

.page_left{
	width:calc(60% - 30px);
	float:left;
	margin-right:30px;
}
.page_right{
	width:calc(40%);
	float:left;
}

.page_right .release_butts{
	width:100%;
	max-width:500px; 
}







.page_left_3rd{
	width:calc(40% - 30px);
	float:left;
	margin-right:30px;
}
.page_right_3rd{
	width:calc(60%);
	float:left;
}

.page_left_2{
	width:calc(50% - 15px);
	float:left;
	margin-right:15px;
}
.page_right_2{
	width:calc(50% - 15px);
	margin-left:15px;
	float:left;
}


.epk .album_info .title{
	font-size:34px;
	font-weight: normal;
	margin-bottom:10px;
}
.epk .album_info .album{
	font-size:24px;
	font-weight: normal;
	margin-bottom: 5px;
}
.epk .album_info .subtitle{
	font-size:16px;
}
.epk_subhead{
	text-transform: uppercase;
	font-size:16px;
	font-weight: bold;
	margin-bottom:12px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 6px;
}
.epk_buttons .epk_subhead{
	margin-bottom: 30px;

}
.epk_bio_hold{
	margin-top:30px;
}
.epk_bio{
	position: relative;
	display: block;

	font-size:14px;
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    column-count: 2;
    
     -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
  -moz-column-gap: 30px; /* Firefox */
  column-gap: 30px;
}
.epk_bio p{
	display: inline-block;
	margin-bottom: 10px;	
}
.epk_misc{
	margin-top:30px;
}

.press_videos{

}
.press_videos .vid{

		position: relative;
	  width:calc(50% - 30px);
	  margin-left: 15px;
	  margin-right: 15px;
	   margin-top: 15px;
	   
	  height: 0;
	 padding-bottom: 28%; /* The height of the item will now be 56% of the width. */
  
	display:block;
	float:left;
	margin-bottom: 30px;
}
.press_videos .vid iframe{
	 position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.contact_holder{
	padding-top:40px;
}


.audio_embed_epk{
	position: relative;
	display:block;
	float:left;
	height: 0;
	padding-bottom: 80%;
	width: 100%;
}
#epk_sc{
	position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}




.epk_buttons{
	padding-top:30px;
}
.epk .album_info{
	min-height:80px;
}
.epk .album_image{
	width:100%;
	max-width:400px;
}
.epk .album_image img{
	width:100%;	
}
.page_left_2 .release_butts .butt{
	border:solid 2px black;
	color:black;
	max-width:340px;
}





*, *:before, *:after {

-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
box-sizing: border-box !important;
}

    
.butt{
	cursor: pointer;
	font-weight: 600;
	letter-spacing: .1em;
	font-size:11px;
	display: inline-block;
	padding-top:6px;
	padding-bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	border:solid 2px white;
}
.butt:hover{
	opacity: .7;	
}

.butt2{
	cursor: pointer;
	font-weight: 600;
	letter-spacing: .1em;
	font-size:11px;
	line-height: 20px;
	display: inline-block;
	padding-top:6px;
	padding-bottom: 6px;
	padding-left:22px;
	padding-right:22px;
	text-align: center;
	text-transform: uppercase;
	border:solid 2px black;
	margin-right:4px;
}
.butt2.wide{
width:100%;	
}
.butt2:hover{
	opacity: .7;	
}
.butt2.white{
	color:white;
	border:solid 2px white;
}




.page_right .release_butts .butt{
	border:solid 2px black;
	color:black;
}
.release_butts.white .butt{
	color: white;
}
.release_butts .view_artist{
	width:100%;
	margin-bottom: 18px;
}

/* use margin/3 *2 */
.purchase .butt{
	float:left;
	width:calc(33.3% - 8px);
	margin-right:12px
}
.purchase .butt:nth-child(3n+0){
	margin-right:0px;
}

.purchase.links1 .butt{
	float:left;
	width:calc(100% - 0px);
	margin-left:0px;
	margin-right:0px;
}
.purchase.links2 .butt{
	float:left;
	width:calc(50% - 6px);
	margin-left:0px;
	margin-right:12px;
}
.purchase.links2 .butt:nth-child(2n+0){
	margin-right:0px;
}

.big_title{
	font-size:36px;
	text-shadow: 0px 1px 5px rgba(150, 150, 150, .5);
	display: none;
}
.butts_bot{
	padding-bottom: 30px;
}
.audio_embed{
	width: 100%;
	max-width: 490px;
}
.audio_embed2{
	width: 100%;
}
#sc2{
	z-index: 9999;
	width:100%;
	height:300px;
}
#sc3{
	z-index: 9999;
	width:100%;
	height:400px;
}



@media (max-width:960px) {
	
	.audio_embed, .release_butts.butts_bot{
		width:100%;
		max-width: 600px;
	}
}

@media (max-width:740px) {
	
	/*
			
	*/
	.album_title_top{
		display: none;	
	}
	.big_title{
		display: none;
	}
	
	.album_top{
		display: none;
	}
	
	.album_title_bot{
		color:black;
		display: block;
		margin-bottom: 20px;
		font-size:20px;
	}
	
	.page_left_2 .release_butts .butt{
	max-width:100%;
	}
	.contact_holder{
		padding-top: 0px;
	}
	.audio_embed_epk{
		height: auto;
		padding-bottom: 0;
	}
	
	#epk_sc{
		position: relative;
		z-index: 9999;
		width:100%;
		min-height: 300px;
		height:auto;
	}
	
	.press_videos .vid{

		position: relative;
		  width:calc(100%);
		  height: 0;
		  padding-bottom: 64%; /* The height of the item will now be 56% of the width. */
	  
			margin-left:0px;
			margin-right:0px;
			margin-top: 0px;
			margin-bottom:30px;
	}
	
	.epk_bio{
		font-size:12px;
			 -webkit-column-count: 1; /* Chrome, Safari, Opera */
			 -moz-column-count: 1;
			 column-count: 1;
	}
	.epk .album_image{
		max-width:500px;
		text-align: center;
		display: inline-block;
	}	
	.page_left, .page_left.album_left{
		width:calc(100%);
		float:left;
		margin-right:0px;
	}
	.epk_videos{
		margin-top: 30px;
	}
	.page_right_2{
		width:calc(100%);
		float:left;
		margin:0px;
		margin-top: 30px;
	}
	
	.page_left_2{
		width:calc(100%);
		float:left;
		margin:0px;
	}
	
	.page_right_3rd{
		width:calc(100%);
		float:left;
		margin-right:0px;
		margin-top: 30px;
	}
	.page_left_3rd{
		width:calc(100%);
		float:left;
		margin-right:0px;
	}
	
	
	.bar3 .feature_bot{
		display: block;
	}
	.butt.more{
		color:#000;
	}
	.page_right{
		width:calc(100%);
		float:left;
	}
	
	.page_right .release_butts{
		width:100%;
		max-width:680px; 
	}
	
	.page_full .bar{
		width:40%;
		min-height: 100%;
		max-width:320px;
	}
	
	.audio_embed{
		width: 100%;
		max-width: 780px;
		padding-top:10px;
	}
	#sc2{
		height:200px;
	}
	
}


.album_desc{
	font-size:14px;
}
.album_desc p{
	display:inline-block;
	margin-bottom: 20px;	
}
.album_desc p:last-child{
	margin-bottom: 5px;
}




.newspage{
	width:80%;
	margin:0 auto;
	padding-top:30px;
}

.newspage .img_header{
	width:100%;
	height:400px;
	background-repeat: repeat;
	background-position: center center;
	margin-bottom: 40px;
}

.newspage .title, .newspage .subtitle{
	font-size: 30px;
    line-height: 33px;
    font-weight: bold;
	text-transform: uppercase;
}
.newspage .title{
	margin-top:10px;
}
.newspage .subtitle{
	margin-bottom: 20px;
}


.post{
	height: auto;
	position: relative;
}






.post .img{
	width:40%;
	float:left;
	position: relative;
}
.post .img:after{
	padding-bottom: 50%;
}
.bigimg{
	display: block;
}

.post .bigimg:before{
	content: "";
	display: block;
	padding-bottom: 100%; 
}
.post .meta-kid{
	 position: relative;
	 top: 50%;
	 transform: perspective(1px) translateY(-50%);
}

.post .arrow_right{
	width:13px;
	transform: rotate(-30deg);
}
.post .arrow_right img{
	width:100%;

}	

.post .meta{
	display: block;
	position: relative;
	width:calc(60% - 40px);
	padding-left: 40px;
	float:left;
}

.post .meta.meta-abs{
	position: absolute;
	left:calc(40% + 60px);
	top:0px;
	height: 100%;
	width:(60% - 60px);
	padding-left:0px;
	display: block;
}

.post .meta .date{
	font-size:14px;
	margin-bottom: 10px;
}
.post .meta .title{
	font-weight: bold;
	text-transform: uppercase;
	font-size:26px;
	line-height: 30px;
}
.post .meta .subtitle{
	font-weight: normal;
	text-transform: uppercase;
	font-size:26px;
	line-height: 30px;
	
}
.post .meta .body{
	margin-top:10px;
	font-size:14px;
}
.post .meta .readmore{
	text-transform: capitalize;
	text-decoration: underline;
	font-size:14px;
	padding-top:0px;
}
.post .meta .readmore a{
		text-transform: capitalize;
	text-decoration: underline;
}
.post .meta .readmore a{
	color:#333;
}

.post .img img{
	width:100%;
	float:left;
	display: block;
}
.post{
	position: relative;
	height: inherit;
	margin-bottom: 50px;
}

.artist .meta{
	padding-bottom: 20px;
}


@media (max-width:1000px) {
	.newspage{
		width:100%;	
	}
	.post .meta.meta-abs{
		left:calc(40% + 30px);
		width:(60% - 30px);
	
	}
}

/*
Collapse News	
*/
@media (max-width:760px) {
	.newspage{
		width:100%;	
	}

	.post .meta-kid{
		 position: relative;
		 top: initial;
		 transform: perspective(0px) translateY(0%);
	 }	
	
	.post .meta.meta-abs{
		position: relative;
		left:initial;
		top:initial;
		height:auto;
		width:calc(60% - 20px);
		padding-left: 20px;
		display: block;
	}
}
@media (max-width:560px) {
	
	.post .meta.meta-abs{
		width:100%;
		padding-left: 0px;
	}
	
}






.date_chooser{
	font-size:26px;
	text-transform: uppercase;
	
}
.date_head{
	color:#666;
}
.clear100{
	clear:both;
	width:100%;
	display: block;
	position: relative;
}
.clearer{
	display: block;
	position: relative;
	clear:both;
	width:100%;
}
.date_chooser a:hover{
	opacity: .7;	
}


.homenews .post{
	width:49.5%;
/* 	float:left; */
	min-height: 320px;
	display: inline-block;
	vertical-align: top;
}
.homenews .post .meta .title{
	font-size:20px;
	line-height: 21px;

}
.homenews .post .meta .subtitle{
	font-size:20px;
	line-height: 21px;

}
.homenews .post .body{
	margin-top:16px;
	width:100%;
	font-size:13px;
	line-height: 18px;
}
.homenews .post .more{
	border-color: #000;
	color:#000;
	margin-left: 0px;
}
.homenews .post a.here{
/*
	display: block;
	margin-top:16px;
*/
	text-decoration: underline;
	font-weight: bold;
}
.homenews .post a.here:hover{
	text-decoration: none;
}
.homenews .post a.here:after{
	clear:both;
	display: block;
	position: relative;
	float:left;	
}

/* @media (max-width:1100px) { */







#news-mail{
	display: none;
	margin-bottom: 30px;
}

#mail-list .h1{
	font-size:12px;
	margin-bottom: 10px;
}

#mail-list input{
	box-sizing: border-box;
	font-family: "sofia-pro", sans-serif;
	background-color: #fff;
	border:solid 2px #000;
	height:auto;
	padding:8px;
	height:36px;
	font-size:12px;
	margin-bottom: 10px;
}

#mail-list .bt{
	cursor: pointer;
	float:left;
	display: block;
	padding:8px;
	height:36px;
	padding-left:16px;
	padding-right: 16px;
	margin-right:10px;
	color:#fff;	
	background-color: #8480ff;
	font-size:13px;
	font-weight: 600;
	text-transform: uppercase;
}
#mail-list .bt.clearbutton{
	font-weight: 400;
	color:#999;
}
#mail-list .bt:hover{
	opacity: .5;
}
#form-mail div{
	position: relative;
	float:left;
	display: inline-inblock;
	margin-right:12px;
	text-transform: normal;
}
#form-mail .intro{
	width:auto;
	height:42px;
	line-height: 42px;
}





@media (max-width:1100px) {
	
	.homenews .post{
		width:100%;
		float:left;
	}

}


@media (max-width:960px) {
	
	
	.homenews .post{
		min-height: 100px;
	}
	.news_left{
		width:calc(80% - 3px);
		float:left;
		border-right:solid 2px #ccc;
	}
	.news_right{
		width:calc(20% - 10px);
		padding-left:10px;
	}
	.post .meta .title{
		font-size:18px;
		line-height: 22px;
	}
	.post .meta .subtitle{
		font-size:18px;
		line-height: 22px;
	}
	
	.date_chooser{
		font-size:16px;
	}
	
}

@media (max-width:760px) {
	
	#mail-list{
		width:100%;
	}
	#copyright{
		text-align: left;
		width:100%;
	}

	
}


@media (max-width:670px) {
	

	#form-mail .intro{
		width:100%;
	}
	
	

	
	#mail-list input{
		width:100%;
	}
	
	#form-mail .input{
		width:calc(50% - 8px);
		margin-right: 8px;
	}
	#form-mail .submit{
		width:calc(50% - 8px);
		margin-left: 8px;
		padding-left:0px;
		padding-right:0px;
	}
	#form-mail div{
		margin-right: 0px;
	}
	#form-mail .inputs{
		width:100%;
	}
	#mail-list .bt{
		margin-right: 0px;
	}
	
	
	.news_left{
		width:calc(100%);
		float:left;
		border:none;
	}
	.news_right{
		width:100%;
		padding-left:0;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom:solid 2px #ccc;
	}
	.date_chooser{
		margin-top:30px;
	}
	
	.date_chooser li{
		float:left;
		margin-right:10px;
	}
	.date_chooser li:after{
		color:#666;
		content:"/";
		padding-left:4px;
		padding-right: 4px;
	}
	.date_chooser li:last-child:after{
		content:"";
	}
	
}

.mobimg{
	display: none ;
}

@media (max-width:480px) {
	#form-mail .input{
		width:100%;
		margin-right: 0px;
	}
	#form-mail .submit{
		width:100%;
		margin-left: 0px;
	}
}

@media (max-width:560px) {
	
	.mobimg{
		
		display: block;
		margin-top:10px;
		padding-bottom:10px;
	}
	.post .bigimg{
		display: none !important;
	}
	.bigimg, .bigimgx{
		display: none !important;
	}
	.homenews .post a.here{
		margin-top:10px;
	}
	.homenews .post .meta .title{
		margin-bottom: 2px;
	}

	.post .img{
		width:100%;
	}
	.post .meta{
		width:100%;
		padding-left: 0px;
	}
		
}