html, body {font-family: 'Lexend Deca', sans-serif !important;}
@keyframes zoomEffect {0% {transform: scale(1, 1);} 100% {transform: scale(1.1, 1.1);}}
@keyframes tickerEffect {0% {height: 98px} 100% {height: 0;}}
@keyframes arrowEffect {0% {translateY: translateY(0);} 100% {transform: translateY(10px);}}
@keyframes marquee {0%{transform:translate3d(0%, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}
@keyframes marquee-reverse {0%{transform:translate3d(-100%, 0, 0)}100%{transform:translate3d(0%, 0, 0)}}
.home.page .site-content, .site-content, .page .content-area, .entry-content {width: 100% !important; max-width: 100%; min-height: 500px;}
.page .entry-header {display: none;}
.page.wp-custom-logo.has-header-media .custom-logo-link, .single.wp-custom-logo.has-header-media .custom-logo-link {margin-top: 15px !important;}
body {background: #222222 !important; color: #FFFFFF !important;}
.animatedfsmenu.navbar-expand-md, .animatedfsmenu.navbar-expand-ht {background-color: #222222 !important;}
body.home .entry-header {display: none !important;}
h1, h2, h3, h4, h5, h6 {color: #FFFFFF !important;}
.smart-page-loader {background: #222222 !important; z-index: 999999999 !important;}
.smart-page-loader .smart-loader-one {border-top: 1px solid rgba(255, 255, 255, 0.08) !important; border-right: 1px solid rgba(255, 255, 255, 0.08) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; border-left: 1px solid rgba(255, 255, 0, 0.5) !important;}
.wow {visibility: hidden;}
.listen-popup {position: fixed; width: 100%; height: 100%; z-index: 9999999999; background: rgba(0,0,0,0.5); top: 0; left: 0; display: none; align-items: center; justify-content: center; contain: layout;}
.listen-popup .popup-close-btn {background: url(/wp-content/uploads/close-icon.png) no-repeat center center / contain; height: 20px; width: 20px; display: block; position: absolute; top: 20px; right: 20px; filter: invert(1); cursor: pointer; z-index: 999;}
.listen-popup .listen-popup-container {position: relative; width: 400px; height: auto; background: #222222;}
.listen-popup .listen-popup-container .track-cover-holder {position:relative;}
.listen-popup .listen-popup-container .track-cover-holder .track-cover {width: 100%; height: auto;}
.listen-popup .listen-popup-container .track-cover-holder #youtube-audio {height: 0;}
.listen-popup .listen-popup-container .track-cover-holder #youtube-audio img {height: 80px; width: 80px; display: block; filter: invert(1) drop-shadow(5px 5px 5px #222222); opacity: 0.75; position: absolute; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px; cursor: pointer;}
/*.listen-popup .listen-popup-container .track-cover-holder .play-btn {background: url(/wp-content/uploads/play.png) no-repeat center center / contain; height: 80px; width: 80px; display: block; filter: invert(1) drop-shadow(5px 5px 5px #222222); opacity: 0.75; position: absolute; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px; cursor: pointer;}*/
.listen-popup .listen-popup-container .track-cover-holder .play-btn.active {background-image: url(/wp-content/uploads/pause.png);}
.listen-popup .listen-popup-container .track-cover-holder h3.track-title {position: absolute; bottom: 30px; left: 0; right: 0; font-size: 26px; font-weight: 600; color: #FFFFFF; text-transform: uppercase; margin: 0 auto; /*background: rgba(0,0,0,0.5); padding: 15px; border-radius: 5px;*/ text-align: center; text-shadow: 0px 0px 15px #000000;}
.listen-popup .listen-popup-container .listen-links-container {}
.listen-popup .listen-popup-container .listen-links-container h3 {text-align: center; text-transform: uppercase; font-size: 20px; color: #FFFFFF; letter-spacing: 0.5px;}
.listen-popup .listen-popup-container .listen-links-container ul {margin: 0; list-style: none; padding: 0 30px 30px; display: flex; flex-direction: row; flex-wrap: wrap;}
.listen-popup .listen-popup-container .listen-links-container ul li {flex: 0 0 50%; border: 1px solid #FFFFFF;}
.listen-popup .listen-popup-container .listen-links-container ul li a {display: block; padding: 15px;}
.listen-popup .listen-popup-container .listen-links-container ul li a .play-icon {background: url(/wp-content/uploads/play.png) no-repeat center center / contain; height: 25px; width: 25px; display: block; filter: invert(1); float: left;}
.listen-popup .listen-popup-container .listen-links-container ul li a .platform-logo {background: no-repeat center center / contain; height: 25px; width: auto; display: block; filter: invert(1); margin-left: 25px;}
.listen-popup .listen-popup-container .listen-links-container ul li:hover {background: #FFFFFF;}
.listen-popup .listen-popup-container .listen-links-container ul li:hover a .play-icon, .listen-popup .listen-popup-container .listen-links-container ul li:hover a .platform-logo {filter: none;}
.listen-popup .listen-popup-container .listen-links-container ul li.amazon a .platform-logo {background-image: url(/wp-content/uploads/amazon-music-logo.png);}
.listen-popup .listen-popup-container .listen-links-container ul li.apple a .platform-logo {background-image: url(/wp-content/uploads/apple-music-logo.png); height: 20px;}
.listen-popup .listen-popup-container .listen-links-container ul li.beatport a .platform-logo {background-image: url(/wp-content/uploads/beatport-logo.png);}
.listen-popup .listen-popup-container .listen-links-container ul li.spotify a .platform-logo {background-image: url(/wp-content/uploads/spotify-logo.png);}
.listen-popup .listen-popup-container .listen-links-container ul li.soundcloud a .platform-logo {background-image: url(/wp-content/uploads/soundcloud-logo.png); margin-left: 35px;}
.listen-popup .listen-popup-container .listen-links-container ul li.shazam a .platform-logo {background-image: url(/wp-content/uploads/shazam-logo.png);}
.listen-popup .listen-popup-container .listen-links-container ul li.youtube a .platform-logo {background-image: url(/wp-content/uploads/youtube-music-logo.png); margin-left: 35px;}
#masthead {background: none !important; z-index: 999999;}
#masthead .hero-bg-container {position: absolute; min-height: 860px; width: 100%; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: -999999; clip-path: inset(0);}
/*#masthead .hero-bg-container:after {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: block; content: "";}*/
#masthead .hero-bg-container img {position: absolute; top: 0px; left: 0px; min-height: 860px; width: 100%; overflow: hidden; z-index: -999999; object-fit: cover; position: fixed; animation: zoomEffect 5s infinite ease;}
#masthead .hero-container {text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100vh;}
#masthead .hero-container .hero-content #ticker-wrap {width: 100%; padding: 30px 0 80px;}
#masthead .hero-container .hero-content #ticker-wrap #ticker {height: 110px; overflow: hidden; text-align: center; font-size: 98px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; list-style: none;}
#masthead .hero-container .hero-content #ticker-wrap #ticker li {margin: 0; padding: 0 0 20px 0; height: 98px; color: #C0B9ED; line-height: normal;}
#masthead .hero-container .hero-text {font-size: 150px; color: #C0B9ED; font-weight: bold; letter-spacing: 0.5px; line-height: 1.1;}
#masthead .hero-container .hero-btn-container button {background: #C0B9ED; padding: 10px 30px; font-size: 18px; text-transform: uppercase; font-weight: 700; text-decoration: none; color: #FFFFFF; border: 3px solid #C0B9ED; letter-spacing: 1px; transition: all 0.3s ease-out; box-shadow: none; outline: none;}
#masthead .hero-container .hero-btn-container button:hover {background: #FFFFFF; color: #C0B9ED;}
#masthead .hero-container .down-arrow {width: 40px; height: 50px; background: url('http://www.sagesmusic.com/wp-content/uploads/arrow-down.png') no-repeat center / contain; transition: all 0.9s ease-out 0s; margin-top: 50px; filter: invert(76%) sepia(26%) saturate(441%) hue-rotate(207deg) brightness(97%) contrast(92%); animation: arrowEffect 1.5s infinite ease;}
#masthead .hero-container .hero-btn-container a:hover {background: #DFDFDF;}
.animatedfsmenu.inverse .animatedfsmenu-navbar-toggler .bar {background: #222222 !important;}
.animatedfsmenu.inverse span.btn-text {color: #222222 !important;}
.animatedfsmenu span.btn-text {position: fixed; top: 51px; right: 50px; display: none; font-size: 20px; color: #FFFFFF; letter-spacing: 1px;}
.animatedfsmenu span.btn-text.hide {display: none;}
.animatedfsmenu .animatedfsmenu-navbar-toggler {margin-top: 30px; margin-right: 110px; box-shadow: none !important; background: transparent !important;}
.animatedfsmenu .animatedfsmenu-navbar-toggler.open {margin-right: 30px;}
.animatedfsmenu .animatedfsmenu-navbar-toggler:hover, .animatedfsmenu .animatedfsmenu-navbar-toggler:focus {box-shadow: none !important; background: transparent !important;}
.animatedfsmenu .animatedfsmenu-navbar-toggler .bar {height: 5px !important;}
.animatedfsmenu.navbar-expand-md .navbar-collapse {flex-direction: row-reverse !important; align-items: center; justify-content: center;
}
.animatedfsmenu .animatedfs_menu_list .afsmenu {width: 450px;}
.animatedfsmenu .animatedfs_menu_list .afsmenu li {margin-bottom: 30px !important;}
.animatedfs_menu_list .afsmenu>li a {font-size: 50px !important; text-transform: uppercase !important; display: block; width: 100%; letter-spacing: 1px;}
.animatedfs_menu_list .afsmenu>li:hover a {opacity: 0.75;}
.animatedfsmenu-html-area {margin-right: 50px !important;}
.animatedfsmenu.align_left .menu-title {display: none; position: absolute; top: 48px; left: 50px; font-size: 20px; width: calc(100% - 220px); background: #222222; color: #FFFFFF; letter-spacing: 1px;}
.animatedfsmenu.align_left .menu-title:after {content: ""; position: absolute; background: #FFFFFF; height: 2px; width: 100%; top: 14px; margin-left: 15px;}
.animatedfsmenu-html-area .hover-img-container .hover-img {position: relative; width: 400px; height: 500px; background: no-repeat center / contain; transition: all 0.9s ease-out 0s;}
.animatedfsmenu-html-area .hover-img-container .hover-img:before {content: ""; position: absolute; background: url('http://www.sagesmusic.com/wp-content/uploads/dots-bg.png') no-repeat center / contain; width: 200px; height: 200px; top: -30px; left: -100px; filter: invert(1); z-index: -2;}
.animatedfsmenu-html-area .hover-img-container .hover-img:after {content: ""; position: absolute; background: linear-gradient(to right, rgba(34, 34, 34, 100%), rgba(0, 0, 0, 10%)); width: 200px; height: 200px; top: -30px; left: -100px; z-index:-1;}
.animatedfsmenu-html-area .hover-img-container .hover-img.home {background-image: url('http://www.sagesmusic.com/wp-content/uploads/menu-bg-1.jpeg');}
.animatedfsmenu-html-area .hover-img-container .hover-img.story {background-image: url('http://www.sagesmusic.com/wp-content/uploads/menu-bg-2.jpeg');}
.animatedfsmenu-html-area .hover-img-container .hover-img.music {background-image: url('http://www.sagesmusic.com/wp-content/uploads/menu-bg-3.jpeg');}
.animatedfsmenu-html-area .hover-img-container .hover-img.contact {background-image: url('http://www.sagesmusic.com/wp-content/uploads/menu-bg-4.jpeg');}
.animatedfsmenu.align_left .menu-footer {display: none; position: absolute; bottom: 30px; right: 50px; width: calc(100% - 100px);}
.animatedfsmenu.align_left .menu-footer:before {content: ""; position: absolute; background: #FFFFFF; height: 2px; width: 100%; bottom: 44px; left: 0;}
.animatedfsmenu.align_left .menu-footer .social-links {display: none; position: absolute; bottom: 0; right: 0; padding: 0; background: #222222;}
.animatedfsmenu.align_left .social-links li {display: inline-block; margin: 0 20px !important;}
.animatedfsmenu.align_left .social-links li a {display: block; width: 30px; height: 30px; background: no-repeat center / contain; transition: opacity 500 ease-in-out !important; filter: invert(1);}
.animatedfsmenu.align_left .social-links li a:hover {opacity: 0.75;}
.animatedfsmenu.align_left .social-links li a.instagram {background-image: url('http://www.sagesmusic.com/wp-content/uploads/instagram.png');}
.animatedfsmenu.align_left .social-links li a.youtube {background-image: url('http://www.sagesmusic.com/wp-content/uploads/youtube.png');}
.animatedfsmenu.align_left .social-links li a.spotify {background-image: url('http://www.sagesmusic.com/wp-content/uploads/spotify.png');}
.animatedfsmenu.align_left .social-links li a.facebook {background-image: url('http://www.sagesmusic.com/wp-content/uploads/facebook.png');}
.animatedfsmenu.align_left .social-links li a.soundcloud {background-image: url('http://www.sagesmusic.com/wp-content/uploads/soundcloud.png');}
.home.wp-custom-logo.has-header-media .custom-logo-link, .home.wp-custom-logo .custom-logo-link {top: 15px !important; transition: none !important;}
.home.wp-custom-logo.has-header-media .custom-logo-link.fixed, .home.wp-custom-logo .custom-logo-link.fixed {position: fixed; height: 50px; overflow: hidden; top: 35px !important;}
.custom-logo {padding: 15px !important;}
.home.wp-custom-logo.has-header-media .custom-logo-link.fixed .custom-logo, .home.wp-custom-logo .custom-logo-link.fixed .custom-logo {top: -95px; position: relative;}
.custom-logo-link.fixed.inverse .custom-logo {filter: invert(1);}
/* Thumb frame */
.frame-box {position: relative;}
.frame-box .line1,.frame-box .line2,.frame-box .line3,.frame-box .line4 {display:block; position:absolute; background-color:#fff; z-index:10;}
.frame-box .line1, .frame-box .line3 {width:0; height:1px;}
.frame-box .line2, .frame-box .line4 {width:1px;height:0;}
.frame-box .line1 {top:0; right:0;}
.frame-box:hover .line1{-moz-animation:animLine1 1.5s ease-out 0s infinite;-webkit-animation:animLine1 1.5s ease-out 0s infinite;-o-animation:animLine1 1.5s ease-out 0s infinite;-ms-animation:animLine1 1.5s ease-out 0s infinite;}
@-moz-keyframes animLine1{0%{width:0;left:0;} 50%{width:100%;left:0;} 100%{width:0;left:100%;}}
@-webkit-keyframes animLine1{0%{width:0;left:0;} 55%{width:100%;left:0;} 100%{width:0;left:100%;}}
@-o-keyframes animLine1{0%{width:0;left:0;} 55%{width:100%;left:0;} 100%{width:0;left:100%;} }
@-ms-keyframes animLine1{0%{width:0;left:0;} 55%{width:100%;left:0;} 100%{width:0;left:100%;}}
.frame-box .line2 { top:0; right:0;}
.frame-box:hover .line2{-moz-animation:animLine2 1.5s ease-out 0s infinite;-webkit-animation:animLine2 1.5s ease-out 0s infinite;-o-animation:animLine2 1.5s ease-out 0s infinite;-ms-animation:animLine2 1.5s ease-out 0s infinite;}
@-moz-keyframes animLine2{0%{height:100%;top:0;} 54%{height:0;top:100%;} 55%{height:0;top:0;} 100%{height:100%;top:0;}}
@-webkit-keyframes animLine2{0%{height:100%;top:0;} 54%{height:0;top:100%;} 55%{height:0;top:0;} 100%{height:100%;top:0;}}
@-o-keyframes animLine2{0%{height:100%;top:0;} 54%{height:0;top:100%;} 55%{height:0;top:0;} 100%{height:100%;top:0;}
}
@-ms-keyframes animLine2{0%{height:100%;top:0;} 54%{height:0;top:100%;} 55%{height:0;top:0;} 100%{height:100%;top:0;}}
.frame-box .line3 {bottom:0; right:0;}
.frame-box:hover .line3{-moz-animation:animLine3 1.5s ease-out 0s infinite;-webkit-animation:animLine3 1.5s ease-out 0s infinite;-o-animation:animLine3 1.5s ease-out 0s infinite;-ms-animation:animLine3 1.5s ease-out 0s infinite;}
@-moz-keyframes animLine3{0%{width:0;right:0;} 55%{width:100%;right:0;} 100%{width:0;right:100%;}}
@-webkit-keyframes animLine3{0%{width:0;right:0;} 55%{width:100%;right:0;} 100%{width:0;right:100%;}}
@-o-keyframes animLine3{0%{width:0;right:0;} 55%{width:100%;right:0;} 100%{width:0;right:100%;}}
@-ms-keyframes animLine3{0%{width:0;right:0;} 55%{width:100%;right:0;} 100%{width:0;right:100%;}}
.frame-box .line4 { bottom:0; left:0;}
.frame-box:hover .line4 {-moz-animation:animLine4 1.5s ease-out 0s infinite;-webkit-animation:animLine4 1.5s ease-out 0s infinite;-o-animation:animLine4 1.5s ease-out 0s infinite;-ms-animation:animLine4 1.5s ease-out 0s infinite;}
@-moz-keyframes animLine4{0%{height:100%;bottom:0;} 54%{height:0;bottom:100%;} 55%{height:0;bottom:0;} 100%{height:100%;bottom:0;}}
@-webkit-keyframes animLine4{0%{height:100%;bottom:0;} 54%{height:0;bottom:100%;} 55%{height:0;bottom:0;} 100%{height:100%;bottom:0;}}
@-o-keyframes animLine4{0%{height:100%;bottom:0;} 54%{height:0;bottom:100%;} 55%{height:0;bottom:0;} 100%{height:100%;bottom:0;}}
@-ms-keyframes animLine4{0%{height:100%;bottom:0;} 54%{height:0;bottom:100%;} 55%{height:0;bottom:0;} 100%{height:100%;bottom:0;}}
section {padding: 50px 0; overflow: hidden;}
section .hero-container, section .label-container, section .about-container, section .releases-container, section .event-container, section .posts-container, section .contact-container {width: 70% !important; margin: 0 auto !important;}
section .section-title {text-align: center; font-size: 60px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #FFFFFF; padding-bottom: 30px;}
section .section-link-container {text-align: center; margin: 30px;}
section.latest-releases .section-link-container {margin: 50px 0;}
section .section-link-container a {background: #FFFFFF; padding: 15px 35px !important; font-size: 18px; text-transform: uppercase; font-weight: 700; text-decoration: none; color: #222222; box-shadow: none; transition: all 0.3s ease-out; letter-spacing: 1px;}
section .section-link-container a.inverse {background: #222222; color: #FFFFFF;}
section.marquee {width: 100%; padding: 50px 0; position: relative; white-space: nowrap; display: flex; flex-direction: column; contain: layout;}
section.marquee .marquee-slider-container {position: absolute; overflow: hidden; top: 100px; left: 0; z-index: 1; contain: layout;}
section.marquee .marquee-img {background: url('http://www.sagesmusic.com/wp-content/uploads/reborn.jpeg') no-repeat center / contain; height: 500px; width: auto; transition: all 0.9s ease-out 0s;}
section.marquee .marquee-slider-container .marquee-slider {width: 100vw; transition: all .2s ease-in-out; left: 0; position: relative; display: flex; flex-direction: row; justify-content: flex-start; white-space: nowrap; animation: marquee calc(6 * 10s) linear infinite; animation-play-state: paused; contain: layout;}
section.marquee .marquee-slider-container .marquee-slider:nth-child(2) {animation: marquee-reverse calc(6 * 10s) linear infinite;}
section.marquee .marquee-slider-container .marquee-slider .m-slider {animation: marquee calc(3 * 10s) linear infinite;}
section.marquee .marquee-slider-container .marquee-slider .marquee-slider .m-slider:nth-child(2) {animation: marquee-reverse calc(3 * 10s) linear infinite;}
section.marquee .marquee-slider-container .marquee-slider .m-slider .marquee-item {display: inline-block; font-size: 100px; font-weight: bolder; -webkit-text-stroke: 2px #FFFFFF; color: transparent; margin: 15px; transition: all .2s ease-in-out; cursor: default; text-transform: uppercase; line-height: 1;}
section.marquee .marquee-slider-container .marquee-slider .m-slider .marquee-item:hover {color: #FFFFFF;}
section.about {background: url("http://www.sagesmusic.com/wp-content/uploads/story-bg-blurred.jpeg"); background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-blend-mode: multiply; background-color: #666666;}
section.about .about-container {margin: 50px auto; display: flex; flex-direction: row; align-items: center; justify-content: center;}
/*section.about .about-container .about-img {position: relative; width: 300px; height: 300px; background: url('http://www.sagesmusic.com/wp-content/uploads/reborn.jpeg') no-repeat center / contain; float: left;}*/
section.about .about-container .about-img {position: relative; width: 300px; height: 300px; background: url('http://www.sagesmusic.com/wp-content/uploads/2022/01/sages-icon.png') no-repeat center / contain; float: left; background-color: #555555; background-origin: content-box; padding: 35px;}
/*section.about .about-container .about-img:before {content: ""; position: absolute; background: url('http://www.sagesmusic.com/wp-content/uploads/dots-bg.png') no-repeat center / contain; width: 200px; height: 200px; top: -30px; left: -100px; filter: invert(1); z-index: -2;}
section.about .about-container .about-img:after {content: ""; position: absolute; background: linear-gradient(to right, rgba(34, 34, 34, 100%), rgba(0, 0, 0, 10%)); width: 200px; height: 200px; top: -30px; left: -100px; z-index:-1;}*/
section.about .about-container .about-text {display: inline-block; margin-left: 50px; float: left; width: 650px; vertical-align: top; font-size: 18px; font-weight: 300; text-align: justify;}
section.latest-releases-section {background: #555555; contain: layout; padding: 0; position: relative;}
section.latest-releases-section .section-overlay, section.latest-releases-section .section-overlay .overlay-layer {position: -webkit-sticky; position: sticky; width: calc(100vw + 4px); height: calc(100vh + 250px); top: -2px; left: -2px; z-index: 20; overflow: hidden; contain: layout; pointer-events: none; margin-top: -1px; max-width: 100vw;}
section.latest-releases-section .section-overlay .overlay-layer {transform-origin: center; transform: scale(1);}
section.latest-releases-section .section-overlay .overlay-layer svg {contain: layout; min-height: 101%; min-width: 101%; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
section.labels {padding: 50px 0 80px; background: #555555 !important;}
section.labels .label-container {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
section.labels .label-container .label {text-align: center; color: #FFFFFF; flex: 0 0 49%; letter-spacing: 1px; padding: 15px 0;}
section.labels .label-container .label h1 {background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif); background-size: cover; color: transparent; -moz-background-clip: text; -webkit-background-clip: text; text-transform: uppercase; font-size: 100px; line-height: .75; margin: 10px 0; color: transparent !important;}
section.labels .label-container .label h1.two {background-position: center;}
section.labels .label-container .label h1.three {background-image: url(https://media.giphy.com/media/2vmiW6mcYgKst3QVDK/giphy.gif); background-position: center;}
section.labels .label-container .label h1.four {background-image: url(https://media.giphy.com/media/1jkSrf7GjwFwE5MJ73/giphy.gif); background-position: center;}
section.labels .label-container .label h1.five {background-image: url(https://media.giphy.com/media/4bhs1boql4XVJgmm4H/giphy.gif); background-position: center;}
section.latest-releases {margin-top: -50vh;}
/*section.latest-releases .section-title {color: #222222;}*/
section.latest-releases .releases-container {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
section.latest-releases .releases-container .track {flex: 0 0 32%; text-align: center; color: #222222; padding: 30px; position: relative;}
section.latest-releases .releases-container .track .track-img-holder {display: block; margin-bottom: 30px; overflow: hidden; position: relative; overflow: hidden;}
section.latest-releases .releases-container .track .track-img-holder:after {
    content: ""; position: absolute; left: 0; top: 0; opacity: 0; background: rgb(0,0,0); background: rgba(0,0,0,.8); display: block; height: 100%; width: 100%; z-index: 2;}
section.latest-releases .releases-container .track:hover .track-img-holder:after {opacity:1;}
section.latest-releases .releases-container .track .track-img-holder img {max-height: 100%; height: auto; display: block; max-width: 100%; width: 100%; margin: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
section.latest-releases .releases-container .track:hover .track-img-holder img {-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);}
section.latest-releases .releases-container .track .track-title {font-size: 30px; font-weight: 700; color: #FFFFFF !important; text-transform: uppercase; letter-spacing: 2px; position: absolute; left: 0px; top: 50%; z-index: 6; width: 100%; text-align: center; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); width: 100%; padding: 12px; text-align: center; color: #fff; font-size: 1.2em; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.section.latest-releases .releases-container .track .track-title:after {display: block; width: 60px; height: 1px; background-color: #fff; content: ""; position: absolute; margin: 12px auto 0 auto;}
section.latest-releases .releases-container .track:hover .track-title {opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
section.latest-releases .releases-container .track button {background: #222222;
    padding: 5px 35px !important; font-size: 18px; text-transform: uppercase; font-weight: 700; text-decoration: none; color: #FFFFFF; box-shadow: none; transition: all 0.3s ease-out; border: 3px solid #222222; letter-spacing: 1px;}
section.latest-releases .releases-container .track button:hover {background: #FFFFFF; color: #222222;}
section.upcoming-event .event-container .event-header {text-align: center; margin-bottom: 50px;}
section.upcoming-event .event-container .event-header .event-date {font-size: 25px; color: #666666 !important; text-transform: uppercase; position: relative; margin-bottom: 0; line-height: normal; font-weight: 400;}
section.upcoming-event .event-container .event-header .event-venue {font-size: 50px; letter-spacing: 0; text-transform: uppercase; font-weight: 900; line-height: 1.5; margin: 0;}
section.upcoming-event .event-container .event-header .event-city {display: block; position: relative; /*top: -20px;*/ font-size: 14px; color: #999; font-weight: 400; margin-bottom: 0; text-align: center; text-transform: uppercase;}
section.upcoming-event .event-container #countdown {text-align: center; position: relative; margin-bottom: 30px;}
section.upcoming-event .event-container #countdown:before {content: ""; display: block; height: 75px; width: 1px; background-color: #666666; top: -50px; left: 50%; position: absolute;}
#countdown .days, #countdown .hours, #countdown .minutes, #countdown .seconds {position: relative; display: inline-block; font-size: 170px; line-height: normal; font-weight: bold; font-family: sans-serif}
#countdown .days {color: #666;}
#countdown .hours {color: #888;}
#countdown .minutes {color: #666;}
#countdown .seconds {color: #00E3FF;}
#countdown .days:before, #countdown .hours:before, #countdown .minutes:before, #countdown .seconds:before {content: ""; display: block; height: 60px; width: 1px; background-color: #444; left: 50%; bottom: 40px; position: absolute;}
#countdown .days:after, #countdown .hours:after, #countdown .minutes:after, #countdown .seconds:after {content: attr(data-label); font-size: 24px; position: relative; text-transform: uppercase; display: block; font-weight: bold; color: #444; padding-top: 50px; text-align: center;}
section.events {padding: 0 0 50px; border-bottom: 1px solid #555555;}
section.events .events-header {min-height: 300px; display: flex; align-items: center; justify-content: center; background: url(https://rascalsthemes.com/demo/spectra/demo1/wp-content/uploads/2014/09/3882975447_f4013a0404_o.jpg) no-repeat center center / cover fixed;}
section.events .events-container {margin-bottom: 80px;}
section.events .events-container #events-list {padding: 0; margin: 0; list-style: none;}
section.events .events-container #events-list li {width: 100%; padding: 0; margin: 1px 0 0 0; width: 100%; height: 300px; padding-top: 60px; padding-bottom: 50px; background-color: #191919; background-position: center top; background-size: cover; overflow: hidden; position: relative; -webkit-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); -moz-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); -ms-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); -o-transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); transition: all 300ms cubic-bezier(0.680, 0.120, 0.060, 0.835); -webkit-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835); -moz-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835); -ms-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835); -o-transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835); transition-timing-function: cubic-bezier(0.680, 0.120, 0.060, 0.835);}
section.events .events-container #events-list li:after {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; content: ""; background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 27%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(27%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 27%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 27%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 27%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 27%,rgba(0,0,0,0) 100%); z-index: 1; width: 70%; height: 100%;}
section.events .events-container #events-list li:nth-child(odd), section.events .events-container #events-list li:nth-child(odd) {background-color: #1d1d1d;}
section.events .events-container #events-list li:hover {position: relative; margin-top: -50px; width: 100%; height: 400px; z-index: 80; -moz-box-shadow: 0px 0px 40px 0px #000; -webkit-box-shadow: 0px 0px 40px 0px #000; -o-box-shadow: 0px 0px 40px 0px #000; box-shadow: 0px 0px 40px 0px #000;}
section.events .events-container #events-list li .inner {padding: 0 40px; z-index: 2; position: relative;}
section.events .events-container #events-list li .inner p {margin: 0;}
section.events .events-container #events-list li .inner .event-date {font-size: 36px; color: #00E3FF; display: block; position: relative; font-weight: bold;}
section.events .events-container #events-list li .inner h2 {font-size: 65px; margin: 0; line-height: 1.4;}
section.events .events-container #events-list li .inner h2 a {color: #FFFFFF; text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;}
section.events .events-container #events-list li .inner h2 a:hover {color: #00E3FF;}
section.events .events-container #events-list li .inner .event-location {color: #fff; text-transform: uppercase; font-size: 18px;}
section.posts {background: #121212;}
section.posts .posts-container .sp-pcp-container {margin-bottom: 80px;}
section.posts .posts-container .sp-pcp-container .sp-pcp-post .sp-pcp-post-thumb-area img {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
section.posts .posts-container .sp-pcp-container .sp-pcp-post .sp-pcp-post-thumb-area:hover img {-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);}
section.posts .posts-container .sp-pcp-container .sp-pcp-post .sp-pcp-title, section.posts .posts-container .sp-pcp-container .sp-pcp-post .sp-pcp-title a {color: #FFFFFF !important;}
section.social-links {background-color: #191919; overflow: hidden; border-top: 1px solid rgba(0,0,0,0.3); padding: 0;}
section.contact {min-height: 400px; display: flex; align-items: center; overflow: hidden; background: #555555 !important;}
section.contact .contact-container .flex-col-1-2 {width: 50%; float: left;}
section.contact .contact-container .flex-col-1-2 .section-title {text-align: left; padding-right: 125px; padding-bottom: 0; line-height: 125%;}
section.contact .contact-container .form-container {position: relative;}
section.contact .contact-container .form-container form.initial-form {position: relative; z-index: 999;}
section.contact .contact-container .form-container form select {padding: 10px; margin-top: 10px; outline: none;}
section.contact .contact-container .form-container form select:disabled {cursor: not-allowed;}
section.contact .contact-container .form-container form input[type="submit"] {background-color: #00E3FF; color: #FFFFFF; font-size: 15px; padding: 10px 25px; border: 2px solid #00E3FF; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; border-radius: 3px; font-weight: 600; box-shadow: none; outline: none; margin-top: 20px; text-transform: uppercase; letter-spacing: .5px;}
section.contact .contact-container .form-container form input[type="submit"]:disabled {background-color: #999999; cursor: not-allowed; border-color: #999999; color: #FFFFFF;}
section.contact .contact-container .form-container form input[type="submit"]:disabled:hover {background-color: #999999; color: #FFFFFF;}
section.contact .contact-container .form-container form input[type="submit"]:hover {background-color: #FFFFFF; color: #00E3FF;}

section.contact .contact-container .form-container #wpcf7-f318-o1 {opacity: 0; position: absolute; top: 0; left: 150px; transition: left 0.5s ease; z-index: 99;}
section.contact .contact-container .form-container #wpcf7-f318-o1.active {opacity: 1; left: 0;}
section.contact .contact-container .form-container #wpcf7-f318-o1 table {border-spacing: 0; margin: 0;}
section.contact .contact-container .form-container #wpcf7-f318-o1 table td {padding: 0; padding-right: 15px;}
section.contact .contact-container .form-container #wpcf7-f318-o1 table td label input, section.contact .contact-container .form-container #wpcf7-f318-o1 table td label textarea {width: 100%; padding: 10px; margin-top: 10px; line-height: 1.6; border: 1px solid #CCCCCC; color: #333333; font-size: 1em; border-radius: 3px; margin-bottom: 1.5em; outline: none;}

section.social-links .flex-col-1-3 {width: 33.33%; float: left;}
section.social-links .flex-col-1-3 a {display: block; width: 100%; height: 100%;
    line-height: 80px; text-align: center; color: #fff; border-bottom: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(0,0,0,0.3); text-decoration: none;}
section.social-links .flex-col-1-3 a span {color: #fff; display: inline-block; font-size: 24px; margin-right: 18px; position: relative; top: 5px;}
section.social-links .flex-col-1-3 a span.custom-icon {width: 24px; height: 24px; filter: invert(1); background: no-repeat center / contain;}
section.social-links .flex-col-1-3 a span.custom-icon.shazam-icon {background-image: url(/wp-content/uploads/shazam.png);}
section.social-links .flex-col-1-3 a span.custom-icon.apple-music-icon {background-image: url(/wp-content/uploads/apple-music.png);}
section.social-links .flex-col-1-3 a span.custom-icon.amazon-music-icon {background-image: url(/wp-content/uploads/amazon-music.png);}
section.social-links .flex-col-1-3 a span.custom-icon.youtube-music-icon {background-image: url(/wp-content/uploads/youtube-music.png);}
/* Special colors for hover effect */
section.social-links .social-feed:hover { background-color: orange;}
section.social-links .social-twitter:hover { background-color: #00acee;}
section.social-links .social-facebook:hover { background-color: #4267B2;}
section.social-links .social-soundcloud:hover { background-color: #ff7700;}
section.social-links .social-vimeo:hover { background-color: #86c9ef;}
section.social-links .social-youtube:hover { background-color: #c4302b;}
section.social-links .social-dribbble:hover { background-color: #ea4c89;}
section.social-links .social-flickr:hover { background-color: #ff0084;}
section.social-links .social-google-plus:hover { background-color: #dd4b39;}
section.social-links .social-delicious:hover { background-color: #07529c;}
section.social-links .social-instagram:hover { background-color: #bc2a8d;}
section.social-links .social-pinterest:hover { background-color: #cb2027;}
section.social-links .social-vk:hover { background-color: #2B587A;}
section.social-links .social-whats-app:hover { background-color: #25D366;}
section.social-links .social-mixcloud:hover { background-color: #52aad8;}
section.social-links .social-beatport:hover { background-color: #94d500;}
section.social-links .social-spotify:hover { background-color: #1DB954 }
section.social-links .social-bandcamp:hover { background-color: #629aa9 }
section.social-links .social-snapchat:hover {background-color: #fffc00; color: #000;}
section.social-links .social-snapchat:hover .icon { color: #000;}
section.social-links .social-shazam:hover { background-color: #196AFF;}
section.social-links .social-apple-music:hover { background-color: #fc3c44;}
section.social-links .social-amazon-music:hover { background-color: #00a8e1;}
section.social-links .social-youtube-music:hover { background-color: #FF0000;}

.site-info a {font-weight: normal; text-transform: none; letter-spacing: normal;}
#pcp_wrapper-231 .pcp-button-prev, #pcp_wrapper-231 .pcp-button-next {display: none;}
.single .entry-header {text-align: center;}
.single .grid {margin-top: -35vh; width: 70%;}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output {position: absolute; bottom: 76px; left: 40%;}
section.contact .contact-container .form-container form input[type="submit"] {margin-bottom: 100px;}
section.contact .contact-container .form-container form.initial-form input[type="submit"] {margin-bottom: 0px;}

@media screen and (max-width: 640px) {
    .site-header {display:block;}
    #masthead .hero-container .hero-content #ticker-wrap #ticker {height: 60px; font-size: 45px;}
    #masthead .hero-container .hero-btn-container button {font-size: 16px;}
    section .hero-container, section .label-container, section .about-container, section .releases-container, section .event-container, section .posts-container, section .contact-container {width: 80% !important;}
    section.labels .label-container .label h1 {font-size: 35px;}
    .animatedfsmenu .animatedfsmenu-navbar-toggler {margin: 10px;}
    .responsive-logo {display: none;}
    .home.wp-custom-logo.has-header-media .custom-logo-link, .home.wp-custom-logo .custom-logo-link {position: absolute; width: 100px; height: 100px; margin: 0; top: 5px !important;}
    .home.wp-custom-logo.has-header-media .custom-logo-link.fixed, .home.wp-custom-logo .custom-logo-link.fixed {top: 10px !important; left: -10px; width: 150px;}
    .animatedfsmenu .animatedfsmenu-navbar-toggler.open {margin-right: 0;}
    .animatedfsmenu.align_left .menu-title {top: 25px; left: 25px;}
    .animatedfsmenu-html-area {display: none;}
    .animatedfsmenu.navbar-expand-md .navbar-collapse {margin-top: 100px !important; align-items: flex-start; margin-left: 25px;}
    .animatedfsmenu.align_left .menu-footer {bottom: 150px; left: 0; width: 100%;}
    section .section-title, section.upcoming-event .event-container .event-header .event-venue {font-size: 30px;}
    section.about .about-container {flex-direction: column;}
    section.about .about-container .about-img {width: 200px; height: 200px;}
    section.about .about-container .about-text {width: 100%; margin: 15px 0 0;}
    #countdown .days, #countdown .hours, #countdown .minutes, #countdown .seconds {font-size: 75px;}
    section.latest-releases .releases-container {flex-direction: column;}
    section.events .events-container #events-list li .inner h2 {font-size: 30px;}
    section.events .events-header {min-height: 180px;}
    section.contact .contact-container .flex-col-1-2 {width: 100%;}
    section.contact .contact-container .flex-col-1-2 .section-title {padding: 0 0 50px; text-align: center;}
    section.contact .contact-container .form-container form select {width: 100%;}
    section.contact .contact-container .form-container #wpcf7-f318-o1 table td {display: block; padding-right: 0;}
    section.social-links .flex-col-1-3 {width: 50%;}
    .site-info .widget {padding: 5px;}
	.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output {position: absolute; bottom: 0px; left: 0;}
}