@charset "utf-8";


/* resets */

* {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	outline: 0;
	outline: none;
	outline-style: none;
	border: none;

}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {display:none;
}
html {
	height:100%;
	width:100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size:100%;
}

b, strong {
	font-weight: bold;
}
em {font-style:italic;}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
button, input {
	line-height: normal;
	}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*clears and floats*/

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

/*helper classes*/

.italic {
font-size: 15px; 
font-family: 'Lora', serif;
font-style: italic;
font-weight:400;
}
.center {width:100%;text-align:center}
.purple {color:#F39;margin-bottom:15px;}
.dimmed {opacity:0.4}
.video {margin-top:50px;text-align:left!important;}
.show {visibility:visible}
.hide {visibility:hidden}


/*images*/

img {max-width:100%;}
img.logo {position:absolute;top:0;left:100px}
.img-wrapper{overflow:hidden}
.img-center {text-align:center;width:100%;margin-top:40px;margin-bottom:40px}
.img-center img {border: solid thin rgba(0,0,0,0.2);width: 768px;height;auto}
.logo-menu img{padding-top:20px;}


/* dividers */

.divider-30  {padding-top:15px;padding-bottom:15px;clear:both;display:block}
.divider-40  {padding-top:20px;padding-bottom:20px;clear:both;display:block}
.divider-50  {padding-top:25px;padding-bottom:25px;clear:both;display:block}
.divider-60  {padding-top:30px;padding-bottom:30px;clear:both;display:block}
.divider-80  {padding-top:40px;padding-bottom:40px;clear:both;display:block}
.divider-100 {padding-top:50px;padding-bottom:50px;clear:both;display:block}
.divider-150 {padding-top:75px;padding-bottom:75px;clear:both;display:block}
.icon-divider{padding-top:50px;padding-bottom:50px;clear:both;display:block}
.divider-thin {
	width: 100%;
	height: 1px;
	box-shadow: inset 0 1px rgba(0,0,0,0.1), inset 0 -1px rgba(0,0,0,0.1);
	margin-top: 20px;
	margin-bottom: 30px;
	clear: both;
	display:block;
	
}
.divider-thin-margin-thin {
	width: 100%;
	height: 1px;
	box-shadow: inset 0 1px rgba(0,0,0,0.1), inset 0 -1px rgba(0,0,0,0.1);
	clear: both;
	display:block;
	margin-top: 7px;
	margin-bottom: 6px;
	}
	
	
	/* Typography */

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	text-align:left;
        font-family: 'PT Sans Narrow', sans-serif;
        text-transform: uppercase;
        color: #f4f4f4;
    	
}
h1 {
	font-size: 34px;
	margin-bottom:80px;
	position: relative;
    top:-5px;
	
}

h1 a {
	color: #f4f4f4;
	background-color: #000;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:1px;
}
h1 a:hover{
	color: #000;
	background-color: #eede2f;
}
h1.page-title {
	margin-left: 2px;
	max-width:50%;
    margin-top:-10px;
    
	
}
h1.page-title span, h2 span, h3 span {
	font-size: 15px;
    font-family: 'Lora', serif;
	font-style: italic;
	text-transform: none;
	display: block;
    font-weight:400;
    opacity:0.4;
}

h2 {
    font-size: 30px;
    margin-bottom:30px;
}

h3 {
    font-size: 26px;
    margin-bottom:30px}

.new-release h3, .artist-info h3{
    font-size: 23px;
    
}


h4 {
	margin-top: 60px;
	margin-bottom: 30px;
	font-size: 22px;
}
p a:link, a:visited, .link_container a:link, .link_container a:visited, li a:link, li a:visited {
	color:#eede2f;
	text-decoration:none;
	-webkit-transition:  0.3s;
    -moz-transition:0.3s;
	transition: 0.3s;
}
p a:hover, a:active, .link_container a:hover, .link_container a:active, li a:hover, li a:active {
	color: #f4f4f4;
    text-decoration:underline;
}
p {
    line-height:1.3;
    text-align: left;

}

	
/* structure */

body{
	color: #f4f4f4;
	font-family: 'PT Sans', sans-serif;
	background-color: #313650;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
	background-position: left top;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3;
	text-align: left;
	
}


body.cover  {
	background-attachment: fixed;
	background-color: #232221;
	background-image: url(../images/header-screen__yipe-records.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;	
}
@media only screen and (max-width: 1160px){
	
	body.cover {
      background-size: cover;
	  
	  }
	  
}

@media only screen and (max-width: 768px){
	
	body.cover {
	background-image: url(../images/header-mobile_yipe-records.jpg);
	background-size: cover;
	
	  }
	  
}


.container {
	max-width: 1140px;
	position: relative;
	z-index: 100;
	background-color: #313650;
	margin: 0 auto;	
	overflow: hidden;
    background-image: url(../images/pattern.png);
	background-repeat: repeat;
	background-position: left top;
}

.container svg {
	display: block;
}



main{
	padding-left:8px;
	padding-right:8px;
	padding-top:30px;
      
}	

section {position: relative;}
section::before,
section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}
header, footer{
	text-align: center;
    width:100%;
	}
	footer {
		margin-top:80px;
		padding-top:20px;
		background-color: #2c3048;
		
}
footer img {width:500px;height:auto}
	
		
	 /*****Page headers*****/	
	 
    header{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(../images/header-generic_yipe-records.jpg);
	height: 460px;
	max-width: 1140px;
	}

	@media only screen and (max-width: 768px){		
	header{
	height:0%;
    padding-top: 55.26%; /* (img-height / img-width * container-width) *//* (853 / 1280 * 100) */}
	}

    header.contact {background-image: url(../images/header_contact-yipe-records.jpg);}
    header.patron  {background-image: url(../images/header_patron.jpg);}
	header.about, header.join, header.publishing, header.downloads{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/header_about-yipe-records.jpg);
	}
    header.catalogue, header.releases{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(../images/header_yipe-records-releases.jpg);

}
    header.artists{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url(../images/header_yipe-records-artists.jpg);

}
 header.clothes{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url(../images/header_yipe-records-clothes.jpg);

}
	
	
			
.content {
	max-width:1140px;
	margin:0 auto;
	position:relative;
}
.columns {padding-bottom: 100px;}
.columns.column-mid h2, 
.columns.column-mid p {text-align:right;}
.columns p, .column p {font-size:24px}
.column h2, .columns h2 {margin-bottom: 30px;}
.left, .right {
	width: 49%;
	display: inline-block;
	position: relative;
	vertical-align: top;
    }
.left.text, .right.text{
	position: absolute;
	top:20px;	
}



/* Big Triangle divider */

svg#bigTriangleColor {
	pointer-events: none;
}

#bigTriangleColor path {
	fill: #2c3048;
	stroke: #2c3048;
	stroke-width: 2;
}
.section-triangle {
	
	padding-right: 10px;
	padding-left: 10px;
    
    
	
  }

.color {
    background-color: #2c3048;
	/*background: rgba(0,0,0,0.1);*/
    }

/* Triangles */

.ss-style-triangles::after {
	left: 50%;
	width: 100px;
	height: 100px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
     background-image: url(../images/pattern.png);
	background-repeat: repeat;
	background-position: left top;
}

.ss-style-triangles::after {
	bottom: -50px;
	z-index: 10000;
	background-color: #313650;
    
}

/* icons */

.bt-icon:before,
.bt-icon-alt:before {
  font-family: "minicons-webalys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
}

/* big circles on about and join pages */

.bt-icon.rounded {
	display: block;
	width: 17em;
	height: 17em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	background-color: rgba(0,0,0,0.1);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	

	.bt-icon.rounded.bga{
	background-attachment: scroll;
	background-image: url(../images/icon-rounded_thai-girl-motorbike.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
		}

	.bt-icon.rounded.bgb {
	background-attachment: scroll;
	background-image: url(../images/icon-rounded_Thai-DJ.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
	
		.bt-icon.rounded.bgc{
	background-attachment: scroll;
	background-image: url(../images/icon-rounded_coyote-dancer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
		}
		
   .bt-icon.rounded.bgd{
	background-attachment: scroll;
	background-image: url(../images/icon-rounded_yipe-vibe.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	
			}
	.bt-icon.rounded.bge {
	background-attachment: scroll;
	background-image: url(../images/icon-rounded_female-Thai-DJ.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}



.icon-window-delete:before {
  content: "\e000";
}

.icon-download:before {
  content: "\e002";
}

.icon-home:before {
  content: "\e003";
}

.icon-calendar:before {
  content: "\e004";
}

.icon-folder-add:before {
  content: "\e001";
}

.icon-windows:before {
  content: "\e008";
}

.icon-volume:before {
  content: "\e00e";
}

.icon-speaker:before {
  content: "\e011";
}

.icon-star:before {
  content: "\e012";
}

.icon-sun:before {
  content: "\e014";
}

.icon-trash:before {
  content: "\e018";
}

.icon-zoom:before {
  content: "\e005";
}

.icon-user-outline:before {
  content: "\e006";
}

.icon-picture:before {
  content: "\e007";
}

.icon-phone:before {
  content: "\e009";
}

.icon-newspaper:before {
  content: "\e00a";
}

.icon-printer:before {
  content: "\e00b";
}

.icon-microwave:before {
  content: "\e00c";
}

.icon-refresh:before {
  content: "\e00d";
}

.icon-lock:before {
  content: "\e00f";
}

.icon-email:before {
  content: "\e010";
}

.icon-browser:before {
  content: "\e013";
}

.icon-bubble:before {
  content: "\e015";
}

.icon-calculator:before {
  content: "\e016";
}

.icon-cd:before {
  content: "\e017";
}

.icon-enter:before {
  content: "\e019";
}

.icon-file-add:before {
  content: "\e01a";
}

.icon-flag:before {
  content: "\e01b";
}

.icon-twitter:before {
  content: "\e01c";
}
.icon-youtube:before {
  content: "\e023";
}
.icon-gplus:before {
  content: "\e020";
}

.icon-github:before {
  content: "\e021";
}

.icon-facebook:before {
  content: "\e01d";
}




/*Icon fix css */
.btn-rtcon li a {
	font-size: 25px !important;
	color: #fff !important;}

/*Icon fix css..it is -13 i the shop */

.btn-rtcon li:nth-child(1) a {
	margin-top: 13px;
}
.btn-rtcon li:nth-child(2) a {
	margin-top: 13px;
}

.bt-menu ul.btn-rtcon li:nth-child(3) a {
	margin-top: 13px;
}
ul.btn-rtcon {
	margin-right: -12px !important;
}











/***big footer button ***/


button.big {
	width:120px;
	padding-top:11px;
	padding-bottom:10px;
	background-color: #eede2f;
	display: block;
	color: #000;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #fff;*/
    -webkit-transition:  0.3s;
    -moz-transition:0.3s;
	transition: 0.3s;
	margin-right: auto;
	margin-left: auto;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
    text-decoration: none;

}
 
    button.big:hover, button.big:active, button.big:focus  {
    background-color:#767bb0;
    color:#fff;
    text-shadow:none;
    text-decoration: none!important;
}
.button-link a:any-link {text-decoration: none!important;}

/* page bottom shout out*/

.yipe-vibe {
	max-width: 768px;
	width:100%;
	margin-top: 150px;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
    font-family: 'Lora', serif;
}

/* Newsletter */

.newsletter {
    width: 768px;
    height:400px;
    margin: 0 auto;
    background-image:image(images/newsletter-sign-up.jpg)
    
    
}


/* Releases page */

/*.new-release-wrap { 


text-align:justify;

    
/*display: -webkit-flex; /* Safari */
/*display: flex;*/
/*-webkit-justify-content: space-between; /* Safari */
/*justify-content: space-between;*/
/*margin-bottom:50px;
background-color: #2c3048;
padding:1px;
    
}*/
.new-release {
    float:left;
	overflow:hidden;
	width:25%;
    min-width:170px;
    padding:0.5%;
    margin-bottom:30px;
	
	}


  .new-release .release-text{padding-left:0px;min-height:200px}
  .new-release .release-text h3 {margin-top:5px;margin-bottom:5px}
  .new-release .release-text p.release-title {
    font-weight:400;
    font-size: 16px;
    font-family: 'Lora', serif;
    font-style: italic;
}
.release-meta, .release-description{font-size:15px}
.release-description{min-height:40px}
.release-align {
    text-align:left;
    padding-bottom:20px;
    padding-left:5px;
    }



/*about page */

.release-news img{
    
    opacity:.8;
    -webkit-transition:  0.3s;
    -moz-transition:0.3s;
    transition: 0.3s;
}
.release-news img:hover{
    opacity:1;
  
}


/*list styles*/

 ul.preview{
	margin-top:25px;
	list-style: none;
     padding-bottom:15px;
}
 ul.preview li{
	padding-bottom: 2px;
	margin-left: 1px;
     margin-right:10px;
     float:left;
}

/* Small yellow buttons */

 ul.preview li a{

    /*text-shadow: 0 1px 0 #fff;*/
	color: #000;
     width:53px;
     height:28px;
     line-height:30px;
     text-align:center;
     display:block;
	/*padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 3px;*/
	font-size: 16px;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	background-color: #eede2f;
    text-decoration:none;
    -webkit-transition:  0.3s;
    -moz-transition:0.3s;
	transition: 0.3s;
     
}

ul.preview li.spotify_ref a {
    width:60px;
    background-color: unset!important;
	background-image: url(../images/logos/spotify_rel-pg.png);
	background-size:contain;
}
 ul.preview li a:hover{
	background:#767bb0;
	color:#fff;
    text-shadow: none;
    text-decoration:none;	
}
ul.preview li.spotify_ref a:hover{
    opacity:.8;
    background:#767bb0;
    background-image: url(../images/logos/spotify_rel-pg.png);
	background-size: contain;
   
	
} 


ul.bullet_star {
	text-align: left;
	list-style-position: outside;
	list-style-type: none;
	margin-top: 50px;
	font-size: 16px;
	list-style-image: url(../images/star-icon.png);
	margin-left: 30px;
    
	}
	

ul.bullet_star li {
	margin-bottom: 20px;
	margin-left:5px;
  
}

/*various*/

.rights-org {margin:0 auto;text-align:center;height:60px}
.rights-org p{text-align:center;margin-bottom: 20px}
.rights-org a img {padding-right:15px;padding-left:15px;display: inline-block;margin-bottom: 10px}
.dd-logo {margin-top:50px;margin-bottom:50px;margin-right:auto;margin-left:auto;width:100%;text-align: center}
.dd-logo img{display:inline-block;margin-right:20px;margin-bottom:15px;height:35px}
.info-dl-type {margin-top:40px;margin-bottom:40px;border: thin ridge #5E5E5E;padding:10px;position:relative;padding-left:50px;font-size:20px!important;text-align:center;}
#my-video {position:relative;}

/*socials contact page*/

.socials-big {margin:0 auto;text-align:center;margin-top:50px;}
.socials-big a img {padding-right:30px;display:inline-block;}

/*socials sharing header*/

.socials-top div{text-align:right;float: right;margin-right:-10px;line-height:40px;}
img.facebook {float:right;display:block;height:40px;width:auto;padding-right:10px}
img.line {float:right;display:block;height:40px;width:auto;padding-right:0px;}
img.wechat {float:right;display:block;height:40px;width:auto;padding-right:10px;}
img.tiktok {float:right;display:block;height:40px;width:auto;padding-right:10px;}


/*catalogue responsive table*/

table { 
  width: 100%; 
  border-collapse: collapse; 
}

th { 
  background-color: #2c3048;
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: solid thin rgba(0,0,0,0.2); 
  text-align: left; 
}





/* Artist page */

/*.artist-wall {

  display: -webkit-flex; /* Safari */
  /*display: flex;
  /*-webkit-justify-content: space-between; /* Safari */
  /*justify-content: space-between;

	
}*/
.artist-box{
	 float:left;
	overflow:hidden;
	width:25%;
    min-width:170px;
    padding:0.5%;
    margin-bottom:30px;
    
}
    
.label-artist{
	display: inline-block;
	width: 33%;
    background-color: #2c3048;
    padding:1px;
    padding-bottom:10px;
    margin-bottom:30px;
    
}
.label-artist .preview {padding-left:5px;
}

.artist-info {
    padding-left:3px;
    
    }
    
.artist-info h3 {
    margin-top:5px;
    margin-bottom:5px;
}
.artist-info span{
    min-height:50px;
    display:block;
    text-align:left!important;
    
}

 @media only screen and (max-width: 950px){
   

.new-release, .artist-box {width:33%;}   
.label-artist {width:100%;}
/*.label-artist.last {float:left;width:100%;}*/
}

@media only screen and (max-width: 768px){
    
.new-release, .artist-box {width:50%;}	
}
@media only screen and (max-width: 640px){
    
.new-release, .artist-box, .label-artist {width:100%}
    

}
  /*.new-release .release-text h3 
.artist-all.pub-artist{background-color: #2c3048;padding:1px;}*/

/*@media only screen and (max-width: 950px){
    
.artist-all { display: block;text-align:justify}
	
}*/

/*@media only screen and (max-width: 760px){
    
.artist-all .artist-box {float:left;margin-right:30px}	
}*/
/*@media only screen and (max-width: 600px){
    
/*.artist-all .artist-box {width:100%}
}*/

.artist-box img, .new-release a img {
    opacity:.8;
   -webkit-transition:  0.3s;
    -moz-transition:0.3s;
	transition: 0.3s;
    -webkit-transform: scale(1);
	transform: scale(1);
    display:block;
}
.artist-box img:hover,  .new-release a img:hover{
    opacity:1;
    -webkit-transform: scale(1.15);
	transform: scale(1.15);
}
	
.artist-box ul{
	margin-top:20px;
	list-style: none;
}
.artist-box ul li{
	float:left;
	margin-right:6px;
	margin-left:3px;	
}

.artist-info {
	text-align: left;
	margin-top: 5px;
	padding: 2px;
	margin-bottom: 7px;
    
	}
.artist-info h3{
    margin-bottom:4px;
}	
.artist-info span {
	display:block;
	font-size:15px;
    opacity:0.4;
	}


/*  Menu */


.bt-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-width: 0px;
	border-style: solid;
	border-color: #313650;
	background-color: rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	z-index: 1000;
}

.bt-menu.bt-menu-open {
	height: 100%;
	border-width: 0px 0px 50px 150px;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: border-width 0.3s, background-color 0.3s;
	transition: border-width 0.3s, background-color 0.3s;
}

.bt-overlay {
	position: absolute;
	width: 100%;
}

.bt-menu-open .bt-overlay {
	height: 100%;
}

.bt-menu-trigger {
	position: fixed;
	top: 10px;
	left: 20px;
	z-index: 100;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.bt-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 8%;
	background:#fff;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.bt-menu-trigger span .cover-yellow {
    color:#eede2f
}

.bt-menu-trigger span:before,.bt-menu-trigger span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background:#fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.bt-menu-trigger span:before {
	-webkit-transform: translateY(-250%);
	transform: translateY(-250%);
}

.bt-menu-trigger span:after {
	-webkit-transform: translateY(250%);
	transform: translateY(250%);
}
.bt-menu-open .bt-menu-trigger span {
    background-color: #fff;
}
.bt-menu-open .bt-menu-trigger span:before {
	-webkit-transform: translateY(-300%);
	transform: translateY(-300%);
	background-color: #fff;
}

.bt-menu-open .bt-menu-trigger span:after {
	-webkit-transform: translateY(300%);
	transform: translateY(300%);
	background-color: #fff;
}

.bt-menu ul {
	position: fixed;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: -150px;
}

.bt-menu ul:first-of-type {
	top: 75px;
	left: 0;
}
.bt-menu-open ul {
	margin-left: 0px;
}

.bt-menu ul:nth-of-type(2) {
	right: 0;
	bottom: 0;
}

.bt-menu ul li,.bt-menu ul li a {
	display: block;
}

.bt-menu ul:nth-of-type(2) li {
	float: left;
	font-size: 0px;
}

.bt-menu ul li {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
	transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
}

.bt-menu.bt-menu-open ul:first-of-type li,.bt-menu.bt-menu-open ul:nth-of-type(2) li {
	visibility: visible;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
	transition: transform 0.3s, opacity 0.3s;
}

/* First menu */

.bt-menu ul:first-of-type li {
	width: 150px;
	height: 50px;
	line-height: 50px;
	-webkit-transform: translate3d(-100%,50%,0);
	transform: translate3d(-100%,50%,0);
}

.bt-menu.bt-menu-open ul:first-of-type li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Second menu */

.bt-menu ul:nth-of-type(2) li {
	width: 60px;
	height: 50px;
	line-height: 50px;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child { 
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) { 
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) { 
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.bt-menu ul li a {
	display: block;
	outline: none;
	text-decoration: none;
}

.bt-menu ul:first-of-type li a {
	padding: 0 20px;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

/*.bt-menu ul:first-of-type li:last-child a {
	/*box-shadow: inset 0 1px rgba(0,0,0,0.1, inset 0 -1px rgba(0,0,0,0.1);*/
}/*
/*
.bt-menu ul:nth-of-type(2) li a {
	color: transparent;
	text-align: center;
	font-size: 0px;
}
*/
.bt-menu ul.btn-rtcon:nth-of-type(2) li a {
	color: #fff;
	text-align: center;
	font-size: 24px;
}

.bt-menu ul:first-of-type li a:hover,
.bt-menu ul:first-of-type li a:focus,
.bt-menu ul li a:hover:before,
.bt-menu ul li a:focus:before {
	color: #eede2f;
}
ul.btn-rtcon {padding-right:20px!important}

/* tabs */


.tabs {
	position: relative;
	overflow: hidden;
	width: 100%;
	font-weight: 300;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}


.tabs nav {
	text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1140px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: left;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
	color:#f4f4f4;
    text-decoration:none;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 26px;
	font-weight:500;
	text-transform:uppercase;
	
}

.tabs nav li.tab-current a {
	color: #eede2f!important;
	border-bottom: 1px solid #eede2f;
}


.tabs nav a:focus {
	outline: none;
}

.content-wrap {
	position: relative;
  
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	/*padding: 1em;*/
	max-width: 1140px;
	/*text-align: center;*/
}

.content-wrap section.content-current {
	display: block;
}

/* glow effect */

span.glow:hover {
	-webkit-animation: glow-4 1.4s ease-in-out infinite alternate;
	-moz-animation: glow-4 1.4s ease-in-out infinite alternate;
	animation: glow-4 1.4s ease-in-out infinite alternate;
	cursor:pointer
}
@keyframes glow-4 {
from {
box-shadow: 0 0 40px 0 #47afff;
}
to {
	box-shadow: 0 0 100px 0 #47afff;
}
}
@-moz-keyframes glow-4 {
from {
box-shadow: 0 0 40px 0 #47afff;
}
to {
	box-shadow: 0 0 100px 0 #47afff;
}
}
@-webkit-keyframes glow-4 {
from {
box-shadow: 0 0 40px 0 #47afff;
}
to {
	box-shadow: 0 0 100px 0 #47afff;
}
}


/* Fallback */

.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		display: none;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}



/* Triangle and line */


.tabs-style-linetriangle nav a {
	overflow: visible;
	border-bottom: 1px solid rgba(0,0,0,0.9);
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}


.tabs-style-linetriangle nav a span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	
}

.tabs-style-linetriangle nav li.tab-current a:after, 
.tabs-style-linetriangle nav li.tab-current a:before {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: '';
	pointer-events: none;
}

.tabs-style-linetriangle nav li.tab-current a:after {
	margin-left: -10px;
	border-width: 10px;
	border-top-color: #eede2f;
}

.tabs-style-linetriangle nav li.tab-current a:before {
	margin-left: -11px;
	border-width: 11px;
	border-top-color: #eede2f;
	
}


/* other queries */
    

    

/*@media screen and (max-width: 1140px) {
    
main {
	padding-left:10px;
	padding-right:10px;
    }	*/
    
    
    
  

    
    @media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force responsive table to not be like tables anymore */
    
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
    
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: solid thin rgba(0,0,0,0.2); 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
        
	}
    td:nth-of-type(1){background-color: #2c3048;}
	
	
	/*Label the data */
    
	td:nth-of-type(1):before { content: "Month/year";}
	td:nth-of-type(2):before { content: "Cat. No."; }
    td:nth-of-type(3):before { content: "Artist"; }
	td:nth-of-type(4):before { content: "Title"; }
	
}

@media screen and (max-width: 640px) {

   
    
	.left {
	width: 100%;	
    }
	.right {
	width: 100%;	
    }
	.section-triangle {

	padding-right: 10px;
	padding-left: 10px;
	}
	
.tabs nav ul {
	display: unset;
	}
span.glow:hover {
	-webkit-animation: unset;
	-moz-animation: unset;
	animation: unset;
	}
.dimmed.center {text-align:left!important;}
 body{font-size:15px}
 h1 {font-size:28px}
 h2 {font-size:26px}
 h3 {font-size:22px}
 h4 {font-size:18px}
.italic {font-size: 14px; }
.columns {padding-bottom: 50px;}
.column h2, .columns h2 {margin-top: 30px;}   
.columns.column-mid h2, .columns.column-mid p {text-align:left;}  
.columns p, .column p {font-size:20px}
.artist-all .artist-box.label-artist{width:100%}
.bt-icon.rounded.bga, .bt-icon.rounded.bge {background-position:center top;}
.icon-divider {padding-top:30px;padding-bottom:30px;} 
.dd-logo img{height:25px}
.show{visibility:hidden}
.rights-org a img {padding-right:5px;padding-left:5px;}
.socials-top img {height:30px}
ul.btn-rtcon {padding-right:5px!important}
.bt-icon.rounded {
	width: 100%;
	height: 10em;
	border-radius: 0%;
	display:block;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	padding-bottom: 30px;
	margin-left: auto;
	}
    .new-release {
    padding:0;
    }
    .release-align {
    padding-left:0;
    }
    
    
     
    }
    
        
  






div#html5-watermark {
    display: none !important;
}