html {
  scroll-behavior: smooth;
} 

body {
     overflow-x: hidden;
     background: #061323;
     color: #FFF;
         height: auto;
     font-weight: 300;
     font-size: 16px;
     font-family: Oswald;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin: 0 
}
body.color-scheme-1, body.color-scheme-1 .preloader {
    background-color: rgb(237, 238, 240);
    color: rgb(119, 113, 113);
}
body.surge-light, body.surge-light .preloader {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}
body, input, select, textarea, p {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5 {
    font-family: Oswald, Helvetica, Arial, sans-serif;
}
.surge-light h1, .surge-light h2, .surge-light h3, .surge-light h4, .surge-light h5, .surge-light h6, .surge-light p {
    color: rgb(0, 0, 0);
}
body, input, select, textarea, p {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
#background .vc_parallax-inner {
    background-blend-mode: multiply;
}
label {
 
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
}
 .testimonials-list .quote, .ticket-feature, .ticket-item {
     position: relative 
}

 .has-bg .heading-title-2:before, .recent-posts__thumb:before {
     background-color: #fff 
}
 .testimonials-list, a.eg-grant-element-1, a.eg-grant-element-2 {
     color: #fff 
}
 .surge-light {
     font-family: Montserrat, Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 30px 
}
 
 .archive article {
     margin-bottom: 30px;
     padding-bottom: 20px;
     border-bottom: 1px dashed  #dddddd2b;
}
 .archive.post-type-archive-product article {
     border-bottom-color: transparent;
     padding: 0;
     margin: 0 
}
 .pagination {
     margin-bottom: 30px 
}
 .pagination a, .pagination span {
     display: inline-block;
     padding: 10px 5px;
     font-size: 16px 
}
 blockquote.testimonials-text {
     border: none;
     padding: 0 
}
 hr {
 
    border-top: 1px solid 
}
button, input[type="button"], input[type="reset"], input[type="submit"], .scrollup, .single-post .comment .comment-reply-link, .page .comment .comment-reply-link,   .mini-cart .cart-button .mini-cart-icon:after {
    background-color: rgb(203, 55, 66);
}
.music-side-text  {
   position: absolute;
       bottom: 20%;
    left: 50px;
}
.page:not(.home) #content {
    padding-bottom: 70px;
}
.page-template-template-homepage #content{
    padding-bottom:  0px !important;
}
.single   #content {
    padding-bottom: 70px;
}
.music-side-text .vc_column-inner {
    transform: rotate(-90deg);
    transform-origin: top left;
}
.music-side-text .vc_column-inner {
     transform: rotate(-90deg);
     transform-origin: top left;
}
.music-side-text p {
     font-weight: 100;
    font-size: 24px;
} 
 .music-side-bar {
    
        font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: lowercase;
    line-height: 1;
    
}
 .music-side-bar .bar-single-text {
    display: inline-block;
    vertical-align: middle;
     
  
}
 .music-side-bar .bar-single-text {
    display: inline-block;
    vertical-align: middle;
         letter-spacing: 7px;
    font-size: 17px;
    text-transform: uppercase;
    margin-left: -5px;
         background: rgb(203, 55, 66);
         padding: 7px;
}

 .music-side-bar .bar-text-big {
    display: inline-block;
    vertical-align: middle;
        letter-spacing: 7px;
    color: #ffffff;
     text-transform: none;
    font-size: 17px;
     color: rgb(203, 55, 66);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
 .music-side-bar .bar-text-big:after {
    content: '';
    display: inline-block;
    width: 200px;
    height: 1px;
    opacity: .5;
    background-color: rgb(203, 55, 66);
    vertical-align: middle;
    margin-left: 10px;
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
 

 .ticket-item {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: stretch;
     align-items: stretch;
     -webkit-flex: 0 1 330px;
     flex: 0 1 330px;
     text-align: center 
}
 .ticket-action {
     color: inherit;
     border: none;
     background: 0 0 
}
 .ticket-action:focus {
     outline: 0 
}
 .ticket-wrapper .ticket-item {
     margin-bottom: 0;
     padding: 2em 2.5em;
     text-align: center;
     color: #fff 
}
 .ticket-title {
     font-size: 2em;
     font-weight: 300 
}
 .ticket-wrapper .ticket-amount {
     font-size: 3em;
     font-weight: 300;
     text-align: center 
}
 .ticket-currency {
     font-size: .65em;
     vertical-align: super;
     color: #d4d4d4 
}
 .entry-bottom [class*=col-], .search-box, .search-box i, .top-area .textwidget i, .top-area [class*=col-] {
     vertical-align: middle 
}
 .ticket-period {
     font-size: .35em;
     padding: 0 0 0 .5em;
     color: #d4d4d4 
}
 .ticket-feature-details {
     text-align: center;
     align-self: center;
     font-size: .95em;
     margin: 0!important;
     list-style: none;
     color: #d4d4d4;
     font-weight: 300;
     display: inline-block 
}
 .ticket-feature-details li {
     margin-left: 0!important 
}
 .ticket-feature {
     display: flex;
     padding: 0 0 0 20px;
     line-height: 1.5;
     letter-spacing: 1px 
}
 .ticket-wrapper .ticket-feature::before {
     content: '';
     position: absolute;
     width: 10px;
     height: 12px;
     background: #1F242D;
     left: 0;
     align-self: center;
     display: flex 
}
 .ticket-wrapper .ticket-item:nth-child(1) .ticket-feature::before {
     background: #E25A77 
}
 .ticket-wrapper .ticket-item:nth-child(2) .ticket-feature::before {
     background: #E25ABC 
}
 .ticket-wrapper .ticket-item:nth-child(3) .ticket-feature::before {
     background: #7E5AE2 
}
 .ticket-wrapper .ticket-action .vc_general {
     -webkit-align-self: center;
     align-self: center;
     margin-top: auto;
     font-size: 1em;
     background-image: none!important;
     color: #fff!important;
     border: none!important;
     border-radius: 0;
     background-color: #E25A77!important;
     margin-bottom: 33px;
     -webkit-transition: background-color .3s, color .3s;
     -moz-transition: background-color .3s, color .3s;
     -o-transition: background-color .3s, color .3s;
     transition: background-color .3s, color .3s 
}
 .ticket-wrapper .ticket-item:nth-child(2) .ticket-action .vc_general {
     background: #E25ABC!important 
}
 .ticket-wrapper .ticket-item:nth-child(3) .ticket-action .vc_general {
     background: #7E5AE2!important 
}
 .ticket-wrapper .ticket-action .vc_general:hover, .ticket-wrapper .ticket-item:nth-child(2) .ticket-action .vc_general:hover, .ticket-wrapper .ticket-item:nth-child(3) .ticket-action .vc_general:hover {
     background: #1A1F28!important 
}
 .social-wrapper {
     padding-top: 0;
     z-index: 9;
     opacity: .8;
     width: 100%;
     text-align: center 
}
 .twitter-box-container #twitter-container {
     width: 75% 
}
 #twitter-container {
     margin: auto;
     float: none 
}
 .social .menu li {
     display: inline-block;
     margin-right: 5px;
     width: auto!important 
}
 .social .menu li:hover {
     -webkit-transform: translate(0, 0)!important;
     -moz-transform: translate(0, 0)!important;
     -ms-transform: translate(0, 0)!important;
     -o-transform: translate(0, 0)!important 
}
 .social .menu li:before {
     display: none 
}
 .social .menu li a {
     font-size: 0 
}
 .social .menu li a:before {
     font-size: 16px;
     display: inline-block;
     font-family: FontAwesome;
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     text-transform: none;
     line-height: 1 
}
 .social .menu li a[href*=facebook]:before {
     content: "\f09a" 
}
 .social .menu li a[href*=twitter]:before {
     content: "\f099" 
}
 .social .menu li a[href*=instagram]:before {
     content: "\f16d" 
}
 .social .menu li a[href*=youtube]:before {
     content: "\f16a" 
}
 .social .menu li a[href*="plus.google.com"]:before {
     content: "\f0d5" 
}
 .social .menu li a[href*=flickr]:before {
     content: "\f16e" 
}
 .social .menu li a[href*=dribbble]:before {
     content: "\f17d" 
}
 .social .menu li a[href*=foursquare]:before {
     content: "\f180" 
}
 .social .menu li a[href*=linkedin]:before {
     content: "\f0e1" 
}
 .social .menu li a[href*=tumblr]:before {
     content: "\f173" 
}
 .social .menu li a[href*=feed]:before {
     content: "\f09e" 
}
.menu-social-profiles-container{
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 10px;
}
 
 
 
 .home-about h2 {
     font-size: 50px 
}
 .home-about h2:nth-child(2) {
     font-size: 60px 
}
 .home-red-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
     color: #FFF;
     border-color: #cc3742;
     background-color: #cc3742;
     background-image: none ;
         border-radius: 0;
}
 .square-wrap .vc_column-inner::after, div#parallax-bg-id::after {
     background-image: url(../images/07.png);
     content: "";
     visibility: visible;
     height: 100% 
}
 .home_title, .title_content {
     color: #fff;
     text-align: center 
}
 #background .home-parallax-bg {
     width: 110%!important;
     left: -5%!important;
     top: -5%!important;
     bottom: 15px!important;
     background-position: bottom!important;
     background-blend-mode: multiply 
}
 .home-parallax-bg .vc_column_container {
     height: 100%;
     position: absolute!important 
}
 .home-parallax-bg .wpb_single_image.vc_align_center, .title_content {
     position: relative!important 
}
 .home-about .vc_parallax-inner {
     z-index: -2!important 
}
 
.home-head-subtag{
        position: relative;
     z-index: 9 !important;
}
.home-head-subtag .home-about{
            position: absolute;
    top: 100px;
    z-index: 9;
    left: -42px;
        
}
.home-head-subtag .home-about h2{
      background: rgb(203, 55, 66);
    display: inline-block;
    padding: 0px 10px 4px 10px;
   
    margin: 0;
}
 .carousel-caption .slider-caption{
         color: #fff;
     }

 .title_content h2 {
     margin: auto;
     width: 60%;
     left: 0;
     right: 0;
     top: 65%;
     display: block;
     font-family: Oswald;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 6.7em;
     line-height: .9em;
     letter-spacing: 2px 
}
 .home_title {
     font-size: 4.5em;
     text-shadow: 0 4px 6px rgba(0, 0, 0, .6);
     margin-top: -.7em;
     position: relative;
     width: 100%;
     top: 15%;
     font-family: Raleway;
     font-weight: 200 
}
.glitch.home-glitch-banner-text {
        color: rgb(255, 255, 255);
    font-size: 100px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    line-height: normal;
    font-size: 38px;
    letter-spacing: normal !important;
    align-self: center;
    text-indent: initial !important;
    font-weight: 900;
}
.glitch.home-glitch-banner-text:before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 #b3303a;
    top: 0;
    color: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0);
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse;
}
.glitch.home-glitch-banner-text:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #b3303a;
    top: 0;
    /* top: 100px; */
    color: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0);
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse;
}
.home-particle-bg{
        mix-blend-mode: lighten;
}
#p5_loading{
    display: none;
}
 .page-title, .single-page-header {
     font-weight: 400;
     letter-spacing: 5px;
     text-align: center 
}
 div#parallax-bg-id::after {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 0;
     opacity: .2 
}
 .square-wrap .vc_column-inner {
     position: relative 
}
 
 .square-wrap .vc_column-inner::after {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     z-index: -1;
     opacity: .4 
}
 .gallery-meta-desc{
     text-transform: uppercase;
}
 .single-page-header {
     margin: auto;
     font-size: 3.5em 
}
 .schedule-table {
     position: relative;
     padding-bottom: 0;
     margin-bottom: 30px;
     border-bottom: 2px solid #0a203a 
}
.schedule-box-text{
    position: relative;
}
.schedule-box-text .music-side-text {
    position: absolute;
    bottom: 0;
    left: 0;
}

.schedule-head{
        border-bottom: 1px solid #d1383c;
    display: inline-block;
    padding-bottom: 10px;
}
 .schedule-table p {
     margin-top: 10px 
}
 .schedule-table p:nth-child(2) {
     padding-top: 0;
     margin-top: 0 
}
 .schedule-table h2 {
     font-size: 18px 
}
 .surge-light .schedule-table p {
     background: #fff;
     box-shadow: .45em 0 0 #fff, -.45em 0 0 #fff 
}
 .schedule-table .schedule-time {
     background: #cb3742;
     display: inline-block;
     padding: 10px 
} 
.schedule-table .schedule-desc {
 
 
    padding: 5px 0;
    background-color: #cb3742;
    text-align: left!important;
    display: inline;
    line-height: 30px;
    box-shadow: 0.45em 0 0 #cb3742, -0.45em 0 0 #cb3742;
}
 .schedule-event-time .wpb_wrapper {
     background: 0 0 
}
 .schedule-table-container .vc_tta-tab.vc_active>a {
     background-color: #fff!important;
     color: #071225!important;
     border: none;
     border-bottom: 2px solid #fff!important 
}
 .schedule-table-container .vc_tta-tab>a {
     border-color: #e3e3e3!important;
     background-color: transparent!important;
     color: #FFF!important;
     margin: 5px 
}
 .schedule-table-container .vc_tta-tab>a:hover, .schedule-table-container.vc_tta-tab>a:focus {
     background-color: #fff!important;
     color: #071225!important 
}
 .preloader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 99999;
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
     align-items: center;
    background-color: #071324;
    color: #fff;
}
 .spinner {
     border: 1px solid transparent;
     border-radius: 5px;
     position: relative 
}
 .spinner:before {
     content: '';
     box-sizing: border-box;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 65px;
     height: 65px;
     margin-top: -10px;
     margin-left: -32.5px;
     border-radius: 50%;
         border: 2px solid #cb3742;
    border-top-color: #071324;
     animation: spinner .9s linear infinite 
}
 .color-scheme-1 .spinner:before{
    border: 2px solid rgb(233, 67, 99);
    border-top-color: rgb(237, 238, 240);
}

 .surge-light .spinner:before{
    border: 2px solid rgb(233, 67, 99);
    border-top-color: rgb(255, 255, 255);
}
 @-webkit-@keyframes spinner {
     to {
         transform: rotate(360deg) 
    }
}
 @keyframes spinner {
     to {
         transform: rotate(360deg) 
    }
}
 .header-tilte {
     background-color: #081c31;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 
 .site-header.common-header{
     height: 160px;
}
 .top-area {
     padding: 10px 0 
}
 .page-title {
     line-height: 50px;
     margin: auto 
}
 .top-area .textwidget i {
     font-size: 16px;
     margin-top: -3px;
     margin-right: 5px 
}
 .search-results article {
     margin-bottom: 30px;
     padding-bottom: 30px;
     border-bottom: 1px solid #eee 
}
 .search-box {
     display: table-cell;
     z-index: 9999 
}
 .search-box i {
     font-size: 16px;
     cursor: pointer;
     display: inline-block;
     position: relative;
     overflow: hidden;
     height: 20px;
     width: 20px;
     -moz-transition-duration: .1s;
     -webkit-transition-duration: .1s;
     -o-transition-duration: .1s;
     transition-duration: .1s 
}
 .search-box i:after, .search-box i:before {
     position: absolute 
}
 .search-box i:before {
     top: 0;
     left: 0 
}
 .search-box i:after {
     content: '\f00d';
     top: 100%;
     left: 0;
     opacity: 0;
     visibility: hidden 
}
 .search-box input[type=submit], .search-box label span {
     display: none 
}
 .search-box input[type=search] {
     position: absolute;
     width: 100%;
     z-index: 99;
     border: none;
     border-top: 3px solid transparent;
     box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
     -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2) 
}
 .search-box .search-form {
     position: absolute;
     width: 300px;
     height: 100%;
     top: 100%;
     right: 0;
     z-index: 9999;
     opacity: 0;
     visibility: hidden 
}
 .search-box .search-form:before {
     content: '';
     margin: auto;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0 
}
 .square-wrap h2 {
     margin-bottom: 20px 
}
 .square-wrap p {
     margin-bottom: 0;
     font-weight: 400 
}
 .square-wrap p:last-child {
     margin-bottom: 10px 
}
 .search-box .search-form.open {
     opacity: 1;
     visibility: visible 
}
 .search-box .search-form.open+i:before {
     top: -100%;
     opacity: 0;
     visibility: hidden 
}
 .search-box .search-form.open+i:after {
     top: 0;
     opacity: 1;
     visibility: visible 
}
 .home-menu {
     position: absolute;
     right: 0;
     left: 0;
     display: flex;
     z-index: 999 
}
 .menu-item-object-tm_mega_menu .menu a {
     display: block!important;
     padding: 15px 20px!important 
}
 .menu-item-object-tm_mega_menu .menu a:hover {
     color: #fff!important 
}
 @media only screen and (min-width:1200px) {
     .navigation>div>ul>li>a {
         padding: 40px 10px;
         font-size: 14px;
         font-weight: 700;
         letter-spacing: 1px 
    }
     #normal-menu div:nth-of-type(2)>div>ul>li:hover>ul {
         top: 35px;
         left: 0;
         opacity: 1;
         padding-top: 20px;
    }
     #normal-menu ul ul>li:hover>ul {
         left: 180px;
         top: 20px;
         opacity: 1 
    }
}
 .square-wrap div p {
     line-height: 2.2em 
}
 .square-wrap div {
     margin-left: 40px;
     margin-right: 40px;
     border-radius: 10px 
}
 .side-content .square-wrap div {
     margin-left: 20px;
     margin-right: 20px 
}
 .square-wrap {
     padding: 17.5px 
}
 .square-wrap h2 {
     margin-top: 20px;
     font-size: 16px 
}
.square-wrap .vc_column-inner{
        padding-top: 35px;
        background-color: rgb(8, 25, 44);
}
 .fs-ask-us p {
     text-align: left;
     margin-top: 22px;
     margin-left: -10px;
     font-weight: 300;
}
 .fs-ask-us .ask-us-content h2 {
     color: #FFF!important;
     background-color: #cb3742;
     text-align: left!important;
     display: inline;
     line-height: 35px;
         padding: 0 !important;
     box-shadow: .45em 0 0 #cb3742, -.45em 0 0 #cb3742;
}
 
.ask-us-info ul li{
            list-style: none;
    text-align: center;
        margin: 0 0 10px 0;
    
}
 .faq-title-content {
     text-align: center 
}
 .faq-title-contact {
     border: 1px solid #FFF;
     padding: 10px !important;
     border-radius: 2px;
     font-size: 15px;
     display: inline-block;
     margin: 0 
}
 .projnav.container{
     margin-top: 50px;
         padding-bottom: 70px;
}
 .projnav li {
     min-height: 1px;
     text-align: left;
     width: 33%;
     float: left;
     display: block;
     margin: 0;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
     -o-transition: all .2s linear;
     transition: all .2s linear 
}
 .album-cover, .projnav li h2 {
     -webkit-transition: all .3s linear;
     -moz-transition: all .3s linear;
     -o-transition: all .3s linear 
}
 .projnav li.home-link {
     text-align: center 
}
 .projnav li.next {
     text-align: right;
     float: right 
}
 .projnav li a {
     color: #cb2342 
}
 .projnav li a:hover {
     text-decoration: none 
}
 .projnav li em {
     letter-spacing: 1px;
     color: #aaa;
     font-weight: 700;
     font-size: 13px;
     font-style: normal;
     display: block 
}
 .projnav li h2 {
     clear: both;
     display: block;
     color: #cb2342;
     font-size: 18px;
     transition: all .3s linear 
}
 .artist-social {
     font-size: 14px;
     text-align: left 
}
 .copyright, .footer .social .menu, .footer-text, .scrollup, .wpcf7 .col-md-12 {
     text-align: center 
}
 .color-scheme-1 .footer  h1, .color-scheme-1 .footer  h2, .color-scheme-1 .footer  h3 {
     color: #ffffff;
}
 .artist-social-options,.radio-jockey-social-options {
     margin: 0 0 70px 
}
 .artist-social span {
     padding: 15px;
     left: 8px!important 
}
 .single-artist-content .wpb_content_element {
     margin-bottom: 0!important 
}
 .single-artist-content {
     margin: auto;
     position: relative!important 
}
 .artist-social a i {
     font-size: 15px 
}
 .artist-profile img {
     width: 400px 
}
 .effect-artist-title h2 {
     display: inline;
     position: absolute;
     z-index: 9;
     font-size: 25px;
     padding: 5px;
     background: #cb3742;
     left: 0 
}
 .artist-text p {
     line-height: 30px 
}
 .wpcf7 input, .wpcf7 select, .wpcf7 textarea, body, button, input, select, textarea {
     line-height: 1.8 
}
 .artist-head-title {
     display: inline!important;
     border-bottom: 2px solid #cb3742;
     position: relative!important 
}
 .album-cover::after, .artist-social .vc_icon_element {
     display: inline-block 
}
.artist-back,.album-back,.radio-jockey-back{
    width:40px;
}
 .album-cover {
 
     transition: all .3s linear 
}
 .album-cover-single .vc_column-inner, .album-cover::after {
     -webkit-transition: all .3s linear;
     -moz-transition: all .3s linear;
     -o-transition: all .3s linear 
}
 .album-cover::after {
     content: " ";
     position: absolute;
     width: 100%;
     height: 100%;
     margin:  auto;
     left: 0;
     right: 0;
     top: 0;
     transition: all .3s linear 
}
 .album-cover-single h2, .album-cover-title h2 {
     display: inline;
     padding: 5px;
     z-index: 9 
}
 .album-cover-title h2 {
     position: relative;
     font-size: 25px;
     background: #cb3742;
} 
.album-cover-title  {
        margin-top: 10px;
}
 .album-cover:hover::before {
     border-color: rgba(4, 4, 4, 0);
     border-width: 0 
}
 .album-cover:hover::after {
     margin: 0 auto;
     left: 0;
     right: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-image: none;
     background-color: transparent;
     border-color: transparent;
     border-width: 10px;
 
}
 .album-cover-single h2 {
     top: 9px;
     position: absolute;
     background: #ba323d;
     margin-top: 20px;
}
 .album-cover-single .vc_column-inner {
     cursor: pointer;
     position: relative;
     transition: all .3s linear 
}

 #album-visualiser .pause-button,#album-visualiser .play-button{
     display: none;
}
 #album-visualiser .pause-button.active,#album-visualiser .play-button.active,#album-visualiser .album-button-next,#album-visualiser .album-button-previous{
     display: inline-block;
     cursor: pointer;
}
 #album-visualiser .wavesurfer-audio{
     display: none;
}
.hero-visualiser-controls{
    text-align: center;
}
 .social-branding-quote-text {
     quotes: '\201c' '\201d';
     margin-top: 50px;
     position: relative;
}
 .social-branding-quote-text:before {
     content: open-quote;
     font-size: 3em;
     line-height: .1em;
     vertical-align: -.4em;
     font-family: Oswald, Helvetica, Arial, sans-serif;
     text-align: center;
     position: absolute;
     left: 0;
}
 .band-footer-counter-row{
     text-align: center;
}
 .band-footer-count{
     font-size: 55px;
}
 .band-footer-box-text{
     border: 2px solid #fff;
     display: inline-block;
     padding: 0px 15px;
     font-size: 20px;
}
 .band-footer-address{
     list-style-type: none;
     margin: 0 !important;
}
 .bottom-wrapper {
     width: 100% 
}
 .footer {
     position: relative 
}
 .footer .widget {
    border-top: none;
}
 .footer .social .menu li {
 
         margin: 0 10%;
}
 .footer .social .menu li a:before {
     font-size: 16px 
}

.shop-home .footer [class*=col-] {
     margin-bottom: 0; 
}
 .footer .widget-title {
     position: relative;
     padding-bottom: 20px;
     margin-bottom: 20px;
     font-size: 17px;
     font-weight: 700;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 1px 
}
 .footer .widget-title:after {
     content: '';
     width: 100%;
     height: 2px;
     left: 0;
     bottom: 10px;
     position: absolute 
}
 
 
 .surge-light .footer .menu li:before, .surge-light .footer h1, .surge-light .footer h2, .surge-light .footer h3, .surge-light .footer h4, .surge-light .footer h5, .surge-light .footer h6, .surge-light .footer p {
     color: #fff 
}

 .footer .textwidget img {
     margin-bottom: 6px 
}
 .footer .textwidget i {
     margin-right: 10px;
     font-size: 16px;
     width: 20px 
}
 .footer .widget_search {
     margin-top: 20px 
}
 .footer .widget_text {
     padding-right: 20px ;
         border: none;
}
 .footer .textwidget p {
     margin-bottom: .7em 
}
 .footer .social {
     margin-top: 15px 
}
.footer .container{
    position: relative;
}
footer .edit-link{
    display: none !important;
}
footer.site-footer {
    text-align: center;
}
.surge-light footer.site-footer {
    background: rgb(0, 0, 0) ;
}
 
 .copyright {
     padding: 5px 0;
     font-size: 14px;
     position: relative 
}
 .wpcf7 label {
     width: 100% 
}
 .wpcf7-textarea {
     width: 100%;
     max-width: 100%;
     height: 200px 
}
 .wpcf7 input[type=submit] {
     background-color: #cb3742;
     display: inline-block;
     margin: 15px 
}
 .surge-light .wpcf7 input[type=submit] {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: 1px solid rgb(0, 0, 0);
}
 .fs-credit h2, .fs-credit p {
     margin-bottom: 2.5rem 
}
 .number.count {
     font-size: 50px;
     letter-spacing: 1.5px;
     font-weight: 600;
     line-height: .6;
         margin-bottom: 10px;
}
 .footer-text {
     text-transform: uppercase;
     display: inline-block;
     z-index: 9;
     padding: 35px;
     margin-top: 10px;
     width: 100%;
     font-weight: 300;
     line-height: 40px 
}
.footer-text p{
    font-family: Oswald, Helvetica, Arial, sans-serif;
}
 .top-head {
     font-size: 30px;
     font-weight: 400 
}
 .surge-light .top-head {
     color: #000 
}
 .fs-reach-map div {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%) 
}
 .fs-reach-map:after {
     background: 0 0;
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     z-index: -1 
}
 .wpb_gmaps_widget .wpb_wrapper {
     padding: 0!important;
     mix-blend-mode: hard-light 
}
.google-map .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
 .surge-light .wpb_gmaps_widget .wpb_wrapper {
     padding: 0!important;
     mix-blend-mode: normal 
}
 .single-post .entry-footer {
     background-color: #f5f5f5;
     padding: 30px;
     margin-bottom: 30px 
}
 .scrollup {
     display: block;
     color: #ffffff !important;
     cursor: pointer;
     position: fixed;
     right: 30px;
     bottom: -100px;
     padding: 0;
     height: 40px;
     width: 40px;
     line-height: 40px;
     z-index: 999999;
     webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
     -moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
     -o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
     transition: all .5s cubic-bezier(.215, .61, .355, 1) 
}
 .scrollup.show {
     bottom: 25px 
}
 .entry-content ol, .entry-content ul {
     margin-bottom: 20px 
}
 .entry-content ol li, .entry-content ul li {
     margin-left: 20px 
}
 .page .entry-content ol, .page .entry-content ul {
     margin: 16px 20px 
}
 .page .entry-content ol li, .page .entry-content ul li {
     margin-left: 20px 
}
 .post-thumb {
     margin-bottom: 30px 
}
 .entry-meta {
         font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-bottom: 0.25em;
    text-transform: uppercase;
 
}
 .surge-dark .entry-meta {
 
         border-left: 4px solid #f00;
    padding-left: 5px;
     margin-bottom: 5px;
}

 .entry-footer {
    padding-top: 0;
 
}
.sticky,.tag-sticky-2{
        padding: 20px;
    background-color: #081d31;
    margin-bottom: 35px;
}
.surge-light .sticky {
 
    background-color: rgb(249, 249, 249);
 
}

.color-scheme-1 .sticky {
 
    background-color: #ffffff;
 
}
 .entry-meta span {
     margin-right: 20px 
}
 .entry-meta i {
     margin-right: 5px 
}
 .entry-meta time.published {
     display: none 
}
 .entry-meta time.published.updated {
     display: inline-block 
}
 .entry-meta .byline {
     margin-left: 10px 
}
 .post-navigation {
     margin-bottom: 30px;
     text-align: left 
}
 .post-navigation .nav-next {
     text-align: right 
}
.color-scheme-1.blog .entry-meta a.post-edit-link, .color-scheme-1.archive .entry-meta a.post-edit-link,.color-scheme-1  .search .entry-meta a.post-edit-link {
    color: #656565;
}
 .comment-reply-title,.page .comment-reply-title, .page .comments-title, .single-post .comment-reply-title, .single-post .comments-title {
     text-align: center;
     position: relative;
     margin-top: 40px;
     display: inline-block;
     font-size: 24px;
     font-weight: 700;
}
.page .comments-title{
    margin-bottom: 30px;
}
 .page .comment-reply-title:before, .page .comments-title:before, .single-post .comment-reply-title:before, .single-post .comments-title:before {
     content: '';
     width: 100%;
     height: 3px;
     position: absolute;
     bottom: 0;
     left: 0 
}
 #menuToggle, .post-thumb, sub, sup {
     position: relative 
}

 .page .comment, .single-post .comment {
     margin-bottom: 20px 
}
 .page .comment>div, .single-post .comment>div {
     background-color: #f5f5f5;
     padding: 20px;
     margin-bottom: 20px 
}
 .page .comment .comment-author, .single-post .comment .comment-author {
     float: left;
     margin-right: 20px 
}
 @media only screen and (min-width:992px) {
     .page .comment .children, .single-post .comment .children {
         margin-left: 50px 
    }
}
 .page .comment .fn, .single-post .comment .fn {
     font-style: normal;
     font-size: 16px;
}
 .page .comment-form, .single-post .comment-form {
     margin: 0 -15px;
     font-size: 0 
}
 .page .comment-form .form-submit, .page .comment-form .logged-in-as, .single-post .comment-form .form-submit, .single-post .comment-form .logged-in-as {
     padding: 0 15px;
     font-size: 13px 
}
 .page .comment-form .form-submit a, .page .comment-form .logged-in-as a, .single-post .comment-form .form-submit a, .single-post .comment-form .logged-in-as a {
     color: #999 
}
 .page .comment-form .form-submit a:hover, .page .comment-form .logged-in-as a:hover, .single-post .comment-form .form-submit a:hover, .single-post .comment-form .logged-in-as a:hover {
     color: #fff; 
}
blockquote.quetext {
       position: relative;
    border: 0;
    padding-left: 60px;
    padding-top: 0;
    margin-top: 0;
}

blockquote.quetext::after {
    content: "“";
    font-size: 105px;
    position: absolute;
    top: -10px;
    left: -15px;
    color: rgb(255, 44, 85);
    font-family: Oswald;
    line-height: 1;
}

blockquote.side-line{
    border-left: 4px solid #cb3742;
    padding-left: 10px;
}

blockquote.side-line p{
    border: none;
}


 .comment-list {
     list-style: none 
}
 .comment-list .children {
     list-style: none;
     margin: 0 
}
 .comment-form-comment textarea {
     height: 150px 
}
 .comment-form-comment input[type=submit], .comment-form-comment input[type=submit]:focus {
     display: inline-block;
     text-align: center;
     background: 0 0;
     box-shadow: none;
     border: 2px solid #000;
     padding: 11px 30px;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 1px;
     cursor: pointer 
}
 .comment-form-comment input[type=submit]:hover {
     border: 2px solid transparent 
}
 .post-navigation {
     background: 0 0 
}
 .post-navigation a {
     color: #111!important 
}
 .dates {
     position: absolute;
     background-color: #fff;
     top: 30px;
     left: 30px 
}
 .dates .month {
     padding-top: 10px 
}
 .dates .year {
     padding-bottom: 10px 
}
 .dates span {
     display: block;
     text-align: center;
     color: #fff;
     font-size: 11px;
     text-transform: uppercase;
     padding: 0 20px;
     line-height: 1 
}
 .dates .comments-counts span, .dates .date {
     font-size: 32px;
     line-height: 1 
}
 .dates .comments-counts {
     padding: 10px 12px;
     color: #111 
}
 .dates .comments-counts span {
     color: #111;
     padding: 0 
}
 .share {
     text-align: right;
     padding-top: 15px;
     font-size: 14px
}
.entry-content .share a{
    box-shadow: none;
}
 .share span {
     padding: 5px 
}
.surge-light .share-options a:link,.surge-light .share-options a:visited,
.surge-light .categories-links a:link,.surge-light .categories-links a:visited{
    color: #000000;
}
 .entry-bottom {
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
     padding: 10px 0;
     margin-bottom: 20px 
}
 .entry-bottom .share {
     padding: 0 
}
 .tagcloud a {
     font-size: 13px!important;
     padding: 5px 10px;
     margin-bottom: 10px;
     display: inline-block;
     margin-right: 5px;
     border: 1px solid #eee 
}

 .cart-button a:link, .cart-button a:link:visited,.cart-button a:visited {
     color: #fff 
}

.hidden-xs {
 
    line-height: inherit !important;
}
 .woocommerce-page ul.products li.product>.item, li.product>.item {
     padding: 0 0 10px!important 
}
 .woocommerce-loop-product__title {
     font-family: Oswald, sans-serif;
     font-weight: 400;
     font-size: 20px;
     letter-spacing: .5px;
     text-align: center;
     text-transform: uppercase;
     margin-top: 23px;
     padding: 0 
}
.woocommerce .woocommerce-breadcrumb {
    margin-top: 10px;
}
 .woocommerce ul.products li.product .price {
     margin-top: 3px;
     text-align: center;
     color: #f76e2a 
}
 .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
     font-family: Oswald, sans-serif;
     font-weight: 300;
     font-size: 12px;
     color: #666;
     text-transform: uppercase;
     background: rgb(197, 197, 197);
     padding: 14px 45px;
     margin-top: 10px;
     position: relative;
     -webkit-border-radius: 2em;
     -moz-border-radius: 2em;
     -ms-border-radius: 2em;
     -o-border-radius: 2em;
     border-radius: 2em;
     cursor: pointer;
     display: inline-block;
     transform: perspective(1px) translateZ(0);
     transition-duration: .3s;
     transition-property: color;
     vertical-align: middle;
     letter-spacing: .3px 
}
 .woocommerce ul.products li.product>.item, .woocommerce-page ul.products li.product>.item {
     padding: 30px 30px 40px;
     background: #0a203a;
     text-align: center;
	 display: inline-block;
     width: 100%;
     -webkit-border-radius: 0;
     -webkit-background-clip: padding-box;
     -moz-border-radius: 0;
     -moz-background-clip: padding;
     border-radius: 0;
     background-clip: padding-box;
     transition: all .3s ease 
}
 .woocommerce ul.products li.product .onsale {
     top: 50px;
     left: 30px;
     right: auto 
}
 .woocommerce span.onsale {
     border-radius: 0;
     background: rgb(203, 55, 66);
     padding: 0 20px 0 15px 
}
 .surge-light.woocommerce ul.products li.product>.item, .surge-light.woocommerce-page ul.products li.product>.item {
     background: #efefef 
}
 .surge-light.woocommerce span.onsale {
     background-color: #09f 
}
 .woocommerce ul.products li.product a {
     text-decoration: none;
     color: #535965 
} 
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
     position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.woocommerce nav.woocommerce-pagination {
    margin: 50px;
}
 .woocommerce form table.shop_table tbody tr.cart_item td {
     text-align: center;
     padding: 29px 20px;
     border-top: 1px solid #0e325d;
     border-bottom: none;
     border-right: none;
     border-left: none 
}
 .woocommerce form table.shop_table tbody tr td.actions {
         padding: 29px 20px;
     border-top: 1px solid #0e325d;
     border-bottom: 1px solid #0e325d;
     border-left: none;
     border-right: none 
}
 
 .woocommerce form table.shop_table tbody tr td.actions .coupon input.input-text {
     margin: 0 10px 0 0;
     width: 270px!important;
     border: none;
     height: 40px;
     padding: 11px 15px 
}
.color-scheme-1 .woocommerce form table.shop_table tbody tr td.actions .coupon input.input-text {
        border: 1px solid #d3ced2;
}
 #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
     border-top: 1px solid #0e325d 
}
 .woocommerce-error, .woocommerce-info, .woocommerce-message {
     color: #fff;
     background-color: #0a203a 
}
 .woocommerce table.shop_table {
     border: 1px solid rgba(10, 32, 58, .61) 
}
 .woocommerce table.shop_table tbody th, .woocommerce table.shop_table td, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
     border-top: 1px solid rgba(10, 32, 58, .61) 
}
 .woocommerce-customer-details address {
     border: 1px solid rgba(10, 32, 58, .61)!important 
}
 .payment_method_bacs p {
     color: #fff 
}
 .woocommerce div.product form.cart div.quantity {
     margin: 10px 4px 0 0 
}
 .surge-light .woocommerce-error, ..color-scheme-1 .woocommerce-error, .surge-light .woocommerce-info, ..color-scheme-1 .woocommerce-info, .surge-light .woocommerce-message, .color-scheme-1 .woocommerce-message {
     background-color: #f7f6f7;
     color: #515151 
}
 .surge-light .select2-container--default .select2-selection--single, .color-scheme-1 .select2-container--default .select2-selection--single, .surge-light .select2-dropdown , .color-scheme-1 .select2-dropdown {
     background-color: #fff;
     border: 1px solid #aaa 
}
 .surge-light .woocommerce-error, .color-scheme-1 .woocommerce-error, .surge-light .woocommerce-info, .color-scheme-1 .woocommerce-info, .surge-light .woocommerce-message , .color-scheme-1 .woocommerce-message {
     color: rgb(255, 255, 255);
     background-color: rgba(27, 27, 27, 0.76);
}
 .surge-light.woocommerce ul.products li.product>.item, .color-scheme-1.woocommerce ul.products li.product>.item, .surge-light.woocommerce-page ul.products li.product>.item, .color-scheme-1.woocommerce-page ul.products li.product>.item {
     background: rgb(239, 239, 239);
} 

.color-scheme-1.woocommerce ul.products li.product>.item,
 .color-scheme-1.woocommerce ul.products li.product>.item, 
 .color-scheme-1.woocommerce-page ul.products li.product>.item, 
 .color-scheme-1.woocommerce-page ul.products li.product>.item {
     background: rgb(255, 252, 252);
}

.color-scheme-1.woocommerce .item-cart {
 
    color: #e94363;
}

 .woocommerce.surge-light a.button.add_to_cart_button.product_type_simple:after , .woocommerce.color-scheme-1 a.button.add_to_cart_button.product_type_simple:after {
     content: "\f07a";
     color: #ffffff;
}
 
 .surge-light input:focus, .color-scheme-1 input:focus, .surge-light textarea:focus, .color-scheme-1 textarea:focus,.color-scheme-1 textarea,.surge-light textarea{
     background-color: transparent !important;
}

.surge-light.woocommerce ul.products li.product .title-description a,
.color-scheme-1.woocommerce ul.products li.product .title-description a{
	color:#535965;
}


.surge-light  ul.products li.product .title-description a,
.color-scheme-1  ul.products li.product .title-description a{
	color:#535965;
}
 
 .surge-light #add_payment_method #payment, .color-scheme-1 #add_payment_method #payment, .surge-light .woocommerce-cart #payment, .color-scheme-1 .woocommerce-cart #payment, .surge-light .woocommerce-checkout #payment, .color-scheme-1 .woocommerce-checkout #payment {
     background: #ece9eb;
     border-radius: 5px;
     margin-bottom: 70px;
}
 .title-description{
     float: left;
     margin-left: 10px;
     margin-right: 10px;
	     text-align: left;
}
 .woocommerce ul.products li.product .price {
     float: right;
     margin-right: 10px;
}
 .woocommerce-page .site-main{
     z-index: 9;
     position: relative;
}
 .woocommerce .item-cart a.button {
     font-size: 0;
     padding: 0;
     margin: 0;
     float: right;
     margin-right: 14px;
     margin-bottom: 10px;
     margin-top: 6px;
}
 .woocommerce-loop-product__title {
     text-align: left;
     padding-left: 10px !important;
}
h4.price {
 
    padding:  0;
}

 .woocommerce .item-cart{
     position: absolute;
 
     top:0;
	     right: 0;
    z-index: 99999;
    color: #cb3742;
}
.surge-light .woocommerce .item-cart {
  
    color: #e94363;
}
 .woocommerce a.button.add_to_cart_button.product_type_simple:after {
         content: "\f07a";
    color: #ffffff;
    position: absolute;
    font-family: FontAwesome;
    font-size: 20px;
    right: -5px;
    top: 10px;
    background: #cb3742;
    padding: 5px;
}
 .surge-light .woocommerce-header .site-main{
     background: rgba(0, 0, 0, 0);
     min-height: auto;
}
 .surge-light .woocommerce-header .content-area {
     background: rgba(0, 0, 0, 0);
}
 .surge-light .woocommerce-header .content-area {
     padding-top: 0;
}
 .shop-home .woocommerce ul.products li.product>.item,.shop-home .woocommerce-page ul.products li.product>.item {
     background: #ffffff;
}
 .woocommerce .col-1 ,.woocommerce .col-2 {
     max-width: 100%;
}
 .image-wrapper-loop{
     position: relative;
}
 .product-grid-overlay li .product-overlay {
     background: rgba(0,0,0,.44);
}
 .product-grid-overlay li:hover .product-overlay, .product-grid-overlay li:hover .product-second-thumbnail {
     opacity: 1;
}
 .product-grid-overlay li .product-overlay {
     position: absolute;
     display: flex;
     z-index: 5;
     width: 100%;
     height: 100%;
     -webkit-transition: all .3s cubic-bezier(0.694,.0482,.335,1);
     transition: all .3s cubic-bezier(0.694,.0482,.335,1);
     top: 0;
     left: 0;
     opacity: 0;
}
 .product-overlay-icon{
     color: #fff;
     margin: auto;
     align-self: center 
}
 .title-description a{
     font-size: 12px;
}
 .shop-home a.button.add_to_cart_button.product_type_simple:after {
     content: "\f07a";
     color: #ffffff;
}
    .shop-footer p{
         color: rgb(102, 102, 102);
    }
 input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
     display: inline-block;
     padding: 0.4615384615em 0.5384615385em;
     vertical-align: top;
     width: 100%;
     max-width: 100% 
}
 textarea {
     resize: vertical 
}
 input, select, textarea {
     box-shadow: none;
     color: #222;
     padding: 10px;
     width: 100% 
}
 input:focus, textarea:focus {
     outline: 0;
     background-color: #f5f5f5 
}
 input[type=checkbox], input[type=image], input[type=radio] {
     width: auto 
}
 button, input[type=button], input[type=reset], input[type=submit] {
     background-color: #333;
     border: none;
     color: #fff;
     cursor: pointer;
     padding: 0 24px;
     width: auto;
     text-transform: uppercase 
}
 .button:hover, button:hover, input:hover[type=button], input:hover[type=reset], input:hover[type=submit] {
     background-color: #1b273d;
     color: #fff 
}
 cite, dfn, em, i {
     font-style: italic 
}
 blockquote {
         margin: 0 1.5em 0 0;
 
     font-weight: 600;
    font-style: italic;
    line-height: 1.7;
}
 blockquote p{
     color: rgb(162, 162, 162);
    border-left: 2px solid rgb(162, 162, 162);
    padding-left: 5px;
   
}
blockquote.quetext p {
    border: none;
}
code {
 
     color: #ffffff;  
 
}
.color-scheme-1 code {
    color: #545454;
}
 address {
     margin: 0 0 1.5em 
}
 pre {
         background: #081d31;
     font-family: "Courier 10 Pitch", Courier, monospace;
     font-size: 15px;
     line-height: 1.6;
     margin-bottom: 1.6em;
     max-width: 100%;
     overflow: auto;
     padding: 1.6em;
     color: #fff;
}
.surge-light pre {
    background: rgb(49, 49, 49);
}
.color-scheme-1 pre {
    background: rgb(49, 49, 49);
}

 code, kbd, tt, var {
     font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace 
}
 small, sub, sup {
     font-size: 75% 
}
 .surge-light .conference-about-desc p, .surge-light .conference-counter-head, .surge-light .conference-founder-details h4, .surge-light .conference-head-caption, .surge-light .conference-home-subtext, .surge-light .conference-pageable-content p, .surge-light .conference-quote-content h2, .surge-light .conference-schedule-box p, .surge-light .conference-title-caption, .surge-light .speaker-desc p {
     font-family: 'Libre Baskerville', serif 
}
 abbr, acronym {
     border-bottom: 1px dotted #666;
     cursor: help 
}
 ins, mark {
     background: #22262a;
     text-decoration: none 
}
.surge-light ins,  .surge-light mark {
    background: rgb(212, 212, 212);
    text-decoration: none;
}
kbd {
   
    background-color: transparent;
}
 sub, sup {
     height: 0;
     line-height: 0;
     vertical-align: baseline 
}
 sup {
     bottom: 1ex 
}
 sub {
     top: .5ex 
}
 big {
     font-size: 125% 
}
 h1, h2, h3, h4, h5, h6 {
     margin-bottom: .5em;
     line-height: 1.2 
}
 p {
     margin-bottom: 1em; 
}
 input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
     color: #999;
     font-size: 15px;
     border: none;
     background-color: #f7f7f7 
}
 .surge-light input[type=color], .surge-light input[type=date], .surge-light input[type=datetime-local], .surge-light input[type=datetime], .surge-light input[type=email], .surge-light input[type=month], .surge-light input[type=number], .surge-light input[type=password], .surge-light input[type=search], .surge-light input[type=tel], .surge-light input[type=text], .surge-light input[type=time], .surge-light input[type=url], .surge-light input[type=week], .surge-light .comment-form input[type="text"], .surge-light select, .surge-light textarea, .color-scheme-1 input[type=color], .color-scheme-1 input[type=date], .color-scheme-1 input[type=datetime-local], .color-scheme-1 input[type=datetime], .color-scheme-1 input[type=email], .color-scheme-1 input[type=month], .color-scheme-1 input[type=number], .color-scheme-1 input[type=password], .color-scheme-1 input[type=search], .color-scheme-1 input[type=tel], .color-scheme-1 input[type=text], .color-scheme-1 input[type=time], .color-scheme-1 input[type=url], .color-scheme-1 input[type=week], .color-scheme-1 .comment-form input[type="text"], .color-scheme-1 select, .color-scheme-1 textarea{
     color: #999;
     border: 1px solid #bbb;
     background-color: transparent;
     border-radius: 0 
}
.form-submit {
    text-align: right;
}
.comment-form-comment{
        margin-bottom: 28px;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
     color: #999!important 
}
 input::-moz-placeholder, textarea::-moz-placeholder {
     color: #999!important 
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
     color: #999!important 
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
     color: #999!important 
}
 button, input[type=button], input[type=reset], input[type=submit] {
     font-size: 13px;
     font-weight: 600;
     letter-spacing: .1em 
}
 #normal-menu div:nth-of-type(2)>div>ul>li>a, .menu-list li>a {
     text-transform: uppercase;
     letter-spacing: 1px;
     text-decoration: none 
}
 #menuToggle {
     -webkit-user-select: none;
     display: block;
     float: right;
     padding-right: 50px;
     right: 0;
     top: 50px;
     user-select: none;
     width: 100%;
     z-index: 1 
}
 #menuToggle input {
     -webkit-touch-callout: none;
     cursor: pointer;
     display: block;
     height: 32px;
     left: -5px;
     opacity: 0;
     position: absolute;
     top: -7px;
     width: 40px;
     z-index: 2 
}
 .menu-toogle-wrapper span {
     background: #ffffff;
     border-radius: 3px;
     display: block;
     height: 2px;
     margin-bottom: 7px;
     position: relative;
     transform-origin: 4px 0;
     transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;
     width: 33px;
     z-index: 1 
}
 .menu-toogle-wrapper span:first-child {
     transform-origin: 0 0 
}
 .menu-toogle-wrapper span:nth-last-child(2) {
     transform-origin: 0 100% 
}
 .menu-toogle-wrapper.close span {
     opacity: 1;
     transform: rotate(45deg) translate(-2px, -19px) 
}
 .menu-toogle-wrapper.close span:nth-last-child(3) {
     opacity: 0;
     transform: rotate(0) scale(.2, .2) 
}
 .menu-toogle-wrapper.close span:nth-last-child(2) {
     transform: rotate(-45deg) translate(0, 19px) 
}
 .navigation-wrapper div:nth-of-type(2)>div>ul.active {
     transform: none 
}
 .menu-toogle-wrapper {
     float: right;
     z-index: 9999;
     position: fixed;
     top: 62px;
     right: 50px;
} 
.menu-logo-wrapper {
     float: left;
     z-index: 9999;
     position: fixed;
     top: 55px;
     left: 50px;
}
.menu-logo-wrapper .menu-logo {
    width: 65px;
}
 .navigation-wrapper {
     height: 100%;
     position: fixed;
     width: 100%;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out 
}
 .navigation-wrapper.active {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out 
}
 #normal-menu, #normal-menu #menu-button, #normal-menu ul, #normal-menu ul li, #normal-menu ul li a {
     display: block;
     position: relative;
     box-sizing: border-box;
     float: right;
     margin: 0;
     padding: 0;
     border-width: 0;
     border-style: initial;
     border-color: initial;
     border-image: initial;
     list-style: none 
}
 #normal-menu div:nth-of-type(2)>div>ul:after, #normal-menu:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0 
}
 #normal-menu div:nth-of-type(2)>div>ul>li.menu-item-has-children>a:after, #normal-menu div:nth-of-type(2)>div>ul>li>ul>li.menu-item-has-children>a:after {
     color: #fff!important;
     margin-top: 15px;
     position: relative;
     right: -10px;
     font-family: dashicons;
     content: "\f132";
     font-size: 12px;
     opacity: 0;
} 

#normal-menu div:nth-of-type(2)>div>ul>li.page_item_has_children>a:after, #normal-menu div:nth-of-type(2)>div>ul>li>ul>li.page_item_has_children>a:after {
     color: #fff!important;
     margin-top: 15px;
     position: relative;
     right: -10px;
     font-family: dashicons;
     content: "\f132";
     font-size: 12px ;
         pointer-events:none;
}
 #normal-menu #menu-button {
     display: none 
}
 #normal-menu {
     width: auto;
     z-index: 99 
}
 #normal-menu.align-right div:nth-of-type(2)>div>ul>li {
     float: right 
}
 #normal-menu div:nth-of-type(2)>div>ul>li {
     float: left;
     display: inline-block 
}
 #normal-menu.align-center div:nth-of-type(2)>div>ul {
     float: none;
     text-align: center 
}
 #normal-menu.align-center div:nth-of-type(2)>div>ul>li {
     float: none 
}
 #normal-menu.align-center ul ul {
     text-align: left 
}
 #normal-menu div:nth-of-type(2)>div>ul>li>a {
     font-size: 12px;
     font-weight: 700;
     color: #ffffff;
     padding: 17px 17px 17px 
} 

 #normal-menu div:nth-of-type(2)>div>ul>li.has-sub>a {
     padding-right: 45px 
}
 #normal-menu div:nth-of-type(2)>div>ul>li.has-sub>a::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border: 6px solid transparent;
     border-top-color: #d3eced;
     right: 17px;
     top: 22px 
}
 #normal-menu div:nth-of-type(2)>div>ul>li.has-sub.active>a::after, #normal-menu div:nth-of-type(2)>div>ul>li.has-sub:hover>a {
     border-top-color: #fff 
}
 #normal-menu ul ul {
     z-index: 999;
     position: absolute;
     left: -9999px;
     top: 60px;
     padding-top: 6px;
     opacity: 0;
     -webkit-transition: top .2s ease, opacity .2s ease-in;
     -moz-transition: top .2s ease, opacity .2s ease-in;
     -ms-transition: top .2s ease, opacity .2s ease-in;
     -o-transition: top .2s ease, opacity .2s ease-in;
     transition: top .2s ease, opacity .2s ease-in 
}
 #normal-menu.align-right ul ul {
     text-align: right 
}
 .surge-light #normal-menu div:nth-of-type(2)>div>ul>li>ul::after {
     border-bottom-color: rgb(27, 27, 27);
}
 #normal-menu.align-right div:nth-of-type(2)>div>ul>li>ul::after {
     left: auto;
     right: 20px 
}
 #normal-menu.align-right ul ul ul::after {
     border-right-color: transparent;
     border-left-color: #fff;
     left: auto;
     right: -4px 
}
 #normal-menu div:nth-of-type(2)>div>ul>li>ul {
     top: 120px 
}
 #normal-menu.align-right div:nth-of-type(2)>div>ul>li:hover>ul {
     left: auto;
     right: 0 
}
 #normal-menu ul ul ul {
     padding-top: 0;
     padding-left: 6px 
}
 #normal-menu.align-right ul ul ul {
     padding-right: 6px 
}
 #normal-menu.align-right ul ul>li:hover>ul {
     left: auto;
     right: 100%;
     opacity: 1 
}
 #normal-menu ul ul li a {
     text-decoration: none;
     font-weight: 400;
     padding:15px 25px;
     width: 250px;
     color: #fff;
     background: rgb(10, 32, 58);
     border-left: 1px solid rgb(11, 46, 78);
 
}

 .color-scheme-1 #normal-menu ul ul li a,.color-scheme-2 #normal-menu ul ul li a  {
     color: rgb(119, 113, 113);
}
 
 #normal-menu ul ul li:first-child>a {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px 
}
 #normal-menu ul ul li:last-child>a {
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px 
}
 #normal-menu ul ul li.has-sub>a::after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border: 4px solid transparent;
     border-left-color: #777;
     right: 17px;
     top: 14px 
}
 #normal-menu.align-right ul ul li.has-sub>a::after {
     border-left-color: transparent;
     border-right-color: #777;
     right: auto;
     left: 17px 
}
 #normal-menu ul ul li.has-sub.active>a::after, #normal-menu ul ul li.has-sub:hover>a::after {
     border-left-color: #333 
}
 #normal-menu.align-right ul ul li.has-sub.active>a::after, #normal-menu.align-right ul ul li.has-sub:hover>a::after {
     border-right-color: #333;
     border-left-color: transparent 
}
 .menu-menu-1-container {
     display: inline-block;
     width: 100% 
}
 .classic-menu .menu-wrapper {
    width: 82%;
    align-self: center;
    margin-left: 2%;
    display: inline-block;
    float: left;
}
 .classic-menu.sticky {
     padding: 0;
     display: flex;
     position: fixed;
     align-self: center;
     height: 75px;
     background: rgb(10, 32, 58);
     width: 100%;
     max-width: 100%;
     right: 0;
     top: 0;
     z-index: 999999;
}
 .classic-menu.sticky .container{
     max-width: 100%;
}
 .surge-light .classic-menu.sticky {
     background: rgb(27, 27, 27);
}
 .classic-menu.sticky .container{
     align-self: center;
         display: flex;
}
 .classic-menu.sticky .menu-logo img {
     width: 50px;
     margin-left: 50px;
}
 .classic-menu.sticky .menu {
     margin-right: 50px !important;
}
 .menu-logo {
     width: 16%;
     min-height: 20px;
     float: left;
     display: inline-block;
     align-self: center 
}
 .menu-logo img {
     width: 100px 
}
 .menu.credits-social {
     list-style: none;
     text-align: center;
     margin-top: 91px;
     float: right 
}
 .menu.credits-social li a {
     display: block;
     outline: 0;
     text-decoration: none;
     top: 50%;
     color: #840528;
     color: rgba(255, 255, 255, .6);
     font-size: 13px;
     background: #061323;
     text-align: center;
     border-radius: 2px;
     padding: 7px 
}
 .menu.credits-social li {
     width: 50px;
     line-height: 0;
     display: inline-block;
     bottom: 0 
}
 .classic-menu {
     padding-top: 50px;
     padding-bottom: 50px;
     display: flex 
}

 #primary-menu {
     background-color: transparent;
     -webkit-transition: background-color 1s linear;
     -moz-transition: background-color 1s linear;
     -o-transition: background-color 1s linear;
     -ms-transition: background-color 1s linear;
     transition: background-color 1s linear 
}
 #primary-menu.open, #primary-menu.open ul:first-child {
     background: rgba(6, 19, 35, 0.87);
     height: 100%;
     position: fixed;
     width: 100%;
     margin: 0;
     left: 0;
     top: 0;
     z-index: 999;
     overflow: auto;
     -webkit-transition: background-color 1s linear;
     -moz-transition: background-color 1s linear;
     -o-transition: background-color 1s linear;
     -ms-transition: background-color 1s linear;
     transition: background-color .5s linear 
}
  #primary-menu .dropdown-toggle::after {
    display: inline;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
 
    border-left: .3em solid rgba(0, 0, 0, 0);
    font-family: dashicons;
    content: "\f132";
    font-size: 12px;
    border: none;
     }
 .color-scheme-1 #primary-menu.open ul:first-child {
     background: rgba(216, 99, 111, 0.72);
     height: 100%;
}
 .color-scheme-1 #primary-menu.open,.color-scheme-1 #primary-menu.open ul:first-child ,.color-scheme-2 #primary-menu.open,.color-scheme-2 #primary-menu.open ul:first-child {
     background: rgba(237, 238, 240, 0.96);
     height: 100%;
}
 .menu-list.open {
     display: block;
     visibility: visible 
}
 .menu-list ul li.has-sub>a::after, .menu-list>li.has-sub>a::after, .normal-scroll .credits-social, .page-logo {
     display: none 
}
 .menu-list, .play-list {
     visibility: hidden 
}
 .menu-list.align-right div:nth-of-type(2)>div>ul {
     float: none 
}
 .menu-list.align-center div:nth-of-type(2)>div>ul {
     text-align: left 
}
 .menu-list>li:first-child {
     margin-top: 120px 
}
 .menu-list:first-child>li>a {
     padding: 18px 25px;
     border-right: 0;
     border-color: #ffffff;
     border-bottom: 2px solid;
     display: inline-block;
}
 .menu-list li>a {
     font-size: 28px;
     font-weight: 700;
     color: #ffffff;
     padding: 18px 25px 21px 
}
 .surge-light .menu-list li>a {
     color: #fff 
}
 .menu-toogle-wrapper.close {
     opacity: 1;
}
 .menu-list>li>ul {
     width: 100% 
}
 .menu-list ul li a {
     padding-left: 35px 
}
 .menu-list ul ul li a {
     padding-left: 45px 
}
 .menu-list ul li:first-child>a, .menu-list ul li:last-child>a {
     border-radius: 0 
}
 .menu-list ul {
     z-index: 999;
     position: absolute;
     left: -9999px;
     top: 60px;
     padding-top: 6px;
     font-size: 13px;
     opacity: 0;
     display: none;
     -webkit-transition: top .2s ease, opacity .2s ease-in;
     -moz-transition: top .2s ease, opacity .2s ease-in;
     -ms-transition: top .2s ease, opacity .2s ease-in;
     -o-transition: top .2s ease, opacity .2s ease-in;
     transition: top .2s ease, opacity .2s ease-in 
}
 .menu-list, .menu-list li, .menu-list li a {
     line-height: normal;
     display: block;
     position: relative;
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     border-width: 0;
     border-style: initial;
     border-color: initial;
     border-image: initial;
     list-style: none;
     float: none 
}
 

 .menu-list li, .menu-list>li {
     float: none;
     display: block;
     text-align: center 
}
 .menu-list li.active-sub-menu>ul, .menu-list li.active-sub-menu>ul>li.active-inside-sub-menu>ul {
     right: auto;
     top: auto;
     opacity: 1;
     padding: 0;
     text-align: left;
     position: relative;
     width: 100%;
     left: 0;
     margin: auto;
}
 .menu-list li.active-sub-menu>ul {
     display: inherit 
}
 .menu-list li.active-sub-menu>ul li>ul {
     display: inherit 
}
 .menu-list ul li {
     width: 100%;
     text-align: center 
}
 .menu-list ul li a {
     width: 100%;
     box-shadow: none;
     text-decoration: none;
     font-weight: 400;
     padding: 20px 25px;
     color: #fff;
    /* background: #0a203a;
    */
     border-bottom: 1px solid #fff0a 
}
 
 .color-scheme-1 .menu-list li.menu-item-has-children>a:after {
     color: rgb(216, 88, 101) !important;
}
 .color-scheme-1 .classic-menu.sticky {
     background: rgb(193, 85, 97);
}
 .social-menu .menu li {
     list-style: none 
}
 .music-box-play-list ol, .play-list ol {
     list-style: decimal-leading-zero inside 
}
 .social-menu li a {
     font-size: 0 
}
 .social-menu li a:before {
     font-size: 16px;
     display: inline-block 
}
 @media (max-width:991px) {
     .widget_meta li {
         border-bottom: none!important 
    }
     .sidebar {
         text-align: center 
    }
     form {
         margin-top: 2.5rem 
    }
}
 .vc_grid img {
     width: 100% 
}
 .post-thumbnail {
     margin-bottom: 1em;
 
}
 .archive .hentry {
     max-width: 1170px;
     margin: 0 auto 30px 
}
 .archive .hentry:after, .archive .hentry:before {
     content: " ";
     display: table 
}
 .archive .hentry:after {
     clear: both 
}
 .sponsor-section img {
     width: 110px 
}
 #sponsor-section::after {
     background-image: url(../images/07.png);
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     opacity: .2;
     content: "";
     visibility: visible 
}
.music-sponsor  .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    background-color: rgba(8, 25, 44, 0.63) !important;
 
}
.music-sponsor  .wpb_single_image img {
 
    opacity: .8;
}
 .carousel-control-next {
     right: 0 
}
 .carousel-control-next, .carousel-control-prev {
     position: absolute;
     top: 0;
     bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 15%;
     color: #fff;
     text-align: center;
     opacity: .5 
}
 .carousel-control-next-icon, .carousel-control-prev-icon {
     display: inline-block;
     width: 20px;
     height: 20px;
     background: center center no-repeat;
     background-size: 100% 100%;
     font-size: 25px 
}
a:link.carousel-control-next  ,a:link.carousel-control-prev {
    color: #ffffff;
}
 .about-text p, .about-text-desc p {
     font-size: 17px;
     text-align: center 
}
 .carousel-item {
     height: 100%;
     min-height: 300px;
     background: center center no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover 
}
 .fs-slider-full-screen .vc_column_container {
     position: absolute!important;
     height: 100%;
     top: 0 
}
 .fs-slider-full-screen .wpb_wrapper {
     position: absolute;
     width: 100%;
     height: 100% 
}
 .fs-slider-full-screen .carousel.slide {
     height: 100%;
     width: 100% 
}
 .fs-slider-full-screen .carousel-inner {
     height: 100% 
}
 .carousel-fade .carousel-inner .item {
     -webkit-transition-property: opacity;
     transition-property: opacity 
}
 .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .item {
     opacity: 0 
}
 .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
     display: flex 
}
 .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
     opacity: 1 
}
 .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev {
     left: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .carousel-fade .carousel-control {
     z-index: 2 
}
 .carousel, .carousel-inner, .carousel-inner .item {
     height: 100% 
}
 .item:nth-child(1) {
     background: #74C390 
}
 .item:nth-child(2) {
     background: #51BCE8 
}
 .item:nth-child(3) {
     background: #E46653 
}
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     border: 0 
}
 .carousel-caption {
     position: static!important;
     padding-top: 100px 
}
 .about-text-desc p {
     font-weight: 100 
}
 .schedule-note p {
     text-align: center;
     font-size: 13px 
}
 .schedule-note h2, .schedule-note h3, .schedule-note p {
     text-align: center;
     margin: 15px 0 
}
 .schedule-note h2 {
     font-weight: 700;
} .schedule-note .vc_column-inner {
    border-radius: 0 !important;
    border: 1px solid rgb(222, 222, 222);
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1);
}

.event-info-bar .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 55px;
}

 .conference-quote-box .vc_column-inner {
     padding: 10px!important 
}
 .conference-quote-content {
     min-height: 200px;
     mix-blend-mode: screen;
     cursor: pointer;
     -webkit-transition: all .3s linear;
     -moz-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear 
}
 .conference-quote-content:hover {
     opacity: 0 
}
 .surge-light .conference-quote-content h2 {
     font-style: italic 
}
 .surge-light .section-heading {
     font-weight: 700;
     letter-spacing: 1px;
     font-size: 43px;
}
 .surge-light .conference-head-caption {
     margin-bottom: 5px;
     font-style: italic 
}
 .conference-line, .conference-title-line {
     width: 100px!important;
     background: #09f 
}
 .conference-line {
     width: 100px!important;
     background: #000000;
     height: 1px 
}
 .conference-line-blue {
     width: 100px!important;
     background: #3098fb;
     height: 3px 
}
 .conference-title-line:after {
     content: "";
     position: relative;
     background: #ff1170;
     top: 0;
     height: 2px;
     width: 300px!important 
}
 .conference-line.vc_separator .vc_sep_holder .vc_sep_line, .conference-title-line.vc_separator .vc_sep_holder .vc_sep_line {
     border: none 
}
 .conference-title-line {
     width: 250px!important 
}
 .testimonial-box p {
     margin-bottom: 0 
}
 .testimonial-box .vc_column-inner {
     cursor: pointer;
     -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
     -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease 
}
 .testimonial-box .vc_column-inner:hover {
     background-color: #e94361!important 
}
 .event-info-bar {
     text-align: center 
}
 .event-info-bar h2 {
     margin-bottom: 15px 
}
 .event-info-bar h2:nth-child(2) {
     font-weight: 700;
     font-size: 47px;
}
 .event-info-count {
     text-align: center;
     border-bottom: 2px solid #3d99cc;
     display: inline 
}
 .conference-speakers .wpb_content_element {
     margin-bottom: 5px 
}
 .surge-light .conference-counter-head {
     font-style: italic 
}
 .conference-single-line {
     width: 100px!important;
     background: #09f;
     margin-bottom: 10px!important;
     margin-top: 5px 
}
 .conference-single-line .vc_sep_line {
     border-color: #09f!important 
}
 .conference-pageable-content {
     position: relative;
     left: 0;
     right: 0;
     margin: auto;
     text-align: left 
}
 .conference-quote-text, .conference-speaker-quote-text {
     quotes: '\201c' '\201d';
     margin: 50px 0;
     font-style: italic;
     font-size: 24px;
     letter-spacing: 0 
}
 .surge-light .conference-pageable-content p {
     color: #fff 
}
 .conference-founder-text p::first-letter {
     color: #39c 
}
 .confernce-founder-text {
     border-left: 5px solid #ff0067;
     padding: 20px;
     font-style: italic;
     color: #585757!important 
}
 .conference-founder-details p {
     color: #8e8e8e;
     line-height: 20px 
}
 .surge-light .conference-founder-details h4 {
     color: #8e8e8e;
     font-style: italic 
}
 .conference-about-desc {
     font-style: italic;
     font-size: 17px;
     font-weight: 100 
}
 .conference-about-head {
     font-weight: 700 
}
 .conference-about-head.bottom-line {
     display: inline-block;
     border-bottom: 2px solid #09f 
}
 .conference-quote-text {
     font-weight: 100;
     color: #8e8e8e!important 
}
 .conference-quote-text:before, .conference-speaker-quote-text:before {
     content: open-quote;
     font-size: 3em;
     line-height: .1em;
     margin-right: .25em;
     vertical-align: -.4em;
     display: block;
     font-family: Oswald, Helvetica, Arial, sans-serif;
     text-align: center 
}
 .conference-speaker-quote-text:before {
     color: #fff 
}
 .conference-quote-text:before {
     color: #ff0067 
}
 .conference-innovative p::first-letter, .conference-world-talk p::first-letter {
     color: #39c 
}
 .conference-innovative p {
     border-left: 5px solid #3d99cc;
     padding-left: 10px 
}
 .speaker-profile-head {
     font-weight: 700;
     font-size: 33px 
}
 .carousel-caption {
     align-self: center;
     margin: auto 
}
 .conference-home-text {
     font-size: 95px;
     font-weight: 700 
}

 .slider-caption {
     margin-top: 50px!important;
     margin-bottom: 50px!important;
     font-size: 32px;
     color: #fff;
     font-family: 'Libre Baskerville', serif !important;
          font-style: italic;
}
 .carousel-item-next, .carousel-item-prev, .carousel-item.active {
     display: flex!important 
}
 .conference-button button, .conference-button.button {
         border-radius: 0 !important;
    color: rgb(16, 23, 30)!important;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(0, 0, 0) !important;
}
 .conference-button-blue button {
      color: #000!important;
    border-color: #000!important;
    background-color: rgb(255, 255, 255)!important;
    background-image: none!important;
         border-radius: 0 !important;
}
.conference-quote-box{
    
    -webkit-filter: grayscale(100%);  
    filter: grayscale(100%);
}
.conference-quote-box:hover{
    -webkit-filter: grayscale(0%);  
    filter: grayscale(0%);
}
 .schedule-image-box {
     position: relative 
}
 .schedule-image-box img {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     mix-blend-mode: exclusion;
     cursor: pointer;
     -webkit-transition: all .2s ease-in;
     -moz-transition: all .2s ease-in;
     -ms-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     transition: all .2s ease-in 
}
 .schedule-image-box img:hover {
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
     mix-blend-mode: none 
}
 .schedule-image-box h3 {
     text-align: left;
     position: absolute;
     top: 0;
     background: #cb3742;
     padding: 10px;
     margin-top: 20px;
}
 .conference-speakers .wpb_single_image .vc_single_image-wrapper {
     position: relative;
     margin-bottom: 10px 
}
.conference-speakers-section{
    position: relative;
}
 .schedule-image-box .wpb_single_image .vc_single_image-wrapper {
     background: #071225 
}
 .confernce-newsletter input[type=email] {
     text-align: center;
     border: 1px solid #bbb 
}
.conference-side-text {
    position: absolute;
    bottom:100px;
    height: 0;
 
}
.conference-side-text>div{
    
    height: 0;
 
}
 
.conference-side-text .vc_column-inner {
    transform: rotate(-90deg);
    transform-origin: top left;
}
.conference-side-bar .bar-text-big {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 7px;
    color: #fff;
    text-transform: none;
    font-size: 17px;
    color: #000;
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.conference-side-bar .bar-text-big:after {
    content: '';
    display: inline-block;
    width: 200px;
    height: 1px;
    opacity: .5;
    background-color: #000;
    vertical-align: middle;
    margin-left: 10px;
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.conference-side-bar .bar-single-text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 7px;
    font-size: 17px;
    text-transform: uppercase;
    margin-left: -5px;
    background: #000;
    padding: 7px;
        color: #fff;
}
.schedule-2-last-box .vc_tta-container{
    margin-bottom: 0 !important;
}
 .surge-light .schedule-table .schedule-time {
     background: #e94362;
     display: inline;
     padding: 10px;
     color: #FFF;
     border-left: 5px solid #e94362 
}
 .surge-light .schedule-table h2, .surge-light .schedule-table h3 {
     background: #fff;
     display: inline-block;
     box-shadow: .45em 0 0 #fff, -.45em 0 0 #fff;
     border-radius: 2px;
     font-size: 20px 
}
 .surge-light .schedule-table p {
     font-style: italic 
}
 .surge-light .schedule-table .wpb_wrapper {
     background: #FFF 
}
 .surge-light .schedule-table .conference-event-time .wpb_wrapper {
     background: 0 0 
}
 .surge-light .header-tilte {
     background-color:rgb(0, 0, 0); 
}

 .surge-light .header-tilte {
     margin-bottom: 0;
}
 .surge-light .top-bar h1 {
     color: #fff;
     line-height: initial;
     font-weight: 700 
}
 .surge-light .page-title-full-wrapper {
     padding: 40px 0 80px 
}
 .surge-light .blog-hr, .surge-light .page-hr {
     border: none 
}
 .surge-light .schedule-table {
     border-bottom: 2px solid #eaeaea 
}
 .surge-light .schedule-table-container .vc_tta-tab>a {
     border-color: #000!important;
    background-color: #fff!important;
    color: #000!important;
    margin: 5px;
}
 .surge-light .schedule-table-container .vc_tta-tab.vc_active>a {
     background-color: #10171d!important;
    color: #fff!important;
    border: none;
    border-bottom: 2px solid #fff!important;
}
 .surge-light #normal-menu ul ul li a{
     background: #1b1b1b ;
     border-left: 2px solid rgb(47, 47, 47);
}
 .color-scheme-1 #normal-menu ul ul li a  {
     background: rgb(224, 224, 224);
    border-left: 2px solid #d8939b;
} 
.color-scheme-2 #normal-menu ul ul li a  {
     background: rgb(224, 224, 224);
    border-left: 2px solid #f5ad70;
}

 .color-scheme-1 #normal-menu .sub-menu .dropdown-toggle, .color-scheme-2 #normal-menu .sub-menu .dropdown-toggle  {
     color: rgb(119, 113, 113);
 
}
 


 .surge-light #primary-menu.open, .surge-light #primary-menu.open ul:first-child {
     background-color: rgba(21, 21, 21, 0.87);
}
 .surge-light .schedule-image-box h3 {
     background: #09f;
     color: #fff 
}
 .surge-light .schedule-image-box img {
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
     mix-blend-mode: normal 
}
 .conference-schedule-box {
           border: 1px solid #dedede;
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background: #fff;
}
 .conference-schedule-box h2:first-child {
     font-weight: 100;
}
 .conference-registration h2:first-child{
     font-weight: 600;
}
 .venue-speaker {
     font-weight: 600 
}
 .venue-image img {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: all .2s ease-in;
     -moz-transition: all .2s ease-in;
     -ms-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     transition: all .2s ease-in;
}
 .venue-image img:hover {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
}
 .surge-light .speaker-image {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     background-position: top!important;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease 
}
 .surge-light .speaker-image:hover {
     -webkit-filter: grayscale(0);
     filter: grayscale(0) 
}
 .conference-schedule-button button {
         color: rgb(0, 0, 0)!important;
    border-color: rgb(0, 0, 0)!important;
    background-color: rgb(255, 255, 255)!important;
    background-image: none!important;
 
}
 .conference-schedule-box-container.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
     margin: 1px 0 20px 30px!important 
}
 .conference-schedule-box-container .vc_tta-tab>a {
     border-color: transparent!important;
     border: none;
     background-color: transparent!important;
     color: #666!important 
}
 .conference-schedule-box-container .vc_tta-tab.vc_active>a {
     border: 2px solid #ccc!important 
}
 .conference-register-text {
     text-align: left!important 
}
 .speakers-details .vc_column-inner {
     width: 120px!important;
     height: 120px;
     border-radius: 50%;
     margin: auto;
     display: flex;
     cursor: pointer;
     padding-top: 0!important;
         background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.48);
     -webkit-transition: all .3s, visibility .3s;
     -moz-transition: all .3s, visibility .3s;
     -o-transition: all .3s, visibility .3s;
     transition: all .3s, visibility .3s 
}
 .speakers-details .vc_column-inner:hover {
         background-color: #e94361 !important;
    border-color: #fff;
} 
.speakers-details .vc_column-inner:hover p{
        
    color: #fff;
}
.speakers-details .vc_column-inner:hover .speakers-details-name {
 
    border-top: 1px solid #fff;
}

 .speakers-details .wpb_wrapper {
     align-self: center;
     margin: auto;
     padding-top: 10px 
}

 .speakers-details p {
     margin-bottom: 0;
     line-height: 20px;
     font-size: 11px 
}
 .music-box-play-list li.playing:before, li.playing:before {
     content: '♬';
     line-height: 14px;
     text-shadow: 1px 1px 0 rgba(0, 0, 0, .2) 
}
 .speakers-details-name {
     margin-top: 5px;
     padding-top: 5px;
     font-style: italic;
     border-top: 1px solid #000000; 
}
 .conference-faq h4 {
     color: #e94360;
     font-weight: 600 
}
 .conference-faq .vc_tta-tab.vc_active>a {
     border-color: #39c!important;
     background-color: #39c!important;
     color: #fff!important;
     padding: 10px 20px!important 
}
 .conference-faq .vc_tta-tab>a {
     border-color: transparent!important;
     border-bottom: 5px solid #3d99cc!important;
     background-color: transparent!important;
     color: #666!important;
     border-radius: 0!important;
     font-size: 20px 
}
 .conference-faq.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
     margin: 1px 0 20px 50px!important 
}
 .conference-faq .vc_toggle {
     padding-top: 1em 
}
 .surge-light .ask-us-title-contact {
     border: 1px solid #e94361;
     padding: 10px;
     border-radius: 2px;
     font-size: 15px;
     display: inline 
}
 .conference-faq .vc_toggle {
     border-bottom: 2px solid #d2d2d2 
}
.conference-registration{
    position: relative;
}
 
 .music-box-play-list ol li, .play-list ol li {
     border-bottom: 1px solid #000;
     cursor: pointer 
}
 canvas {
     display: block;
     vertical-align: bottom;
     position: absolute;
     top: -70px 
}
 #particles-js {
     width: 100%;
     height: 100%;
     background-color: #071324;
     background-image: url();
     background-size: cover;
     background-position: 50% 50%;
     background-repeat: no-repeat 
}
 .site-content {
     min-height: 60vh;
     position: relative 
}
 .album-home-page.site-content {
     position: static;
}
.site-content.album-home-page{
    padding-bottom: 0 !important;
}
 .surge-light .site-content {
}
 .surge-light .site-main {
     min-height: 70vh 
}
 .surge-light .particles-js-canvas-el {
     top: -390px 
}
 .surge-light .content-area {
     position: relative;
     padding-top: 70px 
} 
 .surge-light .content-wrapper {
     position: relative;
     padding-top: 70px 
}
 .surge-light .content-area.home-page {
 
     position: relative;
     padding-top: 70px;
     top:-70px;
}
/* */
 .centered {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto auto;
}
 .link {
     text-align: center;
     width: 100%;
     bottom: 0;
     position: absolute;
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: 12px;
     color: #fff;
}
 a:link,a:active,a:visited {
     text-decoration: none;
     color: #fff;
}
 .color-scheme-1 a:link,.color-scheme-1 a:active,.color-scheme-1 a:visited {
     color: #808080;
}
 .color-scheme-1 .single-page-title h1{
     color: #ffffff;
}
 a:hover {
     color: #7e7e7e;
}
 .signed a,.signed a:active,.signed a:visited {
     color: #7e7e7e;
}
 .signed a:hover {
     color: #fff;
}
 .signed {
     color: #585858;
     display: block;
     padding-top: 5px;
}
 #defaultCanvas0{
     mix-blend-mode: screen;
     top:0;
}
 .album .particles-js-canvas-el, .artists .particles-js-canvas-el {
     z-index: -1 
}
 .album-social-box .vc_column-inner {
     border: 2px solid #FFF;
}
 .album-schedule .vc_btn3{
     background-color: transparent !important;
     border: none !important;
     background-image: none !important;
     color: #ffffff !important;
}
 .album-out .vc_btn3{
     background-color: transparent !important;
     border-color: #cc6633 !important;
     background-image: none !important;
     color: #cc6633 !important;
}
 .color-scheme-1 .album-out h2,.color-scheme-1 .album-out p{
     color: #cc6633 ;
}
 .track-list-section .single-page-header{
     color: #cc6633 ;
}
 .album-social-box p{
     font-size: 18px;
}
 .album-gradient-bg{
     background: rgba(240,225,163,1);
     background: -moz-linear-gradient(to bottom, rgb(255, 209, 109) 0%, rgba(245, 245, 245, 0.5803921568627451) 76%, rgb(239, 240, 241) 100%);
     background: -webkit-gradient(to bottom, rgb(255, 209, 109) 0%, rgba(245, 245, 245, 0.5803921568627451) 76%, rgb(239, 240, 241) 100%);
     background: -webkit-linear-gradient(to bottom, rgb(255, 209, 109) 0%, rgba(245, 245, 245, 0.5803921568627451) 76%, rgb(239, 240, 241) 100%);
     background: -o-linear-gradient(to bottom, rgb(255, 209, 109) 0%, rgba(245, 245, 245, 0.5803921568627451) 76%, rgb(239, 240, 241) 100%);
     background: -ms-linear-gradient(to bottom, rgb(255, 209, 109) 0%, rgba(245, 245, 245, 0.5803921568627451) 76%, rgb(239, 240, 241) 100%);
     background: linear-gradient(to bottom, rgb(255, 209, 109) 0%, rgba(245, 245, 245, 0.5803921568627451) 76%, rgb(239, 240, 241) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0e1a3', endColorstr='#dbdbdb', GradientType=0 );
}
 section.album-footer{
     background-position: bottom !important;
}
/* */
 .top-ten-side-text .vc_column-inner {
     transform: rotate(-90deg);
     transform-origin: top left;
     margin-top: -80px;
}
 .top-ten-side-head{
     font-size: 60px;
     opacity: .2;
}
.hit-chart-desc   h2,.hit-chart-desc h3,.hit-chart-desc h4, .hit-chart-desc h5, .hit-chart-desc h6 {
        padding: .1em 0 0;
    
}
.hit-chart-head  h2{
    margin-bottom: 0;
}
/* */
 .fullpage.container {
     margin-left: auto;
     margin-right: auto;
}
 #fullpage section {
     margin: 0;
}
 #fullpage .vc_column-inner {
     opacity: 0;
     -webkit-transition: .5s opacity 0s;
     -moz-transition: .5s opacity 0s;
     -o-transition: .5s opacity 0s;
     transition: .5s opacity .5s;
}
 #fullpage section.active .vc_column-inner {
     opacity: 1;
}
 #fp-nav ul li a span, .fp-slidesNav ul li a span {
     background: #fff;
}
 .album-counter .vc_column-inner {
     width: 120px!important;
     height: 120px;
     border-radius: 50%;
     display: flex;
     padding-top: 0!important;
     border: 2px solid #ffffff;
     float: right;
}
 .album-counter .wpb_wrapper {
     align-self: center;
     margin: auto;
}
 .album-counter p {
     margin-bottom: 0;
     line-height: 20px;
     font-size: 11px 
}
 .album-counter h2,.album-counter-head {
     font-size: 80px;
}
 .album-counter-text .wpb_wrapper {
     align-self: center;
}
 .album-counter-text .vc_column-inner {
     height: 120px;
     display: flex;
}
 .album-counter-sub-head {
     font-weight: 100;
}
/* */
 .album-home-text{
     letter-spacing: 80px;
     font-size: 60px;
     font-weight: 100;
     opacity: .6;
}
 .album-home-social{
     display: inline;
}
 .album-home-social-box{
     position: absolute;
     bottom: 50px;
}
 .album-shop-text{
     top: -200px;
     left: 100px;
     position: relative;
}
 .album-shop-text-right {
     top: -200px;
     right: 100px;
     position: relative;
}
 .album-half-bg{
     position: absolute;
}
 .shop-home h2,.shop-home p{
     font-weight: 100;
}
 .shop-home .single-page-header {
     letter-spacing: 30px;
}
 .shop-home .music-side-text {
    left: auto;
    color: #336;
}

 .shop-home .music-side-bar .bar-text-big {
 
    font-size: 27px;
    color: #336;
      font-weight: 100;
    
      letter-spacing: 1px;
} 

.shop-home .bar-single-text {
    font-size: 27px;
    color: #fff;
    font-weight: 100;
    
      letter-spacing: 1px;
}
 .shop-home  .music-side-bar .bar-single-text {
   
    background: #336;
}
 .shop-home-button button{
     background: transparent !important;
     color: #ffffff !important;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     border-width: 2px !important;
     border-radius: 0 !important;
}
 .shop-home  .music-side-bar .bar-text-big:after {
 
    background-color: #336;
}
 .shop-read-more-button{
     position: absolute;
     right: -28px;
     bottom: 5px;
}
 .shop-read-more-button-left {
     position: absolute;
     left: -28px;
     bottom: 5px;
}
 .shop-read-more-button button,.shop-read-more-button-left button{
     background-color: #f5989d !important;
     font-weight: 100;
     border-radius: 0 !important;
     letter-spacing: 10px;
}
 .shop-side-text .vc_column-inner {
     transform: rotate(-90deg);
     transform-origin: top left;
}
 .shop-side-line {
     background: #333366;
     width: 50px !important;
     margin-top: -30px;
     padding-top: 0;
}
 .shop-side-text-bg{
     background: #333366;
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
}
 .shop-home canvas {
     display: block;
     vertical-align: bottom;
     position: absolute;
     top: -70px;
     width: 100%;
     height: 100%;
}
 .shop-buy-now button{
     background: transparent !important;
     border: 1px solid #ba5a5e !important;
     color: #ba5a5e !important;
     font-size: 20px !important;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     font-weight: 100;
     border-radius: 0 !important;
     letter-spacing: 10px;
}
 .shop-album-text h2,.shop-album-text p{
     letter-spacing: 30px;
}
 .shop-album-image {
     background-color: rgb(226, 91, 102);
     -webkit-transition: all .9s linear;
     -moz-transition: all .9s linear;
     -o-transition: all .9s linear 
}
 .shop-album-image:hover {
     background-color: transparent;
}
 .shop-album-image img{
     cursor: pointer;
     transition: background-color 1s;
}
 .color-scheme-1 .footer .widget-title {
     color: #ffffff;
}
 .color-scheme-1 .footer .textwidget p {
     margin-bottom: .7em;
     color: #ffffff;
}
 .color-scheme-1 .footer a:link, .color-scheme-1 .footer a:active, .color-scheme-1 .footer a:visited ,
 .color-scheme-1.woocommerce.woocommerce .footer a:link, .color-scheme-1.woocommerce.woocommerce .footer a:active, .color-scheme-1.woocommerce.woocommerce .footer a:visited ,.color-scheme-1.woocommerce.woocommerce .woocommerce-breadcrumb a:link,
  .color-scheme-1.woocommerce .woocommerce-breadcrumb a:active, .color-scheme-1.woocommerce .woocommerce-breadcrumb a:visited
{
     color: #ffffff;
}
 .surge-light .footer a:link, .surge-light .footer a:active, .surge-light .footer a:visited ,
 .surge-light.woocommerce.woocommerce .footer a:link, .surge-light.woocommerce.woocommerce .footer a:active, .surge-light.woocommerce.woocommerce .footer a:visited ,.surge-light.woocommerce.woocommerce .woocommerce-breadcrumb a:link,
  .surge-light.woocommerce .woocommerce-breadcrumb a:active, .surge-light.woocommerce .woocommerce-breadcrumb a:visited
{
     color: #ffffff;
}
 .color-scheme-1.woocommerce .woocommerce-breadcrumb {
     color: #ffffff;
     margin: 10px;
}
 .color-scheme-1.woocommerce.woocommerce a:link, .color-scheme-1.woocommerce a:active, .color-scheme-1.woocommerce a:visited {
     color: #767070;
}
 .image-hover-effect{
     mix-blend-mode: color;
}
/* volume */
#volumcontroller {
    width: 55px;
    height: 20px;
    opacity: .65;
}
.full-box-player #volumcontroller {
    opacity: .65;
} 
#volumcontroller i{
       display: inline-block;
        font-size: 22px;
  cursor: pointer;
    margin-right: 5px;
	color:#fff;
}
#volumcontroller div{
	height:40px;
}
.volumecontrollerbar{
 	    border-left: 1.3px solid rgba(137, 137, 137, 0.34);
    display: inline-block;
    width: 6px;
    margin: 0 .5px;
    /* background-color: rgba(137, 137, 137, 0.34); */
    cursor: pointer;
    
       
}
#equalizer.active .volumecontrollerbar.active_equalize{
    animation: equalize 1.25s steps(25, end) 0s infinite; 
}#equalizer.active #volumcontroller div.active_equalize:nth-child(3){
    animation-name: equalize2;
}
#equalizer.active  #volumcontroller div.active_equalize:nth-child(5){
    animation-name: equalize3;
}
#equalizer.active  #volumcontroller div.active_equalize:nth-child(6){
    animation-name: equalize2;
}
/* volume */
 .music-box-play-list, .play-list {
     padding: 30px;
     max-height: 100vh;
     overflow: auto 
}
 .play-list a {
     color: #b73333 
}
 .play-list {
     position: absolute;
     left: 100px;
     bottom: 40px;
        border-radius: 0;
    background: rgba(8, 25, 44, 0.84);
     opacity: 0;
     -webkit-transition: opacity .3s, visibility .3s;
     -moz-transition: opacity .3s, visibility .3s;
     -o-transition: opacity .3s, visibility .3s;
     transition: opacity .3s, visibility .3s 
}
 .music-box-scroll-player#music-wrapper, .play-list.active {
     visibility: visible;
     opacity: 1 
}
 .music-box-play-list {
     background: #08192c; 
}
.music-player-thumb{
    width:40px;
    margin-left:10px;
}
 .player-style-2.music-box-play-list {
     background: transparent;
     color: #ffffff;
}
 .player-style-2.music-box-play-list h2,.player-style-2.music-box-play-list span{
     margin: 0;
     color: #ffffff;
}
 .player-style-2.music-box-play-list a{
     display: inline-block;
     box-shadow: none;
}
 .player-style-2 .song-list p{
     border: 2px solid #ffffff;
     width: 60px;
     height: 60px;
     text-align: center;
     vertical-align: middle;
     font-size: 35px;
     color: #ffffff;
     display: table-cell;
     font-weight: 700;
}
 .player-style-2 td{
     padding-bottom: 20px;
     text-align: left;
     padding-top: 30px;
     border-bottom: 2px solid;
     margin-bottom: 20px;
}
 .player-style-2 .control-wrapper .button:nth-child(1) ,.player-style-2 .control-wrapper .button:nth-child(2){
     width: 50px;
     height: 50px;
     margin-right: 10px;
     border-radius: 50%;
     text-align: center;
}
 .player-style-2 .control-wrapper {
     width: 100%;
     height: auto;
}
 .player-style-2 .control-wrapper .button:before {
     position: absolute;
     font-family: FontAwesome;
     padding-left: 0;
     font-size: 30px;
     transform: translate(-50%, -50%);
     transition: all .3s ease;
}
 .player-style-2.music-box-scroll-player {
     position: relative;
     width: 300px;
     display: flex;
     margin: auto;
     height: auto;
}
 .player-style-2 .play-list-button {
     font-size: 45px;
     line-height: 0;
     padding: 0;
     margin: 0;
     text-align: right;
     padding-right: 10px;
     opacity: 0;
     color: #ffffff;
}
 .page-player-style-2.music-box-play-list {
     background: transparent;
     color: #ffffff;
}
 .page-player-style-2.music-box-play-list h2,.player-style-2.music-box-play-list span{
     margin: 0;
     color: #ffffff;
}
 .page-player-style-2.music-box-play-list a{
     display: inline-block;
}
 .page-player-style-2 .song-list p{
     border: 2px solid #ffffff;
     width: 60px;
     height: 60px;
     text-align: center;
     vertical-align: middle;
     font-size: 30px;
     color: #ffffff;
     display: table-cell;
}
 .page-player-style-2 td{
     padding-bottom: 20px;
     text-align: left;
     padding-top: 30px;
     border-bottom: 2px solid;
     margin-bottom: 20px;
}
 .page-player-style-2 .control-wrapper .button:nth-child(1) ,.page-player-style-2 .control-wrapper .button:nth-child(2){
     width: 10px;
     height: 10px;
     margin-right: 12px;
     border-radius: 50%;
     text-align: center;
}
 .page-player-style-2 .control-wrapper {
     width: 100%;
     height: auto;
    ;
     padding: 5px;
     padding-right: 6px;
}
 .page-player-style-2 .show-play-list .button {
     color: #ffffff;
     background-image: none;
     float: right;
}
 .page-player-style-2 .control-wrapper .button:before {
     position: absolute;
     font-family: FontAwesome;
     padding-left: 0;
     font-size: 22px;
     transform: translate(-50%, -50%);
     transition: all .3s ease;
}
 .page-player-style-2 .play-list {
     left: 100px;
     bottom: 60px;
     background: rgba(255, 255, 255, 0.92);
}
 .page-player-style-2 li.playing a,.page-player-style-2 li.playing {
     color: #000000;
}
 .page-player-style-2 .audiojs .play:before {
     margin-left: 2px;
}
 .page-player-style-2.music-box-scroll-player {
     position: relative;
     width: 25%;
     display: flex;
     margin: auto;
     height: auto;
}
 .page-player-style-2 .play-list-button {
     font-size: 45px;
     line-height: 0;
     padding: 0;
     margin: 0;
     text-align: right;
     padding-right: 10px;
     opacity: 0;
}
 .page-player-style-2 .audiojs .play-pause {
     margin: auto;
     float: none;
}
 .player-style-2 .audiojs .play-pause {
     height: 100px;
     width: 100px;
     border-radius: 50%;
     background-color: #ffffff;
     border: none;
     position: relative;
}
 .page-player-style-2 .audiojs .pause,.page-player-style-2 .audiojs .play {
     height: 100%;
     width: 100%;
     text-align: center;
     color: #818181;
     border-radius: 0;
     box-shadow: none;
     cursor: pointer;
     font: 400 20px arial;
     padding-left: 0;
}
 .page-player-style-2 .audiojs .pause:before,.page-player-style-2 .audiojs .play:before {
     font-family: FontAwesome;
     padding-left: 0;
     font-size: 12px;
}
 .page-player-style-2 .audiojs .loading:before {
     font-family: FontAwesome;
     position: absolute;
     padding-left: 0;
     font-size: 20px;
     content: "\f110";
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
.page-player-style-2 .audiojs .loading,.player-style-2 .audiojs .error {
     height: 100%;
     width: 100%;
     text-align: center;
     color: #818181;
     border-radius: 0;
     box-shadow: none;
     cursor: pointer;
     font: 400 20px arial;
     padding-left: 0;
     background-image: none;
}
 .page-player-style-2 .scrubber {
     display: none;
}
 .page-player-style-2 .audiojs .error:before {
     font-family: FontAwesome;
     position: absolute;
     padding-left: 0;
     font-size: 20px;
     content: "\f12a";
     margin: auto;
     padding: initial;
     right: 0;
     left: 0;
     text-align: center;
}
 .audiojs .error {
     background:none !important;
}
 .page-player-style-2 .audiojs .pause:hover:before,.page-player-style-2 .audiojs .play:hover:before,.page-player-style-2 .control-wrapper .button:hover:before {
     color: #777676;
     text-shadow: 0 -1px 0 #000, 0 0 1px #767676, 0 0 10px #767676;
}
 .page-player-style-2 .song-list.number{
     width: 125px;
}
 .page-player-style-2 .audiojs .time {
     border: none;
     padding: 0;
     position: static;
     right: 50px;
     color: #ffffff;
     font-size: 10px;
     box-shadow: none;
     text-shadow: none;
     font-weight: 600;
     float: right;
     margin-top: 15px;
     margin-right: 10px;
}
 .page-player-style-2 .show-play-list .button:before {
     padding-left: 0;
     font-size: 25px;
}
 .page-player-style-2 .music-box-scroll-player .center-me,.page-player-style-2 .show-play-list {
     width: auto 
}
 .page-player-style-2 .show-play-list {
     display: none;
}
 .page-player-style-2 .audiojs .play-pause {
     height: 40px;
     width: 40px;
     border-radius: 50%;
     background-color: #ffffff;
     border: none;
     position: relative;
     display: inline-block;
     float: right;
}
 .page-player-style-2#music-wrapper {
     background: none;
     margin: auto;
     height: auto;
     display: inline-block;
     padding: 15px 50px;
}
 .page-player-style-2 .audio-control {
     display: inline-block;
     float: right;
     position: absolute;
     right: 84px;
     top: 20px;
}
 .page-player-style-2 .music-box-scroll-player .center-me, .show-play-list {
     float: left;
}
 .page-player-style-2 .equalizer {
     bottom: 20px;
         margin-left: 45px;
     background: #ffffff;
     background: -moz-linear-gradient(top, #6a0622 0, #FFF 100%);
     background: -webkit-linear-gradient(top, #ffffff 0, #FFF 100%);
     background: linear-gradient(to bottom, #ffffff 0, #FFF 100%);
     height: 2.5px;
}

 .page-player-style-2 .equalizer::after,.page-player-style-2 .equalizer::before {
     content: '';
     bottom: 0;
     height: 5px;
     background: #ffffff;
     background: -moz-linear-gradient(top, #6a0622 0, #FFF 100%);
     background: -webkit-linear-gradient(top, #ffffff 0, #FFF 100%);
     background: linear-gradient(to bottom, #ffffff 0, #FFF 100%);
}
 .page-player-style-2 .center-me {
     position: absolute;
     top: 37px;
     left: auto;
     right: auto;
}
 .page-player-style-2 .control-wrapper .button {
     color: #ffffff;
     background-image: none;
     background-color: transparent;
     box-shadow: none;
}
 .page-player-style-2 .audiojs {
     width: auto;
     height: auto;
     position: static;
     float: right;
}
 .song-list-row.playing .play-list-button {
     opacity: 1;
}
 .control-wrapper #next.button:before {
     content: "\f105";
}
 .player-style-2 .audiojs {
     position: static;
}
 .player-style-2.music-box-scroll-player {
     background: transparent;
     position: static;
     margin-bottom: 70px;
}
 .player-style-2 .center-me,.player-style-2 .scrubber {
     display: none;
}
 .player-style-2 .control-wrapper .button {
     color: #818181;
     background-image: linear-gradient(top, #383838 0, #1F1F1F 5%, #161616 100%);
     background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
     box-shadow: none;
     font: 400 20px arial;
}
 .player-style-2 .audiojs{
     width: auto;
     height: auto;
}
 .player-style-2 .audiojs .play-pause {
     height: 80px;
     width: 80px;
     border-radius: 50%;
     background-color: #ffffff;
     border: none;
     position: relative;
}
 .player-style-2 .audiojs .pause,.player-style-2 .audiojs .play {
     height: 100%;
     width: 100%;
     text-align: center;
     color: #818181;
     border-radius: 0;
     box-shadow: none;
     cursor: pointer;
     font: 400 20px arial;
     padding-left: 0;
}
 .player-style-2 .audiojs .pause:before,.player-style-2 .audiojs .play:before {
     font-family: FontAwesome;
     padding-left: 0;
     font-size: 30px;
}
 .player-style-2 .audiojs .loading:before {
     font-family: FontAwesome;
     position: absolute;
     padding-left: 0;
     font-size: 40px;
     content: "\f110";
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
.player-style-2 .audiojs .loading,.player-style-2 .audiojs .error {
     height: 100%;
     width: 100%;
     text-align: center;
     color: #818181;
     border-radius: 0;
     box-shadow: none;
     cursor: pointer;
     font: 400 20px arial;
     padding-left: 0;
     background-image: none;
}
 .player-style-2 .audiojs .error:before {
     font-family: FontAwesome;
     position: absolute;
     padding-left: 0;
     font-size: 40px;
     content: "\f12a";
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .player-style-2 .audiojs .pause:hover:before,.player-style-2 .audiojs .play:hover:before,.player-style-2 .control-wrapper .button:hover:before {
     color: #777676;
     text-shadow: 0 -1px 0 #000, 0 0 1px #767676, 0 0 10px #767676;
}
 .player-style-2 .song-list.number{
     width: 125px;
}
 .player-style-2 .audiojs .time {
     border: none;
     padding: 0;
     position: absolute;
     right: 50px;
     color: #ffffff;
     font-size: 12px;
     box-shadow: none;
     text-shadow: none;
     font-weight: 600;
     display: none;
}
 .wavesurfer-block {
     box-sizing: border-box;
}
 .wavesurfer-player wave {
     z-index: 0;
     overflow: hidden !important;
}
 .wavesurfer-player canvas {
     max-width: none;
}
 .wavesurfer-buttons_set {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: baseline;
}
 .wavesurfer-block button:hover {
     cursor: pointer;
     opacity: 0.7;
}
 .wavesurfer-block button, .wavesurfer-time, .wavesurfer-duration {
     font-family: Arial;
     font-size: 1em;
     margin: 1em 1em 1em;
     padding: 0.5em 1em 0.5em;
     border-width: 0;
     outline: none;
     background-color: #2ecc71;
     transition: .3s ease all;
     color: white;
     font-weight: bold;
     border-radius: 2px;
}
 .wavesurfer-time, .wavesurfer-duration {
     min-width: 5.5em;
}
 .wavesurfer-download a {
     color: white;
     text-decoration: none;
}
 .wavesurfer-time, .wavesurfer-duration {
     font-family: Arial;
     background-color: #4444F0;
}
 button.wavesurfer-active-button {
     background-color: #FF4081;
}
 button.wavesurfer-paused-button {
     background-color: #FFB642;
}
 .wavesurfer-buttons_set button:before, .wavesurfer-buttons_set div:before {
     font-family: "wavesurfer", "FontAwesome";
     font-weight: normal;
     font-style: normal;
     width: 1em;
}
 .wavesurfer-time:before, .wavesurfer-duration:before {
     padding-right: 0.3em;
}
 button.wavesurfer-play:before {
     content: "\f04b";
}
 button.wavesurfer-play.wavesurfer-active-button:before {
     content: "\f04c";
}
 button.wavesurfer-paused-button:before {
     content: "\f04b";
     padding-right: 0em;
}
 button.wavesurfer-stop:before {
     content: "\f04d";
}
 button.wavesurfer-download:before {
     content: "\f019";
}
 button.wavesurfer-loop:before {
     content: "\f061";
}
 button.wavesurfer-loop.wavesurfer-active-button:before {
     content: "\f01e";
}
 button.wavesurfer-mute:before {
     content: "\f028";
     padding-right: 4.5px;
}
 button.wavesurfer-mute.wavesurfer-active-button:before {
     content: "\f026\f00d";
     padding-right: 0px;
}
 .wavesurfer-time {
     margin-left: Auto;
}
 @media (max-width: 550px) {
     .wavesurfer-block button span, .wavesurfer-time span, .wavesurfer-duration span {
         padding-left: 0.3em;
         display: none;
    }
}
 .wavesurfer-block button span, .wavesurfer-time span, .wavesurfer-duration span {
     padding-left: 0.3em;
}
 .wavesurfer-block wave:hover {
     cursor: pointer;
}
 .wavesurfer-time,.wavesurfer-duration{
     border: none;
     box-shadow: none;
}
 .wavesurfer-block button {
     font-family: inherit;
     font-size: 10px;
     color: white;
     background-color: transparent;
     border-radius: 2px;
     width: 35px;
     height: 35px;
     min-height: 0;
     border-radius: 50%;
     border: 3px solid #ffffff;
}
 .wavesurfer-time, .wavesurfer-duration {
     font-family: inherit;
     font-size: 10px;
     color: white;
     background-color: transparent;
     min-height: 0;
}
/* Playlist */
 .wavesurfer-list-group {
     counter-reset: section;
     list-style-type: none;
     padding: 0;
     margin-left: 1em;
     margin-right: 1em;
}
 .wavesurfer-list-group li:hover {
     cursor: pointer;
}
 .wavesurfer-active-track {
     background: rgba(0, 0, 0, 0.2);
}
 #waveform {
     position: relative;
}
 .wavesurfer-progress {
     position: relative;
     display: none;
    /* since 2.2 */
}
 .wavesurfer-loading[value] {
     border: none;
     appearance: none;
     width: 100%;
     height: 20px;
     background-color: #eee;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
     position: absolute;
     z-index: 10;
     margin-top: -80px;
}
 .wavesurfer-marker:hover {
     cursor: pointer;
     text-decoration: underline;
}
 .wavesurfer-marker-current {
     background: #FFFF66;
}
/* PLAYLIST - Tracks */
 .wavesurfer-list-group .list-group-item {
     display: flex;
     align-items: center;
}
 .wavesurfer-playlist-track-artist {
     margin-left: 0.5em;
     margin-right: 0.5em;
}
 .wavesurfer-playlist-track-title {
     margin-left: 0.5em;
}
 .wavesurfer-playlist-track-duration {
     margin-left: auto;
}
 .wavesurfer-playlist-track-thumbnail {
     margin-right: 0.5em;
}
 .wavesurfer-playlist-track-thumbnail img {
     max-height: 4em;
     width: auto;
}
 .music-box-play-list ol {
     padding: 0;
     margin: 0;
     color: #ccc;
     font-size: .9em 
}
 .music-box-play-list ol li {
     position: relative;
     margin: 0;
     padding: 9px 2px 10px 
}
 .music-box-play-list ol li a {
     display: inline;
     text-indent: -3.3ex;
     padding: 0 0 0 20px 
}
 .music-box-play-list ol li a span {
     font-style: italic;
     margin-left: 10px 
}
 .music-box-play-list li.playing:before {
     width: 14px;
     height: 14px;
     padding: 3px;
     margin: 0;
     position: absolute;
     right: 0;
     left: auto;
     top: 9px;
     color: #FFF;
     font-size: 13px 
}
 .music-box-scroll-player .center-me, .show-play-list {
     width: 45px;
     height: 30px;
     border-radius: 10px;
     padding: 5px;
     align-self: center;
     cursor: pointer 
}
 .music-box-play-list a {
     color: #FFF 
}
 .music-box-play-list li.playing a {
     color: #b73333 ;
     box-shadow: none;
}
 #music-wrapper.music-box-scroll-player {
     position: relative 
}
 .music-box-play-list .audiojs {
     background: 0 0!important 
}
 .music-box-scroll-player .center-me {
     position: relative;
     top: 50%;
     left: 0;
     margin-top: -25px;
     margin-left: 0 
}
 .audio-control {
     align-self: center;
     cursor: pointer 
}
 #music-wrapper {
     display: flex;
     margin: auto;
     height: 40px;
     position: fixed;
     z-index: 9999;
     background: rgba(0, 0, 0, 0.83);
     bottom: 0;
     width: 100%;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity .3s, visibility .3s;
     -moz-transition: opacity .3s, visibility .3s;
     -o-transition: opacity .3s, visibility .3s;
     transition: opacity .3s, visibility .3s 
}
 .full-box-player {
     display: flex;
     margin: auto;
     height: 40px;
     position: relative;
     z-index: 9999;
     background: rgba(0, 0, 0, .63);
     bottom: 0;
     width: 100%;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity .3s, visibility .3s;
     -moz-transition: opacity .3s, visibility .3s;
     -o-transition: opacity .3s, visibility .3s;
     transition: opacity .3s, visibility .3s 
}
 .full-box-player, .play-list.active {
     visibility: visible;
     opacity: 1;
}
 #music-wrapper.active {
     opacity: 1;
     visibility: visible 
}
 #music-wrapper.scroll-player {
     margin-top: -40px;
     position: relative 
}
 .play-list ol {
     padding: 0;
     margin: 0;
     color: #ccc;
     width: 260px;
     font-size: .9em 
}
 .play-list ol li {
     position: relative;
     margin: 0;
     padding: 9px 2px 10px 
}
 .play-list ol li a {
     display: block;
     text-indent: -3.3ex;
     padding: 0 0 0 20px 
}
 li.playing {
     color: #aaa;
     font-weight: 700 
}
 li.playing a {
     color: #FFF 
}
 li.playing:before {
     width: 14px;
     height: 14px;
     padding: 3px;
     margin: 0;
     position: absolute;
     left: -24px;
     top: 9px;
     color: #FFF;
     font-size: 13px 
}
 .audiojs audio {
     position: absolute;
     left: -1px 
}
 .audio-control span {
     padding: 10px 
}
 .audiojs {
     width: 460px;
     overflow: hidden;
     font-size: 12px;
     position: absolute;
     height: 30px;
     right: 0;
     bottom: 0;
     top: 0;
     margin: auto 
}
#music-wrapper .button:hover {
    background: transparent;
}
.audiojs .play-pause {
      border : none !important;
}
 .audiojs .play-pause {
     height: 30px;
     width: auto;
     padding: 4px 6px;
     margin: 0;
     float: left;
     overflow: hidden 
}
 .player-style-2 .audiojs .play-pause {
     margin: auto;
     float: none;
}
 .audiojs p {
     display: none;
     width: 25px;
     height: 40px;
     margin: 0;
     cursor: pointer 
}
 .audiojs .play {
     display: block 
}
 .audiojs .scrubber {
     position: relative;
     float: left;
     width: 280px;
    background: rgb(22, 52, 82);
    height: 1px;
     border: none !important;
     margin: 13px 10px 10px;
     border-left: 0;
     border-bottom: 0;
     overflow: hidden 
}
 .audiojs .loaded, .audiojs .progress {
     position: absolute;
     top: 0;
     left: 0;
     height: 5px;
     width: 0 
}
 .audiojs .progress {
     background: #ccc;
     z-index: 1;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(.5, #ddd), color-stop(.51, #ccc), color-stop(1, #ccc));
     background-image: -moz-linear-gradient(center top, #ccc 0, #ddd 50%, #ccc 51%, #ccc 100%) 
}
 .audiojs .loaded {
     background: #000;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(.5, #333), color-stop(.51, #222), color-stop(1, #222));
     background-image: -moz-linear-gradient(center top, #222 0, #333 50%, #222 51%, #222 100%) 
}
 .audiojs .error-message, .audiojs .time {
     float: left;
     height: 36px;
     line-height: 36px 
}
 .audiojs .time {
     margin: -2px 0 0 6px;
     padding: 0 6px 0 12px;
     border-left: 1px solid #000;
     color: #ddd;
     text-shadow: 1px 1px 0 rgba(0, 0, 0, .5) 
}
 .audiojs .time em {
     padding: 0 2px 0 0;
     color: #f9f9f9;
     font-style: normal 
}
 .audiojs .time strong {
     padding: 0 0 0 2px;
     font-weight: 400 
}
 .audiojs .error-message {
     display: none;
     margin: 0 10px;
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     color: #fff;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     -icab-text-overflow: ellipsis;
     -khtml-text-overflow: ellipsis;
     -moz-text-overflow: ellipsis;
     -webkit-text-overflow: ellipsis 
}
 .audiojs .error-message a {
     color: #eee;
     text-decoration: none;
     padding-bottom: 1px;
     border-bottom: 1px solid #999;
     white-space: wrap 
}
 .audiojs .pause, .audiojs .play {
     height: 100%;
     color: #818181;
     border-radius: 2px;
     cursor: pointer;
     font: 400 20px arial;
     padding-left: 4%;
     -webkit-transition: color .3s ease;
     -moz-transition: color .3s ease;
     -o-transition: color .3s ease;
     transition: color .3s ease 
}
 .audiojs .pause:before, .audiojs .play:before {
     font-family: FontAwesome;
     padding-left: 22px;
     font-size: 10px;
     position: absolute 
}
 .audiojs .play:before {
     content: "\f04b";
     top: 50%;
     margin-left: 5px;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%) 
}
 .audiojs .pause:before, .control-wrapper .button:before {
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     top: 50% 
}
 .audiojs .loading {
     background: url(../images/player-graphics.gif) -2px -31px no-repeat 
}
 .audiojs .error {
     background: url(../images/player-graphics.gif) -2px -61px no-repeat 
}
 .audiojs .pause:before {
     content: "\f04c";
     transform: translate(-50%, -50%) 
}
 .audiojs .pause:hover:before, .audiojs .play:hover:before {
     color: #FF4F4F;
     text-shadow: 0 -1px 0 #000, 0 0 30px #FF4F4F, 0 0 50px #FF4F4F 
}
 .audiojs .pause:active:before {
     color: #f10000;
     text-shadow: 0 -1px 0 #000, 0 0 30px #f10000, 0 0 50px #f10000 
}
 .playing .error, .playing .loading, .playing .play {
     display: none 
}
 .playing .pause {
     display: block 
}
 .loading .error, .loading .pause, .loading .play {
     display: none 
}
 .loading .loading {
     display: block 
}
 .error .loading, .error .pause, .error .play, .error .scrubber, .error .time {
     display: none 
}
 .equalizer, .error .error, .error .error-message {
     display: block 
}
 .error .play-pause p {
     cursor: auto 
}
 .center-me {
        align-self: center;
    cursor: pointer
}
 :after, :before {
     box-sizing: border-box 
}
 .control-wrapper {
     width: 100px;
     height: 30px;
     border-radius: 10px;
     padding: 5px 
}
 .control-wrapper .button, .show-play-list .button {
     height: 100%;
     border-radius: 2px;
     float: left;
     cursor: pointer;
     text-transform: uppercase;
     vertical-align: bottom 
}
 .control-wrapper .button {
     color: #818181;
     position: relative;
     font: 400 20px arial;
     padding-left: 4%;
     -webkit-transition: color .3s ease;
     -moz-transition: color .3s ease;
     -o-transition: color .3s ease;
     transition: color .3s ease 
}
 .control-wrapper .button:before, .show-play-list .button {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease 
}
 .control-wrapper .button:hover {
     color: #9E9E9E 
}
 .control-wrapper .button:active {
     box-shadow: 0 0 1px 1px #0a0a0a, inset 0 2px 2px 0 #000 
}
 .control-wrapper .button:before {
     position: absolute;
     font-family: FontAwesome;
         content: "\f104";
     padding-left: 22px;
     font-size: 22px;
     transform: translate(-50%, -50%);
     transition: all .3s ease 
}
 .control-wrapper .fa {
     font-size: 14px 
}
 .control-wrapper .button:hover:before {
     color: #FF4F4F;
     text-shadow: 0 -1px 0 #000, 0 0 30px #FF4F4F, 0 0 50px #FF4F4F 
}
 .control-wrapper .button:active:before {
     color: #f10000;
     text-shadow: 0 -1px 0 #000, 0 0 30px #f10000, 0 0 50px #f10000 
}
 .control-wrapper .button:nth-child(1) {
     width: 30px;
     margin-right: 10px 
}
 .control-wrapper .button:nth-child(2) {
     width: 30px 
}
 .control-wrapper .button:nth-child(2):before {
     content: "\f051" 
}
 .show-play-list .button {
     color: #818181;
     width: 30px;
     position: relative;
     font: 400 20px arial;
     padding-left: 4%;
     transition: color .3s ease 
}
 .show-play-list .button:hover {
     color: #9E9E9E 
}
 .show-play-list .button:before {
     position: absolute;
     font-family: FontAwesome;
     content: "\f106";
     padding-left: 22px;
     font-size: 22px;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease 
}
 .show-play-list .button.active:before, .show-play-list .button:hover:before {
     color: #FF4F4F;
     text-shadow: 0 -1px 0 #000, 0 0 30px #FF4F4F, 0 0 50px #FF4F4F 
}
 .show-play-list .button:active:before {
     color: #f10000;
     text-shadow: 0 -1px 0 #000, 0 0 30px #f10000, 0 0 50px #f10000 
}
 .show-play-list .button:nth-child(1) {
     width: 30px;
     margin-right: 10px 
}
 .show-play-list .button:nth-child(2) {
     width: 30px 
}
 .equalizer, .equalizer::after, .equalizer::before {
     position: absolute;
     width: 1px;
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c10000', endColorstr='#edc900', GradientType=0) 
}
 .show-play-list .button:nth-child(2):before {
     content: "\f051" 
}
 .equalizer {
     bottom: 16.25px;
     left: 6px;
     background: #c10000;
     background: -moz-linear-gradient(top, #6a0622 0, #FFF 100%);
     background: -webkit-linear-gradient(top, #6a0622 0, #FFF 100%);
     background: linear-gradient(to bottom, #6a0622 0, #FFF 100%);
     height: 2.5px 
}
 .equalizer.active, .equalizer.active::after, .equalizer.active::before {
     animation: equalize 1.25s steps(25, end) 0s infinite 
}
 .equalizer::after, .equalizer::before {
     content: '';
     bottom: 0;
     left: 14px;
     height: 5px;
     background: #c10000;
     background: -moz-linear-gradient(top, #6a0622 0, #FFF 100%);
     background: -webkit-linear-gradient(top, #6a0622 0, #FFF 100%);
     background: linear-gradient(to bottom, #6a0622 0, #FFF 100%) 
}
 .equalizer.active::before {
     animation-name: equalize2 
}
 .equalizer.active::after {
     animation-name: equalize3 
}
 .equalizer::after {
     left: 7px 
}
 @keyframes equalize {
     0%, 100%, 8% {
         height: 5px 
    }
     4% {
         height: 2.5px 
    }
     12%, 96% {
         height: 8.75px 
    }
     16%, 40%, 44%, 72%, 92% {
         height: 12.5px 
    }
     20%, 56%, 88% {
         height: 16.25px 
    }
     24%, 52%, 60%, 64%, 80%, 84% {
         height: 15px 
    }
     28%, 32%, 48%, 68%, 76% {
         height: 13.75px 
    }
     36% {
         height: 10px 
    }
}
 @keyframes equalize2 {
     0%, 100%, 12%, 28%, 32%, 76%, 8%, 80% {
         height: 15px 
    }
     36%, 4%, 40%, 44%, 72% {
         height: 16.25px 
    }
     16%, 20%, 24%, 48%, 68%, 84%, 88%, 96% {
         height: 13.75px 
    }
     52%, 60% {
         height: 10px 
    }
     56% {
         height: 7.5px 
    }
     64% {
         height: 12.5px 
    }
     92% {
         height: 11.25px 
    }
}
 @keyframes equalize3 {
     0%, 100%, 32%, 8% {
         height: 11.25px 
    }
     4%, 40% {
         height: 8.75px 
    }
     12%, 28%, 56%, 68%, 72% {
         height: 13.75px 
    }
     16%, 60%, 84% {
         height: 16.25px 
    }
     20% {
         height: 18.75px 
    }
     24%, 88% {
         height: 17.5px 
    }
     36%, 48% {
         height: 10px 
    }
     44% {
         height: 6.25px 
    }
     52%, 76%, 96% {
         height: 12.5px 
    }
     64%, 80%, 92% {
         height: 15px 
    }
}
 .not-found-head{
     font-size: 180px ;
}
 .not-found-desc{
     line-height: 50px;
     letter-spacing: 10px;
}
 .not-found-button button {
     background: rgba(0, 0, 0, 0) !important;
     border: 2px solid #ffffff !important;
     color: #ffffff !important;
     font-size: 20px !important;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     font-weight: 100;
     border-radius: 0 !important;
}
.surge-light  .dotted-bg-pattern {
   
    background: linear-gradient(90deg,rgb(255, 255, 255) 38px,rgba(0, 0, 0, 0) 1%) 50%,linear-gradient(rgb(255, 255, 255) 38px,rgba(0, 0, 0, 0) 1%) 50%,rgba(0,0,0,.16);
    background-size: 40px 40px;
}

.color-scheme-1  .dotted-bg-pattern ,.color-scheme-2  .dotted-bg-pattern {
   
     display: none;
}
  .dotted-bg-pattern {
     position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background: linear-gradient(90deg,rgb(7, 18, 37) 38px,rgba(255, 255, 255, 0) 1%) 50%,linear-gradient(rgb(7, 18, 37) 38px,rgba(255, 255, 255, 0) 1%) 50%,rgba(10, 35, 62, 0.97);
    background-size: 40px 40px;
}
.glitch-container{
       position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    height: 100%;
    display: flex;
    top: -25px;
}
.footer-banner-text {
    color: rgb(218, 115, 126);
    font-size: 100px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    line-height: .5;
    font-size: 208px;
    letter-spacing: 50px;
    align-self: center;
    text-indent: 50px;
    font-weight: 900;
        padding: initial;
}
.glitch {
         color:    rgb(10, 28, 49);
 
}
.surge-dark .glitch {
    letter-spacing: 80px;
    text-indent: 80px;
 
}

@keyframes noise-anim {
  0% {
    clip: rect(94px, 9999px, 92px, 0);
  }
  5% {
    clip: rect(94px, 9999px, 10px, 0);
  }
  10% {
    clip: rect(30px, 9999px, 4px, 0);
  }
  15% {
    clip: rect(15px, 9999px, 82px, 0);
  }
  20% {
    clip: rect(89px, 9999px, 17px, 0);
  }
  25% {
    clip: rect(27px, 9999px, 8px, 0);
  }
  30% {
    clip: rect(18px, 9999px, 43px, 0);
  }
  35% {
    clip: rect(88px, 9999px, 53px, 0);
  }
  40% {
    clip: rect(56px, 9999px, 5px, 0);
  }
  45% {
    clip: rect(93px, 9999px, 63px, 0);
  }
  50% {
    clip: rect(26px, 9999px, 1px, 0);
  }
  55% {
    clip: rect(26px, 9999px, 17px, 0);
  }
  60% {
    clip: rect(39px, 9999px, 29px, 0);
  }
  65% {
    clip: rect(66px, 9999px, 11px, 0);
  }
  70% {
    clip: rect(77px, 9999px, 46px, 0);
  }
  75% {
    clip: rect(33px, 9999px, 13px, 0);
  }
  80% {
    clip: rect(57px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(99px, 9999px, 72px, 0);
  }
  90% {
    clip: rect(1px, 9999px, 95px, 0);
  }
  95% {
    clip: rect(5px, 9999px, 90px, 0);
  }
  100% {
    clip: rect(19px, 9999px, 78px, 0);
  }
}
.glitch:after {
      content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #cb374247;
    top: 0;
    /* top: 100px; */
    color: #0a1c31;
    background: rgba(8, 25, 44, 0.32);
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse;
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(59px, 9999px, 17px, 0);
  }
  5% {
    clip: rect(57px, 9999px, 17px, 0);
  }
  10% {
    clip: rect(92px, 9999px, 13px, 0);
  }
  15% {
    clip: rect(96px, 9999px, 36px, 0);
  }
  20% {
    clip: rect(97px, 9999px, 13px, 0);
  }
  25% {
    clip: rect(22px, 9999px, 32px, 0);
  }
  30% {
    clip: rect(71px, 9999px, 17px, 0);
  }
  35% {
    clip: rect(94px, 9999px, 17px, 0);
  }
  40% {
    clip: rect(69px, 9999px, 22px, 0);
  }
  45% {
    clip: rect(46px, 9999px, 73px, 0);
  }
  50% {
    clip: rect(87px, 9999px, 50px, 0);
  }
  55% {
    clip: rect(86px, 9999px, 68px, 0);
  }
  60% {
    clip: rect(97px, 9999px, 50px, 0);
  }
  65% {
    clip: rect(38px, 9999px, 19px, 0);
  }
  70% {
    clip: rect(81px, 9999px, 73px, 0);
  }
  75% {
    clip: rect(57px, 9999px, 59px, 0);
  }
  80% {
    clip: rect(68px, 9999px, 12px, 0);
  }
  85% {
    clip: rect(39px, 9999px, 73px, 0);
  }
  90% {
    clip: rect(58px, 9999px, 14px, 0);
  }
  95% {
    clip: rect(65px, 9999px, 5px, 0);
  }
  100% {
    clip: rect(25px, 9999px, 34px, 0);
  }
}




.glitch:before {
        content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 #13528c73;
    top: 0;
    color: #0a1c31;
    background: rgba(8, 25, 44, 0.32);
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse;
}

/* ----------- */
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #cb3742;
}
/* ----------- */

.surge-light .glitch {
    color: rgb(16, 16, 16) !important;
}
.surge-light .glitch:before {
    text-shadow: 1px 0 #313131;
    top: 0;
    color: rgb(16, 16, 16) !important;
    background: rgb(0, 0, 0);
}
.surge-light .glitch:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #2d2d2d;
    top: 0;
    color: rgb(16, 16, 16) !important;
    background: rgb(0, 0, 0);
}

.color-scheme-1 .glitch {
    color: rgb(218, 115, 126) !important;
    font-size: 100px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    line-height: .5;
    font-size: 208px;
    letter-spacing: 50px;
    align-self: center;
    text-indent: 50px;
    font-weight: 900;
}
.color-scheme-1 .glitch:before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 #d0d0d0;
    top: 0;
    color: rgb(218, 115, 126) !important;
    background: rgb(216, 98, 111);
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse;
}
.color-scheme-1 .glitch:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #f75d6e;
    top: 0;
    color: rgb(218, 115, 126) !important;
    background: rgb(216, 98, 111);
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite 
}

.music-glow-text.surge-dark .page-headline{
 text-align: center;
  margin:0;
  padding:0;
  -webkit-animation: anim2 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count:infinite;
  animation: anim2 3s;
  animation-timing-function: linear;
  animation-iteration-count:infinite;
}

h1.music-glow-text,h2.music-glow-text,h3.music-glow-text,h4.music-glow-text,h5.music-glow-text,h6.music-glow-text,p.music-glow-text{
 text-align: center;
  margin:0;
  padding:0;
  -webkit-animation: anim2 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count:infinite;
  animation: anim2 3s;
  animation-timing-function: linear;
  animation-iteration-count:infinite;
}
 
.home-glow-main-text{
  color:fff;
 text-align: center;
  line-height:1;
  margin:0;
  padding:0;
  -webkit-animation: anim 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count:infinite;
  
  animation: anim 3s;
  animation-timing-function: linear;
  animation-iteration-count:infinite;
}

.home-glow-text h2{
  color:#fff;
 text-align: center;
  font-size:7em;
  line-height:1;
  margin:0;
  padding:0;
  -webkit-animation: anim 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count:infinite;
  animation: anim 10s;
  animation-timing-function: linear;
  animation-iteration-count:infinite;
}

@-webkit-keyframes anim {
    0%{text-shadow:-6px 4px 0px red;}
    10% {text-shadow:4px -6px 0px green;}
    20% {text-shadow:-9px 4px 0px blue;}
    30% {text-shadow:4px -6px 0px yellow;}
    40% {text-shadow:-8px 4px 0px orange;}
    50% {text-shadow:4px 5px 0px purple;}
    60% {text-shadow:-6px 4px 0px brown;}
    70% {text-shadow:4px 7px 0px pink;}
    80% {text-shadow:-9px -4px 0px lime;}
    90% {text-shadow:4px -6px 0px cyan;}
    100% {text-shadow:-9px 4px 0px teal;}
} 

@keyframes anim {
    0%{text-shadow:-6px 4px 0px red;}
    10% {text-shadow:4px -6px 0px green;}
    20% {text-shadow:-9px 4px 0px blue;}
    30% {text-shadow:4px -6px 0px yellow;}
    40% {text-shadow:-8px 4px 0px orange;}
    50% {text-shadow:4px 5px 0px purple;}
    60% {text-shadow:-6px 4px 0px brown;}
    70% {text-shadow:4px 7px 0px pink;}
    80% {text-shadow:-9px -4px 0px lime;}
    90% {text-shadow:4px -6px 0px cyan;}
    100% {text-shadow:-9px 4px 0px teal;}
} 

@-webkit-keyframes anim2 {
    0%{text-shadow:-4px 4px 0px red;}
   
    100% {text-shadow:-7px 4px 0px teal;}
} 

@keyframes anim2 {
  
    0%{text-shadow:-3px 3px 0px red;}
    10% {text-shadow:3px -3px 0px green;}
    20% {text-shadow:-4px 2px 0px blue;}
    30% {text-shadow:2px -3px 0px yellow;}
    40% {text-shadow:-4px 2px 0px orange;}
    50% {text-shadow:2px 2px 0px purple;}
    60% {text-shadow:-3px 3px 0px brown;}
    70% {text-shadow:2px 3px 0px pink;}
    80% {text-shadow:-4px -2px 0px lime;}
    90% {text-shadow:2px -3px 0px cyan;}
    100% {text-shadow:-4px 2px 0px teal;}
}

 
 @media screen and (max-width:1200px) {
     .square-wrap div {
         margin-right: 30px!important;
         margin-left: 30px!important 
    }
     .container {
         width: 90% 
    }
     #fittext-home h1 {
         font-size: 80px 
    }
     .title_content h2 {
         font-size: 5.7em 
    }
     .home-about h1 {
         font-size: 35px 
    }
     .home-about h1:nth-child(2) {
         font-size: 45px 
    }
      .footer-banner-text {
   
    font-size: 105px !important;
     }
     .sponsor-bar .music-side-bar{
         display: none  ;
     }
         .dropdown-toggle {
         right: 50px !important;
     }
      #normal-menu, #normal-menu #menu-button, #normal-menu ul, #normal-menu ul li, #normal-menu ul li a, #normal-menu.align-right div:nth-of-type(2)>div>ul {
         float: none 
    }
     #normal-menu #menu-button::before,#normal-menu #menu-button::after {
         transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;
    }
     #normal-menu #menu-button.close::before {
         top: 20px;
         transform: rotate(45deg) translate(-2px, -18px);
         transform-origin: 0px 0;
    }
     #normal-menu #menu-button.close::after {
         top: 11px;
         transform: rotate(-45deg) translate(0, 15px);
         transform-origin: 1px 100%;
    }
     
    .color-scheme-1 #normal-menu #menu-button.close::after,.color-scheme-1 #normal-menu #menu-button.close::before {
         border-top: 3px solid rgb(128, 128, 128);
     }
     
     .classic-menu .container .menu-wrapper {
         width: auto;
         float: right;
    }
     #normal-menu ul ul li a {
         background: rgba(0, 0, 0, 0);
    }
     .classic-menu .menu-wrapper {
         margin-top: 0;
    }
     .classic-menu {
         z-index: 999999;
         padding-top: 40px;
         padding-bottom: 40px;
         display: flex;
         position: fixed;
    }
     .menu-logo img {
         width: 60px;
    }
     body .classic-menu.mobile-sticky .menu-logo img {
         width: 50px;
    }
     body .classic-menu.mobile-sticky .menu-logo {
         margin-left: 0px;
    }
     body .classic-menu.mobile-sticky {
         left: 0;
         right: 0;
         z-index: 999;
         width: 100%;
         max-width: 100%;
         padding: 20px;
         position: fixed;
         background: rgb(10, 32, 58);
         top: 0;
    }
     .surge-light .classic-menu.mobile-sticky,.color-scheme-1 .classic-menu.mobile-sticky{
         background: rgb(27, 27, 27);
    }
     body .classic-menu {
         left: 0;
         right: 0;
         z-index: 999 
    }
     .home-menu {
         right: 10% 
    }
     .hidden-xs {
         display: none!important 
    }
     #primary-menu {
         background-color: transparent;
         -webkit-transition: background-color 1s linear;
         -moz-transition: background-color 1s linear;
         -o-transition: background-color 1s linear;
         -ms-transition: background-color 1s linear;
         transition: background-color 1s linear 
    }
     #primary-menu.open {
         background-color: #031933;
         height: 100%;
         position: fixed;
         width: 100%;
         margin: 0;
         left: 0;
         top: 0;
         z-index: 999;
         -webkit-transition: background-color 1s linear;
         -moz-transition: background-color 1s linear;
         -o-transition: background-color 1s linear;
         -ms-transition: background-color 1s linear;
         transition: background-color .5s linear 
    }
     #normal-menu ul ul {
         display: none 
    }
     #normal-menu div:nth-of-type(2)>div>ul {
         position: absolute 
    }
     #normal-menu div:nth-of-type(2)>div.open>ul, #normal-menu div:nth-of-type(2)>div>ul.open, .primary-menu {
         display: block;
         visibility: visible;
         position: fixed;
         overflow: auto;
         height: 100%;
         width: 100%;
         left: 0;
         top: 0 
    }
     #normal-menu div:nth-of-type(2)>div>ul, .primary-menu {
         visibility: hidden 
    }
     #normal-menu.align-center div:nth-of-type(2)>div>ul {
         text-align: left 
    }
     #normal-menu div:nth-of-type(2)>div>ul>li, #normal-menu.align-right div:nth-of-type(2)>div>ul>li {
         float: none;
         display: block;
         text-align: center 
    }
     #normal-menu div:nth-of-type(2)>div>ul>li:first-child {
         margin-top: 200px 
    }
     #normal-menu div:nth-of-type(2)>div>ul>li>a {
         padding: 18px 25px;
         border-right: 0 
    }
     
    .color-scheme-1 #normal-menu div:nth-of-type(2)>div>ul>li>a {
        color: rgb(128, 128, 128);
     }
     
     .color-scheme-1 #primary-menu .dropdown-toggle{
    color: rgb(128, 128, 128);
}
     
     #normal-menu div:nth-of-type(2)>div>ul>li.active>a, #normal-menu div:nth-of-type(2)>div>ul>li:hover>a {
         background: rgba(0, 0, 0, .1) 
    }
     #normal-menu #menu-button {
         display: block;
         text-decoration: none;
         font-size: 13px;
         font-weight: 700;
         color: #ffffff;
         padding: 18px 25px;
         letter-spacing: 1px;
         cursor: pointer;
         z-index: 1000;

    }
     
    #normal-menu #menu-button.close {
 
         left: auto;
         position: fixed;
         right: 40px;
    }
     
     .classic-menu.mobile-sticky .container #normal-menu #menu-button {
         right: auto;
    }
     #normal-menu div:nth-of-type(2)>div>ul>li.active-sub-menu>ul, #normal-menu div:nth-of-type(2)>div>ul>li.active-sub-menu>ul>li.active-inside-sub-menu>ul {
         left: 0;
         right: auto;
         top: auto;
         opacity: 1;
         padding: 0;
         position: relative;
         text-align: left;
         width: 100% 
    }
     #normal-menu div:nth-of-type(2)>div>ul>li.active-sub-menu>ul {
         display: inherit;
        background: #061f3e;
    } 
     .surge-light #normal-menu div:nth-of-type(2)>div>ul>li.active-sub-menu>ul {
         display: inherit;
         background: rgba(0, 0, 0, 0.27);
    }
     #normal-menu div:nth-of-type(2)>div>ul>li.active-sub-menu>ul>li.active-inside-sub-menu>ul {
         display: inherit;
             background: #062448;
    }
  
     .normal-scroll .credits-social, .page-logo {
         display: none 
    }
     #normal-menu.align-right div:nth-of-type(2)>div>ul>li>ul, .home-page .container {
         width: 100% 
    }
     #normal-menu #menu-button::after, #normal-menu #menu-button::before {
         display: block;
         content: '';
         position: absolute;
         height: 3px;
         width: 25px;
         border-top: 3px solid #ffffff;
         right: 0 
    }
  
     #normal-menu ul ul li {
         width: 100%;
         text-align: center 
    }
     #normal-menu ul ul li a {
         width: 100%;
         box-shadow: none;
         padding-left: 35px 
    }
     #normal-menu ul ul ul li a {
         padding-left: 45px 
    }
     #normal-menu ul ul li:first-child>a, #normal-menu ul ul li:last-child>a {
         border-radius: 0 
    }
     #normal-menu #menu-button::after {
         top: 10px 
    }
     #normal-menu #menu-button::before {
         top: 20px 
    }
     #normal-menu div:nth-of-type(2)>div>ul>li.has-sub>a::after, #normal-menu ul ul li.has-sub>a::after {
         display: none 
    }
     .surge-light #normal-menu ul ul li a {
    background: transparent;
} 
    
}
 @media (max-width:1199px) {
     .search-box {
         width: 100% 
    }
}
 @media only screen and (min-width:992px) {
     .footer .textwidget i {
         margin-right: 10px 
    }
     .intro .col-sm-4, .social .menu {
         text-align: right 
    }
     .social .menu li {
         margin-left: 7px 
    }
     .testimonials-list .testimonials-text {
         padding: 0 80px;
         font-size: 18px;
         font-style: italic;
         margin-bottom: 20px;
         border: none 
    }
     .menu-link {
         display: none 
    }
}
 @media screen and (max-width:992px) {
     .square-wrap div {
         margin-right: 5px!important;
         margin-left: 5px!important 
    }
     .header-wrapper {
         position: relative 
    }
     .navigation li.menu-item-has-children li a:hover {
         background: 0 0!important 
    }
     .surge-light .entry-header h1 {
         font-size: 60px 
    }
     .shop-album-text h2,.shop-album-text p{
         text-align: center !important;
    }
     .shop-home .woocommerce ul.products li.product .item  {
  
    font-size: 13px;
     }
              .woocommerce ul.products li.product a:nth-child(2) {
   font-size: 11px;
     }
   
         
}
 @media (max-width:949px) {
     .vc_custom_1516431565955 {
         margin-top: 0!important;
         border-bottom-width: 0!important 
    }
}
 @media (max-width:949px) and (min-width:480px) {
     .fs-artists .vc_col-sm-3, .fs-artists .vc_col-sm-4, .fs-gallery .vc_col-sm-3, .fs-gallery .vc_col-sm-4 {
         width: 60%;
         margin: auto;
         left: 0;
         right: 0 
    }
     .fs-artists .vc_grid-container-wrapper, .fs-gallery .vc_grid-container-wrapper {
         text-align: center 
    }
}
 @media only screen and (max-width:768px) {
     
     .single-post .comment .comment-reply-link, .page .comment .comment-reply-link {
 
    position: initial !important;
    right: initial !important;
    top: initial !important;
 
}
     
     .shop-home .footer [class*=col-] {
    margin-bottom: 45px;
}
     
     
     h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    padding-top: 1.5em  ;
} 
     .album  h1:first-child,.album  h2:first-child   {
    padding-top: 1.5em  ;
}
     .projnav li {
 
    font-size: 11px;
     }
     .projnav li em{
          font-size: 11px;
     }
     .music-box-play-list img{
         display: none;
     }
     .faq-title-contact {
   
    margin-bottom: 35px;
}
 
     
     #fittext-home h1, #fittext-home h2 {
         font-size: 50px 
    }
     .menu-logo img {
         width: 50px 
    }
     .title_content h2 {
         font-size: 1.7em 
    }
     .footer .widget-title {
         margin-bottom: 20px;
         padding-bottom: 13px 
    }
     .twitter-box-container #twitter-container {
         width: 100% 
    }
     #timeline-section .timeline-content {
         margin-top: 0!important;
         border-bottom-width: 0!important 
    }
     .surge-light .entry-header h1 {
         font-size: 40px 
    }
     .vc_row.wpb_row.vc_row-fluid.schedule-table.vc_row-o-content-middle.vc_row-flex:after {
         display: none!important 
    }
     .audiojs .scrubber {
         display: none 
    }
     .audiojs {
         width: auto 
    }
     .menu-list li>a {
         font-size: 16px 
    }
     .menu-list>li:first-child {
         margin-top: 150px 
    }
     #defaultCanvas0{
         display: none;
    }
     .album-shop-text-right {
         top: 0;
         right: 0;
    }
     body .shop-footer{
         margin-top: 0 !important;
    }  

     body .album-shop-text {
         top:0px;
         left:0px;
    }
     body .shop-home-merchant{
         margin-top: 0 !important;
    }
     .shop-home .single-page-header {
         font-size: 25px !important;
         letter-spacing: initial;
    }
     .shop-product-column div{
         padding-left: 0px !important;
    }
     .album-home-text{
         letter-spacing: initial;
    }
     .shop-read-more-button,.shop-read-more-button-left{
         left: 0;
         right: 0;
         text-align: center;
    }
     .album-shop-text h2{
         text-align: center !important;
    }
     .album-counter h2, .album-counter-head {
         font-size: 30px;
    }
     .album-counter .vc_column-inner {
         width: 60px!important;
         height: 60px;
         border: 2px solid rgb(255, 255, 255);
         float: none;
        /* text-align: center;
         */
         margin: auto;
         margin-top: 50px;
    }
     .top-ten-side-head {
         display: none;
    }
     .shop-side-text,.music-side-bar,.conference-side-bar{
         display: none;
    }
     body .schedule-box-text{
         padding-left: 0 !important;
     }

    body .conference-speakers-section{
         padding-left: 0 !important;
     }
     .conference-registration div{
          padding-left: 0 !important;
          padding-right: 0;
     }
      .footer-banner-text  {
   
    font-size: 68px !important;
     }
     .surge-dark .glitch {
    letter-spacing: 30px;
    text-indent: 30px;
}
     .glitch:after,.glitch:before  {
 
    top: auto;
     }
     
    #schedule-section .vc_row.vc_column-gap-35 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
     .d-md-block {
    display: block!important;
}
}
 
 @media only screen and (max-width: 600px) {
     .album-counter-text .wpb_wrapper{
         margin: auto;
    }
     body .wave-player-container{
         padding: 0 !important;
    }
     .wavesurfer-player wave {
         display: none !important;
    }
     .album-counter-text .vc_column-inner{
         height: 100px;
    }
     .album-counter-text h3{
         font-size: 13px;
    }
     .wavesurfer-time, .wavesurfer-duration {
         min-width: auto;
    }
     .footer-banner-text  {
   
 
          letter-spacing: normal;
    text-indent: initial;
     }
     .surge-dark .glitch {
    letter-spacing: normal;
    text-indent: initial;
     }
     .home-about h2 {
    font-size: 44px;
}
     .home-glow-text h2 {
    
    font-size: 4em;
     }
     .schedule-table .schedule-desc {
 
    background-color: transparent;
 
    display: inline-block;
   
    box-shadow: none;
     }

     .home-head-subtag .home-about {
 
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
}

/*radio */
.hero-time{
    text-align: center;
    margin: auto;
    padding: 20px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: auto;
    padding-top: 15px !important;
}
.hero-radio-sub{
    position: relative;
    display: inline-block;
}
.hero-radio-sub:after {
    position: absolute;
    content: "";
    background: #fff;
    height: 2px;
    width: 50px;
    bottom: 0;
    top: 60px;
}
.hero-radio-sub:before {
        position: absolute;
    content: "";
    background: #fff;
    height: 2px;
    width: 50px;
    bottom: 0;
    top: 60px;
    transform-origin: left;
    left: -2px;
    transform: rotate(180deg);
}
.hero-radio-sub{
    font-weight: 100;
}
.radio-hero-container{
    text-align: center;
}
.radio-section h2.radio-hero-main{
        padding-top: 0;
    font-size: 50px;
    font-weight: 800;
}
.radio-section .radio-hero-caption{
    padding-top: 0;
    font-weight: 800;
    color: #fff;
}
 
.wpb-js-composer .radio-schedule.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a ,
.wpb-js-composer .radio-schedule.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a
{
 
    background-color: transparent;
    border: none;
    color: #fff;
}

.schedule-date-head{
  border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; 
    padding: 10px;
}

.radio-schedule-container h2{
    margin-bottom: 0;
    padding-bottom: 0;
        font-weight: 100;
}

.schedule-date-head{
        letter-spacing: 10px;
}


.radio-schedule .vc_tta-tab{
         font-family: Oswald, Helvetica, Arial, sans-serif;
}

body .radio-schedule h2{
        color:#fff;
}

.radio-schedule h2 span{
       font-size: 12px;
        font-weight: 500;
}
.store-buttons img{
       height: 40px !important;
    width: auto !important;
}
 @media only screen and (max-width:768px) {
	 .store-buttons .wpb_single_image {
 text-align:center !important;
}
 }

.radio-image-box:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    border: 2px solid #f9f7f7;
    z-index: 99;
    margin: auto;
    top: 5%;
    right: 0;
    left: 0;
    mix-blend-mode: soft-light;
}

.radio-image-box {
    text-align: center;
}
.radio-box-head{
        display: inline-block;
    margin: auto;
    border-bottom: 2px solid #fff;
}

.radio-box-icons  {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.radio-box-icons .vc_icon_element{
    display: inline-block;
}

.radio-header-banner{
    position: relative;
    display: inline-block;
    font-size: 40px;
}

.radio-header-banner:before{
    position: absolute;
    content: "";
    background: #fff;
    height: 2px;
    width: 50px;
    bottom: 0;
    top: 49%;
    transform-origin: left;
    left: -2px;
    transform: rotate(180deg);
}

.radio-header-banner:after {
    position: absolute;
    content: "";
    background: #fff;
    height: 2px;
    width: 50px;
    bottom: 0;
    top: 49%;
}

.radio-head-container{
    text-align: center;
}

.radio-schedule .vc_tta-tabs-list{
    font-size: 22px;
}

.radio-schedule .vc_tta-tabs-list .vc_active span{
        border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}

.wpb-js-composer  .radio-schedule.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
    background-color: #f19945;
}
.radio-time{
    font-size: 22px;
 
    margin-top: 13px;
    /* top: 17px; */
    display: block;
}

.radio-time-box{
    text-align: center;
}

.radio-time-box .vc_icon_element{
    display: inline-block;
    
}

.show-head{
    font-weight: normal;
}
.show-head b{
    color: #f19648;
    font-weight: normal;
}
.radio-section h2.station-number{
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 900;
}

.radio-time-box .vc_icon_element-inner{
    height: 10px !important;
        width: 25px !important;
}

.radio-time-box .radio-time-head{
    display: inline-block;
}
.radio-time-head{
       font-size: 18px;
    font-weight: 400;
}
 .radio-time-box .vc_icon_element-icon {
    color: #767070 !important;
}

.radio-timer-box{
    font-weight: 300;
}

.radio-time-stations{
     font-weight: 500;
}

.radio-section,.radio-section h2{
    font-weight: 300;
}
/* -- */
body h1.ml8 {
  font-weight: 900;
  font-size: 2.5em;
 
  color: #53267d;
  width: 5em;
  height: 7em;
    margin-bottom:  200px;
   
}
.ml8 .letters-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top:  0px;
  bottom: 0;
  height: 1em;
}

.ml8 .letters {
  position: relative;
  z-index: 2;
  display: inline-block;
  line-height: 0.7em;
  right: 0em;
  top: -0.2em;
}

.ml8 .bang {
  font-size: .4em;
  top: auto;
  left: -0.06em;
}

.ml8 .circle {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
    z-index: -1;
}

.ml8 .circle-white {
  width: 4em;
  height: 4em;
  border: 2px dashed #fff;
  border-radius: 2em;
}

.ml8 .circle-dark {
  width: 3.2em;
  height: 3.2em;
  background-color: #fff;
  border-radius: 3em;
  z-index: -1;
}

.ml8 .circle-dark-dashed {
  border-radius: 2.4em;
  background-color: transparent;
  border: 2px dashed #fff;
  width: 3.4em;
  height: 3.4em;
}


body .radio-post-title h2 {
    position: relative;
    font-size: 25px;
    display: inline;
    padding: 5px;
    z-index: 9;
        color: #fff;
}

.radio-post-title  {
        margin-top: 10px;
}

.radio-section.full-row{
    position: relative;
    z-index: 999;
}

.radio-section .radio-button button.vc_general.vc_btn3{
        background: #0000;
    color: #fff;
    border-color: #fff;
        letter-spacing: 10px;
    font-family: Oswald, Helvetica, Arial, sans-serif;
}

.blend-bg{
           mix-blend-mode: lighten;
}


.page-template-template-radio-homepage-php   #content{
    padding-bottom: 0 !important;
}
.radio-social{
        border-top: 1px solid #756f6f61;
}