.pageContact .wrapperCols .last h3:nth-child(3) {
     margin-bottom: 10px 
}
 .wf-loading #loader p {
     visibility: hidden;
}
 #logo img{
     width:50px;
}
 header {
     pointer-events: none;
}
 header #logo, header #toggleNav, header #player {
     pointer-events: initial;
}
 .btn, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
     display: block 
}
 #navigation, .btn {
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 #loader, header #logo {
     letter-spacing: -.08em 
}
 #loader, #main, .fullHeight, .vCenter, body, html {
     height: 100% 
}
 .line, .lines {
     pointer-events: none 
}
 #loader .perc, #mobile, #showGrid span, .tcenter {
     text-align: center 
}
 #navigation li a:after, .pageHome .slide .info a.artist span.txt:after, .pageHome .slide .order .btn:before{
     content: '' 
}
 #navigation #newsletter #newsContent, #navigation li ul, #showGrid, .footermobile {
     overflow: hidden 
}
 a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
     margin: 0;
     padding: 0;
     border: 0;
    /*font: inherit;
     font-size: 100%;
     vertical-align: baseline;
    */
}
 html {
     line-height: 1 
}
 ol, ul {
     list-style: none 
}
 caption, td, th {
     text-align: left;
     font-weight: 400;
     vertical-align: middle 
}
 blockquote, q {
     quotes: none 
}
 blockquote:after, blockquote:before, q:after, q:before {
     content: "";
     content: none 
}
 a img {
     border: none 
}
 @font-face {
     font-family: Ld-Bold;
     src: url('../../fonts/grifter-bold-webfont.woff2') format('woff2'), url('../../fonts/grifter-bold-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: Ld-Regular;
     src: url('../../fonts/grifter-regular.otf') format('opentype');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: Konexy;
     src: url('../../fonts/konexy.otf') format('opentype');
     font-weight: normal;
     font-style: normal;
}
 body {
     font-family: 'Fira Code';
     font-weight: 200;
     font-size: 16px;
     line-height: 1.5;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-tap-highlight-color: transparent;
     overflow-x: hidden;
     background:#000;
}
 a {
     text-decoration: none;
     color:#000;
}
 .btn {
     background-color: #000;
     color: #fff;
     font-size: .688em;
     padding: 15px 20px 12px;
     text-transform: uppercase;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .btn:hover {
     background-color: #111 
}
 ::-webkit-scrollbar {
     width: 0 
}
 * {
     box-sizing: border-box;
     outline: 0 
}
 body.showBio {
     overflow-y: hidden 
}
 #mobile {
     display: none;
     width: 90%;
     margin: 200px auto 0 
}
 #mobile #logo-mobile {
     font-size: 2em 
}
 .col, .col2 {
     font-size: .875em;
     padding-left: 15px;
}
 img {
     max-width: 100% 
}
 .wrapperCols {
     margin: 0 auto;
     width: 85% 
}
 .col, .wrapperCols .col {
     width: 20% 
}
 .col2 {
     width: 40% 
}
 ::-moz-selection {
     background:#fff;
     color: #000;
     text-shadow: none 
}
 ::selection {
     background:#fff;
     color: #000;
     text-shadow: none 
}
 .vCenter {
     display: inline-table;
     width: 100% 
}
 .vCenterKid {
     display: table-cell;
     vertical-align: middle 
}
 .vCenterKidBottom {
     display: table-cell;
     vertical-align: bottom 
}
 #loader {
     position: fixed;
     font-family: 'Fira Code', monospace;
     font-size: 1.5em;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 10;
}
 #loader .perc {
     font-size: .7em;
     padding-top: 5px;
     width: 100%;
     color:#cc0000;
     opacity:0.5;
     font-weight: 600;
}
 #loader .wrapper {
     left: 50%;
     margin: 5px 0 0 -120px;
     position: absolute;
     top: 60vh;
     width: 250px;
     z-index: 2;
     text-align:center;
}
 #loader .wrapper #bar {
     background-color: #dedede;
     position: relative;
     height: 5px;
     display:none;
}
 #loader .wrapper #bar span {
     background-color: #000;
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 0;
     -moz-transition: width .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: width .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: width .3s cubic-bezier(.15, .9, .34, .95);
     transition: width .3s cubic-bezier(.15, .9, .34, .95) 
}
 #loadHome {
     background-color: #9a9a9a;
     opacity: 0;
     position: absolute;
     display:none;
     left: 80px;
     top: 15vh;
     width: 0;
     z-index: 9;
     -moz-transition: width .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: width .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: width .3s cubic-bezier(.15, .9, .34, .95);
     transition: width .3s cubic-bezier(.15, .9, .34, .95) 
}
 #main, .lines {
     max-width: 100%;
     width: calc(100% - 160px) 
}
 #main {
     margin: 0 80px;
}
 #page {
     opacity: 0;

         -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
         -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
         -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95);
         transition: all .2s cubic-bezier(.15, .9, .34, .95);
		 padding-top: 15vh;
    
}
 #navigation li a, #showGrid {
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 #page.show {
     opacity: 1 
}

.pageReleases.show{
	z-index:5;
	position: relative;
    background: #000;	
}

 .contributorbox{
     position:absolute;
     left:80px;
     width:calc(100% - 160px);
}
 .lines {
     height: 100%;
     left: 80px;
     right: 0;
     position: fixed;
     top: 0;
     z-index: 12 
}
 .lines .wrapperCols {
     height: 100%;
     position: relative 
}
 #showGrid svg, .line {
     position: absolute;
     top: 0 
}
 .line {
     background-color: #fff;
     height: 100%;
     opacity: .07;
     width: 1px 
}
 #navigation, #navigation #newsletter #newsLink.hide {
     opacity: 0;
     visibility: hidden 
}
 .line.line1 {
     left: 0 
}
 .line.line2 {
     left: 20% 
}
 .line.line3 {
     left: 40% 
}
 .line.line4 {
     left: 60% 
}
 .line.line5 {
     left: 80% 
}
 .line.line6 {
     left: 100% 
}
 #showGrid {
     border: 1px solid rgba(0, 0, 0, .1);
     bottom: 4.7%;
     display: none;
     height: 50px;
     left: 40px;
     position: fixed;
     z-index:10;
     width: 50px;
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 #showGrid:hover {
     border-color: #000 
}
 #showGrid span {
     border-bottom: 1px solid rgba(0, 0, 0, .1);
     color: rgba(0, 0, 0, .4);
     float: left;
     font-size: .75em;
     display: block;
     line-height: 25px;
     height: 25px;
     width: 25px;
     -moz-transition: -moz-transform .3s cubic-bezier(.15, .9, .34, .95), border-color .1s cubic-bezier(.15, .9, .34, .95), color .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: -o-transform .3s cubic-bezier(.15, .9, .34, .95), border-color .1s cubic-bezier(.15, .9, .34, .95), color .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: -webkit-transform .3s cubic-bezier(.15, .9, .34, .95), border-color .1s cubic-bezier(.15, .9, .34, .95), color .2s cubic-bezier(.15, .9, .34, .95);
     transition: transform .3s cubic-bezier(.15, .9, .34, .95), border-color .1s cubic-bezier(.15, .9, .34, .95), color .2s cubic-bezier(.15, .9, .34, .95) 
}
 #showGrid span:nth-child(3), #showGrid span:nth-child(4) {
     border-bottom: 0 
}
 #showGrid span:nth-child(1), #showGrid span:nth-child(3) {
     border-right: 1px solid rgba(0, 0, 0, .1) 
}
 #showGrid:hover span {
     color: #000;
     border-color: #000 
}
 #showGrid.circle span {
     border-color: #fff;
     -moz-transition: border-color 0s cubic-bezier(.15, .9, .34, .95);
     -o-transition: border-color 0s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: border-color 0s cubic-bezier(.15, .9, .34, .95);
     transition: border-color 0s cubic-bezier(.15, .9, .34, .95) 
}
 #showGrid.circle span:nth-child(1) {
     -moz-transform: translate3d(4px, 5px, 0);
     -ms-transform: translate3d(4px, 5px, 0);
     -webkit-transform: translate3d(4px, 5px, 0);
     transform: translate3d(4px, 5px, 0) 
}
 #showGrid.circle span:nth-child(2) {
     -moz-transform: translate3d(-4px, 5px, 0);
     -ms-transform: translate3d(-4px, 5px, 0);
     -webkit-transform: translate3d(-4px, 5px, 0);
     transform: translate3d(-4px, 5px, 0) 
}
 #showGrid.circle span:nth-child(3) {
     -moz-transform: translate3d(4px, -5px, 0);
     -ms-transform: translate3d(4px, -5px, 0);
     -webkit-transform: translate3d(4px, -5px, 0);
     transform: translate3d(4px, -5px, 0) 
}
 #showGrid.circle span:nth-child(4) {
     -moz-transform: translate3d(-4px, -5px, 0);
     -ms-transform: translate3d(-4px, -5px, 0);
     -webkit-transform: translate3d(-4px, -5px, 0);
     transform: translate3d(-4px, -5px, 0) 
}
 #showGrid svg {
     left: 0 
}
 .footermobile {
     clear: both;
     padding-top: 20px;
     position: relative;
     text-transform: uppercase 
}
 .footermobile .networks {
     position: absolute;
     bottom: 20px;
     right: 0;
     width: 50%;
     text-align: left 
}
 .footermobile .networks a {
     margin: 0 10px 
}
 .footermobile .networks a:first-child {
     margin-left: 0 
}
 .footermobile .networks a:last-child {
     margin-right: 0 
}
 .footermobile>ul>li:last-child {
     clear: right;
     float: right 
}
 .footermobile>ul>li:nth-child(2) {
     float: right 
}
 .footermobile li {
     color: #000;
     float: left;
     font-size: 2.5vw;
     margin-bottom: 20px;
     width: 50% 
}
 .footermobile li a {
     color: #000;
     position: relative 
}
 #navigation, header {
     position: fixed;
     top: 0 
}
 .footermobile li ul {
     margin-top: 20px 
}
 .footermobile li ul li {
     float: none;
     margin-bottom: 0;
     width: 100% 
}
 .footermobile li ul li a {
     color: #bcbcbc;
     -moz-transition: all .8s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .8s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .8s cubic-bezier(.15, .9, .34, .95);
     transition: all .8s cubic-bezier(.15, .9, .34, .95) 
}
 .footermobile li ul li a:hover {
     color: #000 
}
 .footermobile li ul li a:after {
     display: none 
}
 #navigation {
     background-color: rgba(0, 0, 0, 1);
     height: 100%;
     left: 0;
     text-align: center;
     width: 100%;
     z-index: 5;
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0);
     transform: translateZ(0) 
}
 #navigation #newsletter #mc_embed_signup input.email, #navigation #newsletter a path {
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 nav {
     width: 30%;
     margin: auto;
}
 #navigation .vCenter {
     height: 100% 
}
 #navigation #newsletter {
     position: absolute;
     bottom: 4%;
     text-align: center;
     left: 80px;
     width: calc(100% - 160px) 
}
 #navigation #newsletter a {
     display: inline-block;
     margin-left: 15px;
     vertical-align: middle 
}
 #navigation #newsletter a:first-child {
     -moz-transform: translateY(-1px);
     -ms-transform: translateY(-1px);
     -webkit-transform: translateY(-1px);
     transform: translateY(-1px) 
}
 #navigation #newsletter a path {
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 #navigation #newsletter a:hover path {
     fill: #000 
}
 #navigation #newsletter .firstNews {
     float: left;
     text-align: center;
     padding-top: 15px;
     width: 100%;
     color:#cd1719;
     margin-bottom:10px;
}
 #navigation #newsletter .firstNews p {
     font-weight: 400;
     font-size: .9em;
     max-width: 400px;
     margin: 0 auto;
}
 #navigation #newsletter .firstNews p.fadeT {
     opacity: .58 
}
 #navigation #newsletter #mc_embed_signup {
     float: left;
     width: 100%;
}
 #navigation #newsletter #mc_embed_signup .mc-field-group {
     width: 520px;
     margin: 0 auto 
}
 input[type="email"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #fff;
}
 input[type="email"]::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff;
}
 input[type="email"]:-ms-input-placeholder {
    /* IE 10+ */
     color: #fff;
}
 input[type="email"]:-moz-placeholder {
    /* Firefox 18- */
     color: #fff;
}
 input[type="email"]::-webkit-input-placeholder {
     color: #fff;
}
 input[type="email"]::placeholder {
     color: #fff;
}
 input[type="text"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #fff;
}
 input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff;
}
 input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
     color: #fff;
}
 input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
     color: #fff;
}
 input[type="text"]::-webkit-input-placeholder {
     color: #fff;
}
 input[type="text"]::placeholder {
     color: #fff;
}
 #navigation #newsletter #mc_embed_signup input.email {
     background: #000;
     border: 1px solid #9a1113;
     color: #fff;
     height: 40px;
     line-height: 40px;
     padding-left: 10px;
     float: left;
     width: 520px;
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     font-family: 'Fira Code', monospace;
}
 #navigation #newsletter #mc_embed_signup input.search {
     background: #fff;
     border: 1px solid #d9d9d9;
     color: #6b6b6b;
     height: 45px;
     font-family: FM-Book;
     line-height: 45px;
     padding-left: 10px;
     float: left;
     width: 320px;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 #navigation #newsletter #mc_embed_signup input.email.mce_inline_error {
     border-color: #ec2100 
}
 #navigation #newsletter #mc_embed_signup #mc-embedded-subscribe {
     cursor: pointer;
     border: none;
     color: #cd1719;
     background: transparent;
     border-radius: 0;
     font-family: 'Fira Code', monospace;
     font-size: 1.5em;
     text-transform: uppercase;
     float: left;
     font-weight: 400;
     height: 40px;
     line-height: 40px;
     width: auto;
     padding: 0 20px;
     clear: none;
     position: absolute;
     -moz-appearance: none;
     right:-5px;
     margin: 0;
}
 #navigation #newsletter #mc_embed_signup #mc-embedded-search {
     cursor: pointer;
     border: none;
     color: #fff;
     background: #000;
     border-radius: 0;
     font-family: FM-Medium;
     font-size: .688rem;
     text-transform: uppercase;
     float: left;
     font-weight: 400;
     height: 45px;
     line-height: 45px;
     width: auto;
     padding: 0 30px;
     clear: none;
     position: relative;
     -moz-appearance: none;
}
 #navigation #newsletter #mc_embed_signup div.mce_inline_error {
     display: none !important 
}
 #navigation #newsletter .lastNews {
     float: left;
     width: 30%;
     text-align: right;
     padding-top: 24px 
}
 #navigation #newsletter .lastNews a {
     border-color: #000;
     color: #000;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 #navigation.show {
     opacity: 1;
     visibility: visible 
}
 #navigation.show li{
     text-align: center;
}
 #logoanimation {
     -webkit-animation: blink 1s;
     -webkit-animation-iteration-count: infinite;
     -moz-animation: blink 1s;
     -moz-animation-iteration-count: infinite;
     -o-animation: blink 1s;
     -o-animation-iteration-count: infinite;
     position:absolute;
     top:50%;
     left:50.2%;
     cursor:pointer;
     max-width:100%;
     max-height:100%;
     display:table;
     transform: translate(-50%, -50%);
}
 @-webkit-keyframes blink {
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes blink {
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-o-keyframes blink {
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
/* #navigation.show li:nth-child(1) {
     -moz-transform: translateX(-30px);
     -ms-transform: translateX(-30px);
     -webkit-transform: translateX(-30px);
     transform: translateX(-30px) 
}
 #navigation.show li:nth-child(3) {
     -moz-transform: translateX(-40px);
     -ms-transform: translateX(-40px);
     -webkit-transform: translateX(-40px);
     transform: translateX(-40px) 
}
 #navigation.show li:nth-child(4) {
     -moz-transform: translateX(45px);
     -ms-transform: translateX(45px);
     -webkit-transform: translateX(45px);
     transform: translateX(45px) 
}
 #navigation.show li:nth-child(5) {
     -moz-transform: translateX(60px);
     -ms-transform: translateX(60px);
     -webkit-transform: translateX(60px);
     transform: translateX(60px) 
}
 #navigation.show li:nth-child(6) {
     -moz-transform: translateX(37px);
     -ms-transform: translateX(37px);
     -webkit-transform: translateX(37px);
     transform: translateX(37px) 
}
 #navigation.show li:nth-child(7) {
     -moz-transform: translateX(13px);
     -ms-transform: translateX(13px);
     -webkit-transform: translateX(13px);
     transform: translateX(13px) 
}
 #navigation.show li:nth-child(8) {
     -moz-transform: translateX(-10px);
     -ms-transform: translateX(-10px);
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px) 
}
*/
 #navigation.show li {
     -moz-transition: opacity .3s cubic-bezier(.15, .9, .34, .95) .3s, -moz-transform .3s cubic-bezier(.15, .9, .34, .95) .3s;
     -o-transition: opacity .3s cubic-bezier(.15, .9, .34, .95) .3s, -o-transform .3s cubic-bezier(.15, .9, .34, .95) .3s;
     -webkit-transition: opacity .3s cubic-bezier(.15, .9, .34, .95), -webkit-transform .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition-delay: .3s, .3s;
     transition: opacity .3s cubic-bezier(.15, .9, .34, .95) .3s, transform .3s cubic-bezier(.15, .9, .34, .95) .3s;
     opacity: 1 
}
 #navigation.show li ul li {
     -moz-transform: translateX(3px) !important;
     -ms-transform: translateX(3px) !important;
     -webkit-transform: translateX(3px) !important;
     transform: translateX(3px) !important 
}
 #navigation li ul, .pageHome .slide .image.videoContainer iframe {
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0) 
}
 #navigation li {
     opacity: 0;
     -moz-transition: opacity .3s cubic-bezier(.15, .9, .34, .95), -moz-transform .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: opacity .3s cubic-bezier(.15, .9, .34, .95), -o-transform .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: opacity .3s cubic-bezier(.15, .9, .34, .95), -webkit-transform .3s cubic-bezier(.15, .9, .34, .95);
     transition: opacity .3s cubic-bezier(.15, .9, .34, .95), transform .3s cubic-bezier(.15, .9, .34, .95) 
}
 #navigation li ul {
     max-height: 0;
     -moz-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     transition: all .5s cubic-bezier(.15, .9, .34, .95);
     transform: translateZ(0) 
}
 #navigation li ul.show {
     margin-top: 15px;
     margin-bottom: 10px;
     max-height: 300px 
}
 #navigation li ul li {
     font-size: .3em !important;
     text-align: left;
     width: 220px;
     margin: 0 auto;
     text-transform: uppercase 
}
 #navigation li ul li a:after {
     height: 4px;
     top: 40% 
}
 #navigation li a {
     color: #fff;
     font-size: 5em;
     line-height: 1;
     position: relative;
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 #navigation li a.active, #navigation.artistsOpen li a {
     color: #bcbcbc 
}
 #navigation li a.active:after {
     background-color: #bcbcbc 
}
 #navigation li a:hover:after {
     width: 100% 
}
 #navigation li a:after {
     background-color: #000;
     height: 8px;
     display: block;
     position: absolute;
     top: 55%;
     left: 0;
     width: 0;
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 #navigation.artistsOpen li a:after {
     background-color: #bcbcbc 
}
 #navigation.artistsOpen .artistsLink a:after, header #logo a:after {
     background-color: #000 
}
 #navigation.artistsOpen .artistsLink a {
     color: #000 
}
 @media screen and (max-width:1180px) {
     #showGrid {
         bottom: 4.8% 
    }
     .lines {
         display: none !important 
    }
     nav {
         margin-top: -50px 
    }
}
 @media screen and (min-width:960px) {
     .footermobile {
         display: none 
    }
}
 @media screen and (max-width:959px) {
     #mc_embed_signup, #showGrid, .firstNews, .lines {
         display: none !important 
    }
     .pageHome div#list {
         left: 40px;
         width: calc(100% - 80px) 
    }
     #main {
         margin: 0 40px;
         width: calc(100% - 80px) 
    }
     #loadHome {
         left: 40px;
         top: 100px 
    }
     #navigation #newsletter .lastNews {
         float: none;
         width: 100%;
         text-align: center 
    }
}
 @media screen and (max-height:800px) {
     #showGrid {
         bottom: 3.7%;
         left: 40px;
    }
     #main, #navigation #newsletter, .lines, .pageHome div#list {
         width: 100% 
    }
     .col, .col2 {
         padding-left: 10px 
    }
     #navigation li a {
         font-size: 4em 
    }
     #navigation li a:after {
         height: 5px 
    }
     .pageHome div#list {
         left: 0;
         bottom: 0;
    }
     .pageHome #list #listWrapper {
         width: calc(100% - 80px);
         left: 40px;
    }
     #main {
         margin: 0 40px;
    }
     #navigation #newsletter {
         bottom: 3.7%;
         left:0;
		 height:50px;
    }
     #navigation #newsletter #newsLink {
         position: absolute;
         left: 50%;
         margin-left: -57px 
    }
     #loadHome {
         left: 40px;
         top: 15vh;
    }
     .lines {
         left: 40px 
    }
     .contributorbox{
         position:absolute;
         left:40px;
         width:calc(100% - 80px);
    }
}
 header #logo a:hover:after, table {
     width: 100% 
}
 @media screen and (max-height:799px) {
     #navigation li a {
         font-size: 3.5em 
    }
     #navigation ul li ul li {
         width: 155px 
    }
}
 @media screen and (max-height:640px) and (max-width: 959px) {
     #showGrid, .lines {
         display: none !important 
    }
}
 @media screen and (max-width:635px) {
     #main {
         margin: 0 20px;
         width: calc(100% - 40px) 
    }
     #navigation #newsletter .lastNews {
         height: 55px 
    }
     #navigation #newsletter .lastNews a:first-child {
         margin-left: 0 
    }
     #navigation #newsletter {
         bottom: 3.7% !important;
         left: 40px;
         position: fixed;
         width: calc(100% - 80px) 
    }
     #loadHome {
         height: 100% !important 
    }
     #navigation {
         padding-top: 100px;
         z-index: 15 
    }
     #navigation li a {
         font-size: 2em 
    }
     #navigation li ul li a {
         font-size: 3em 
    }
     #navigation ul li ul li {
         width: 130px;
         padding-left: 20px 
    }
     #navigation #newsletter a path {
         fill: #000 
    }
     .footermobile {
         padding-bottom: 0px;
    }
     .footermobile li {
         font-size: 4vw 
    }
     .footermobile .networks {
         height: 35px;
         bottom: 15px;
         width: 100% 
    }
     .footermobile .networks a {
         margin: 0 8px 
    }
     .footermobile .networks svg {
         max-width: 25px 
    }
}
 table {
     border-collapse: collapse;
     border-spacing: 0 
}
 header {
     left: 0;
     right: 0;
     margin: 0 auto;
     max-width: 100%;
    /* width: calc(100% - 160px);
     */
     z-index: 1;
     width: 100%;
     padding: 0 80px;
}
 header #logo {
     font-family: FM-Medium;
     font-size: 1.5em;
     -moz-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
     opacity: 0;
     visibility: hidden;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 header #logo a {
     color: #000;
     position: relative;
	 display:flex;
}
 header #player, header #player .text em {
     opacity: 0;
     visibility: hidden;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 header #player {
     margin-top: -14px;
     position: absolute;
     right: 0;
     top: 50%;
     -moz-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 header #player .text {
     font-size: .688em;
     text-transform: uppercase 
}
 header #player .text em {
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     display:none;
}
 .pageHome .slide .order .btn:before, header #toggleNav {
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 header #player.playing .text em {
     opacity: 1;
     visibility: visible 
}
 header #player #togglePlaying {
     background: url(../../img/icone_player_play.svg) center no-repeat;
     background-size: contain;
     display: inline-block;
     height: 13px;
     margin-left: 5px;
     width: 25px;
     -moz-transform: translateY(2px) translateX(8px);
     -ms-transform: translateY(2px) translateX(8px);
     -webkit-transform: translateY(2px) translateX(8px);
     transform: translateY(2px) translateX(8px) 
}
 header #player #togglePlaying.playing {
     background-image: url(../../img/icone_player_pause.svg) 
}
 header #toggleNav {
     clear: both;
     cursor: pointer;
     margin: 0 auto;
     height: 100px;
     width: 100px;
     -moz-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
     opacity: 0;
     visibility: hidden;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 header #toggleNav .menu {
     display: flex;
     -moz-box-align: center;
     align-items: center;
     -moz-box-pack: center;
     justify-content: center;
     flex-direction: column;
     line-height: normal;
     transition: all 200ms linear 0s;
}
 header #toggleNav .menu span {
     background-color: #CC0000;
     display: block;
     height: 1px;
     margin: 0 auto 5px;
     width: 20px;
     transform-origin: 5px 0px;
     transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
     position: relative;
     overflow: hidden;
     z-index:0;
}
 header #toggleNav .menu span::after {
     left: 0px;
     width: 0px;
     height: 100%;
     transition: all 200ms linear 0s;
     z-index: -1;
     top: 0px;
     position: absolute;
     content: "";
}
 header #toggleNav .menu:hover span::after {
     background-color: #cc0000;
}
 header #toggleNav .menu:hover span::after {
     width: 100%;
}
 header #toggleNav span:first-child {
     transform-origin: 0% 0%;
}
 header #toggleNav span:nth-last-child(2) {
     transform-origin: 0% 100%;
}
 header #toggleNav.n span {
     opacity: 1;
     transform: rotate(45deg) translate(-6px, -9px);
}
 header #toggleNav.n span:nth-last-child(3) {
     opacity: 0;
     transform: rotate(0deg) scale(0.2, 0.2);
}
 header #toggleNav.n span:nth-last-child(2) {
     transform: rotate(-45deg) translate(-2px, 6px);
}
 header.show #logo, header.show #player, header.show #toggleNav {
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible 
}
 @media screen and (max-height:800px) {
     header {
        /*width: calc(100% - 80px)*/
         width:100%;
         padding:0 40px;
    }
}
 @media screen and (max-width:959px) {
     header {
        /*width: calc(100% - 80px)*/
         width:100%;
         padding:0 40px;
    }
     header #player .text em, header #player .text span {
         display: none 
    }
     header #toggleNav {
         position: absolute;
         top: 0;
         right: 0 
    }
     header #toggleNav span {
         clear: right;
         float: right;
         margin: 0 0 3px 
    }
     header #player {
         right: 50px;
         margin-top: -10px;
         border-right: 1px solid #ccc;
         padding-right: 25px 
    }
}
 .pageHome #slider, .pageHome .slide {
     margin: 0 auto;
     width: 100%;
     height: 100% 
}
 .pageHome .slide .image, .pageHome .slide .mask {
     background-position: center;
     background-size: cover 
}
 .videoHome {
     display: none !important 
}
 .pageHome #slider {
     position: relative;
     opacity: 0;
     visibility: hidden;
    /* -moz-transition: opacity .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: opacity .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: opacity .3s cubic-bezier(.15, .9, .34, .95);
     transition: opacity .3s cubic-bezier(.15, .9, .34, .95);
     transition-delay: .6s*/
}
 .pageHome.show #slider {
     opacity: 1;
     visibility: visible;
}
 .pageHome .slide {
     position: absolute;
     top: 0;
     left: 0 
}
 .pageHome .slide .navIpad {
     cursor: default;
     opacity: .4;
     position: absolute;
     z-index: 2;
     top: 0;
     width: 50%;
     height: 100% 
}
 .pageHome .slide .navIpad.prev {
     left: 0 
}
 .pageHome .slide .navIpad.prev img {
     margin-top: -11px;
     position: absolute;
     top: 50%;
     left: 10px;
}
 .pageHome .slide .navIpad.next {
     left: 50% 
}
 .pageHome .slide .navIpad.next img {
     margin-top: -11px;
     position: absolute;
     top: 50%;
     right: 10px;
}
 .pageHome .slide .navIpad.hide {
     display: none 
}
 .pageHome .slide .title-container {
     margin-bottom: 1.5% 
}
 .pageHome .slide .artist-container, .pageHome .slide .title-container {
     height: 42px;
     overflow: hidden;
     position: relative 
}
 .pageHome .slide .artist-container div.scroll, .pageHome .slide .artist-container h2.scroll, .pageHome .slide .title-container div.scroll, .pageHome .slide .title-container h2.scroll {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     -moz-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -moz-transform: translate3d(0, -100%, 0);
     -ms-transform: translate3d(0, -100%, 0);
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0) 
}
 .pageHome .slide .artist-container div.scroll.active, .pageHome .slide .artist-container h2.scroll.active, .pageHome .slide .title-container div.scroll.active, .pageHome .slide .title-container h2.scroll.active {
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .pageHome .slide .artist-container div.scroll.active~div, .pageHome .slide .artist-container div.scroll.active~h2, .pageHome .slide .artist-container h2.scroll.active~div, .pageHome .slide .artist-container h2.scroll.active~h2, .pageHome .slide .title-container div.scroll.active~div, .pageHome .slide .title-container div.scroll.active~h2, .pageHome .slide .title-container h2.scroll.active~div, .pageHome .slide .title-container h2.scroll.active~h2 {
     -moz-transform: translate3d(0, 100%, 0);
     -ms-transform: translate3d(0, 100%, 0);
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0) 
}
 .pageHome .slide .artist-container h2, .pageHome .slide .title-container h2 {
    /*line-height: 1*/
}
 .pageHome .slide .artist-container {
     height: 30px;
     text-transform: uppercase 
}
 .pageHome .slide .image {
     position: absolute;
     pointer-events: none;
     -moz-transition: opacity .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: opacity .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: opacity .2s cubic-bezier(.15, .9, .34, .95);
     transition: opacity .2s cubic-bezier(.15, .9, .34, .95);
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
     visibility: hidden 
}
 .pageHome .slide .image.active {
     opacity: 1;
     visibility: visible 
}
 .pageHome .slide .image.videoContainer {
     pointer-events: initial 
}
 .pageHome .slide .image.videoContainer iframe {
     transform: translateZ(0);
     height: 100%;
     width: 100% 
}
 .pageHome .slide .mask {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0);
     transform: translateZ(0) 
}
 .pageHome .slide .col, .pageHome .slide .colS, .pageHome .slide .maskContainer {
     position: relative;
     height: 100%;
     overflow: hidden 
}
 .pageHome .slide .maskContainer {
     width: 0;
     -moz-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     transition: all .5s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome .slide .col {
     padding: 0;
     width: 17% 
}
 .pageHome .slide .col:nth-child(2) .mask {
     left: -44% 
}
 .pageHome .slide .col:nth-child(3) .mask {
     left: -144% 
}
 .pageHome .slide .col:nth-child(4) .mask {
     left: -244% 
}
 .pageHome .slide .col:nth-child(5) .mask {
     left: -344% 
}
 .pageHome .slide .col:nth-child(6) .mask {
     left: -444% 
}
 .pageHome .slide .colS {
     float: left;
     width: 7.5% 
}
 .pageHome .slide .colS:last-child .mask {
     left: -1234% 
}
 .pageHome .slide .homeCols {
     height: 100%;
     overflow: hidden 
}
 .pageHome .slide.active {
     z-index: 2 
}
 .pageHome .slide.active .maskContainer {
     width: 100% 
}
 .pageHome .slide img, .pageHome .slide.active .chars {
     display: block 
}
 .pageHome .slide .chars {
     display: none;
     opacity: 0;
     pointer-events: none;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 3;
     -moz-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     -o-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     transition: opacity .4s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome .slide .info, .pageHome .slide .info a.artist span.txt:after {
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome .slide .chars.show {
     opacity: 1 
}
 .pageHome .slide .chars.active {
     display: block 
}
 .pageHome .slide .chars span {
     font-family: FM-Medium;
     font-size: 5em;
     position: absolute;
}
 .pageHome .slide .chars span:nth-child(1) {
     left: 25%;
     top: -10% 
}
 .pageHome .slide .chars span:nth-child(2) {
     top: 10%;
     right: 25% 
}
 .pageHome .slide .chars span:nth-child(3) {
     bottom: 35%;
     left: 50% 
}
 .pageHome .slide .chars span:nth-child(4) {
     bottom: 7%;
     left: 42% 
}
 .pageHome .slide .chars span:nth-child(5) {
     bottom: -10%;
     left: 60% 
}
 .pageHome .slide.hideChars .chars {
     display: none !important 
}
 .pageHome .slide .info {
     left: 7.5%;
     padding-left: 15px;
     position: absolute;
     top: 0;
     width: 40%;
     transition: all .2s cubic-bezier(.15, .9, .34, .95);
     z-index: 2 
}
 .pageHome .slide .info .tracklist {
     display: none;
     width: 100%;
     height: 100%;
}
 .pageHome .slide .info .tracklist.active {
     display: block 
}
 .pageHome .slide .info .tracklist .tracks {
     float: left;
     width: 50% 
}
 .pageHome .slide .info .tracklist .tracks:nth-child(3) {
     padding-left: 15px 
}
 .pageHome .slide .info h2 {
     font-size: 6vw;
     font-weight: 400;
     text-transform: uppercase;
    /*text-overflow: ellipsis;
    */
     width: 100%;
    /*white-space: nowrap;
    */
     overflow: hidden 
}
 .pageHome .slide .info a.artist {
     color: #000;
     display: inline-block;
     font-size: 1.125em;
     position: relative;
     text-transform: uppercase 
}
 .pageHome .slide .info a.artist:hover span.txt:after {
     width: 100% 
}
 .pageHome .slide .info a.artist span.txt:after {
     background-color: #000;
     height: 3px;
     display: block;
     position: absolute;
     bottom: 8px;
     left: 0;
     width: 0;
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 span.txt {
     position: relative;
     width: auto;
     line-height: normal;
    /*background: bisque;
    */
     display: block;
}
 .pageHome .slide .order {
     display: none;
     position: absolute;
     right: 9.5%;
     width: 15%;
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome .slide .order .btn:before, .pageHome .slide .stores a:after {
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome .slide .order.active {
     display: block 
}
 .pageHome .slide .order h4 {
     font-size: 1.875em;
     font-weight: 400;
     text-transform: uppercase 
}
 .pageHome .slide .order .category {
     display: block;
     font-size: .688em;
     text-transform: uppercase;
     padding: 0 0 20px;
}
 .pageHome .slide .order .btn {
     height: 45px;
     font-family: FM-Medium;
     text-align: center;
     margin-top: 45px;
     position: relative 
}
 .pageHome .slide .order .btn:before {
     background-color: #fff;
     color: #000;
     display: block;
     height: 100%;
     width: 0;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 0;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome .slide .stores a:after {
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome .slide .order .btn span {
     position: absolute;
     left: 0;
     right: 0;
     display: none;
     margin: 0 auto 
}
 .pageHome .slide .order .btn:hover {
     color: #000 
}
 .pageHome .slide .order .btn:hover span {
     display: inline-block 
}
 .pageHome .slide .order .btn:hover:before {
     width: 100% 
}
 .pageHome .slide .playRelease {
     background: url(../../img/radiation.png) no-repeat;
     display: inline-block;
     height: 60px;
     margin-top: 10px;
     margin-right: 20px;
     vertical-align: middle;
     width: 47px;
     position: relative;
     background-size: contain;
     padding: 10px;
     color:#fff;
}
 .pageHome .slide .description-container {
     font-size: .688em;
     overflow:hidden;
}
/* .pageHome .slide .playRelease span, .pageHome .slide .playRelease:after, .pageHome .slide .playRelease:before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
     visibility: hidden;
     left: 0 
}
 .pageHome .slide .playRelease:after {
     z-index: 1;
     background: url(../../img/icone_play_white.svg) no-repeat 
}
 .pageHome .slide .playRelease:before {
     z-index: 2;
     background: url(../../img/icone_pause_white.svg) no-repeat 
}
 .pageHome .slide .playRelease span {
     z-index: 1;
     background: url(../../img/icone_pause.svg) no-repeat 
}
 .pageHome .slide .playRelease.playing span, .pageHome .slide .playRelease:hover:after {
     opacity: 1;
     visibility: visible 
}
 .pageHome .slide .playRelease.playing, .pageHome .slide .playRelease:hover {
     background: 0 0 
}
 .pageHome .slide .playRelease.playing:hover span, .pageHome .slide .playRelease.playing:hover:after {
     opacity: 0;
     visibility: hidden 
}
 .pageHome .slide .playRelease.playing:hover:before {
     opacity: 1;
     visibility: visible 
}
*/
 .pageHome .slide .stores {
     color: rgba(0, 0, 0, 1);
     display: inline-block;
     font-size: 18px;
     text-transform: uppercase;
     vertical-align: middle;
     font-weight: 400;
     z-index:2;
}
 .pageHome .slide .stores a {
     color: #CC0000;
    /*display: inline-block;
    */
     position: relative;
     font-size: 18px;
}
/* .pageHome .slide .stores a:after {
     background-color: #000;
     height: 1px;
     width: 0;
     display: block;
     content: "";
     position: absolute;
     bottom: -2%;
     left: 0;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome .slide .stores a:hover:after {
     width: 100% 
}
*/
/*https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/ https://repl.it/@dyguo/animated-multiline-link-underlines*/
 .pageHome .slide .stores a {
     text-decoration: none;
     background-image: linear-gradient(rgba(204,0,0,0.95), rgba(204,0,0,0.95));
     background-position: 0% 100%;
     background-repeat: no-repeat;
     background-size: 0% 1px;
     transition: background-size .3s;
}
 .pageHome .slide .stores a:hover{
     background-size: 100% 1px;
}
 a.arrows:before{
     content: ">>";
     position: absolute;
     margin-left: -25px;
}
/* a.arrows{
     margin-left: 10px;
     width: 200px;
     float: left;
}
*/
 .pageHome .slide .tracklist {
     font-size: .688em;
}
 .pageHome .slide .tracklist .p-tag {
     margin-bottom: 15px;
     text-transform: uppercase 
}
 .pageHome .slide .tracklist.description-release {
     font-family: FM-Book;
     font-size: 0.8em;
     width: 37% 
}
 .pageHome .slide .tracklist.description-release p {
     text-transform: none 
}
/* .pageHome .slide .tracklist span {
     cursor: pointer;
     display: block;
     opacity: .4;
     position: relative;
     text-transform: uppercase;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
*/
 .pageHome .slide .tracklist span em {
     margin-left: 10px 
}
 .pageHome .slide .tracklist span.playing, .pageHome .slide .tracklist span:hover {
     opacity: 1 
}
 .pageHome .slide .tracklist span.playing:before, .pageHome .slide .tracklist span:hover:before {
     opacity: 1;
     visibility: visible 
}
/* .pageHome .slide .tracklist span:before {
     background: url(../../img/icone_player_play.svg) no-repeat;
     content: '';
     display: block;
     height: 10px;
     position: absolute;
     left: -35px;
     opacity: 0;
     visibility: hidden;
     top: 2px;
     width: 8px;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
*/
 .pageHome #list {
     padding-top: 0;
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     display: flex;
     align-items: center;
     z-index:10;
     background:#000000;
}
 .pageHome #list .listNavContainer {
     bottom: 15%;
     position: absolute;
     right: 40px;
     -moz-transform: translateX(12px);
     -ms-transform: translateX(12px);
     -webkit-transform: translateX(12px);
     transform: translateX(12px) 
}
 .pageHome #list .listNavContainer a {
     height: 35px;
     width: 35px;
     display: inline-block;
     text-align: center 
}
 .pageHome #list .listNavContainer .prev {
     margin-right: 5px 
}
 .pageHome #list #listWrapper {
     display: block;
     margin: 0 auto;
     overflow: hidden;
     width: calc(100% - 240px);
     position:absolute;
     left: 120px;
}
 .pageHome #list li.wrap {
     float: left;
     width: 19.85%;
     -moz-transition: all .8s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .8s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .8s cubic-bezier(.15, .9, .34, .95);
     transition: all .8s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome #list li.wrap li {
     line-height: 1.2;
     margin-bottom:0;
     padding-left: 15px;
     height:40px;
}
 .pageHome #list li.wrap li:first-child{
     margin-bottom:5px;
}
/* span.nav-subtitle {
     font-size: 10px;
}
 span.nav-title {
     font-size: 10px;
}
*/
 .pageHome #list li.wrap a {
     width: 100%;
     display: inline-block;
     color: #fff;
     font-size: .725em;
     text-transform: uppercase;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome #list li.wrap a span {
     display: block;
}
 .pageHome #list li.wrap a em {
     padding-bottom: 1px;
     font:inherit;
     -moz-transition: border-bottom .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: border-bottom .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: border-bottom .3s cubic-bezier(.15, .9, .34, .95);
     transition: border-bottom .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageHome #list li.wrap a.active, .pageHome #list li.wrap a:hover {
     color: #cc0000;
}
 .pageHome #list li.wrap a.active em {
     border-bottom: 1px solid #000 
}
 .pageHome #list li.wrap .feature a span {
     color: #FF0000 
}
 #showTracklist {
     display: none 
}
 @media screen and (max-width:1280px) {
     .pageHome .slide .title-container {
         height: 30px 
    }
}
 @media screen and (min-width:1180px) {
     .pageHome .slide .navIpad {
         opacity: 0;
         -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
         -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
         -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
         transition: all .3s cubic-bezier(.15, .9, .34, .95) 
    }
     .pageHome .slide .navIpad:hover {
         opacity: 1 
    }
}
/* @media screen and (max-width:1180px) {
     .pageHome .slide {
         background-color: #fff 
    }
     .pageHome .slide .navIpad {
         display: block;
         width: 20% 
    }
     .pageHome .slide .chars, .pageHome .slide .chars.active, .pageHome .slide .tracklist p {
         display: none 
    }
     .pageHome .slide .navIpad.next {
         left: 45% 
    }
     .pageHome .slide .image {
         width: 65% 
    }
     .pageHome .slide .image.videoContainer {
         width: 100%;
         z-index: 4;
    }
     .pageHome .slide .tracklist {
         background-color: #f3f3f3;
         height: 100%;
         padding-top: 50px;
         position: absolute;
         width: 100%;
         top: 0;
         right: 0;
         z-index: 4;
         -moz-transition: right .3s cubic-bezier(.15, .9, .34, .95);
         -o-transition: right .3s cubic-bezier(.15, .9, .34, .95);
         -webkit-transition: right .3s cubic-bezier(.15, .9, .34, .95);
         transition: right .3s cubic-bezier(.15, .9, .34, .95) 
    }
     .pageHome .slide .tracklist.show {
         right: 100% 
    }
     .pageHome .slide .playRelease {
         background-size: contain;
         height: 60px;
         width: 60px 
    }
     .pageHome .slide .playRelease:after {
         background-size: contain 
    }
     .pageHome .slide .info {
         background-color: #fff;
         left: auto;
         right: 0;
         height: 100%;
         padding-left: 0;
         top: 0;
         width: 35% 
    }
     .pageHome .slide .info h2 {
         font-size: 1.8em 
    }
     .pageHome .slide .info #showTracklist {
         background-color: #fff;
         display: block;
         padding: 30px 30px 300px 50px;
         position: relative;
         z-index: 5 
    }
     .pageHome .slide .info #showTracklist a {
         color: #000;
         margin: 0 auto;
         line-height: 40px;
         font-size: .875em;
         display: block;
         border: 1px solid #d9d9d9;
         text-align: center;
         height: 40px;
         text-transform: uppercase;
         -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
         -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
         -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
         transition: all .3s cubic-bezier(.15, .9, .34, .95) 
    }
     .pageHome #list li.wrap a span, .pageHome .slide .homeCols .col:nth-child(5), .pageHome .slide .homeCols .col:nth-child(6), .pageHome .slide .homeCols .colS:last-child, .pageHome .slide .info .tracklist {
         display: none 
    }
     .pageHome .slide .info #showTracklist a:hover {
         border-color: #000 
    }
     .pageHome .slide .info .tracklist .tracks {
         width: 100%;
         float: none;
         padding: 0 !important 
    }
     .pageHome .slide .info .tracklist .tracks span {
         padding: 5px 0 5px 70px 
    }
     .pageHome .slide .info .tracklist .tracks span:before {
         left: 40px;
         top: 8px 
    }
     .pageHome .slide .info .title-container {
         background-color: #fff;
         margin-bottom: 0;
         padding: 50px 0 0 50px;
         position: relative;
         z-index: 5;
         height: 60px 
    }
     .pageHome .slide .info .title-container h2 {
         height: 100%;
         left: 50px;
         top: 45%;
         width: calc(100% - 50px) 
    }
     .pageHome .slide .info .artist-container {
         background-color: #fff;
         padding: 0 0 0 50px;
         position: relative;
         z-index: 5 
    }
     .pageHome .slide .info .artist-container div {
         left: 50px;
         width: calc(100% - 50px) 
    }
     .pageHome .slide .order {
         background-color: #fff;
         right: 0;
         width: 35%;
         top: auto;
         bottom: 0;
         padding: 0 30px 0 50px 
    }
     .pageHome .slide .order .btn:before {
         background-color: #d9d9d9 
    }
     .pageHome .playRelease:hover {
         background-image: url(../../img/icone_play.svg) !important;
         background-repeat: no-repeat !important;
         background-size: contain !important;
    }
     .pageHome .playRelease.playing:hover {
         background: none !important;
    }
     .pageHome .slide .playRelease.playing span {
         background-size: contain !important 
    }
     .pageHome .slide .playRelease.playing:hover span {
         opacity: 1 !important;
         visibility: visible !important 
    }
     .pageHome .playRelease:hover:after, .pageHome .playRelease:hover:before {
         opacity: 0 !important;
         visibility: hidden !important;
    }
     .pageHome .slide .info a.artist {
         font-size: 0.8em 
    }
     .pageHome #list {
         left: 40px;
         width: calc(100% - 80px);
         padding-top: 0 
    }
     .pageHome #list li.wrap a em {
         letter-spacing: 0 
    }
}
*/
 @media screen and (max-width:959px) {
     .pageHome #list, .pageHome .slide .navIpad {
         display: none 
    }
     .pageHome {
         height: auto 
    }
     .pageHome .slide {
         height: auto;
         position: relative 
    }
     .pageHome .slide .image {
         display: none;
         position: relative;
         width: 100% 
    }
     .pageHome .slide .image.active {
         display: block 
    }
     .pageHome .slide .image:before {
         content: "";
         display: block;
         padding-top: 100% 
    }
     .pageHome .slide .order {
         background: 0 0;
         height: 150px;
         width: 95%;
         position: relative;
         top: auto !important;
         left: auto !important;
         bottom: auto !important;
         display: none;
         margin: 20px auto 0 5%;
         padding: 0;
         right: auto !important 
    }
     .pageHome .slide .order .playRelease {
         position: absolute;
         top: 0;
         left: 0 
    }
     .pageHome .slide .order.active {
         display: block 
    }
     .pageHome .slide .order .btn {
         position: absolute;
         bottom: 20px;
         right: 0 
    }
     .pageHome .slide .order .stores {
         display: block !important;
         position: absolute;
         top: 5px;
         left: 90px 
    }
     .pageHome .slide .order .category, .pageHome .slide .order h4 {
         position: absolute;
         right: 0 
    }
     .pageHome .slide .order .category {
         top: 40px 
    }
     .pageHome .slide .info {
         height: auto;
         background: 0 0;
         bottom: auto !important;
         position: relative;
         top: auto !important;
         left: auto !important;
         width: 100% 
    }
     .pageHome .slide .info #showTracklist {
         display: none 
    }
     .pageHome .slide .info .tracklist {
         background: 0 0;
         display: none;
         position: relative 
    }
     .pageHome .slide .info .tracklist .tracks span {
         margin-left: 2px;
         padding-left: 5% 
    }
     .pageHome .slide .info .tracklist .tracks span:before {
         left: 0 
    }
     .pageHome .slide .info .tracklist.active {
         display: block 
    }
     .pageHome .slide .info .title-container {
         margin-top: 50px;
         height: auto;
         padding: 0 0 0 5% 
    }
     .pageHome .slide .info .title-container h2 {
         font-size: 7vw;
         left: 0;
         position: relative;
         display: none;
         top: auto;
         width: 100% 
    }
     .pageHome .slide .info .title-container h2.active {
         display: block 
    }
     .pageHome .slide .info .artist-container {
         height: auto;
         padding: 0 0 0 5% 
    }
     .pageHome .slide .info .artist-container div {
         font-size: 3vw;
         left: 0;
         position: relative;
         display: none;
         top: auto;
         width: 100% 
    }
     .pageHome .slide .info .artist-container div.active {
         display: block 
    }
}
 @media screen and (max-width:768px) {
     .pageHome .slide .info {
         left: 4%;
         top: 12% 
    }
     .pageHome .slide .info .tracklist {
         padding-top: 20px 
    }
     .pageHome .slide .order {
         right: 4%;
         top: 40% 
    }
     .pageHome .slide .order .btn {
         margin-top: 10px 
    }
     .pageHome .slide .order .stores {
         display: none 
    }
     .pageHome #list ul {
         -moz-column-count: 3;
         -webkit-column-count: 3 
    }
}
 @media screen and (max-width:767px) {
     .pageHome .tracklist {
         display: none 
    }
}
 @media screen and (max-width:600px) {
     .pageHome #list ul {
         -moz-column-count: 2;
         -webkit-column-count: 2 
    }
}
 @media screen and (max-width:635px) {
     .pageHome .slide .order {
         height: 250px 
    }
     .pageHome .slide .order .category, .pageHome .slide .order h4 {
         position: relative;
         top: auto;
         right: auto 
    }
     .pageHome .slide .order .playRelease {
         top: 90px 
    }
     .pageHome .slide .order .stores {
         top: 95px 
    }
     .pageHome .slide .info .title-container {
         margin-top: 30px 
    }
     .pageHome .slide .info .title-container h2.active {
         font-size: 25px !important;
         text-overflow: initial;
         white-space: initial 
    }
     .pageHome .slide .info .artist-container div.active, .pageHome .slide .info a.artist {
         font-size: 15px 
    }
}
 .pageContact #credits p a:after, .pageContact .wrapperCols a:after {
     height: 2px;
     left: 0;
     content: '';
     display: block 
}
 @media screen and (max-width:480px) {
     .pageHome #list ul {
         -moz-column-count: 1;
         -webkit-column-count: 1 
    }
}
 .pageContact {
     position: relative 
}
 .pageContact .wrapperCols {
     margin-top: -50px 
}
 .pageContact #credits {
     position: absolute;
     bottom: 10%;
     left: 0 
}
 .pageContact #credits p {
     font-size: .875em;
     color: #8c8c8c;
     font-family: FM-Book 
}
 .pageContact #credits p a {
     color: #000;
     font-family: FM-Medium;
     position: relative 
}
 .pageContact #credits p a:hover:after {
     width: 100% 
}
 .pageContact #credits p a:after {
     background-color: #000;
     position: absolute;
     top: 40%;
     width: 0;
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 .pageContact .col, .pageContact .col2 {
     -moz-transform: translateZ(0) translateY(30px);
     -ms-transform: translateZ(0) translateY(30px);
     -webkit-transform: translateZ(0) translateY(30px);
     transform: translateZ(0) translateY(30px);
     -moz-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .5s cubic-bezier(.15, .9, .34, .95);
     transition: all .5s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist h1, .pageContact .col h2, .pageContact .col2 h2 {
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0) 
}
 .pageContact .col h2, .pageContact .col2 h2 {
     font-size: 2em;
     line-height: 1;
     margin: 0 0 30px;
     padding-right: 25%;
     transform: translateZ(0) 
}
 .pageContact.show .col, .pageContact.show .col2 {
     -moz-transform: translateZ(0) translateY(0);
     -ms-transform: translateZ(0) translateY(0);
     -webkit-transform: translateZ(0) translateY(0);
     transform: translateZ(0) translateY(0) 
}
 .pageContact img {
     display: block;
     margin-top: 20% 
}
 .pageContact .clear {
     clear: left 
}
 .pageContact h3 {
     font-size: 1.125em;
     margin-bottom: 30px 
}
 .pageContact .last {
     padding-left: 12% 
}
 .pageContact p {
     margin-bottom: 15px 
}
 .pageContact .col2 p:last-child {
     margin-top: 40px 
}
 .pageContact .wrapperCols a {
     color: #8c8c8c;
     font-family: FM-Book;
     font-weight: 400;
     position: relative;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageContact .wrapperCols a:hover:after {
     width: 100% 
}
 .pageContact .wrapperCols a:after {
     background-color: #8c8c8c;
     position: absolute;
     top: 45%;
     width: 0;
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 @media screen and (max-width:1180px) {
     .pageContact #credits {
         bottom: 2% 
    }
}
 @media screen and (max-width:959px) {
     .pageContact .col, .pageContact .col2 {
         width: 50%;
         padding: 0 5% 
    }
     .pageContact .col2:first-child {
         padding: 0;
         width: 100% 
    }
     .pageContact .col2 h2 {
         margin: 0 auto;
         padding: 0;
         text-align: center 
    }
     .pageContact .vCenter, .pageContact .vCenterKid {
         display: block 
    }
     .pageContact .wrapperCols {
         margin: 0;
         width: 100% 
    }
     .pageContact h3 {
         font-size: 2.6vw 
    }
     .pageContact .vCenter {
         height: auto;
         overflow: hidden 
    }
     .pageContact .vCenterKid {
         padding-top: 117px 
    }
     .pageContact img {
         margin: 65px auto;
         padding: 0 
    }
     .pageContact #credits {
         margin-top: 95px;
         padding-left: 5%;
         position: relative 
    }
}
 @media screen and (max-width:635px) {
     .pageContact .col, .pageContact .col2 {
         width: 100%;
         padding: 0 
    }
     .pageContact .vCenterKid {
         padding-top: 20px 
    }
     .pageContact h3 {
         font-size: 16px;
         margin-top: 40px 
    }
}
 .pageArtists {
     -moz-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     -webkit-transform: translateY(-50px);
     transform: translateY(-50px) 
}
 .pageArtists p {
     font-size: 1.125em 
}
 .pageArtists ul li {
     opacity: 0;
     visibility: hidden;
     -moz-transform: translateY(12px);
     -ms-transform: translateY(12px);
     -webkit-transform: translateY(12px);
     transform: translateY(12px);
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtists ul li:nth-child(2) {
     transition-delay: .1s 
}
 .pageArtists ul li:nth-child(3) {
     transition-delay: .2s 
}
 .pageArtists ul li:nth-child(4) {
     transition-delay: .3s 
}
 .pageArtists ul li:nth-child(5) {
     transition-delay: .4s 
}
 .pageArtists ul li:nth-child(6) {
     transition-delay: .5s 
}
 .pageArtists ul li:nth-child(7) {
     transition-delay: .6s 
}
 .pageArtists ul li:nth-child(8) {
     transition-delay: .7s 
}
 .pageArtists ul li:nth-child(9) {
     transition-delay: .8s 
}
 .pageArtists ul li:nth-child(10) {
     transition-delay: .9s 
}
 .pageArtists ul li:nth-child(11) {
     transition-delay: 1s 
}
 .pageArtists ul li:nth-child(12) {
     transition-delay: 1.1s 
}
 .pageArtists ul li a {
     color: #000;
     font-family: FM-Medium;
     font-size: 1.4em;
     line-height: 1.1;
     text-transform: uppercase;
     position: relative 
}
 .pageArtists ul li a:hover:after {
     width: 100% 
}
 .pageArtists ul li a:after {
     background-color: #000;
     height: 3px;
     display: block;
     content: '';
     position: absolute;
     top: 40%;
     left: 0;
     width: 0;
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtists.show li {
     opacity: 1;
     visibility: visible;
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -webkit-transform: translateY(0);
     transform: translateY(0) 
}
 .pageArtist {
     padding: 0 0 100px;
     position: relative;
}
 .pageContributor{
     padding:0;
     position:initial;
}
 .pageArtist .first {
     height: 490px 
}
 .pageArtist:after {
     content: '';
     clear: both;
     display: block 
}
 .pageArtist h1 {
     clear: left;
     float: left;
     font-size: 5.3vw;
     position: relative;
     letter-spacing: -.04em;
     line-height: 1.2;
     margin-bottom: 20px;
     padding-left: 15px;
     z-index: 1;
     width: 40%;
     transform: translateZ(0) 
}
 .pageArtist .releasesCol, .pageArtist h1 span {
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0) 
}
 .pageArtist h1 span {
     background-color: #fff;
     display: block;
     position: absolute;
     top: 0;
     right: -2%;
     width: 101%;
     height: 100%;
     -moz-transition: all 1s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all 1s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all 1s cubic-bezier(.15, .9, .34, .95);
     transition: all 1s cubic-bezier(.15, .9, .34, .95);
     transform: translateZ(0) 
}
 .pageArtist h1 span.show {
     width: 0 
}
 .pageArtist h2 {
     font-size: 16px;
     margin-bottom: 15px 
}
 .pageArtist .releasesCol {
     overflow: hidden;
     position: relative;
     -moz-transition: all .6s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .6s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .6s cubic-bezier(.15, .9, .34, .95);
     transition: all .6s cubic-bezier(.15, .9, .34, .95);
     transform: translateZ(0) 
}
 .pageArtist #artistsList, .pageArtist .img {
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0) 
}
 .pageArtist .releasesCol #seeAll {
     color: #000;
     font-size: .875em;
     display: block;
     text-transform: uppercase;
     position: absolute;
     top: 45px;
     right: 15px 
}
 .pageArtist .releasesCol #seeAll:after {
     background-color: #000;
     height: 1px;
     width: 0;
     display: block;
     content: "";
     position: absolute;
     bottom: -2%;
     left: 0;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist #artistsList a:hover:after, .pageArtist .releasesCol #seeAll:hover:after {
     width: 100% 
}
 .pageArtist #artistsList {
     max-height: 0;
     overflow: hidden;
     -moz-transition: all .4s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .4s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .4s cubic-bezier(.15, .9, .34, .95);
     transition: all .4s cubic-bezier(.15, .9, .34, .95);
     transform: translateZ(0) 
}
 .pageArtist #artistsList a, .pageArtist #toggleArtists span {
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist #artistsList.show {
     max-height: 300px;
     padding-bottom: 60px 
}
 .pageArtist #artistsList a {
     color: #000;
     font-family: FM-Medium;
     font-size: 1.4em;
     line-height: 1.1;
     text-transform: uppercase;
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     position: relative 
}
 .pageArtist #artistsList a:after {
     background-color: #000;
     height: 3px;
     display: block;
     content: '';
     position: absolute;
     top: 40%;
     left: 0;
     width: 0;
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist #toggleArtists span:before, .pageArtist .col .social a:before {
     content: '';
     height: 1px;
     top: 45%;
     background-color: #000;
     left: 0 
}
 .pageArtist #artistsList a.active {
     color: #ec2100 
}
 .pageArtist #toggleArtists {
     color: #000;
     float: left;
     line-height: 1;
     padding-left: 15px;
     width: 20% 
}
 .pageArtist #toggleArtists span:hover, .pageArtist .col .social a:hover,a.cool:hover {
     padding-left: 20px;
}
 a.cool.contact-resp:hover{
     padding-right: 20px;
     padding-left:initial;
}
 .pageArtist #toggleArtists span {
     display: block;
     position: relative;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist #toggleArtists span:before, .pageArtist .col .social a ,a.cool{
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     display: block 
}
 .pageArtist #toggleArtists span:before {
     position: absolute;
     width: 0;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist #toggleArtists span:hover:before {
     width: 15px 
}
 .pageArtist .col {
     display: block;
}
 .pageArtist .col .social a {
     border-bottom: 1px solid rgba(0, 0, 0, .07);
     color: #000;
     padding-bottom: 1px;
     font-size: .688em;
     margin: 0 5px 9px;
     position: relative;
     text-transform: uppercase;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .col .social a:before, .pageArtist .second {
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .col .social a:before {
     display: block;
     position: absolute;
     width: 0;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .col .social a:hover:before {
     width: 15px 
}
 .pageArtist .col .social li:last-child a {
     border: none 
}
 .pageArtist .img {
     background-size: cover;
     background-position: center;
     height: 490px;
     position: absolute;
     right: -80px;
     top: 0;
     width: 840px;
     z-index: 0;
     opacity: 0;
     transform: translateZ(0);
     -moz-transition: opacity .5s cubic-bezier(.15, .9, .34, .95), top .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: opacity .5s cubic-bezier(.15, .9, .34, .95), top .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: opacity .5s cubic-bezier(.15, .9, .34, .95), top .3s cubic-bezier(.15, .9, .34, .95);
     transition: opacity .5s cubic-bezier(.15, .9, .34, .95), top .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .bio, .pageArtist .second {
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0);
     overflow: hidden 
}
 .pageArtist .img.show {
     opacity: 1 
}
 .pageArtist .second {
     margin-top: 35px;
     transform: translateZ(0);
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .events ul a, .pageArtist .trackArtist a {
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .bio {
     clear: left;
     height: 250px;
     padding-bottom: 20px;
     font-size: .875em;
     -moz-column-count: 2;
     -moz-column-gap: 55px;
     -webkit-column-count: 2;
     -webkit-column-gap: 60px;
     padding-right: 35px;
     padding-left: 15px;
     position: relative;
     width: 40.7%;
     transform: translateZ(0);
     -webkit-column-width: 20%;
     -moz-column-width: 20%;
     column-width: 20%;
     text-align: justify;
}
 .pageArtist .bio #showBio {
     display: block;
     position: absolute;
     bottom: 0;
     right: 0;
     padding-left: 17px;
     width: 50%;
     color: #000 
}
 .pageArtist .bio #showBio span {
     position: relative 
}
 .pageArtist .bio #showBio span:after {
     background-color: #000;
     height: 1px;
     width: 100%;
     display: block;
     content: "";
     position: absolute;
     bottom: -15%;
     left: 0 
}
 .pageArtist .fb-like {
     display: block;
     margin-bottom: 17px 
}
 .pageArtist #twitter-widget-0 {
     margin-bottom: 10px 
}
 .pageArtist .col, .pageArtist .col2 {
     padding-top: 40px 
}
 .pageArtist .colArtists {
     padding-top: 0;
     padding-right: 15px 
}
 .pageArtist .videos {
     float: right;
     margin-top: 80px;
     max-width: 100%;
     width: 80% 
}
 .pageArtist .videos .wrapperVideos {
     padding: 0 15px 
}
 .pageArtist .videos h2 {
     margin: 0 0 30px 
}
 .pageArtist .videos iframe {
     display: block;
     margin: 0 auto 30px;
     width: 100% 
}
 .pageArtist .trackArtist {
     padding: 40px 0 
}
 .pageArtist .trackArtist p {
     margin: 0 0 10px 
}
 .pageArtist .trackArtist a {
     color: rgba(0, 0, 0, .4);
     padding: 5px 0 5px 30px;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .trackArtist a:hover {
     color: #000 
}
 .pageArtist .trackArtist a:hover span {
     border-color: #000 
}
 .pageArtist .trackArtist a.bandsintown {
     background: url(../../img/bandsintown.svg) left center no-repeat;
     background-size: 20px 
}
 .pageArtist .trackArtist a.songkick {
     background: url(../../img/songkick.svg) left center no-repeat;
     background-size: 20px 
}
 .pageArtist .trackArtist a span {
     border-bottom: 1px solid rgba(0, 0, 0, .4) 
}
 .pageArtist .booking-content {
     color: rgba(0, 0, 0, .4);
     margin-bottom: 20px;
     text-transform: uppercase 
}
 .pageArtist .events {
     padding-left: 60px 
}
 .pageArtist .events .noshows a {
     color: #000;
     font-family: FM-Medium 
}
 .pageArtist .events li {
     display: inline-block;
     margin-bottom: 50px;
     padding-right: 15%;
     vertical-align: top;
     width: 49% 
}
 .pageArtist .events li span {
     display: block 
}
 .pageArtist .events .name {
     font-size: 1.125em;
     margin: 0 0 20px 
}
 .pageArtist .events .location, .pageArtist .events .venue {
     font-size: .688em;
     text-transform: uppercase 
}
 .pageArtist .events ul a {
     color: #000;
     display: inline-block;
     font-size: .75em;
     margin-top: 20px;
     text-transform: uppercase;
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     position: relative 
}
 #fullbio, .pageArtist .events ul a:after {
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .events ul a:after {
     background-color: #000;
     height: 1px;
     width: 0;
     display: block;
     content: "";
     position: absolute;
     bottom: -1%;
     left: 0;
     transition: all .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist .events ul a:hover:after {
     width: 100% 
}
 .pageArtist .events .date {
     font-size: 2.25em;
     font-family: FM-Medium;
     line-height: 1;
     margin-bottom: 20%;
     position: relative;
     width: 60% 
}
 .pageArtist .events .date:after {
     content: '';
     display: block;
     position: absolute;
     bottom: -15%;
     left: 0;
     width: 35%;
     height: 2px;
     background: #000 
}
 .pageArtist .release {
     width: 50% 
}
 .pageArtist .col2 {
     padding-left: 0 
}
 .pageArtist .articles {
     margin: 0 0 30px 15px 
}
 .pageArtist a.nav {
     color: #000;
     position: absolute;
     bottom: 40px 
}
 .pageArtist a.nav.prev {
     background: url(../../img/icone_fleche_gauche_black.svg) left 52% no-repeat;
     padding-left: 50px;
     left: 2%;
     -moz-transition: background-position .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: background-position .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: background-position .3s cubic-bezier(.15, .9, .34, .95);
     transition: background-position .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist a.nav.prev:hover {
     background-position: 10% 52% 
}
 .pageArtist a.nav.next {
     background: url(../../img/icone_fleche_droite_black.svg) right 52% no-repeat;
     padding-right: 50px;
     right: 2%;
     -moz-transition: background-position .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: background-position .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: background-position .3s cubic-bezier(.15, .9, .34, .95);
     transition: background-position .3s cubic-bezier(.15, .9, .34, .95) 
}
 .pageArtist a.nav.next:hover {
     background-position: 90% 52% 
}
 #fullbio {
     background-color: rgba(255, 255, 255, .96);
     height: 100%;
     font-size: .875em;
     left: 0;
     opacity: 0;
     visibility: hidden;
     padding-top: 9%;
     position: fixed;
     text-align: center;
     top: 0;
     width: 100%;
     z-index: 3;
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0);
     transform: translateZ(0) 
}
 #fullbio.show {
     opacity: 1;
     visibility: visible 
}
 #fullbio.show .container {
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -webkit-transform: translateY(0);
     transform: translateY(0) 
}
 #fullbio #hideBio {
     color: #000;
     display: inline-block;
     line-height: 1;
     margin: 0 auto;
     position: relative 
}
 #fullbio #hideBio:after {
     background-color: #000;
     height: 1px;
     width: 100%;
     display: block;
     content: "";
     position: absolute;
     bottom: -15%;
     left: 0 
}
 #fullbio .container {
     margin: 0 auto;
     width: 40%;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -moz-transform: translateY(30px);
     -ms-transform: translateY(30px);
     -webkit-transform: translateY(30px);
     transform: translateY(30px) 
}
 #fullbio .text {
     padding-top: 50px 
}
 @media screen and (min-width:1920px) {
     .pageArtist .bio #showBio {
         bottom: 16% 
    }
}
 @media screen and (max-width:1180px) {
     .pageArtist #toggleArtists, .pageArtist .bio, .pageArtist .col, .pageArtist h1 {
         padding-left: 0 
    }
     .pageArtist #artistsList {
         width: 200% 
    }
     .pageArtist .img {
         right: -40px 
    }
     .pageArtist .wrapperCols {
         width: 100% 
    }
     .pageArtist .bio #showBio {
         padding-left: 9px 
    }
     .pageArtist .videos iframe {
         height: 380px 
    }
     #fullbio {
         padding-top: 14% 
    }
}
 @media screen and (max-width:959px) {
     #artistsList, #toggleArtists, .pageArtist .release .info .code {
         display: none 
    }
     .colArtists {
         padding: 0 !important;
         width: 100% !important 
    }
     .pageArtist .img {
         width: 100% !important;
         margin-bottom: 50px;
         position: relative;
         right: auto 
    }
     .pageArtist h1 {
         font-size: 8vw;
         margin-left: -4px;
         padding-left: 50px;
         width: 100% 
    }
     .pageArtist h2 {
         font-size: 4vw 
    }
     .pageArtist .first {
         height: auto 
    }
     .pageArtist .articles {
         margin: 0 0 30px 
    }
     .pageArtist .release {
         overflow: hidden 
    }
     .pageArtist .release .imageContainer {
         margin: 0;
         width: 95% 
    }
     .pageArtist .release .info {
         font-size: 2.3vw;
         margin: 0;
         width: 95% 
    }
     .pageArtist .release:nth-child(2n+1) .imageContainer, .pageArtist .release:nth-child(2n+1) .info {
         float: right 
    }
     .pageArtist .social {
         margin-top: 15%;
         position: absolute;
         z-index: 2;
         right: auto;
         left: 70%;
         width: 25% 
    }
     .pageArtist .social a {
         font-size: 1.2rem !important 
    }
     .pageArtist .videos {
         border-top: 1px solid #bcbcbc;
         border-bottom: 1px solid #bcbcbc;
         clear: both;
         float: none;
         margin-top: 80px;
         padding-top: 30px;
         padding-bottom: 25px;
         width: 100% 
    }
     .pageArtist .videos .wrapperVideos {
         padding: 0 
    }
     .pageArtist .events {
         border-top: 1px solid #bcbcbc;
         padding: 30px 0 
    }
     .pageArtist .second {
         margin-top: 0 
    }
     .pageArtist .second .col {
         border-top: 1px solid #bcbcbc;
         padding-top: 30px;
         float: none;
         width: 85% !important;
         margin: 0 auto 
    }
     .pageArtist .second .col iframe {
         display: block 
    }
     .pageArtist .second .col .info-container {
         display: inline-block;
         width: 33%;
         vertical-align: bottom 
    }
     .pageArtist .second .col .info-container .twitter-follow-button twitter-follow-button-rendered {
         margin-bottom: 20px 
    }
     .pageArtist .second .col .booking {
         display: inline-block;
         width: 32%;
         vertical-align: bottom 
    }
     .pageArtist .second .col .booking .booking-content:last-child {
         margin: 0 
    }
     .pageArtist .second .col .trackArtist {
         display: inline-block;
         width: 33%;
         padding: 0;
         vertical-align: bottom 
    }
     .pageArtist .second .col .trackArtist h2 {
         font-size: 2.1vw 
    }
     .pageArtist .second .col2 {
         width: 100% !important 
    }
     .pageArtist .bio {
         height: 200px;
         padding-right: 0;
         width: 65%;
         padding-bottom: 20px;
         font-size: 2.3vw;
         -moz-column-count: 1;
         -moz-column-gap: 0;
         -webkit-column-count: 1;
         -webkit-column-gap: 0;
         padding-left: 50px;
         -webkit-column-width: 100%;
         -moz-column-width: 100%;
         column-width: 100% 
    }
     .pageArtist .bio #showBio {
         position: relative;
         padding-left: 0;
         margin-top: 15px;
         width: auto 
    }
     .pageArtist #fullbio .container {
         width: 80% 
    }
     .pageArtist a.nav {
         margin: 25px 0;
         position: relative;
         bottom: auto 
    }
     .pageArtist a.nav.prev {
         left: auto;
         float: left 
    }
     .pageArtist a.nav.next {
         right: auto;
         float: right 
    }
}
 .release .imageContainer:before, .release .linkRelease:before {
    /* content: "";
     padding-top: 100%;
     display: block;
    */
}
 @media screen and (min-height:950px) {
     .pageHome .slide .chars span:nth-child(5) {
         bottom: -8% 
    }
     .pageHome .slide .info {
         bottom: 20%;
    }
}
 @media screen and (max-width:635px) {
     .pageArtist .second .col .booking, .pageArtist .second .col .info-container, .pageArtist .second .col .trackArtist {
         display: block;
         width: 100%;
         margin-bottom: 20px 
    }
     .pageArtist .second .col .trackArtist h2 {
         font-size: 4.8vw 
    }
     .videos iframe {
         height: 280px 
    }
     .pageArtist .img {
         height: 350px 
    }
     .pageArtist a.nav.next {
         clear: both;
         margin-top: 0 
    }
     .pageArtist .social {
         position: relative;
         margin: 0 0 25px;
         top: auto;
         width: 100%;
         left: auto 
    }
     .pageArtist .bio {
         width: 100%;
         padding-left: 0;
         margin: 0;
         font-size: 4vw;
         height: auto 
    }
     .pageArtist h2 {
         font-size: 6vw 
    }
     .pageArtist .second .col {
         width: 100% !important 
    }
     .pageArtist h1 {
         font-size: 15vw;
         margin-left: 0;
         padding-left: 0 
    }
     .pageArtist .release {
         float: none;
         width: 100% 
    }
     .pageArtist .release .imageContainer, .pageArtist .release .info {
         float: none !important;
         width: 100% !important 
    }
     .pageArtist .release .info {
         font-size: 4vw 
    }
     #fullbio {
         z-index: 15 
    }
     #fullbio .container {
         width: 80% 
    }
}
 @media screen and (min-width: 768px) {
     .pageReleases {
         -moz-transform: translateY(50px);
         -ms-transform: translateY(50px);
         -webkit-transform: translateY(50px);
         transform: translateY(50px) 
    }
     .pageReleases.show {
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 .pageReleases .wrapperCols {
     overflow: hidden 
}
 .pageReleases .release:nth-child(5n+1) {
     clear: left 
}
 .release {
     float: left;
     margin-bottom: 50px;
     position: relative;
     width: 20% 
}
 .release .imageContainer {
     display: block;
     margin: 0 auto;
     height: auto;
     overflow: hidden;
     position: relative;
     width: 85%;
}
 .release .imageContainer img {
     position: relative;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     top: 0;
     left: 0 
}
 .release .linkRelease {
     display: block;
     margin: 0 auto;
     height: auto;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
}
 .release .info {
     margin: 0 auto;
     padding-top: 20px;
     width: 85% 
}
 .release .info .title span {
     color:#fff;
}
 .release .info .title span:hover:after {
    /*width: 100%*/
}
 .release .info .title span:after {
     background-color: #000;
     height: 2px;
     display: block;
     content: '';
     position: absolute;
     top: 45%;
     left: 0;
     width: 0;
     -moz-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .2s cubic-bezier(.15, .9, .34, .95);
     transition: all .2s cubic-bezier(.15, .9, .34, .95) 
}
 .release .info .artist a {
     color: #fff;
     font-weight: 600;
}
 .release .info .code {
     color: #858585;
     font-size: .688em 
}
 .release:hover .title span:after {
     width: 100% 
}
 @media screen and (max-width:1180px) {
     .pageReleases .release .info .artist, .pageReleases .release .info .title {
         font-size: .875em 
    }
}
 @media screen and (max-width:959px) {
     .pageReleases .wrapperCols {
         width: 100% 
    }
     .pageReleases .wrapperCols .release {
         clear: none !important;
         overflow: hidden;
         width: 50% 
    }
     .pageReleases .wrapperCols .release .imageContainer {
         margin: 0;
         width: 95% 
    }
     .pageReleases .wrapperCols .release .info {
         font-size: 2.6vw;
         margin: 0;
         width: 95% 
    }
     .pageReleases .wrapperCols .release .info .code {
         display: none 
    }
     .pageReleases .wrapperCols .release:nth-child(2n+1) .imageContainer, .pageReleases .wrapperCols .release:nth-child(2n+1) .info {
         float: right 
    }
     .pageReleases .wrapperCols .release:first-child {
         width: 100% 
    }
     .pageReleases .wrapperCols .release:first-child .imageContainer, .pageReleases .wrapperCols .release:first-child .info {
         width: 100%;
         float: none 
    }
}
 @media screen and (max-width:635px) {
     .pageReleases .release .info .artist {
         font-size: 3.5vw 
    }
     .pageReleases .release .info .title {
         font-size: 4vw 
    }
}
 @media only screen and (max-width: 635px) {
     #loadHome {
         left: 20px;
    }
}
 header .social-link a{
     display:inline-block;
     position:relative;
     margin-left:10px;
}
 header .social-link {
     -moz-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     opacity: 0;
     visibility: hidden;
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
}
 header.show .social-link{
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}
 header .social-link{
     pointer-events: initial;
}
 header #player {
     display:none !important;
}
 #main {
     width:100%;
     margin:0;	 
}

.home #main, .contributor #main{
	overflow:hidden;
}

 #loadHome {
     left: 0px;
}
 .pageHome .slide .playRelease {
     background: url(../../img/red-cross.svg) no-repeat;
     display: inline-block;
     height: 60px;
     margin-top: 10px;
     margin-right: 20px;
     vertical-align: middle;
     width: 47px;
     position: relative;
     display:none;
}
/* .featured-image,.pageHome .slide .stores,.article-title{
     display:none;
}
 .pageHome .slide .description-container {
     display:none;
}
*/
 .featured-image img{
     max-height:400px;
     width:100%;
     margin:0 auto;
     max-width: 400px;
}
 .pageHome .slide .plus-icons{
     display: block;
     opacity: 1;
     pointer-events: none;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 2;
     -moz-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     -o-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
}
 .pageHome .slide .plus-icons .plus-bg{
     position:absolute;
     bottom:0;
     left:0;
     height:45%;
     width:8%;
     overflow:hidden;
    /* background: url(../../img/red-cross.svg);
     background-repeat: repeat;
     background-size: 40px auto;
    */
}
 .pageHome .slide .plus-icons.middle .plus-bg{
     position:absolute;
     bottom:0;
     left:0;
     height:45%;
     width:25%;
     overflow:hidden;
    /* background: url(../../img/red-cross.svg);
     background-repeat: repeat;
     background-size: 40px auto;
    */
     clip-path: inset(60% 6% 0 0%);
}
 .pageHome .slide .plus-icons .plus-bg:after{
     content:"+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ";
     font-size: 30px;
     font-weight: 500;
     line-height: 1.4;
}
 .pageHome .slide .middle-plus{
     display: block;
     opacity: 1;
     pointer-events: none;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 2;
     -moz-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     -o-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
     transition: opacity .4s cubic-bezier(.15, .9, .34, .95);
}
 .pageHome .slide .big-plus {
     position: absolute;
     top: 10%;
     right: 27.5%;
     width: 12%;
}
 .center-logo{
     display:block;
     width:100%;
     text-align:center;
}
 .center-logo img{
     margin:0 auto;
}
 .info.middle.right-side{
     z-index:initial;
}
 .pageHome .slide .chars span {
     display:none !important;
}
 .pageHome .slide .info.middle {
     left: 0;
     padding-left: 0;
     padding-right: 0;
     top:0;
     width:100%;
     overflow: hidden;
     height: 100%;
}
 .pageHome .slide .info.top ,.pageHome .slide .info.bottom{
     left: 0;
     padding-left: 0;
     padding-right:0;
     width:100%;
}
 .pageHome .slide .info.bottom{
     bottom: 0;
     right: 0;
     top: initial;
     margin-bottom: 0;
     width: 36.5%;
     left: initial;
}
 .plushome {
     float: left;
     width: 20%;
     margin-top: 6%;
     margin-left: 0;
}
 .pageHome .slide .info.bottom .title-container {
     margin-bottom: 0;
}
 .pageHome .slide .order {
    /*width: 18%;
     padding: 0 15px;
     padding-left: 15px;
     right: 8%;
    */
}
 .pageHome .slide .title-container {
     margin-bottom: 0;
}
 .description {
     width: 38%;
     float: left;
     display: block;
     position: relative;
     height: 335px;
    /*background:red;
    */
}
 .description .cntent{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column nowrap;
     flex-flow: column nowrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width:100%;
     height:100%;
}
 .featured-image {
     width: 24.1%;
     display: block;
     float: left;
     position: relative;
     height: 335px;
    /*background:#000;
    */
}
 .pageHome .slide .order{
    /*background:green;
    */
}
 .pageHome .slide .tracklist .description- div{
     margin-bottom: 15px;
     text-transform: initial;
     font-size: 1.1vw;
     font-family: 'Fira Code', monospace;
     color: #CC0000;
     line-height: 1;
     font-weight:500;
}
 .pageHome .slide .tracklist .description- p{
     margin-bottom: 15px;
     text-transform: initial;
     font-size: 1.1vw;
     font-family: 'Fira Code', monospace;
     color: #CC0000;
     line-height: 1;
}
 .pageHome .slide .info.top,.pageHome .slide .info.middle{
    /*padding-left:8%;
    */
}
 .pageHome .slide .title-container {
     height: 80px;
}
 .pageHome .slide .info h2 {
     font-size: 6vw;
     font-weight: 400;
}
 .pageHome .slide .info.bottom h2 {
     font-size: 4vw;
     font-weight: 700;
     padding-left: 10px;
}
 .pageHome .slide .info.bottom .title-container {
     height: 110px;
}
 .pageHome .slide .order h4{
    position:relative;
    width:190px;
    margin-top: 0;
}
 .article-date{
     margin-left:7vw;
     justify-content: flex-end;
     color: #CC0000;
}
 .article-links{
     justify-content: center;
     margin-left: 7vw;
}
 .pageHome .slide .order h4:after{
     content: "";
     position: absolute;
     left: 32%;
     right: 0;
     height: 2px;
     background: #CC0000;
     transition: all 0.2s ease-out;
     width: 65%;
     top: 85%;
}
 #listWrapper{
    /*font-family: 'Poppins', sans-serif;
    */
}
 #navigation.show li {
     text-align: center;
}
 #navigation li a {
     font-size: 2em;
     font-weight: 500;
     text-transform: uppercase;
}
 #navigation li a:hover::after {
     width: 0;
}
 #navigation li a:hover{
     color:#cd1719;
}
 .pageAbout{
     color:#fff;
}
 .pageAbout .col{
     width:50%;
     padding:0;
     flex: 0 50%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .pageAbout .col.right{
     color:#cd1719;
}
 .pageAbout .wrapperCols {
     display: flex;
     flex-wrap: wrap;
     height:70vh;
}
 .pageAbout .col.left {
     padding-left: 5%;
     padding-right:5%;
     font-size: 16px;
     z-index: 1;
}
 .pageAbout .col.right {
     flex-direction: column;
     font-size: 16px;
     text-align: left;
     padding-left: 11%;
     z-index: 1;
}
 .pageAbout .col.right h3, .pageAbout .col.right ul{
     width: 100%;
     margin-bottom: 10px;
}
 .pageAbout .col.right .sub-title {
     display: block;
     font-weight:600;
}
 .pageAbout .col.right li {
     line-height: 18px;
     margin-bottom: 15px;
}
 .pageAbout .col.right a{
     color:#cd1719;
     font-size:15px;
     font-weight: 600;
}
 .pageArtists .wrapperCols{
     padding-top:50px;
}
 .pageArtists .wrapperCols h2,.pageServices .wrapperCols h2{
     color:#cd1719;
     text-transform:uppercase;
     font-size: 1.8em;
     font-weight: 400;
     margin-bottom:40px;
     width: 95%;
     margin: 0 auto 40px;
}
 .pageArtists .wrapperCols .title{
     color: #fff;
     font-size: 14px;
     text-transform: uppercase;
}
 .pageArtists .wrapperCols .info{
     padding-top:10px;
}
 .listNav{
     color:#fff;
}
 .listNav:hover{
     color:#cd1719;
}
 .pageArtist .contributorbox .wrapperCols {
     display: flex;
     flex-wrap: wrap;
     width:85%;
     position:relative;
}
 .pageArtist .col{
     width:50%;
     padding:0;
     font-size: 16px;
     position:relative;
     z-index:1;
}
 .pageArtist .col.left{
     padding-left:1px;
}
 .pageArtist .col.left a.cool{
     width: auto;
     text-align: left;
     color: #cd1719;
     font-size: 12px;
     z-index: 1;
     margin: 0px auto 0px;
     display: block;
}
 .pageArtist .col.left a.cool.contact-resp{
     text-align: right;
     width: auto;
     text-transform: uppercase;
}
 .imageWrapper {
     position: absolute;
     width: 100%;
     top: 0;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
 .linksWrapper {
     position: absolute;
     bottom: -3vh;
    /* -6vh this for portfolio link*/
     width: 100%;
     display:flex;
}
 .left-links {
     flex: 1;
}
 .right-links {
     flex: 1;
     text-align: right;
}
 .pageArtist .col.right{
     color:#fff;
}
 .pageArtist .col.right a{
     color:#cd1719;
     font-size: 1em;
     margin:0;
     line-height: 16px;
}
 .pageArtist .col.right .social{
     width: 30%;
     position: absolute;
     right: 0;
     height: 15vh;
}
 .pageArtist .col.right .social.left {
     left: 30%;
}
 .artist-details {
     position: absolute;
     margin-top: 15vh;
}
 .img-pic{
     width:100%;
}
 .img-pic ul img{
     height:100%;
     width:auto;
}
 .pageArtist .contributorbox h2 {
     font-size: 34px;
     margin-bottom: 15px;
     width:100%;
     color:#cd1719;
     float:left;
     text-transform:uppercase;
     font-weight:400;
     padding-left:25%;
     height:15.5vh;
}
 .bio-description {
     position: relative;
     float: left;
     padding-left: 25%;
     font-size: 14px;
     line-height:20px;
     height:24vh;
}
 .pageHome #list .listNavContainer {
     bottom:30%;
}
 .archivesearch{
     bottom: 12px;
     position: fixed;
     right: 40px;
     -moz-transform: translateX(12px);
     -ms-transform: translateX(12px);
     -webkit-transform: translateX(12px);
     transform: translateX(12px);
     width: 5%;
     display:none;
}
 .searchlink{
     color: #fff;
     font-size: .725em;
     display: block;
     font-family: 'Poppins', sans-serif;
}
 #search-form {
     display: block;
     position: relative;
     text-align: left;
     padding: 10px 0 10px 0;
     margin-bottom:10px;
}
 #search-form .mc-field-group {
     width: 550px;
     margin: 0 auto;
}
 #search-form .mc-field-group {
     position: relative;
     min-height: 50px;
}
 #search-form input.search{
     -moz-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -o-transition: all .3s cubic-bezier(.15, .9, .34, .95);
     -webkit-transition: all .3s cubic-bezier(.15, .9, .34, .95);
}
 #search-form input.search{
     background: #000;
     border: 1px solid #9a1113;
     color: #fff;
     height: 40px;
     line-height: 40px;
     padding-left: 10px;
     float: left;
     width: 550px;
     transition: all .3s cubic-bezier(.15, .9, .34, .95);
     font-family: 'Fira Code', monospace;
}
 #mc-embedded-search {
     cursor: pointer;
     border: none;
     color: #cd1719;
     background: transparent;
     border-radius: 0;
     font-family: 'Fira Code', monospace;
     font-size: 1.5em;
     text-transform: uppercase;
     float: left;
     font-weight: 400;
     height: 40px;
     line-height: 40px;
     width: auto;
     padding: 0 10px;
     clear: none;
     position: absolute;
     -moz-appearance: none;
     right: 0px;
}
 .search .release .artist {
     margin: 0 auto;
     display: block;
     text-transform: uppercase;
     width: 85%;
     line-height: 14px;
     color:#fff;
}
 .search .release a{
     color:#fff;
}
 .search .release .info {
     margin: 0 auto;
     padding-top: 0;
     width: 85%;
     text-align: right;
     text-transform: uppercase;
}
 .search .release .info .title{
     padding-left:10%;
}
 .search .release .info .title span{
     font-family: 'Fira Code', monospace;
     font-size: 1.5vw;
     font-weight: 800;
     text-indent: -.04em;
     text-transform: uppercase;
     text-overflow: ellipsis;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     display: block;
     line-height: 15px;
}
 .thumbnail{
     padding: 15px;
     max-height: 100px;
}
/* .search .release:nth-child(even) .imageContainer{
    background: url(../../img/white-bg.svg) center no-repeat;
     background-size: contain;
}
 .search .release:nth-child(odd) .imageContainer{
    background: url(../../img/red-bg.svg) center no-repeat;
     background-size: contain;
}
 .search .release:nth-child(odd) .title span{
     color:#cd1719;
}
 .search .release:nth-child(even) .title span{
     color:#fff;
}
 .search .release:nth-child(odd) .artist a{
     color:#cd1719;
}
 .search .release:nth-child(even) .artist a{
     color:#fff;
}
*/
 .release:hover .title span:after {
     width:0;
}
 .error-404{
     height: 100%;
     padding: 0;
     margin: 0;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     align-items: center;
     justify-content: center;
     width:100%;
     color:#fff;
     flex-direction: column;
     line-height: 28px;
     padding-top:8%;
}
 .error-404 .big{
     display:block;
     font-size:28px;
}
 .error-404 .small{
     display:block;
     font-size:20px;
}
 .hide{
     display:none;
}
 .slider {
     position: relative;
     margin: 0px auto 0 auto;
     overflow:hidden;
}
 .img-pic.show{
     overflow:visible;
}
 #resp-email{
     position: absolute;
     opacity:0;
}
 .loadimages{
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 999;
}
 .loadimages.remove{
     display:none;
}
 .slider .main-carousel {
     position: relative;
     margin: 0;
     padding: 0;
     list-style: none;
     visibility: hidden;
     opacity:0;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
 .slider .main-carousel.flash{
     visibility: visible;
     opacity:1;
}
 .slider .main-carousel .carousel-cell {
     position: relative;
     display: block;
     float: left;
     margin: 0;
     padding: 0;
     width: 100%;
     background: transparent;
     text-align: center;
}
 .control_prev, .control_next {
     cursor: default;
     opacity: .4;
     position: absolute;
     z-index: 3;
     top: 0;
     width: 50%;
     height: 100%;
     opacity: 0;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
 .control_prev:hover, .control_next:hover {
     opacity: 0.4;
     transition: all 0.2s ease;
}
 .control_prev img {
     margin-top: -11px;
     position: absolute;
     top: 50%;
     left: 6.5%;
}
 .control_next img {
     margin-top: -11px;
     position: absolute;
     top: 50%;
     right: 6.5%;
}
 .control_prev {
     left: 0;
}
 .control_next {
     left: 50%;
}
 .line{
     opacity: 0.2;
}
 .lines{
     z-index:-1;
     display:none;
}
 .articles-wrap,.artists-wrap{
     width:80%;
}
 .pageHome .slide .info.top{
     z-index:3;
     max-width:100%;
     width: calc(100% - 160px);
}
 .pageHome .slide .info.middle,.pageHome .slide .middle-plus{
     max-width:100%;
     width: calc(100% - 80px);
}
 .pageHome .slide .info.top,.pageHome .slide .info.middle ,.pageHome .slide .middle-plus{
     left: 40px;
}
 @media screen and (max-height: 800px){
     .pageHome .slide .info.top,.pageHome .slide .info.middle,.pageHome .slide .middle-plus{
         width: calc(100% - 80px);
    }
}
 @media screen and (max-height: 800px){
     .pageHome .slide .info.top,.pageHome .slide .info.middle,.pageHome .slide .middle-plus {
         left: 40px;
    }
}
 .pageHome .slide .info .artist-title .artist {
     color: #CC0000;
     position: relative;
     text-transform: uppercase;
     font-family: 'Konexy';
     font-size: 4vw;
     font-weight: 400;
     display:block;
     width:100%;
     height:100%;
}
 .pageHome .slide .info h2 {
    /* background: aqua;
     */
}
 .feat-img{
    width: 100%;
     height: 100%;
}
 .flickity-enabled.is-fade .feat-img{
     opacity:0 !important;
     transition: opacity 0.8s;
     -webkit-transition: opacity 0.8s;
}
 .flickity-enabled.is-fade .feat-img.is-selected{
     opacity:1 !important;
     transition: opacity 0.8s;
     -webkit-transition: opacity 0.8s;
}
 .release .info {
     margin: 0 auto;
     padding-top: 5px;
     width: 85%;
     text-transform: uppercase;
     font-size: 14px;
     color:#fff;
}
 .mobilecenter,.mobile{
     display:none;
}
 .mediumsize{
     display:block;
}
 .pageHome .slide .info.middle .wrapperCols {
     width: 100%;
}
 .pageHome .slide .title-container{
     z-index:3;
}
 #page.pageHome {
     height: 70vh;
	 margin-top:15vh;
	 padding:0;
}

#page.pageHome.pageServices.show{
	
	z-index: 5;
    position: relative;
    background: #000;
    border: none;
    margin: 0;
    height: 100vh;
    padding-top: 15vh;
	
}

 header {
    /*width: calc(100% - 80px);
    */
     width: 100%;
     padding: 0 40px;
}
 header {
     height: 15vh;
     z-index: 10;
}


 header .lines {
     height: 15vh;
}
 .vCenterKidWrap {
     height: 15vh;
}
 div#toggleNav {
     height: 15vh;
}
/*automatic*/
 #loadHome{
     height: 70vh;
     top: 15vh;
}
 #main {
    /* padding-top: 15vh; */
}
 #slidercontent {
     height: 60vh;
     margin: 5vh auto;
}
 .pageHome .slide .title-container {
     height: 16vh;
}
 .pageHome .slide .article-title .title-container {
     height: 16vh;
}
 .description- {
     height: 44vh;
}
 .feat-img img{
     max-height:60vh;
     margin:auto;
}
 #slidercontent .orderdetails {
     height: 44vh;
}
 .pageHome .slide .order {
     height: 44vh;
     padding-top: 0;
}
 .date-row{
     height:16vh;
}
 .links-row{
     height:28vh;
}
 .pageHome #list {
     height: 15vh;
}
 .pageHome #list #listWrapper {
     height: 84px;
}
 .contributorbox{
     height:70vh;
}
 .imageWrapper{
     height:54vh;
}
 .pageArtist .contributorbox .wrapperCols{
     height:54vh;
     top:8vh;
}
 .slider .main-carousel .carousel-cell,.img-pic{
     height:350px;
}
 #navigation li a{
     height:60px;
     display:block;
}
 @media screen and (max-height: 800px){
     .imageWrapper{
         height:60vh;
    }
     .pageArtist .contributorbox .wrapperCols{
         height:60vh;
         top:5vh;
    }
}
 .vCenterKidWrap {
     display: flex;
}
 #slidercontent {
     display: flex;
     position: relative;
}
 #slidercontent > .article {
    /*background: white;
    */
     flex: 0 0 35%;
     order: 1;
}
 #slidercontent > .articleimage {
    /*background: green;
    */
     order: 2;
     flex: 0 0 30%;
     display:flex;
     align-items: center;
}
 #slidercontent > .article-aside {
    /*background: blue;
    */
     order: 3;
     flex: 0 0 35%;
     display: flex;
}
 #slidercontent .addicon {
     background: #D7E8D4;
     align-items: center;
     display: flex;
     flex: 1;
     position:relative;
     height: 45vh;
     justify-content: center;
     padding-top: 15vh;
}
 #slidercontent .article-title .article-title-wrap {
     color: #CC0000;
     position: relative;
     text-transform: uppercase;
     font-family: 'Konexy';
     font-size: 3.5vw;
     font-weight: 400;
     line-height:normal;
     display: none;
     height: 100%;
     width: 100%;
}
 #slidercontent .article-title .active .article-title-wrap{
     display: block;
}
 #slidercontent .article-title .article-title-block {
     font-size: 4vw;
     font-weight: 400;
     line-height: 30px;
     left: 0;
     position:absolute;
     width: 100%;
     height:100%;
}
 #slidercontent .orderdetails {
    /*background: beige;
    */
     align-items: center;
     display: flex;
     flex: 1;
     position:relative;
     justify-content: center;
}
 .pageHome .slide .order{
     left:0;
     right:initial;
     width:100%;
}
 .description- {
     overflow: hidden;
     max-width: 30vw;
}
 .description- a{
     text-decoration:none;
     color: #CC0000;
     font-weight:600;
}
 .row {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%;
}
 .column {
     display: flex;
     flex-direction: column;
     flex-basis: 100%;
     flex: 1 
}
/* h2.shorttext {
     padding-top: 50px;
}
*/
 .services {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
}
 .services .service-box{
     flex: 0 0 20%;
     align-self: center;
     margin-bottom: 50px;
}
 .service-box:nth-child(6) {
     margin-right:10%;
}
 .service-box:nth-child(7) {
     margin-left:10%;
}
 .service-box .boxContainer {
     display: flex;
     margin: 0 auto;
     height: auto;
     overflow: hidden;
     position: relative;
     width: 85%;
     border: 2px solid #fff;
     height: 10vh;
     text-align: center;
}
 .service-box .boxContainer:hover {
     border: 2px solid #cd1719;
}
 .service-box .boxContainer:hover a{
     color:#cd1719;
}
 .service-box .boxContainer a{
     color:#fff;
     text-transform:uppercase;
     font-size:1vw;
     display: flex;
     width: 90%;
     height: 100%;
     margin:auto;
     justify-content: center;
     align-items: center;
}
 .pageHome .slide .article-title .title-container {
     z-index: initial;
     margin:0;
     overflow:visible;
}
 .center-logo- img{
     width:100%;
     margin-left: auto;
     display: block !important;
}
 .big-plus-new.column {
     flex: 0 0 7vw;
     justify-content: center;
     display:none;
}
 .pageHome .slide .stores{
    /*padding-left:85px;
    */
     padding-left:26px;
}
 h2.shorttext {
     padding-top: 8vh;
}
 .artist-subtitle-headline{
     display: block;
     position:absolute;
    /*background: red;
    */
     top:-10px;
    /*ranchg 0*/
}
 .artist-subtitle-headline .txt{
     font-size:4vw;
    /*ranchg 2vw*/
    white-space: nowrap;
}
 .article-subtitle-headline {
     display: block;
     position:absolute;
    /*background: red;
    */
     bottom: 45px;
}
 .article-subtitle-headline .txt{
     font-size:5vw;
     white-space: nowrap;
}
 .artist-title-headline{
     display: block;
     position:absolute;
    /*background: blueviolet;
    */
     font-family: 'Konexy';
     top:45px;
}
 .artist-title-headline .txt{
     font-size:3.8vw;
    /*ranchg 2vw*/
}
 .article-title-headline {
     display: block;
     position:absolute;
    /*background: blueviolet;
    */
    /*font-family: 'Ld-regular';
    */
     bottom:-12px;
    /*ranchg 0*/
}
 .article-title-headline .txt{
     font-size:5vw;
}
 .showme{
     opacity: 1 !important;
     visibility: visible !important;
     display:block !important;
}
 .hideme{
     opacity: 0 !important;
     visibility: hidden !important;
     display:none !important;
}
/*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */
 .flickity-enabled {
     position: relative;
}
 .flickity-enabled:focus {
     outline: none;
}
 .flickity-viewport {
     overflow: hidden;
     position: relative;
     height: 100%;
}
 .flickity-slider {
     position: absolute;
     width: 100%;
     height: 100%;
}
/* draggable */
 .flickity-enabled.is-draggable {
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .flickity-enabled.is-draggable .flickity-viewport {
     cursor: move;
     cursor: -webkit-grab;
     cursor: grab;
}
 .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
     cursor: -webkit-grabbing;
     cursor: grabbing;
}
/* ---- flickity-button ---- */
 .flickity-button {
     position: absolute;
     background: transparent;
     border: none;
     color: #1D1D1B;
     z-index: 4;
}
 .flickity-prev-next-button{
     cursor: default;
     opacity: .4;
     position: absolute;
     z-index: 3;
     top: 0;
     width: 50%;
     height: 100%;
     opacity: 0;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
 .main-carousel:hover .flickity-prev-next-button{
     opacity: 0.4;
     transition: all 0.2s ease;
}
 .is-fullscreen.main-carousel:hover .flickity-prev-next-button{
     opacity:1;
     transition: all 0.2s ease;
}
 .flickity-button:hover {
     background: transparent;
     cursor: pointer;
}
 .flickity-button:focus {
     outline: none;
}
 .flickity-button:active {
     opacity: 0.6;
}
 .flickity-button:disabled {
     opacity: 0;
     cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
     pointer-events: none;
}
 .flickity-button-icon {
     fill: #1D1D1B;
}
/* ---- previous/next buttons ---- */
 .flickity-prev-next-button {
     top: 50%;
     width: 44px;
     height: 44px;
     border-radius: 50%;
    /* vertically center */
     transform: translateY(-50%);
}
 .flickity-prev-next-button.previous {
     left: 10px;
}
 .flickity-prev-next-button.next {
     right: 10px;
}
/* right to left */
 .flickity-rtl .flickity-prev-next-button.previous {
     left: auto;
     right: 10px;
}
 .flickity-rtl .flickity-prev-next-button.next {
     right: auto;
     left: 10px;
}
 .flickity-prev-next-button .flickity-button-icon {
     position: absolute;
     left: 20%;
     top: 20%;
     width: 60%;
     height: 60%;
}
/* ---- page dots ---- */
 .flickity-page-dots {
     position: absolute;
     width: 100%;
     bottom: -20px;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
     line-height: 1;
}
 .flickity-rtl .flickity-page-dots {
     direction: rtl;
}
 .flickity-page-dots .dot {
     display: inline-block;
     width: 5px;
     height: 5px;
     margin: 0 8px;
     background: #000;
     border-radius: 50%;
     opacity: 0.5;
     cursor: pointer;
}
 .flickity-page-dots .dot.is-selected {
     opacity: 1;
}
 .carousel {
     background: #FAFAFA;
}
 .carousel-cell {
     width: 66%;
     height: 200px;
     margin-right: 10px;
     background: #8C8;
     counter-increment: carousel-cell;
}
/* Flickity fullscreen v1.0.1 ------------------------- */
 .flickity-enabled.is-fullscreen {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: hsla(0, 0%, 0%, 1);
     z-index: 6;
}
 .slider .main-carousel.flickity-enabled.is-fullscreen .carousel-cell {
     background: transparent;
}
 .flickity-enabled.is-fullscreen .flickity-page-dots {
     bottom: 10px;
     display:none;
}
 .flickity-enabled.is-fullscreen .flickity-page-dots .dot {
     background: white;
}
/* prevent page scrolling when flickity is fullscreen */
 html.is-flickity-fullscreen {
     overflow: hidden;
}
/* ---- flickity-fullscreen-button ---- */
 .flickity-fullscreen-button {
     display: block;
     right: 5px;
     bottom: 5px;
     width: 35px;
     height: 35px;
     border-radius: 4px;
     opacity: 0;
}
 .main-carousel:hover .flickity-fullscreen-button{
     opacity: 0.4;
     transition: all 0.2s ease;
}
 .flickity-enabled.is-fullscreen .flickity-fullscreen-button {
     display: block;
     right: 10px;
     top: 10px;
     width: 44px;
     height: 44px;
     border-radius: 4px;
     opacity: 1;
}
 .flickity-enabled.is-fullscreen .flickity-button-icon{
     fill:#fff;
}
 .flickity-enabled.is-fullscreen .flickity-fullscreen-button .flickity-button-icon{
     width: 50%;
     right: 10px;
     left: initial;
}
/* right-to-left */
 .flickity-rtl .flickity-fullscreen-button {
     right: auto;
     left: 10px;
}
 .flickity-fullscreen-button-exit {
     display: none;
}
 .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {
     display: block;
}
 .flickity-enabled.is-fullscreen .flickity-fullscreen-button-view {
     display: none;
}
 .flickity-fullscreen-button .flickity-button-icon {
     position: absolute;
     width: 35px;
     height: 35px;
     left: 4px;
     top: 4px;
}
 .carousel.is-fullscreen .carousel-cell {
     height: 100%;
}
 .carousel-cell {
     width: 100%;
    /* full width */
     height: 200px;
     background: #222;
    /* center images in cells with flexbox */
     display: flex;
     align-items: center;
     justify-content: center;
}
 .carousel.is-fullscreen .carousel-cell {
     height: 100%;
}
 .carousel-cell img {
     display: block;
     max-height: 100%;
     text-align: center;
     margin: auto;
}
 .carousel.is-fullscreen .carousel-image {
     height: auto;
     max-height: 100%;
}
 .slider .main-carousel.is-fullscreen .carousel-cell{
     height:100%;
}
 .artistlinks{
     color:#fff;
}
 .release .info .artist a:hover, .artistlinks:hover{
     color:#cd1719;
}
/* .hrlines {
     height: 100%;
     left: 0;
     right: 0;
     position: fixed;
     top: 0;
     z-index: 12;
}
 .hrline {
     height: 1px;
     opacity: 1;
     width: 100%;
     position:absolute;
}
*/
 .home .pageHome{
     border-bottom:1px solid rgb(204, 0, 0, 1);
     border-top:1px solid rgb(204, 0, 0, 1);
}
 .pageHome .slide .info a.artist:hover span.empty:after {
     width: 0 !important;
}
 div#logo {
     flex: 1;
     order: 1;
    /* align-content: center;
     */
     align-items: center;
    /* justify-content: center;
     */
    /* justify-items: center;
     */
     display: flex;
}
 .social-link {
     flex: 1;
     order: 3;
     display: flex;
     align-items: center;
    /* justify-items: center;
     */
     justify-content: flex-end;
}
 div#toggleNav {
     flex: 1;
     order: 2;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .pageHome .slide .navIpad.prev:hover + .inner-prev{
     opacity: .4;
}
 .pageHome .slide .navIpad.next:hover + .inner-next{
     opacity: .4;
}
 .release .imageContainer:hover + .info .artist a{
    color:#cc0000;
}
 .release .imageContainer:hover + .info .title a{
    color:#cd1719;
}
 span.artist-title-headline.empty {
     display: none;
}
 .slider__slide {
     display: flex;
     justify-content: center;
     width: 100%;
     text-align: center;
     align-items: center;
     height: 100%;
}
 .slider__slide__item {
     display: inline-block;
}
 .slider__slide__item.extraspace-r{
     padding-right: 2%;
}
 .slider__slide__item.extraspace-l{
     padding-left: 2%;
}
 .slide__story {
     position: relative;
     flex: auto;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100%;
}
 .artist-slider .slide__story {
     max-width: none !important;
}
 .slide__story__image {
     position: relative;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
}
 .slider__slide__item img {
     max-width: 100%;
     font-style: italic;
     vertical-align: middle;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-user-drag: none;
     user-drag: none;
     -webkit-touch-callout: none;
     width: auto;
     max-height: 95vh;
}
 .is-fullscreen .slider__slide__item{
     padding: 50px;
}
/* MailChimp Form Embed Code - Classic - 08/17/2011 */
 #mc_embed_signup form {
    display:flex;
     position:relative;
     float:left;
     width:100%;
     text-align:left;
	 
}
 #mc_embed_signup h2 {
    font-weight:bold;
     padding:0;
     margin:15px 0;
     font-size:1.4em;
}
 #mc_embed_signup input[type=checkbox]{
    -webkit-appearance:checkbox;
}
 #mc_embed_signup input[type=radio]{
    -webkit-appearance:radio;
}
 #mc_embed_signup .button {
    clear:both;
     background-color: #aaa;
     border: 0 none;
     border-radius:4px;
     color: #FFFFFF;
     cursor: pointer;
     display: inline-block;
     font-size:15px;
     font-weight: bold;
     height: 32px;
     line-height: 32px;
     margin: 0 5px 10px 0;
     padding: 0 22px;
     text-align: center;
     text-decoration: none;
     vertical-align: top;
     white-space: nowrap;
     width: auto;
}
 #mc_embed_signup .button:hover {
    background-color:#777;
}
 #mc_embed_signup .small-meta {
    font-size: 11px;
}
 #mc_embed_signup .nowrap {
    white-space:nowrap;
}
 #mc_embed_signup .mc-field-group {
    position:relative;
     width:96%;
     min-height:50px;
	 display:flex;
	 align-items:center;
}
 #mc_embed_signup .size1of2 {
    clear:none;
     float:left;
     display:inline-block;
     width:46%;
     margin-right:4%;
}
 * html #mc_embed_signup .size1of2 {
    margin-right:2%;
    /* Fix for IE6 double margins. */
}
 #mc_embed_signup .mc-field-group label {
    display:block;
     margin-bottom:3px;
}
 #mc_embed_signup .mc-field-group input {
    display:block;
     width:100%;
     padding:8px 0;
}
 #mc_embed_signup .mc-field-group select {
    display:inline-block;
     width:99%;
     padding:5px 0;
     margin-bottom:2px;
}
 #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{
    padding:5px 0;
}
 #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{
    display:inline;
     width:60px;
     margin:0 2px;
     letter-spacing:1px;
     text-align:center;
     padding:5px 0 2px 0;
}
 #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{
    width:40px;
}
 #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{
    width:30px;
}
 #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{
    display:none;
}
 #mc_embed_signup .indicates-required {
    text-align:right;
     font-size:11px;
     margin-right:4%;
}
 #mc_embed_signup .asterisk {
    color:#c60;
     font-size:200%;
}
 #mc_embed_signup .mc-field-group .asterisk {
    position:absolute;
     top:25px;
     right:10px;
}
 #mc_embed_signup .clear {
    clear:both;
}
 #mc_embed_signup .mc-field-group.input-group ul {
    margin:0;
     padding:5px 0;
     list-style:none;
}
 #mc_embed_signup .mc-field-group.input-group ul li {
    display:block;
     padding:3px 0;
     margin:0;
}
 #mc_embed_signup .mc-field-group.input-group label {
    display:inline;
}
 #mc_embed_signup .mc-field-group.input-group input {
    display:inline;
     width:auto;
     border:none;
}
 #mc_embed_signup div.response {
    margin:0;
     padding:0;
     z-index:1;
     width:100%;
     text-align:center;
    color:red;
}
 #mc_embed_signup #mce-error-response {
    display:none;
}
 #mc_embed_signup #mce-success-response {
    color:#529214;
     display:none;
}
 #mc_embed_signup label.error {
    display:block;
     float:none;
     width:auto;
     margin-left:1.05em;
     text-align:left;
     padding:.5em 0;
}
 #mc-embedded-subscribe {
    clear:both;
     width:auto;
     display:block;
     margin:1em 0 1em 5%;
}
 #mc_embed_signup #num-subscribers {
    font-size:1.1em;
}
 #mc_embed_signup #num-subscribers span {
    padding:.5em;
     border:1px solid #ccc;
     margin-right:.5em;
     font-weight:bold;
}
 #mc_embed_signup_scroll{
     float:left;
     width:100%;
}
 .nav-articles{
     display:none !important;
}
 @media screen and (max-width:635px) {
     #navigation li a {
         font-size: 1.5em;
         height:50px;
    }
     .nav-articles{
         display:block !important;
    }
     header {
         height: 70px;
         width: 100%;
         z-index: 16;
         padding:0;
    }
     header #logo {
         margin-left:20px;
    }
     header .lines{
         height: 70px;
    }
     header #toggleNav {
         height: 70px;
         width: 70px;
         z-index: 5;
    }
     header.shadow:after {
         opacity: 1;
         visibility: visible 
    }
     header .social-link {
         position: absolute;
         right: 15%;
         top: 22px;
    }
     header #toggleNav {
         position: absolute;
         top: 0;
         right: 0px;
    }
     #logo img{
         display:block;
    }
     header #toggleNav .menu span{
         margin:2px auto 4px;
    }
     header .social-link img{
         width: 23px;
         margin-top: 1px;
    }
     header #toggleNav.n span {
         opacity: 1;
         transform: rotate(45deg) translate(-7px, -9px);
    }
     header #toggleNav.n span:nth-last-child(2) {
         transform: rotate(-45deg) translate(-2px, 6px);
    }
     .pageHome #slider,.pageHome #list{
         display:none;
    }
     #mc_embed_signup, .firstNews, .lines {
         display: block !important;
    }
     .pageHome .footermobile{
         display:none;
    }
     .release{
         width:100%;
         float: none;
         margin-left: auto;
         margin-right: auto;
    }
     .pageArtists .release{
         display: flex;
         flex-direction: column;
         flex-basis: 100%;
         flex: 0 0 50%;
    }
     .pageArtists .artists-wrap{
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
    }
     .search .article-info.release .info{
         padding:0;
         margin-top:30px;
    }
     .search .release .artist {
         margin: 0 auto;
         display: block;
         text-transform: uppercase;
         width: 100%;
         line-height: 20px;
         color: #fff;
         font-size: 5vw;
    }
     .search .release .info .title span{
         font-size: 5vw;
    }
     .downarrow{
         position: absolute;
         right: 10px;
         top: 0px;
         color: #cd1719;
         font-size: 25px;
         transform: rotate(90deg);
    }
     .line3,.line4{
         display:none;
    }
     .line.line2{
         left:25%;
    }
     .mobilecenter{
         display:none;
         left:50%;
    }
     .line.line5{
         left:75%;
    }
     .lines{
         width:100%;
         left:0;
    }
     .lines .wrapperCols {
         width:100%;
    }
     #navigation #newsletter #mc_embed_signup .mc-field-group {
         width: 100%;
         margin: 0 auto;
    }
     #navigation #newsletter #mc_embed_signup input.email {
         width:100%;
    }
     #mc_embed_signup form {
         display: block;
         position: relative;
         text-align: left;
         padding: 0 !important;
         margin: 5% 0 10%;
    }
     #navigation #newsletter #mc_embed_signup #mc-embedded-subscribe{
         right:0;
         padding:0 10px;
    }
     #search-form input.search{
         width:100%;
    }
     #search-form .mc-field-group {
         width: 85%;
         margin: 0 auto;
    }
     .pageAbout .col {
         width: 100%;
         flex: 0 100%;
    }
     .pageAbout .col.left{
         padding: 0;
         margin-bottom: 10%;
    }
     .pageAbout .col.right{
         text-align:center;
         padding: 0;
    }
     .contributorbox{
         position:relative;
         height:auto;
         left:0;
         width:100%;
    }
     .imageWrapper {
         height: 240px;
         position:relative;
         margin-bottom:50px;
    }
     .slider .main-carousel .carousel-cell, .img-pic {
         height: 240px;
    }
     .pageArtist .contributorbox .wrapperCols{
         width:100%;
         padding:0 20px;
         height: auto;
         top:0;
    }
     #main{
         padding-top: 75px;
         position: relative;
         z-index: 1;
    }
     .pageArtist .col {
         width: 100%;
    }
     .linksWrapper{
         bottom:-35px;
         flex-direction:column;
    }
     .right-links {
         flex: initial;
    }
     .pageArtist .col.left a.download{
         text-align:left;
    }
     .pageArtist .col.left a.cool.contact-resp{
         text-align:left;
    }
     .pageArtist .col.right .social {
         width: 100%;
         float: left;
         margin-bottom: 0px;
         left:0 !important;
         position:relative;
         height:auto;
    }
     .pageArtist .col.right .social ul{
         display: flex;
         flex-wrap: wrap;
         width: 100%;
    }
     .pageArtist .col.right .social ul li{
         flex: 0 0 50%;
    }
     .pageArtist .col.right .social ul li:nth-child(even) {
        /*text-align:right;
        */
    }
     .artist-details {
         position: relative;
         margin-top: 5vh;
    }
     .bio-description {
         padding:0;
         margin-bottom:5%;
    }
     .pageArtist .bio-description{
         overflow:initial;
         margin-top: 20px;
         height:auto;
    }
     .pageArtist.pageHome .footermobile{
         display:block;
         margin-top:0px;
         padding-bottom:0;
    }
     #resp-email {
         left: 0;
    }
     .pageServices .wrapperCols h2, .pageArtists .wrapperCols h2{
         margin-bottom:20px;
         font-size: 5vw;
    }
     .pageArtists .artistlinks{
         font-weight:normal;
    }
     .mobile{
         display:block;
    }
     .mediumsize{
         display:none !important;
    }
     .pageArtist .contributorbox h2 {
         font-size: 20px;
         padding-left: 0;
         margin:0;
         height:auto;
    }
     .pageArtist #toggleArtists span:hover, .pageArtist .col .social a:hover, a.cool:hover {
         padding-left:0px;
    }
     .pageContributor.pageHome{
         height:auto;
    }
     .pageArtist h2 {
         font-size: 5vw;
         color: #cd1719;
    }
     .artistmobile h2{
         margin-bottom:5%;
         padding: 0 20px;
         font-weight:normal;
    }
     .slider-list{
         position:relative;
    }
     .artistmobile .wrapperCols {
         margin: 0 auto;
         width: 100%;
    }
     .pageArtist .release .imageContainer {
         display: block;
         margin: 0 auto !important;
         height: auto;
         overflow: hidden;
         position: relative;
         width: 85% !important;
    }
     .pageArtist .release .info{
         width: 85% !important;
    }
     .articles-wrap, .artists-wrap {
         width:100%;
         padding:0 20px;
    }
     .pageArtists .wrapperCols h2 {
         width:100%;
    }
     .pageHome .slide {
         background-color: transparent;
    }
     .pageHome .slide .info.top {
         width: 100%;
         padding: 0;
    }
     .pageHome .slide .info .title-container {
         margin-top: 30px;
         padding: 0;
         background: transparent;
    }
     .pageHome .slide .info a.artist,.pageHome .slide .info .title-container h2{
         color: #cd1719;
    }
     .slide .mobile .release,.mobileorder,.mobiledetails{
         display:none;
    }
     .slide .mobile .release.active,.mobileorder.active,.mobiledetails.active{
         display:block;
    }
     .mobileorder,.goback a{
         color:#cd1719;
         text-transform:uppercase;
    }
     .mobileorder a{
         color:#ffffff;
    }
     .goback,.mobileorder{
         width:100%;
         margin:20px auto;
    }
     .mobilestores .leftcolumn, .mobilestores .rightcolumn{
         float:left;
         width:50%;
    }
     .mobilestores {
         display: flex;
         flex-wrap: wrap;
         width: 100%;
         margin-bottom: 20px;
    }
     .slide .mobile .wrapperCols.search{
         width:90%;
    }
     .mobilestores > * {
         flex: 0 0 100%;
         font-size: 0.8em;
         color: #fff;
         margin-bottom: 5px;
         min-width: 50%;
    }
     .mobilestores.twocolumns > * {
         flex: 0 0 50%;
    }
     .mobiledetails{
         width:100%;
         color:#fff;
         margin:auto;
    }
     .pageReleases .wrapperCols .release .imageContainer, .pageReleases .wrapperCols .release .info,.pageArtist .wrapperCols .release .imageContainer, .pageArtist .wrapperCols .release .info {
         float: none !important;
         width: 85% !important;
         margin:auto;
         position:relative;
    }
     .pageReleases .wrapperCols .release,.pageArtist .wrapperCols .release{
         width:90% !important;
         flex: 0 0 47%;
         display:block;
    }
     .mobileArticles .articles-wrap{
         display:none;
    }
     .release .info .title span {
         color: #cd1719;
         font-weight:normal;
    }
     .flickity-button-icon {
         fill: #cd1719;
    }
     .featured-image-slider .flickity-prev-next-button .flickity-button-icon {
         width: 100% !important;
         left: -30px !important;
    }
     .featured-image-slider .flickity-prev-next-button.next .flickity-button-icon {
         width: 100% !important;
         right: -30px !important;
         left: inherit !important;
    }
     .featured-image-slider .flickity-prev-next-button{
         width:30px !important;
    }
     .flickity-prev-next-button{
         opacity: 1 !important;
    }
     .mobiledetails .description{
         width:100%;
         display:block;
         height:auto;
    }
     .mobiledetails .description a{
         color:#ffffff;
         text-decoration:underline;
    }
     .slide .mobile .release{
         margin-bottom:20px;
    }
     .listNavContainer.nextprev{
         display: flex;
         width: 100%;
         padding: 20px 0;
         position: relative;
    }
     .listNavContainer.nextprev a{
         color: #cd1719;
         font-size: 3.5vw;
         display: block;
         height: 5vh;
         width:100%;
         padding-top:1vh;
    }
     .listNavContainer.nextprev a.prev{
         text-align:left;
    }
     .listNavContainer.nextprev a.next{
         text-align:right;
    }
     .mobiledetails h4{
         color:#cd1719;
         margin-bottom:10px;
         font-size:4vw;
         font-weight: 400;
    }
     #navigation .vCenter {
         height: 70%;
    }
     .vCenterKidWrap {
         display: flex;
         height: 70px;
    }
     .release .imageContainer img{
         position:relative;
    }
     .article-info.release .imageContainer{
         height:383px;
         overflow:initial;
    }
    /* .pageReleases.mobileArticles .wrapperCols .release .imageContainer{
         height:383px;
    }
    */
     .flickity-page-dots .dot{
         background:#ffffff;
    }
     .release .thumbnail{
         max-height:100%;
         padding:0;
    }
     .release .imageContainer:before, .release .linkRelease:before {
         padding-top: 0;
    }
     .search .release .info{
         width:100%;
         text-align:left;
    }
     .search .release .info .title {
         padding-left: 0;
    }
     .search .release .title span{
         color:#ffffff;
    }
     .search .release .artist a, .release .info .artist a , .release .info .title,.search .release .artist, .release .info .artist{
         color:#cd1719;
    }
     .search .release .info .title span, .search .release .artist a , .release .info .artist a , .release .info .title,.pageSearch .search .release .info .artist, .release .info .artist,.pageReleases .release .info .artist{
         font-family: 'Fira Code', monospace;
         font-size: 4vw;
         font-weight: 800;
         text-indent: -.04em;
         text-transform: uppercase;
         text-overflow: ellipsis;
         width: 100%;
         white-space: initial;
         overflow: hidden;
         display: block;
         line-height: 20px;
    }
     .pageSearch .search .release .info .title span,.pageSearch .search .release .artist a,.pageReleases.pageSearch .search .release .artist,.pageArtist .search .release .info .artist,.pageArtist .search .release .info .title span{
         font-size: 3.7vw;
         line-height:20px;
    }
     .release .info .title span:before {
         content: '+';
         position: absolute;
         left: 0;
    }
     .search .release .info .title span{
         font-weight:normal;
         padding-left: 3vw;
    }
     .search .release.article-info .info .title span{
         font-size:5.4vw;
    }
     .search .release.article-info .info .artist a,.search .release.article-info .info .artist {
         font-size:4.4vw;
    }
     .pageReleases .release .info .title {
         font-size: 5vw;
    }
     .backlink{
         display:none !important;
    }
}
 .pageArtist .col.left a.cool.backlink{
     position:absolute;
     line-height:1;
     margin:0;
}
 .sb-container{
     position: relative;
     overflow: hidden;
     padding-right: 10px;
}
 .sb-content {
     height:100%;
     width: 120%;
     padding-right: 25%;
     overflow-y: scroll;
     box-sizing:border-box;
}
 .sb-scrollbar-container {
     position: absolute;
     right: 15px;
     bottom: 5px;
     top: 5px;
     width: 10px;
}
 .sb-container-noscroll .sb-scrollbar-container {
     right: -20px;
}
 .sb-scrollbar {
     position: absolute;
     right: 0;
     height: 30px;
     width: 3px;
     border-radius: 10px;
     background: rgba(204,0,0, 1);
     cursor:pointer;
}
 .sb-scrollbar:hover {
     background: rgba(204,0,0, 0.9);
}
 .bio-description .sb-scrollbar{
     background:#fff;
}
 .bio-description .sb-scrollbar:hover{
     background:rgba(255, 255, 255, 0.9);
}
 .article-desc {
     z-index: 3;
}
 .articleimage.column {
     z-index: 3;
}
 .featured-image-slider{
     width:100%;
     height:100%;
}
 .featured-image-slider .flickity-prev-next-button.next {
     right: 0px;
}
 .featured-image-slider .flickity-prev-next-button.previous {
     left: 0px;
}
 .featured-image-slider .flickity-prev-next-button{
     transform:none;
     top: 0;
     width: 50%;
     height: 100%;
     border-radius:0;
}
/* .featured-image-slider .flickity-button-icon{
     display:none;
}
*/
/* flickity-fade */
 .flickity-enabled.is-fade .flickity-slider > * {
     pointer-events: none;
     z-index: 0;
}
 .flickity-enabled.is-fade .flickity-slider > .is-selected {
     pointer-events: auto;
     z-index: 1;
}
 .cntent{
     padding-top:10px;
}
 .mobilecontent{
     display:none;
}
 .mobile-nav{
     display:none;
}
 .mobilelinebreak,.mobilespace-v,.mobilespace-h{
     display:none;
}
 .desktopspace-h{
     display:inline-block;
}
 .desktopspace-v{
     display:block;
}
 .desktoplinebreak{
     display:initial;
}
 @media screen and (max-width:768px) {
     .mobilelinebreak{
         display:initial;
    }
     .mobilespace-h{
         display:inline-block;
    }
     .mobilespace-v{
         display:block;
    }
     .desktoplinebreak,.desktopspace-v,.desktopspace-h{
         display:none;
    }
     #page{
         opacity:1;
    }
     .mobile-nav{
         display:block;
    }
     .mobile-nav.showloggedin{
         display:none;
    }
     .loggedin .mobile-nav.showloggedin{
         display:block;
    }
     .mobile-hide{
         display:none;
    }
     .lines{
         display:none !important;
    }
     nav{
         width: 50%;
    }
     .service-box:nth-child(6) {
         margin-right: 0;
    }
     .service-box:nth-child(7) {
         margin-left: 0;
    }
     .services .service-box {
         flex: 0 0 70%;
    }
     .service-box .boxContainer a{
         font-size:3.5vw;
    }
     .services .service-box{
         margin-bottom:30px;
    }
     .service-box .boxContainer:hover {
         border: 2px solid #ffffff;
    }
     .service-box .boxContainer:hover a{
         color:#ffffff;
    }
     body.navopen{
         overflow:hidden;
    }
     body:not(.bypass) {
         overflow: hidden !important;
    }
     body:not(.bypass) {
         position: relative;
    }
     body:not(.bypass) #main{
         display:none;
    }
     body:not(.bypass) .lines,body:not(.bypass) header,body:not(.bypass) #showGrid{
         display:none !important;
    }
     body:not(.bypass) .mobilecontent{
         display:block;
    }
     body:not(.bypass) #loader{
         display:none;
    }
     body:not(.bypass) #mobilecontent.container {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content:center;
         height:100vh 
    }
     body:not(.bypass) #mobilecontent .center-text{
         color:#cc0000;
         text-align:center;
    }
     body:not(.bypass) #mobilecontent .item {
         margin-bottom: 10px;
         align-items: center;
         display:flex;
         height:30vh;
    }
     body:not(.bypass) .css-typing{
         max-width:300px;
    }
     body:not(.bypass) .css-typing span:nth-of-type(28) {
         display:block !important;
    }
     body:not(.bypass) .css-typing span:nth-of-type(40) {
         display:block !important;
    }
     body:not(.bypass) .social-link-mobile .insta{
         display:none;
    }
     body:not(.bypass) .social-link-mobile img {
         animation: blink 1s;
         animation-iteration-count: infinite;
    }
     .home .pageHome{
         border:none;
    }
}
 .enter-button-wrap{
     display:none;
}
 .enter-button-wrap {
     position: absolute;
     top: 75%;
     left: 50.01%;
     max-width: 100%;
     max-height: 100%;
     transform: translate(-50%, -50%);
     z-index:11;
     text-align:center;
}

.button-wrap{
    height: 30px;
}
 
 #enterbutton {
     display: block;
     margin: auto;
     background: none;
     color: #cc0000;
     border: none;
     padding: 0;
     font-size: 18px;
     margin-bottom: 5px;
     cursor:pointer;
     font-family: 'Konexy';
     letter-spacing: 0.1em;
}
 #enterbutton:hover{
     border-bottom: 1px solid red;
}
 .enter-txt{
     color:#cc0000;
     font-size:14px;
     font-family: 'Konexy';
     letter-spacing: 0.1em;
}
 .featured-image-slider.singleimage .flickity-page-dots{
     display:none;
}
 .main-carousel.singleimage .flickity-prev-next-button,.featured-image-slider.singleimage .flickity-prev-next-button{
     display:none;
}
 .featured-image-slider:hover .flickity-prev-next-button {
     opacity: 0.4;
     transition: all 0.2s ease;
}
 .featured-image-slider .flickity-prev-next-button .flickity-button-icon{
     width:10%;
     left:10%;
}
 .featured-image-slider .flickity-prev-next-button.next .flickity-button-icon{
     width:10%;
     right: 10%;
     left: inherit;
}
 @media screen and (min-width: 1400px){
     .featured-image-slider .flickity-prev-next-button .flickity-button-icon{
         width:10%;
         left:10%;
    }
     .featured-image-slider .flickity-prev-next-button.next .flickity-button-icon{
         width:10%;
         right: 10%;
         left: inherit;
    }
}
 #team-email,#submission-email,#manage-email{
     position: absolute;
     opacity:0;
}
 .top-text {
     display: block;
     padding-bottom: 2vh;
}
 .quick-links {
     display: block;
     width: 100%;
     height: 57vh;
}
 .mobileHome h2{
     margin-bottom: 15px;
     margin-top: 15px;
}
 .mobileHome h2, .mobileHome h3{
     font-size:16px;
     font-weight:200;
}
 .mobileHome a, .mobileHome h2, .mobileHome h3{
     color:#cd1719;
}
 .mobileHome a{
     display:block;
     padding:1.5vh 0;
     text-transform:uppercase;
     font-size: 18px;
}
 .mobileHome .wrapperCols{
     width:90%;
}
 .top-text, .mobileHome li{
     border-bottom:1px solid #ffffff;
     width:100%;
}
 #search-form.hide{
     display:none;
}
 @media screen and (max-height:550px) {
     #navigation .vCenter {
         height: 50%;
    }
     #navigation li a {
         height: 40px;
         display: block;
    }
}
 .marquee {
     margin: 15px auto;
     position: relative;
     overflow: hidden;
     height: 20px;
     width:100%;
}
 .marquee span {
     position: absolute;
     white-space: nowrap;
     will-change: transform;
     animation: marquee 4s linear infinite;
}
 @keyframes marquee {
     from {
         transform: translateX(0);
    }
     to {
         transform: translateX(-50%);
    }
}
 .company-slider.jsx-910881380 {
     margin-top:2rem;
     margin-bottom:4rem;
}
 .company-logos-container.jsx-910881380 {
     white-space:nowrap;
     overflow:hidden;
}
 .company-logos-container.jsx-910881380>div.jsx-910881380 {
     display:inline-block;
     padding:0 2.2rem;
     vertical-align:middle;
     opacity:0.25;
     outline:none;
     cursor:default;
     -webkit-transition:opacity 0.2s ease;
     transition:opacity 0.2s ease;
}
 .company-logos-container.jsx-910881380>div.jsx-910881380:hover {
     opacity:0.8;
}
 .slider-container.jsx-3444987851 {
     overflow:hidden;
     white-space:nowrap;
}
 .slider-content-wrapper.jsx-3444987851 {
     display:inline-block;
     white-space:nowrap;
     overflow:hidden;
     -webkit-animation:slide-jsx-3444987851 80s linear infinite;
     animation:slide-jsx-3444987851 8s linear infinite;
}
 .slider-content-wrapper.jsx-3444987851>div.jsx-3444987851 {
     display:inline-block;
}
 @-webkit-keyframes slide-jsx-3444987851 {
     from {
         -webkit-transform:translate3d(0,0,0);
         -ms-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
    }
     to {
         -webkit-transform:translate3d(-50%,0,0);
         -ms-transform:translate3d(-50%,0,0);
         transform:translate3d(-50%,0,0);
    }
}
 @keyframes slide-jsx-3444987851 {
     from {
         -webkit-transform:translate3d(0,0,0);
         -ms-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
    }
     to {
         -webkit-transform:translate3d(-50%,0,0);
         -ms-transform:translate3d(-50%,0,0);
         transform:translate3d(-50%,0,0);
    }
}
 .m-scroll {
     display: flex;
     position: relative;
     width: 100%;
     height: 50px;
     margin: auto;
     overflow: hidden;
     z-index: 1;
}
 .m-scroll__title {
     display: flex;
     position: absolute;
     top: 0;
     left: 0;
     align-items: center;
     justify-content: flex-start;
     width: 100%;
     height: 100%;
     white-space: nowrap;
     transition: all 1s ease;
}
 .m-scroll__title > div {
     display: flex;
     -webkit-animation: scrollText 10s infinite linear;
     animation: scrollText 10s infinite linear;
}
 .m-scroll__title h2 {
     margin: 0;
     transition: all 2s ease;
}
/*div:hover {
     animation-play-state: paused;
}
*/
 @-webkit-keyframes scrollText {
     from {
         transform: translateX(0%);
    }
     to {
         transform: translateX(-50%);
    }
}
 @keyframes scrollText {
     from {
         transform: translateX(0%);
    }
     to {
         transform: translateX(-50%);
    }
}
/* .marquee span {
     position: absolute;
     width: 100%;
     height: 100%;
     margin: 0;
     line-height: 20px;
     text-align: center;
     -moz-transform: translateX(100%);
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
     -moz-animation: scroll-left 2s linear infinite;
     -webkit-animation: scroll-left 2s linear infinite;
     animation: scroll-left 5s linear infinite;
}
*/
 @-moz-keyframes scroll-left {
     0% {
         -moz-transform: translateX(100%);
    }
     100% {
         -moz-transform: translateX(-100%);
    }
}
 @-webkit-keyframes scroll-left {
     0% {
         -webkit-transform: translateX(100%);
    }
     100% {
         -webkit-transform: translateX(-100%);
    }
}
 @keyframes scroll-left {
     0% {
         -moz-transform: translateX(100%);
         -webkit-transform: translateX(100%);
         transform: translateX(100%);
    }
     100% {
         -moz-transform: translateX(-100%);
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
    }
}
 .scrollhtext {
     background-color: teal;
     color: white;
     font-family: helvetica;
     text-transform: uppercase;
     overflow-x: hidden;
}
 .scrollhtext div {
     display: flex;
     flex-wrap: nowrap;
     white-space: nowrap;
     min-width: 100%;
}
 .scrollhtext div .news-message {
     display: flex;
     flex-shrink: 0;
     height: 50px;
     align-items: center;
     animation: slide-left 20s linear infinite;
}
 .scrollhtext div .news-message p {
     font-size: 2.5em;
     font-weight: 100;
     padding-left: 0.5em;
}
 @keyframes slide-left {
     from {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
     to {
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
    }
}
 .loadactive .lines{
     z-index:99;
}
 .loadactive #loader{
     background: #000;
}
 @media screen and (max-width:635px) {
     header #toggleNav {
         width:55px;
    }
}
 @media screen and (max-height:555px) and (min-width: 960px) {
     .artist-title-headline .txt {
         font-size: 3.2vw;
    }
     .artist-subtitle-headline .txt {
         font-size: 3.8vw;
    }
     .artist-title-headline{
         top:40px;
    }
}
 .hideparticles #particles{
     visibility:hidden !important;
}
 .artist-title .artist-title-headline .txt {
     font-size: 2vw;
}
 .artist-title .artist-subtitle-headline .txt {
     font-size: 1.5vw;
}
 .artist-title .artist-subtitle-headline{
     top:0;
}
 .artist-title .artist-title-headline{
     top: 38px;
}
 .article-subtitle-headline .txt {
     font-size: 4vw;
}
 .article-title-headline .txt {
     font-size: 4vw;
}

.stickblack{
	background:#000000;
	height:12vh;
}

.mainarticles #particles{
    display: none;
}

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

    header{
        background:#000000;
    }

    .home #main, .contributor #main{
        overflow: initial;
    }

    #main{

        padding-top: 75px;
    }

    #page{

        padding-top: 0 !important;
    }

    #page.pageHome{

        margin-top: 0;
        height:auto;
    }

    #navigation #newsletter {
        
        bottom: 3.7% !important;

    }

}

.demolinks .loggedlink{
    display: none !important;
}

.loggedin .demolinks a{
    display: none !important;
}

.loggedin .demolinks a.loggedlink{
    display: block !important;
}

.upcase{
    text-transform: uppercase;
}