.navbar-expand-lg .navbar-nav .nav-link{
  color: #222222;
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
  font-family: oswald;
  text-transform: uppercase;
}

.bgdark{
  background: url(../../../sites/default/files/2025-01/bodyBG.jpg) center center #161616;
}
/*
Theme Name: ellis hall music
Description: one Page HTML5 Theme suitable for music bands
Version: 1.0
*/

/*  Table Of Content
=======================
    1-Preloader
    2-General Styles
    3-Main Bannners
    4-Audio Player
    5-Banner
    6-parallax
    7-Channels
    8-Navigation
    9-Tweets
    10-News/Tracks
    11-Newsletter
    12-facebook Promo
    13-popup
    14-testimonial
    15-Event Promo
    16-Media
    17-Tour
    18-music popup
    19-team Section
    20-Footer
======================*/

body {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #6b6a6a;
  font-family: oswald;
  text-transform: uppercase;
  background:#ccc;
  background-size: contain;
  overflow:hidden;
  overflow-y:scroll;
}
/*==================================
1-Preloader
===================================*/
#jpreOverlay {
  background-color: #161616;
  text-align: center;
}
#jpreSlide {
  font-size: 20px;
  font-weight: bold;
  color: #ccc;
  text-align: center;
  width: 50%;
  height: 30%;
}
.preload_logo {
  position:absolute;
  left:35px;
  top:50%;
  margin-top:-15px;
}
#jpreLoader{
  background:rgba(255,255,255,0.35);
  max-width:300px;
  width: 100%;
  height: 35px;
  margin-left:50px;
}

#jpreBar { background: #e6b333; }
#jprePercentage {
  color: #fff;
  font-size: 35px;
  font-family:oswald;
  font-weight: 300;
  text-align: right;
  line-height:35px;
  top: -100%;
  right:-95px;
  padding-right: 20px;
}
#jpreButton {
  background: #e6b333;
  color: #fff;
  height: auto !important;
  display: inline-block;
  padding: 5px 10px;
  font-size:14px;
  cursor: pointer;
  line-height: normal;
}
/*===========================
2-General Styles
=============================*/

.sections_wrapper{
  background: url(./img/BG/bodyBG.jpg) center center #161616;
}
.boxed_in{
  max-width:1200px;
  margin:0 auto;
}
p { font-family: lato; }
.text_widget {
  font-family: lato;
  text-transform: none;
  margin-top: 40px;
}
.text_widget p { padding: 0 0 20px; color: #000;}
h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
ul {
  margin: 0;
  padding: 0;
}
a {
  color: inherit;
  outline: none !important;
  text-decoration: none !important;
}
h1 { font-size: 110px; font-family: 'Oswald', sans-serif;}
h2 { font-size: 70px; font-family: 'Oswald', sans-serif;}
h3 { font-size: 60px; font-family: 'Oswald', sans-serif;}
h4 { font-size: 40px; font-family: 'Oswald', sans-serif;}
h5 { font-size: 30px; font-family: 'Oswald', sans-serif;}
h6 { font-size: 22px; font-family: 'Oswald', sans-serif;}
img {
  max-width: 100%;
  height: auto;
}
/*h2:after {
    content: '.';
    color: #e6b333;
}*/
.bg1 {
  background: url(./img/BG/banner1.jpg) center center no-repeat;
  background-size: cover;
}
.primary_color { color: #e6b333; }
section, .section {
  padding-top: 42px;
  padding-bottom: 42px;
  overflow: hidden;
}

.alert{
    height: 88px;
}

.section_first { padding-top: 30px; }
a.btn_fb, .btn_fb {
  background: #2f5991;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 30px;
  font-size: 30px;
  border-radius: 0;
  color: #fff;
}
a.btn_fb:hover, .btn_fb:hover{
  background:#194074;
}
.btn-group .btn-default, .open .dropdown-toggle.btn-default{
  background:#e6b333;
  border:none;
  color:#fff;
  font-size:30px;
  width:220px;
  border-radius:0;
  text-align:left;
  padding-left:15px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{
  background:#e6b333;
  color:#fff;
}
.btn-group .dropdown-menu{
  text-align:left;
  width:100%;
  border-radius:0;
  margin:0;
  border:none;
  background:#e6b333;
}
.btn-group .dropdown-menu > li > a{
  color:#fff;
}
.btn-group .dropdown-menu > li > a:hover,.btn-group .dropdown-menu > li > a:focus{
  color:#222;
}
.btn-group .dropdown-menu{
  margin-bottom:0;
  padding-bottom:0;
}
.btn-group{
  margin-top:10px;
}
.btn-default span{
  position:absolute;
  top:50%;
  margin-top:-5px;
  right:20px;
  font-size:20px;
}
.btn_fb:hover { color: #fff; }
.modal{
  width:110%;
  padding-right:8.5%;
  z-index:99999;

}
.modal-dialog{
  width:100%;
  margin-top:0;
  overflow:hidden;
}
.modal-body{
  padding:0;
}
.modal-content{
  border-radius:0;
  background:none;
  box-shadow:none;
  border:none;
  display:block;
  margin:0 auto;
  max-width:95%;
}
.modal button.close{
  width:50px;
  height:50px;
  font-size:35px;
  position: absolute;
  right:5px;
  top:0px;
  float:none;
  z-index:999;
  opacity:1;
}
.modal-open {
  overflow: visible;
}
.section_head_widget h5{ color: #e6b333; }


/*==========================
3-Main Bannners
==========================*/
.hero_section,.poison_slider { position: relative; }
.hero_section .hero_content {
  display: table;
  position:relative;
  margin-left: auto;
  margin-right: auto;
  float:left;
}
a.ScrollTo{
  left:50%;
  margin-left:-50px;
  top:100%;
  margin-top:50px;
  width:100px;
  height:100px;
  border-radius:50%;
  border:2px solid #e6b333;
  font-size:80px;
  color:#fff;
  text-align:center;
  line-height:90px;
  position:absolute;
}
.banner_slider{
  width:100%;
  position:relative;
  clear:both;
  overflow:hidden;
  display:block;
}
.banner_slider .hero_content{
  width:100%;
  height:100%;
}
.banner_slider li{
  list-style:none;
}
.poison_slider{
  padding:0;
}
.banner_slide{
  height:700px;
  margin-top:0;
  margin-bottom:0;
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  display:block;
}
.overlay_left:before{
  content:'';
  position:absolute;
  left:0;
  width:50%;
  height:100%;
  top:0;
  background:rgba(0,0,0,.75);
}

.vegas-controls{
  display:block;
  position:absolute;
  left:-40px;
  top:50%;
  margin-top:-40px;
}
.vegas-controls li{
  list-style:none;
}

.vegas-controls li a,.poison_slider .owl-controls .owl-page span,.fs-pager-wrapper a{
  position:relative;
  width:18px;
  display:block;
  border-radius:50%;
  height:18px;
  margin-bottom:31px;
  background:#515353;
}
.boxed_in .vegas-controls li a{
  display:inline-block;
  margin-bottom:0;
}
.boxed_in .vegas-controls li{
  display:inline-block;
  margin-right:20px;
}
.boxed_in .vegas-controls{
  width:100%;
  left:20px;
  top:0;
}
.vegas-controls li.active a,.fs-pager-wrapper a.active{
  background:#fff;
}
.vegas-controls li.active a:before,.fs-pager-wrapper a.active:before{
  content:"";
  position:absolute;
  left:-11px;
  top:-11px;
  height:40px;
  width:40px;
  border:1px solid #e6b333;
  border-radius:50%;
}
.banner_slider h1{
  font-size:90px;
}
.banner_slider h1:after{
  content: '.';
  color: #e6b333;
}
.banner_slider h2:after{
  display:none;
}
.banner_slider h2{
  color: #e6b333;
}
.banner_slider .btn{
  float:left;
  padding:15px 35px;
  border:none;
  border-radius:0;
  margin-top:45px;
}
.right_align .banner_slider .btn{
  margin-top:20px;
}
.banner_slider .btn-default,.fractionSlide .btn-default{
  background:#e6b333;
  color:#fff;
}
.fractionSlide .btn{
  font-size:30px;
  padding:10px 25px;
  border-radius:0;
  border:none;
}

.banner_slider .btn-white,.fractionSlide .btn-white{
  background:#fff;
  color:#000;
}


.banner-right-align h1,.banner-right-align.banner p,.banner-right-align .caption-buttons{
  text-align:right;
  margin-left:auto;
  margin-right:0;
  display:block;
  width:400px;
  max-width:100% !important;
}


.banner-right-align.banner_slider .btn{
  float:none;
  margin-top:15px;
}
.banner-right-align.banner_slider h1{
  margin-top:30px;
}
.banner-right-align .vegas-controls{
  left:102%;
  margin-top:-120px;
}
.boxed_in .banner-right-align .vegas-controls{
  left:20px;
  margin-top:-40px;
}
.banner-right-content{
  transform:translateY(-40%);
  -webkit-transform:translateY(-40%);
  -moz-transform:translateY(-40%);
  -o-transform:translateY(-40%);
  -ms-transform:translateY(-40%);
}
/*==========================
4-Audio Player
==========================*/
.play_list{
  background:#e6b333;
  padding-top:20px;
  padding-bottom:20px;
}
.list_scroll{
  height:auto;
  max-height:500px;
  position:relative;
  overflow:hidden;
}
.player_wrapper{
  position:relative;
}
a.playlist_expander{
  width:63px;
  margin-right:15px;
  height:67px;
  float:right;
  display:inline-block;
  line-height:67px;
  text-align:center;
  background:#343434;
  color:#fff;
  padding:17px
}
.boxed_in a.playlist_expander{
  margin-right:0;
}
.rock_player{
  display:block;
  width:100%;
  z-index:9999;
}
.pre_sticky.rock_player{
  position: absolute;
  left:0;
  bottom:0;
}
.sticky_player{
  background:#000000;
  background:rgba(0,0,0,0.75);
  width:100%;
  left:0;
  top:0;
  z-index:9999 !important;
  position:relative;
}
.sticky-wrapper.is-sticky{
  z-index:99999;
}
.sticky_player.nosticky{
  position:relative !important;
  top:0 !important;
}
.jp-title{
  font-size:18px;
  color:#fff;
  display:inline-block !important;
  width:226px;
  height:24px;
  overflow:hidden;
  padding-left:15px;
}
.jp-volume li a{
  height:7px;
  width:5px;
  display:block;
  background:#343434;
}
.jp-volume li.active a{
  background:#fff;
}
.jp-volume li:nth-child(2) a{
  height:12px;
}
.jp-volume li:nth-child(3) a{
  height:17px;
}
.jp-volume li:nth-child(4) a{
  height:22px;
}
.jp-volume li:nth-child(5) a{
  height:25px;
}
.jp-volume{
  display:inline-block;
}
.jp-volume li{
  display:inline-block;
  margin-right:0px;
}
.rock_controls{
  display:inline-block;
  width:85px;
}
.rock_controls div{
  width:63px;
  height:67px;
  background:#d41010;
  line-height:67px;
  color:#fff;
  cursor:pointer;
  text-align:center;
}

.audio-progress{
  position:relative;
  background:#343434;
  height:13px;
  width:580px;
  display:inline-block;
  border-radius:8px;
  overflow:hidden;
}

.audio-progress .jp-seek-bar{
  position:absolute;
  left:0;
  top:0;
  height:13px;
  width:100%;
}
.audio-progress .audio-play-bar{
  position:absolute;
  left:0;
  top:0;
  min-height:4px;
  height:100%;
  background:#fff;
}
.audio-timer{
  display:inline-block;
  width:50px;
  padding-left:10px;
  font-size:12px;
  color:#e6b333;
}
.jp-play,.jp-pause{
  display:none;
}

/*==========================
5-Banner
==========================*/
.banner { color: #fff; position:relative; }
.banner p{
  font-size:14px;
  line-height:14px;
  max-width:340px;
  margin-left:auto;
  margin-right:auto;
  font-weight:600;
}
.banner h3 { color: #e6b333; }
.banner h1 { color: #fff; }
.fraction_wrapper{
  background: url(./img/BG/bodyBG.jpg) center center #161616;
  padding-top:0;
  position:relative;
  padding-bottom:65px;
}
.fraction_wrapper p{
  font-size:30px;
  font-weight:800;
}
.fractionSlide .slide{
  overflow:hidden;
  display:none;
}
.fs-pager-wrapper{
  left:5%;
  bottom:30%;
  text-align:center;
}
.video-banner video{
  position: relative;
  height:auto;
  width:100% !important;
  height: auto !important;
  margin-bottom:-5px;
}
.video-banner{
  position:relative;
  padding-top:0;
  padding-bottom:0;
}
.video_controls{
  position:absolute;
  left:0%;
  top:21%;
  text-align:center;
  width:100%;
}
.video_caption,.video_caption h5{
  font-size:20px;
  font-family:lato;
  color:#e6b333;
  font-weight:800;
}
.video_controls .play-pause{
  margin:0 auto;
  width:200px;
  height:200px;
  border:20px solid #e6b333;
  color:#fff;
  border-radius:50%;
  text-align:center;
  line-height:175px;
  font-size:60px;
  cursor:pointer;
  margin-bottom:10px;
  display:none;
}
.video-load{
  display:block;
}


/*==========================
6-parallax
==========================*/
.parallax {
  overflow:hidden;
  clear:both;
  position:relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 0;
  color: #fff;
  height: 100%;
  width: 100%;
  text-align: center;
  margin-top: 42px;
  margin-bottom: 42px;
  padding: 0;
}

.parallax_inner {
  position: relative;
  padding-top: 0px;
  padding-bottom: 50px;
}
.parallax_inner * {
  opacity:1;
}
.parallax_one {
  /*background-image: url(../images/photo_gallery/org_img_1455065888_L-ellis-hall-01.jpg);*/
  background-image: url(../../../sites/default/files/2025-01/musicc.jpg);
  background-size:cover;
  opacity: 0.7;
}
.parallax_two {
  background-image: url(../../../sites/default/files/2025-01/org_img_1464714760_L-blue-guitar-gradient850x530.jpg);
  background-size:cover;
  opacity: 0.7;
}
.parallax_three {
  /*background-image: url(../images/photo_gallery/org_img_1455068202_L-ellis-hall-03.jpg);*/
  background-image: url(../../../sites/default/files/2025-01/org_img_1461188693_L-L-ellis-hall-09.jpeg);
  background-size:cover;
  opacity: 0.7;
}
.parallax_four {
  /*background-image: url(../images/photo_gallery/org_img_1455068235_L-ellis-hall-04.jpg);*/
  background-image: url(../../../sites/default/files/2025-01/org_img_1455068235_L-L-ellis-hall-07.jpg);
  background-size:cover;
  opacity: 0.7;
}
.parallax_five {
  /*background-image: url(../images/photo_gallery/org_img_1455068251_L-ellis-hall-05.jpg);*/
  background-image: url(../../../sites/default/files/2025-01/org_img_1455068251_L-ellis-hall-08.jpg);
  background-size:cover;
  opacity: 0.7;
}
/*==========================
7-Channels
==========================*/
.channels_list{
  overflow:hidden;
}
.channels_list li a {
  display: block;
  width: 100%;
  background: #fff;
  padding: 15px 30px;
  position: relative;
  text-align: right;
  color: #222222;
  overflow:hidden;
}
.channels_list li a:hover {
  background: #e6b333;
  color: #fff;
}
.channels_list li a i {
  position: absolute;
  left: 30px;
  top: 15px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 20px;
  text-align: center;
  overflow:hidden;
}
.channels_list li a:hover i{
  -webkit-animation: toUpCustom 0.3s forwards;
  -moz-animation: toUpCustom 0.3s forwards;
  animation: toUpCustom 0.3s forwards;
}

.ScrollTo i{
  display:block;
  position:relative;
}
.fa-circular {
  border: 1px solid #222;
  border-radius: 50%;
}
.channels_list li a:hover .fa-circular{
  border-color:#fff;
}
.channels_list li {
  display: block;
  margin-bottom: 30px;
  list-style: none;
}
.track_section .channels_list li {
  margin-top: 0;
  margin-bottom: 0;
}
.track_section .row{
  margin: 0;
}
@-webkit-keyframes toUpCustom {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toUpCustom {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toUpCustom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes toDownCustom {
  49% {
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toDownCustom {
  49% {
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toDownCustom {
  49% {
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}


/*=========================
8-Navigation
===========================*/
.navbar-default{
  background:#fff;
  border:none;
  border-radius:0;
  padding:20px 0;
  width:100%;
  left:0;
  z-index:999;
  margin-bottom:0;
}
.noPlayer{
  top:0 !important
}
#sticktop.stickyNav,.nav-stop{
  position:relative !important;
  top:0 !important;
}
.navbar-brand{
  float:none;
}
.navbar-nav{
  margin-top:1px;
  float:right;
}
.navbar-default .navbar-nav > li > a{
  color:#222222;
  font-size:20px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background:none;
  color:#e6b333;
}
.navbar-nav > li > .dropdown-menu {
  margin:0;
  border-radius:0;
}
/*
.navbar-nav > li:hover .dropdown-menu{
    display:block;
}
*/
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
  background:none;
  color:#e6b333;
}


/*==========================
9-Tweets
==========================*/
.latest_tweets .parallax_inner{
  padding-bottom:70px;
}
.tweet li{
  display:block;
  list-style:none;
  font-size:45px;
  line-height:70px;
}
.tweet li a{
  text-decoration:underline;
}
.tweet li a:hover{
  color:#e6b333;
}
.tweet li .date{
  display:block;
  font-size:30px;
  color:#e6b333;
}
.tweet_icon{
  color:#e6b333;
  font-size:90px;
}


/*==========================
10-News/Tracks
==========================*/

.owl_news_wrapper {
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    max-height: 500px;
    min-height: 500px;
    font-size: 12px;
    color: #777777;
    box-shadow: -4px 1px 5px #e6b333;
}
.track_detail_wrapper{
  position:relative;
}

.close_track_detail{
  position:absolute;
  right: 25px;
  top: 50px;
  z-index:99;
  display:none;
}

.news_info_wrapper {
  width: 100%;
  background: #fff;
  background: rgba(255,255,255,0.85);
  text-align: center;
  height: 100%;
}
.track_info_wrapper {
  width: 100%;
  background: #fff;
  background: rgba(255,255,255,0.85);
  text-align: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.track_info {
  top: 50%;
  position: absolute;
  left: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: -80px;
}

.ui-dialog{
  width: 90% !important;
  position: absolute !important;
  background-color: #fff;
  z-index: 999 !important;
}

.ui-dialog-titlebar{
  background-color: #fff;
  color: #fff;
  border: 0px;
  position: absolute !important;
  width: 90%;
  right: 0px;
}

.news_info, .track_info {

}
.track_info {
  padding-left: 40px;
  padding-right: 40px;
}
.track_info h4 {
  font-size: 50px;
  color: #222222;
  margin-bottom: 15px;
}

.audiogalleryteaser{
  height: 330px;
  background-color: #FFF;
}

/* =========================
   SECTION 2: ARTIST BIO SLIDER (NO MOVEMENT ON HOVER)
   FRONT = image + overlay + title
   HOVER = bio popup
   ONLY opacity changes (no top/transform transitions)
   ========================= */

#section_2{
  position: relative;
  overflow: visible !important;
}

/* card sizing */
#section_2 .news_box{
  position: relative;
  height: 535px;
  max-height: 535px;
  overflow: hidden;
  text-align: center;
}

/* =========================
   BIO SLIDER (ISOLATED)
   ========================= */

.bio_slider_section{
  position: relative;
  padding: 40px 0 30px;
  overflow: visible;
}

.bio_slider_head h2{
  margin: 0 0 20px 0;
  color: #fff;
  text-transform: uppercase;
}

.bio_slider_wrap{
  position: relative;
}

.bio_slider_controls{
  position: absolute;
  top: -80px;
  right: 15px;
  z-index: 50;
  display: flex;
  gap: 8px;
}

.bio_slider_controls button{
  width: 47px;
  height: 63px;
  background: #343434;
  color: #fff;
  font-size: 30px;
  line-height: 63px;
  border: 0;
  cursor: pointer;
}

.bio_slider_controls button:hover{
  background: #e6b333;
}

.bio_owl .bio_slide{
  padding: 0;
}

.bio_card{
  position: relative;
  height: 535px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #111;
}

.bio_overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 1;
}

/* FRONT (NO MOVEMENT, ONLY FADE) */
.bio_front{
  position: absolute;
  inset: 0;
  z-index: 3;
  opacity: 1;
  visibility: visible;
  transition: opacity .15s ease, visibility .15s ease;
}

.bio_front_inner{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 0 18px;
  text-align: center;
}

.bio_front_inner h5{
  margin: 0 0 10px 0;
  font-size: 40px;
  color: #fff;
  font-weight: 500;
  text-shadow: 0 2px 10px rgba(0,0,0,0.65);
}

.bio_meta{
  padding: 0;
  margin: 0;
  list-style: none;
  color: rgba(255,255,255,0.9);
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  text-shadow: 0 2px 10px rgba(0,0,0,0.65);
}

.bio_meta li{
  display: inline-block;
}

.bio_meta li:after{
  content: "-";
  padding: 0 6px;
  color: rgba(255,255,255,0.7);
}

.bio_meta li:last-child:after{
  display: none;
}

.bio_cta{
  display: inline-block;
  margin-top: 18px;
  padding: 10px 22px;
  background: rgb(230 179 51);
  color: #4f064d;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  box-shadow: 0 10px 25px rgba(0,0,0,0.45);
}

/* POPUP (NO MOVEMENT, ONLY FADE) */
.bio_popup{
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, visibility .15s ease;
}

.bio_popup_inner{
  width: min(620px, 88%);
  background: rgba(0,0,0,0.82);
  border: 1px solid rgba(255,255,255,0.18);
  padding: 18px;
  text-align: left;
  box-shadow: 0 10px 30px rgba(0,0,0,0.55);
}

.bio_popup_inner h4{
  margin: 0 0 10px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
}

.bio_popup_meta{
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255,255,255,0.82);
  margin-bottom: 10px;
}

.bio_popup_meta strong{
  color: rgba(255,255,255,0.95);
  font-weight: 700;
}

.bio_popup_inner p{
  margin: 0 0 12px 0;
  color: rgba(255,255,255,0.9);
  font-size: 12px;
  line-height: 1.7;
}

.bio_popup_link{
  display: inline-block;
  color: #e6b333;
  text-decoration: none;
  font-weight: 700;
}

/* Hover behavior: ONLY fade, NO TOP SHIFT, NO TRANSFORM */
.bio_card:hover .bio_front{
  opacity: 0;
  visibility: hidden;
}

.bio_card:hover .bio_popup{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* responsive */
@media (max-width: 991px){
  .bio_card{ height: 420px; }
  .bio_front_inner h5{ font-size: 26px; }
  .bio_slider_controls{ top: -70px; }
}


/*==========================
11-Newsletter
==========================*/
.newsletter_section { text-align: center; }
.team_prizes {
  position: relative;
  margin-bottom: 80px;
  min-height: 170px;
}
.newsletter_form {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.newsletter_form form {
  width: 1070px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  background: #000000;
  background: rgba(0,0,0,0.5);
  text-align: center;
  color: #fff;
  padding: 10px;
  display: block;
  z-index:60;
  position:relative;
}
.newsletter_form input {
    width: 380px;
    border: none;
    background: #fff;
    background: rgb(0 0 0 / 59%);
    height: 94px;
    margin-right: 10px;
    display: inline-block;
    padding-left: 10px;
    font-size: 36px;
    float: left;
    font-weight: 300;
}

.newsletter_form #edit-name{
  top: -4px;
  position: relative;
}
.newsletter_form input[type="submit"], .newsletter_form button {
  width: 184px;
  padding-left: 0;
  float: left;
  background: #4f064d;
  border: none;
  height: 94px;
  display: inline-block;
  color: #fff;
  font-size: 36px;
  font-weight: 400;
  text-align: center;
}
.newsletter_form input[type="submit"]:hover, .newsletter_form button:hover{
  background:#222222;
}

.team_stand{
  padding-bottom:30px;
  text-align:center;
  max-width:1077px;
  margin:0 auto;
  position:relative;
}
.team_stand img{
  position:absolute;
  left:0px;
  top:0;
  max-width:100%;
}
.team_stand img:first-child,.team_stand img:nth-child(1){
  position:relative;
  left: auto;
  width:100%;
  height:auto;
}
.team_stand img:nth-child(1) {
  z-index:50;
}
.team_stand img:nth-child(2) {
  z-index:40;
}
.team_stand img:nth-child(3) {
  z-index:30;
}
.team_stand img:nth-child(4) {
  z-index:20;
}
.team_stand img(5) {
  z-index:10;
}


/*==========================
12-facebook Promo
==========================*/

.popup_meta{
  color:#767676;
  font-size:12px;
  padding-left:4px;
}
.popup_meta li{
  list-style:none;
  display:inline-block;
}
.popup_meta li a{
  color:#767676;
}


/*==========================
13-popup
==========================*/
.content_expander{
  position:relative;
  display:none;
  margin-bottom:30px;
}
.albumTrack{
  position:relative;
  margin-bottom:50px;
}
.news_popup{
  background: #fff;
}
.news_popup h2,.newsContent h2{
  color: #222;
}
.pageContentArea .news_row{
  padding-bottom: 80px;
  margin-bottom: 80px;
  border-bottom: 1px solid #ddd;
}
#tracksAjaxWrapper,#newsAjaxWrapper{
  padding-top:0;
  padding-bottom:0;
  position:relative;
}
#newsAjaxWrapper .content_expander{
  padding-top: 30px;
}
#newsAjaxWrapper{
  background: #fff;
}
.trackLoading{
  position:fixed;
  left:0;
  top:0;
  z-index:999;
  color:#fff;
  background:rgba(0,0,0,0.6);
  width:100%;
  height:100%;
  display:none;
}
.trackLoading i{
  font-size:30px;
  top:50%;
  left:50%;
  position:absolute;
  margin-top:-15px;
  margin-left:15px;
}
.content_expander .albumTrack{
  margin-bottom:0;
}
.closeTrackAjax,.closeNewsAjax{
  z-index:99;
  position:absolute;
  top:40px;
  right:30px;
  color:#222222;
  display:none;
}
.modal-body{
  background:#fff;
  padding-bottom:40px;
}
.ui-dialog h2{
  color:#222;
  margin-top:40px;
  font-size: 70px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-family: oswald !important;
  text-transform: uppercase;
  width: 95%;
}
@media (max-width: 1024px) {
  .ui-dialog h2{
    font-size: 30px;
  }

}
.images_grid{
  display:table;
  width:100%;
  clear:both;
  margin-top:25px;
}
.images_grid li{
  list-style: none;
  display:block;
  width:33%;
  margin-right:.3%;
  margin-bottom:.3%;
  float:left;
}
.images_grid li img{
  width:100%;
}
.article_popup,.article_popup p{
  font-size:14px;
  line-height:24px;
}

.article_popup p{
  padding:0 0 15px;
}
.comment_form input{
  text-align:left;
  width:93%;
  float:left;
  border:1px solid #899bc5;
}
.comment_form button{
  margin-top:6px;
  margin-right:11px;
  background:#637bad;
  color:#fff;
  border:1px solid #29447e;
}
.comment_form img{
  float:left;
  width:50px;
  margin-right:20px;
}
.comments{
  background:#f1f1f1;
  padding:8px;
}

.facebook_promo .parallax_inner {
  padding-top: 205px;
  padding-bottom: 215px;
}

/*==========================
14-testimonial
==========================*/
.testimonial {
  padding-top: 0px;
  padding-bottom: 50;
}
.testimonial .parallax_inner {
  padding-top: 200px;
  padding-bottom: 100px;
}
.testimonial blockquote {
  font-size: 60px;
  padding: 0;
  border: 0;
  line-height: 70px;
  padding-bottom: 70px;
  text-transform: capitalize;
  width: 81%;
  margin: 0 auto;
}
.testimonial blockquote b{
  color: #e6b333;
  margin-left: 20px;
  margin-right: 20px;
}
.testimonial a {
  font-size: 20px;
  color: #e6b333;
  line-height: 30px;
}
.testimonial.single-page {
  margin-top:0;
  margin-bottom:0;
}
blockquote .author_name {
  display: block;
  width: 100%;
  text-align: center;
}
.testimonial blockquote .author_name { margin-top: 35px; }
a.btn_itunes {
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #343434;
  display: block;
  padding: 16px;
}
a.btn_itunes:hover{
  background:#e6b333;
}
.testimonial a.btn_itunes {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.btn_itunes:hover { color: #fff; }
.btn_itunes span {
  border-radius: 50%;
  border: 1px solid #fff;
  height: 30px;
  width: 30px;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  margin-right: 16px;
}


/*==========================
15-Event Promo
==========================*/
.event_promo .parallax_inner {
  padding-top: 240px;
  padding-bottom: 120px;
}
.event_promo h3 { color: #e6b333; }
.event_promo a {
  color: #e6b333;
  background:#222222;
  border-radius: 0;
  font-size: 30px;
  margin-top: 35px;
  padding: 15px 40px;
}
.event_promo a:hover {
  color: #fff;
  background: #e6b333;
}
.latest_tweets a.btn {
  color: #fff;
  background: #e6b333;
  border-radius: 0;
  font-size: 30px;
  margin-top: 35px;
  padding: 15px 40px;
}
.latest_tweets a.btn:hover {
  color: #fff;
  background:#222222;
}
/*==========================
 16-Media
==========================*/
.media_widget {
  padding-top: 20px;
  color: #e6b333;
  font-size: 14px;
}
.media_widget h6 { color: #222222; }
.media_widget figure a {
  display: block;
  position: relative;
  overflow: hidden;
}
.media_widget figure a:before {
  content: '';
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  background: rgba(255,255,255,0.75);
}
.media_widget figure { margin-top: 30px; }
.media_widget figure a:hover:after { top: 50%; }
.media_widget figure a:hover:before { top: 0; }
.media_widget figcaption {
  background: #fff;
  padding:25px 20px 28px;
}

.media_widget figure:hover h6{
  color:#e6b333;
}

.galery_widget{
  background:#fff;
}
.galery_widget ul.gal_list{
  text-align:center;
  padding:5px 0 0;
  overflow:hidden;
}
.galery_widget li.gallery-item{
  list-style:none;
  display:block;
}
.galery_widget li.trigger_slider{
  cursor:pointer;
  display: inline-block;
  list-style:none;
  width:15.5%;
  margin:0.1% 0.2%;
  max-height:166px;
  overflow:hidden;
}
.galery_widget .channels_list{
  margin:45px 0;
  padding:0 !important;
  margin-left:-15px;
  margin-right:-15px;
}
.galery_widget .channels_list li a{
  background:#343434;
  color:#fff;
}
.galery_widget .channels_list .fa-circular{
  border-color:#fff;
}
.galery_widget .channels_list li a:hover{
  background:#e6b333;
}
.galery_widget ul.owl-gallery{
  margin:0 !important;
  padding:0 0 10px;
  background:#ebebeb;
}
.gallayoutOption{
  margin:0;
  padding:0;
}
.gallayoutOption{
  right:80px;
  top:80px;
  position:absolute;
  text-align:right;
  font-size:35px;

}
.gallayoutOption li a{
  color:#222;
}
.gallayoutOption li.active a{
  color:#e6b333;
}
.gallayoutOption li{
  display:inline-block;
  list-style:none;
}
.galery_widget ul.owl-gallery li{
  background:#ebebeb;
  padding:10px;
}
.owl-gallery img{
  width:100%;
}
.galery_widget .owl-buttons{
  text-align:right;
  padding-right:5px;
}
.galery_widget .owl-theme .owl-controls .owl-buttons div{
  border-radius:0;
  background:#343434 center center no-repeat;
  color:#fff;
  width:45px;
  height:25px;
  padding:0;
  text-indent:99999999999px;
  overflow:hidden;
}
.galery_widget .owl-theme .owl-controls .owl-buttons div:hover{
  background-color:#e6b333;
}
.galery_widget .owl-theme .owl-controls .owl-buttons div.owl-prev{
  background-image:url(./img/basic/gal-pre.png);
}
.galery_widget .owl-theme .owl-controls .owl-buttons div.owl-next{
  background-image:url(./img/basic/gal-next.png);
}
.galery_widget .owl-controls{
  margin-top:0;
}
.social_share li{
  display:inline-block;
  list-style:none;
}
.galery_widget .social_share{
  text-align:left;
  margin:0 !important;
  display:inline-block;
  position:relative;
  top:-45px;
  padding-left:10px;
  display:none;
  max-width:400px;
}
.social_share .btn-share{
  display:inline-block;
  width:60px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#fff;
  opacity:0.9;
  font-size:14px;
  font-family:lato;
  font-weight:bold;
  border-radius:2px;
  text-transform:none;
}
.social_share .btn-share.twitter{
  background:#66b5d6;
}
.social_share .btn-share.facebook{
  background:#1e477e;
}
.social_share .btn-share.google-plus{
  background:#767676;
}
.social_share .btn-share:hover{
  opacity:1;
}
.social_share .share-count{
  width:48px;
  height:20px;
  background:url(./img/basic/social-count.png) no-repeat center center;
  display: inline-block;
  margin-left:5px;
  margin-right:10px;
  position:relative;
  font-size:14px;
  font-family:lato;
  font-weight:bold;
  color:#424a4f;
  text-align:center;
  line-height:20px;
}
.gallery_popup h6{
  color:#e6b333;
  margin-bottom:30px;
  font-family: oswald;
  font-size: 22px;
  font-weight: 400;
}

.gallery_popup{
  text-align: left;
}

.ui-dialog .ui-dialog-content{
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow-y: scroll !important;
}


/*==========================
17-Tour
==========================*/
.tours_widget {
  width: 100%;
  color: #fff;
  font-size: 18px;
  padding-top: 90px;
  text-align:center;
}
.tour_row_header,.music_row_header{
  color: #e6b333;
  display: table;
  clear: both;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
.tours_widget .column_one, .views-field-field-date {
  width: 100px;
}
.tours_widget .column_two,.music_widget .column_two, .views-field-field-background-image {
  width: 70px;
}
.tours_widget .column_three {
  width: 285px;
}
.tours_widget .column_four, .views-field-field-venue {
  width: 265px;
}
.tours_widget .column_five, .views-field-field-more-info {
  width: 280px;
}
.tours_widget .column_six, .views-field-field-tickets {
  width: 125px;
}
.tours_widget tr,
.tour_row, .music_row {
  display: table;
  clear: both;
  width: 100%;
  border-top: 1px solid #343434;
  border-bottom: 0px solid #fff;
  padding-bottom: 1px;
}
.tours_widget .column_five a, .tours_widget .views-field-field-more-info a  {
  color: #e6b333;
}
.tour_row:last-child, .music_row:last-child { border-bottom: 1px solid #343434; }

.tours_widget tr:hover,
.tour_row:hover {
  border-color: #e6b333;
  border-bottom: 1px solid #fff;
  padding-bottom: 0;
}
.tour_row .column_one, .tour_row .column_three, .tour_row .column_four, .tour_row .column_five,
.views-field-field-more-info, .views-field-field-date, .views-field-field-location, .views-field-field-venue, .views-field-field-more-info{
  padding-top: 28px;
  padding-bottom: 24px;
}
.tour_row .column_five, .views-field-field-more-info { color: #5c5c5c; }
.tour_row .column_two,.music_row .column_two, .views-field-field-background-image {
  padding-top: 15px;
  padding-bottom: 10px;
}
.tour_row .column_six,.music_row .column_eight, .views-field-field-tickets {
  padding-top: 18px;
  padding-bottom: 17px;
}
.tour_row .column_two img,.music_row .column_two img, .views-field-field-background-image img {
  width: 53px;
  height: 53px;
}
.btn_buy_ticket, .btn_watch_video {
  background: #e6b333;
  color: #fff;
  padding: 14px 0;
  text-align: center;
  width: 100%;
  border-radius: 0;
}
.btn_buy_ticket:hover {
  background: #fff;
  color: #222222;
}
.sold_out, .sold_out:hover {
  background: #ffae00;
  cursor: not-allowed;
}


/*==========================
18-music popup
==========================*/
#track_detail{
  position:relative;
  height:0;
}
#track_detail.loading{
  position:relative;
  height:500px;
  overflow:hidden;
}
#track_detail.loading:after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:99;
  display:block;
  background: url(./img/basic/preloader.gif) #fff center center no-repeat;
}
#track_detail.track_loaded{
  height:auto;
}
.music_widget{
  font-size:18px;
  color:#8e8e8e;
  background:#fff;
  padding:40px 48px 62px 48px;
  position:relative;
}
ul.music_widget{
  display:block;
  padding:0;
}
ul.music_widget > li{
  display:block;
  list-style:none;
  padding-bottom:0;
}

.play_list .music_widget{
  background:none;
}

.music_widget .close_popup{
  position:absolute;
  top:0px;
  right:10px;
}
.music_widget h2{color:#222222; margin-bottom:10px;}
.music_widget h6{color:#e6b333;}
.music_row_header{
  color:#8e8e8e;
  margin-top:20px;
}
.music_row{
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
.music_row:last-child{
  border-bottom:2px solid #ebebeb;
}
.music_row:hover {
  border-color: #e6b333;
  border-bottom: 2px solid #222222;
  padding-bottom: 0;
}
.music_widget .column_one {
  width: 42px;
  float: left;
  padding-left:5px;
}
.music_widget .column_three{
  width: 353px;
  float: left;
}
.music_widget .column_four {
  width: 80px;
  float: left;
}
.music_widget .column_five {
  width: 170px;
  float: left;
}
.music_widget .column_six {
  width: 80px;
  float: left;
}
.music_widget .column_seven {
  width: 115px;
  float: left;
}

.music_row .column_one, .music_row .column_three, .music_row .column_four, .music_row .column_five, .music_row .column_six, .music_row .column_seven {
  padding-top: 28px;
  padding-bottom: 24px;
}
.music_row .column_seven a{
  margin-right:15px;
}
.music_widget .column_eight {
  float: left;
  width: 164px;
}
.music_row .column_one,.music_row .column_three{color:#343434;}
.btn_watch_video{
  background:#d0d0d0;
  color:#fff;
}
.btn_watch_video:hover{
  background:#e6b333;
  color:#fff;
}
.music_row .column_seven a:hover{
  color:#e6b333;
}
.play_list .music_row .column_one,.play_list .music_row .column_three,.play_list .music_widget .column_six{
  color:#fff;
}
.play_list .music_row_header,.play_list .music_widget{
  color:#f86969;
}
.play_list .music_row .column_seven a:hover{
  color:#fff;
}
.play_list .btn_watch_video{
  background:#ec2121;
}
.play_list .btn_watch_video:hover{
  background:#000;
}
.play_list .music_row{
  border-color:#f86969;
}
.play_list .music_row:hover{
  border-color:#fff;
  border-top: 1px solid #fff;
}
.play_list .music_widget .column_three{
  width:445px;

}
.play_list{
  position:absolute;
  bottom:100%;
  left:0;
  width:100%;
  display:none;
}
.is-sticky .play_list{
  bottom:auto;
  top:100%;
}


/*====================================
19-team Section
===================================*/
.members_carousel figcaption {
  padding: 8px;
  font-size: 19px;
  color: #222222;
  background: #fff;
  display: block;
}

.members_carousel figure:hover a{
  color:#e6b333;
}
.about_section .section_head_widget { text-align: center; }
.about_section .section_head_widget h4 { color: #e6b333; }

.about_section h1, .about_section h4{
  text-transform: uppercase;
}

/*====================================
20-Footer
===================================*/
footer,footer.parallax{
  margin-bottom:0;
}
.copyrights{
  margin-top:80px;
  font-size:14px;
  float:right;
}
.copyrights a:hover{
  color:#e6b333;
}


/*====================================
Media Queries
===================================*/

@media (min-width: 600px) {
  .news_info_wrapper, .track_info_wrapper,.hover,.btn{
    transition:All 0.40s ease;
    -webkit-transition:All 0.40s ease;
    -moz-transition:All 0.40s ease;
    -o-transition:All 0.40s ease;
  }
  .newsletter_form input[type="submit"], .newsletter_form button,.event_promo a.btn,#track_detail,a.btn_itunes{
    transition:All 0.25s ease;
    -webkit-transition:All 0.25s ease;
    -moz-transition:All 0.25s ease;
    -o-transition:All 0.25s ease;
  }

}
@media (max-width: 1199px) {
  .comment_form{
    text-align:left;
  }
  .comment_form img{
    margin-bottom:5px;
  }
  .comment_form input{
    width:80%;
  }
  .parallax {
    background-attachment: scroll !important;
    background-position: top center !important;
    background-size: cover;
  }
  h1 { font-size: 70px; }
  h2 { font-size: 50px; }
  h3 { font-size: 40px; }
  h4, .track_info h4 { font-size: 30px; }
  h5 { font-size: 20px; }
  h6 { font-size: 15px; }
  .newsletter_form form { width: 800px; }
  .newsletter_form input { width: 300px; }
  .newsletter_form input[type="submit"], .newsletter_form button { width: 160px; }
  .news_info, .track_info {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-top: -40px;
  }
  .tours_widget .column_three, .views-field-field-location { width: 280px; }
  .tours_widget .column_four, .views-field-field-venue { width: 280px; }
  .column_five { display: none; }
  .tours_widget { font-size: 16px; }
  .audio-progress{
    width:30%;
  }
  .music_widget .column_three,.play_list .music_widget .column_three{
    width:40%;
  }
  .poison_slider .owl-controls{
    margin-left:-530px;
    top:35%;
  }
  .right_align.poison_slider .owl-controls{
    margin-right:-530px;
  }
  .banner_slider h1{
    font-size:60px;
  }
  .preload_logo{
    left:0;
  }
  #jpreLoader{
    max-width:220px;
    margin-left:60px;
  }
}

@media (max-width: 1024px) {
  .preload_logo{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
  }
  #jpreLoader{
    margin-left:0px;
    font-size:25px;
  }
  #jprePercentage {
    right: auto;
  }

  .vegas-controls li a{
    display:inline-block;
    margin-bottom:0;
  }
  .vegas-controls li{
    display:inline-block;
    margin-right:20px;
  }
  .vegas-controls,.banner-right-align .vegas-controls{
    width:100%;
    left:20px;
    top:0;
    margin-top:-40px;
  }
  .tours_widget .column_three, .views-field-field-location { width: 220px; }
  .tours_widget .column_four, .views-field-field-venue { width: 220px; }
  .tours_widget .column_six, .views-field-field-tickets { width: 100px; }
  .music_widget .column_three,.play_list .music_widget .column_three{
    width:30%;
  }
  .music_widget{
    font-size:16px;
  }
  .audio-progress{
    width:30%;
  }
  .jp-title{
    padding-left:0;
  }
  .poison_slider .owl-controls,.right_align.poison_slider .owl-controls{
    margin-left:0;
    margin-right:0;
    right:auto;
    top: auto;
    bottom:50px;
    left:0;
    width:100%;
  }
  .poison_slider .owl-controls .owl-page{
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
  }
  .carousel_controls span{
    width:45px;
    height:45px;
    line-height:45px;
  }
  .carousel_controls{
    top:-120px;
  }

  .newsletter_form form{
    width:100%;
  }
  .newsletter_form input{
    width:39%;
    margin-right:1%;
    height:60px;
    font-size:30px;
  }
  .newsletter_form input[type="submit"], .newsletter_form button{
    width:20%;
    height:60px;
    font-size:30px;
  }
  .channels_list li a{
    font-size:12px;
  }
  .testimonial blockquote{
    font-size:30px;
    line-height:45px;
    padding-bottom:20px;
  }
  .event_promo a.btn,a.btn_fb, .btn_fb{
    font-size:25px;
    padding:10px 25px;
  }
  .testimonial .parallax_inner{
    padding-top:100px;
    padding-bottom:70px;
  }
  .event_promo .parallax_inner,.facebook_promo .parallax_inner{
    padding:90px 0 70px;
  }
  .tweet li{
    font-size:30px;
    line-height:45px;
  }
  .tours_widget{
    padding-top:40px;
  }
  .gallayoutOption{
    right:130px;
    top:60px;
  }
}
@media (max-width: 991px) {
  .navbar-nav{
    float:none;
  }
  .video_caption{
    display:none;
  }
  .video_controls .play-pause {
    border: 6px solid #e6b333;
    font-size: 35px;
    height: 140px;
    line-height: 140px;
    width: 140px;
  }
  .banner-right-align h1, .banner-right-align.banner p, .banner-right-align .caption-buttons{
    margin-left:0;
    margin-right:0;
    text-align:left;
  }
  .gallayoutOption{
    right:40px;
    top:60px;
  }
}
@media (max-width: 980px) {
  .music_widget .column_three{
    width:35%;
  }
  .music_widget .column_four,.music_widget .column_five,.music_widget .column_six{
    display:none;
  }
}


@media (max-width: 767px) {

  .music_widget h6{
    margin-bottom:15px;
  }
  .modal{
    padding-right:11%;
  }
  .galery_widget li.trigger_slider{
    width:24%;
    height:auto;
    max-height:none;
  }
  .text-right{
    padding-top:20px;
    text-align:left !important;
  }
  h1,.banner_slider h1{
    font-size:35px;
  }
  h2{
    font-size:30px;
  }
  h3{
    font-size:25px;
  }
  .comment_form input{
    width:60%;
  }
  .music_widget .column_one{
    display:none;
  }
  .music_widget{
    font-size:12px;
  }
  .music_widget .column_eight{
    width:88px;
  }
  .btn_buy_ticket, .btn_watch_video{
    padding:5px;
  }
  .music_row .column_one, .music_row .column_three, .music_row .column_four, .music_row .column_five, .music_row .column_six, .music_row .column_seven{
    line-height:20px;
  }
  .music_widget .column_three{
    padding-top:20px;
  }
  .music_widget .column_seven{
    width:75px;
  }
  .play_list{
    padding-top:20px;
    padding-bottom:10px;
  }
  .music_row_header,ul.music_widget > li.music_row_header{
    display:none;
  }
  .jp-title{
    position:absolute;
    left:90px;
    font-size:12px;
    top:6px;
    width:30%;
  }
  .audio-progress{
    top:10px;
  }.audio-timer,.jp-volume{
     top:8px;
     position:relative;
   }
  .media_widget figure,.tracks_widget .track_box{
    max-width:300px;
    margin:10px auto;
  }
  .media_widget figure img,.tracks_widget .track_box figure img{
    width:100%;
    height:auto;
  }
  .channels_list{
    margin:2px auto;
    max-width:280px;
    float:none;
  }
  .testimonial blockquote,.tweet li{
    font-size:18px;
    line-height:28px;
  }
  .tweet li .date{
    font-size:20px;
    margin-bottom:8px;
  }
  .testimonial blockquote .author_name{
    margin-top:10px;
  }
  .carousel_controls{
    top:-95px;
  }
  a.ScrollTo{
    display:none;
  }
  a.playlist_expander{
    margin-right:0;
  }
  h3 br{
    display:none;
  }
  .tweet_icon{
    font-size:60px;
  }
  .tours_section .column_four{
    display:none;
  }
  .list_scroll{
    max-height:300px;
  }
  a.playlist_expander{
    margin-right:0;
  }

  .overlay_left:before,.banner-right-align:before{
    content:'';
    width:100%;
    height:100%;
    background:rgba(0,0,0,.75);
  }
  .banner-content{
    text-align:center !important;
  }
  .vegas-controls{
    width:100%;
    text-align:center;
    margin-bottom:15px;
    left:0;
  }
  .vegas-controls li{
    margin-left:10px;
    margin-right:10px;
  }
  .music_widget{
    padding:0;
  }
  .galery_widget ul.gal_list{
    margin:0;
    padding:0;
  }
  .galery_widget .channels_list{
    margin:0 auto;
  }
  .channels_list li{
    margin-bottom:5px;
  }
  .gallayoutOption{
    right:auto;
    top:auto;
    text-align:left;
    margin-top:20px;
    position:relative;
  }
}
@media (max-width: 600px) {
  .tours_section .column_two,.tour_row_header{
    display:none;
  }
  .caption-buttons a{
    display:none;
  }
  .video_controls{
    top:40%;
    margin-top:-30px;
  }
  .video_controls .play-pause {
    border: 2px solid #e6b333;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    width: 60px;
  }
  .news_box, .members_carousel figure{
    margin-left:0;
  }
  .music_widget .column_three{
    width:30%;
  }
  .music_row .column_one, .music_row .column_three, .music_row .column_four, .music_row .column_five, .music_row .column_six, .music_row .column_seven,.tour_row .column_two, .music_row .column_two{
    padding-top:0;
    padding-bottom:0;
  }
  .music_row{
    padding:10px 0 !important;
    border-top:none !important;
    min-height:75px;
  }
  .galery_widget li.trigger_slider{
    width:49%;
  }
  .galery_widget .social_share{
    display:none;
  }
}
@media (max-width: 480px) {
  h1,.banner_slider h1{
    font-size:30px;
  }
  h2{
    font-size:28px;
  }
  h3{
    font-size:24px;
  }
  .fs-pager-wrapper{
    display:none;
  }
  .newsletter_form input[type="submit"], .newsletter_form button{
    font-size:20px;
  }
  body{
    font-size: 16px;
    line-height: 25px;
  }
  .list_scroll{
    max-height:250px;
  }
  .video_controls{
    margin-top:-40px;
  }
  .video_controls .play-pause {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
}

@media (max-width: 360px) {
  .track_title{
    padding-bottom:0 !important;
  }
  .play_list .column_seven{
    padding-top:0;
    padding-bottom:10px;
  }
  .tours_section .column_one, .views-field-field-date{
    width:20%;
    padding:15px 0;
    font-size:12px;
  }
  .tours_section .column_three,.tours_section .column_six, .views-field-field-tickets, .views-field-field-location{
    width:40%;
    padding:15px 0;
    font-size:12px;
  }
  .btn_buy_ticket{
    display:block;
    padding:5px 0;
    margin-top:5px;
  }
}

@media (max-width: 330px) {
  .music_widget .column_eight,.jp-volume{
    display:none;
  }
  .music_widget .column_three, .play_list .music_widget .column_three{
    width:42%;
    margin-right:2%;
    font-size:10px;
  }
  a.playlist_expander{
    position:absolute;
    right:0;
    margin-right:0;
    top:0;
  }
}



/*==========Contact Form=========*/
#contactform{
  margin-top:30px;
  margin-bottom:30px;
}
#contactform input{
  display:block;
  width:100%;
  border:none;
  color:#000;
  height:35px;
  margin-bottom:5px;
  padding:0 10px;
}
#contactform textarea{
  height:115px;
  width:100%;
  color:#000;
  padding:10px;
  padding-right:45px;
}

.messageBox{
  position:relative;
}
.messageBox button{
  position:absolute;
  right:0;
  top:0;
  height:94%;
  width:40px;
  text-align:center;
}
/*==========Contact Form 2=========*/
#contactform2 {
  margin-top:30px;
  margin-bottom:30px;
}
#contactform2 input {
  display:block;
  width:100%;
  border:none;
  color:#000;
  height:35px;
  margin-bottom:5px;
  padding:0 10px;
}
#contactform2 textarea{
  height:115px;
  width:100%;
  color:#000;
  padding:10px;
  padding-right:45px;
}

.messageBox2 {
  position:relative;
}
.messageBox2 button {
  position:absolute;
  right:0;
  top:0;
  height:94%;
  width:40px;
  text-align:center;
}
/* New Styles */
.bio > p {
  color: #fff; text-align: left;
}
.event_pic > img { width: 70px !important; height: 70px !important; }

.shadowed {
  text-shadow: 1px 1px 5px #333333;
}

.booking-form {
  margin-top:2rem;
}

/*** Archive Section ***/
#archive-section {
  height:800px;
  min-height:500px;
}
#xv-news1 h2 {
  margin-right:20px;
}

#contact-info {
  font-size:16px;
}
#contact-info p {
  color:#ffffff;
  font-size:14px;
}




.navbar-collapse {
  background-color: white;
  height: 115px;
}

.vegas-background {
  width: 100% !important;

}

.hero_section {
  background-image: url('./img/BG/EHLou1_gradient.jpg');
  background-size: cover;
  background-position: 80%;
}

#section_9{
  background: #000;
}

#section_9 table{
  width: 100%;
}

#section_9 th{
  color: #e6b333;
  clear: both;
  padding-top: 15px;
  padding-bottom: 15px;
}

#section_9 td{
  color: #fff;
  clear: both;
  padding-top: 15px;
  padding-bottom: 15px;
}

.sidemenu_btn{
  right: unset;
}

.contact_form_wrapper{
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.contact_form_wrapper .form-text, .contact_form_wrapper .form-textarea, .contact_form_wrapper .form-email{
  width: 49%;
  displaY: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 0;
  direction: ltr;
  transition-property: padding, box-shadow, background-color, margin-left, margin-right;
  transition-duration: 0s;
  transition-timing-function: ease-in-out;
  max-width: 100%;
  margin-top: 2px;
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  color: rgb(89, 93, 100);
  border: 1px solid #000;
}

.contact_form_wrapper .form-textarea, .contact_form_wrapper .form-email{
  width: 100%;
}

.contact_form_wrapper #edit-last-name {
  margin-right: 0px;
  position: relative;
  right: 0px;
  top: 0px;
  float: right;
}

.contact_form_wrapper label {
  display: block;
  margin-bottom: .5rem;
  text-transform: capitalize;
  font-family: Lato, "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
}

.contact_form_wrapper label[for="last_name"] {
  margin-right: 0px;
  position: relative;
  top: -20px;
  float: right;
  right: -56px;
}

label[for="name"] {
  display: none;
}

.contact_Us form{
  width: 50%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .contact_Us form{
    width: 90%;
    margin: 0 auto;
  }
}

/* =========================
   SECTION 5: LISTEN TO ELLIS (VIDEO GRID)
   - Title overlay on image
   - On hover: title smoothly moves to top
   - "Listen Now!" button stays bottom
   - Opens a custom modal with YouTube embed
   ========================= */

#section_5 .track_section,
#section_5 { position: relative; }

/* make cards consistent */
#section_5 .track_box{
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 370px;
  overflow: hidden;
  background: #111;
}

/* image fill */
#section_5 .track_box figure{
  margin: 0;
  height: 100%;
}
#section_5 .track_box figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* light overlay */
#section_5 .track_box::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(255,255,255,0.72);
  opacity: 1;
  transition: opacity .35s ease;
  z-index: 1;
}

/* Title wrapper */
#section_5 .track_info_wrapper{
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

/* Title centered by default */
#section_5 .track_info{
  position: absolute;
  left: 18px;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  transition: top .45s ease, transform .45s ease;
}

/* Title style */
#section_5 .track_info h4{
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-size: 44px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #222;
}

/* hover: move title to top */
#section_5 .track_box:hover .track_info{
  top: 18px;
  transform: translateY(0);
}

/* Bottom bar button */
#section_5 .track_box .hover{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
#section_5 .track_box .hover a{
  display: block;
  width: 100%;
  padding: 14px 0;
  background: #e6b333;
  color: #fff;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  text-align: center;
}
#section_5 .track_box .hover a:hover{
  filter: brightness(0.95);
}

/* Optional: show image more on hover */
#section_5 .track_box:hover::before{
  opacity: 0.55;
}

/* ===== Modal ===== */
.video_modal{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 24px;
}
.video_modal.is-open{ display: flex; }

.video_modal_dialog{
  width: min(1000px, 95vw);
  background: #000;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}

.video_modal_close{
  position: absolute;
  top: -48px;
  right: 0;
  width: 47px;
  height: 47px;
  background: #343434;
  color: #fff;
  border: 0;
  font-size: 26px;
  line-height: 47px;
  cursor: pointer;
}

.video_modal_iframeWrap{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video_modal_iframeWrap iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* responsive text */
@media (max-width: 991px){
  #section_5 .track_box{ height: 320px; }
  #section_5 .track_info h4{ font-size: 34px; }
}
@media (max-width: 575px){
  #section_5 .track_box{ height: 280px; }
  #section_5 .track_info h4{ font-size: 28px; }
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.sliderlogo{
  width: 585px !important;
  height: unset !important;
  position: relative;
  left: -300px;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  display: block;
  z-index: 9999;
  right: 100px;
}

.ui-dialog .ui-dialog-titlebar-close:after {
  content: "X";
  color: #000;
  font-size: 22px;
  font-weight: 900;
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 20px;
  height: 28px;
  background-color: #fff;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 1.5em !important;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 28px !important;
}

#section_3{
  top: 0px;
}
.hero-slide {
    position: relative;
    width: 100%;
    min-height: 800px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    overflow: hidden;
    background-image: url("../../../sites/default/files/2025-01/sld-01.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #000;
    flex-direction: column;
}
.hero-slide h3 {
    position: relative;
    z-index: 1;
    font-size: 42px;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
    max-width: 1000px;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    font-family: 'Oswald', sans-serif;
}

    /* dark overlay */
    .hero-slide::before{
      content: "";
      position: absolute;
      inset: 0;
      background: #000;
      opacity: 0.6;
      pointer-events: none;
    }

    /* logo */
    .hero-logo{
      position: relative;
      z-index: 1;
      display: block;
      max-width: min(90vw, 1400px);
      height: auto;
      filter: drop-shadow(2px 4px 6px #fff);
    }

    /* responsive */
    @media (max-width: 991px){
      .hero-slide{
        min-height: 650px;
      }
      .hero-logo{
        max-width: 90vw;
      }
    }

    @media (max-width: 575px){
      .hero-slide{
        min-height: 520px;
      }
    }
@media (max-width: 575px){
    .hero-slide h3 {
        font-size: 26px;
        padding: 0 20px;
    }
}

	    /* ===== Section ===== */
    .newsletter_section{
      position: relative;
      padding: 70px 0 90px;
      color: #fff;
      overflow: hidden;
    }

    /* Dark textured background (use your own if you want) */
    .newsletter_section::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
    }

    .newsletter_section .container{
      position: relative;
      z-index: 1;
      width: min(1200px, 92vw);
      margin: 0 auto;
    }

.newsletter_section h3 {
    margin: 0 0 30px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: clamp(26px, 3vw, 26px);
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #ffffffd9;
    text-shadow: 1px 1px 5px #000;
}

/* FULL-WIDTH IMAGE CARD */
.newsletter_card{
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-radius: 0;
}

/* Make image cover full width */
.newsletter_card .card_bg{
  width: 100%;
  height: 520px;
  object-fit: cover;
  display: block;
}

/* Center form bar and limit its width */
.newsletter_formbar{
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: min(1100px, 92%);
}

/* Inputs stretch evenly */
.newsletter_form{
  display: grid;
  grid-template-columns: 1fr 1fr 180px;
  gap: 16px;
}

/* Responsive */
@media (max-width: 900px){
  .newsletter_card .card_bg{
    height: 420px;
  }

  .newsletter_form{
    grid-template-columns: 1fr;
  }
}
    .newsletter_input{
      width: 100%;
      height: 56px;
      padding: 0 16px;
      border: 1px solid rgba(255,255,255,.15);
      background: rgba(0,0,0,.45);
      color: #fff;
      font-size: 18px;
      outline: none;
    }

    .newsletter_input::placeholder{
      color: rgba(255,255,255,.55);
    }

    .newsletter_btn{
      height: 56px;
      border: 0;
      cursor: pointer;
      background: #b27cff; /* purple button like screenshot */
      color: #fff;
      font-size: 20px;
      font-weight: 700;
    }

    .newsletter_btn:active{
      transform: translateY(1px);
    }

    /* ===== Responsive ===== */
    @media (max-width: 900px){
      .newsletter_form{
        grid-template-columns: 1fr;
      }
      .newsletter_btn{
        width: 100%;
      }
      .newsletter_formbar{
        padding: 14px;
      }
    }
    
[type=button]:not(:disabled) {
  cursor: pointer;
  color: #000;
  overflow: hidden;
  background: #fff;
  font-size: 37px;
}

.ui-button-icon-only{
  text-indent: unset !important;
}

.navbar-toggle{
  display: none;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png")/*{iconsActive}*/;
}

@media (max-width: 767px) {
  .tp-bgimg{
    background-position: right top !important;
    background-position-x: -825px !important;
  }

  .opacity-6{
    opacity: 0 !important;
  }

  .sliderlogo{
    left: -55%;
    width: 180px !important;
  }

  .media_widget_footer {
    padding-top: 20px;
    color: #e6b333;
    font-size: 14px;
    left: 60px;
    position: relative;
  }

  .navbar-collapse{
    height: unset;
  }

  .navbar-toggle{
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
}


#webform_booking .form-email,
#webform_booking .form-tel
{
  width: 49%;
  displaY: inline-block;
}

.full-booking-form label{
  display: block;
}

.full-booking-form input,
.full-booking-form .form-tel,
.full-booking-form .form-email{
  width: 100% !important;
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.full-booking-form div.form-item--phone,
.full-booking-form div.form-item--email{
  width: 49%;
  display: inline-block;
}

.full-booking-form .form-date,
.full-booking-form .form-time{
  width: 100% !important;
}

.full-booking-form .form-item-date-date,
.full-booking-form .form-item-date-time{
  width: 49% !important;
}

.full-booking-form .form-item{
  margin-bottom: 15px;
}

.full-booking-form .section_head_widget{
  margin-bottom: 30px;
}

.full-booking-form button {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ui-widget-header .ui-icon{
  background-image: unset;
}

/* keep your parallax background as-is; we only style what’s inside */
.music-player-wrap .container{
  position: relative;
  z-index: 2;
}

.music-player-wrap .mp-header{
  text-align: center;
  margin-bottom: 22px;
}

.music-player-wrap .mp-header h3{
  margin-top: 6px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 18px;
  opacity: .9;
}

/* glass shell that sits over your parallax */
.music-player-wrap .mp-shell{
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 22px;
  background: rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(6px);
}

/* left */
.music-player-wrap .mp-left{
  width: 240px;
  flex: 0 0 240px;
}

.music-player-wrap .mp-cover{
  width: 210px;
  height: 210px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.14);
  display: grid;
  place-items: center;
}

.music-player-wrap .mp-cover-icon{
  font-size: 64px;
  opacity: .85;
  color: #fff;
}

/* right */
.music-player-wrap .mp-right{
  flex: 1;
  min-width: 0;
}

/* top row */
.music-player-wrap .mp-top{
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 14px;
}

.music-player-wrap .mp-play{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: none;
  background: #e6b333;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.music-player-wrap .mp-play-icon{
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid #fff;
  margin-left: 3px;
}

.music-player-wrap .mp-play.is-playing .mp-play-icon{
  width: 14px;
  height: 14px;
  border: 0;
  margin-left: 0;
  position: relative;
}
.music-player-wrap .mp-play.is-playing .mp-play-icon::before,
.music-player-wrap .mp-play.is-playing .mp-play-icon::after{
  content:"";
  position:absolute;
  top:0;
  width:4px;
  height:14px;
  background:#fff;
}
.music-player-wrap .mp-play.is-playing .mp-play-icon::before{ left:2px; }
.music-player-wrap .mp-play.is-playing .mp-play-icon::after{ right:2px; }

.music-player-wrap .mp-meta{
  flex: 1;
  min-width: 0;
}

.music-player-wrap .mp-title{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .2px;
  color: rgba(255,255,255,0.95);
  margin-bottom: 10px;
  text-shadow: 0 2px 10px rgba(0,0,0,0.55);
}

/* progress */
.music-player-wrap .mp-progress{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.music-player-wrap .mp-time{
  font-size: 12px;
  color: rgba(255,255,255,0.75);
  width: 46px;
  text-align: center;
}

.music-player-wrap .mp-seek{
  flex: 1;
  height: 3px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(255,255,255,0.22);
  border-radius: 10px;
  outline: none;
}

.music-player-wrap .mp-seek::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff2a7a;
  cursor: pointer;
  border: none;
}

/* controls */
.music-player-wrap .mp-controls{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.music-player-wrap .mp-btn{
  width: 36px;
  height: 32px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.35);
  color: rgba(255,255,255,0.9);
  cursor: pointer;
  font-size: 14px;
}

.music-player-wrap .mp-btn:hover{
  background: rgba(0,0,0,0.5);
}

.music-player-wrap .mp-btn.is-active{
  border-color: rgba(255,42,122,0.9);
  box-shadow: 0 0 0 2px rgba(255,42,122,0.25) inset;
}

.music-player-wrap .mp-vol{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}

.music-player-wrap .mp-vol-ic{
  font-size: 14px;
  opacity: .9;
}

.music-player-wrap .mp-volume{
  width: 120px;
  height: 3px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(255,255,255,0.22);
  border-radius: 10px;
  outline: none;
}

.music-player-wrap .mp-volume::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff2a7a;
  cursor: pointer;
  border: none;
}

/* list */
.music-player-wrap .mp-list{
  background: rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.14);
  max-height: 260px;
  overflow: auto;
}

.music-player-wrap .mp-item{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  cursor: pointer;
  background: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.92);
}

.music-player-wrap .mp-item:hover{
  background: rgba(255,255,255,0.14);
}

.music-player-wrap .mp-item.is-active{
  background: #4f064d;
  color: #fff;
}

.music-player-wrap .mp-note{
  width: 18px;
  opacity: .85;
}

/* footer */
.music-player-wrap .mp-footer{
  margin-top: 16px;
}

/* responsive */
@media (max-width: 900px){
  .music-player-wrap .mp-shell{
    flex-direction: column;
    align-items: stretch;
  }
  .music-player-wrap .mp-left{
    width: 100%;
    flex: none;
    display: flex;
    justify-content: center;
  }
}

/* =========================
   NAVIGATION FIXED POSITIONS
   ========================= */

/* STOP killing sticky/fixed */
#sticktop.stickyNav,
.nav-stop{
  position: static !important;
  top: auto !important;
}

/* Nav starts at bottom of viewport */
header .navbar.fixed-bottom{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  z-index: 99999 !important;
}

/* When scrolled, theme adds .fixedmenu */
header .navbar.fixed-bottom.fixedmenu{
  top: 0 !important;
  bottom: auto !important;
}

/* =========================
   FOOTER LAYOUT (MATCH IMAGE)
   ========================= */
#site-footer .parallax_inner{
  padding: 35px 0 0px;
}

/* Keep bootstrap columns, but make the row behave like the screenshot */
#site-footer .footer-main .row{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

#site-footer .col-md-4{
  float: none;              /* override old bootstrap float behavior */
}

/* Headings */
#site-footer .section_head_widget{
  margin-bottom: 22px;
}
#site-footer .section_head_widget h3{
  font-family: "Oswald", sans-serif;
  font-size: 45px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  margin: 0;
  line-height: 1;
}

/* =========================
   FORM CARD
   ========================= */
#site-footer .contact_form_wrapper{
  background: rgba(190,190,190,0.75);
  padding: 18px 18px 16px;
  max-width: 380px;
  margin: 0 auto;
}

/* Form spacing */
#site-footer .contact_form_wrapper form{
  margin: 0;
}

/* two inputs on top like screenshot */
#site-footer .contact_form_wrapper .name-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 10px;
}

/* labels like screenshot (small caps) */
#site-footer .contact_form_wrapper label{
  display: block;
  margin: 0 0 6px;
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(0,0,0,0.55);
}

/* inputs/textarea */
#site-footer .contact_form_wrapper input.form-control,
#site-footer .contact_form_wrapper input[type="email"],
#site-footer .contact_form_wrapper textarea{
  width: 100%;
  border: 1px solid rgba(0,0,0,0.35);
  background: rgba(220,220,220,0.85);
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: #222;
  font-size: 13px;
  padding: 10px 10px;
}

/* Email row full width */
#site-footer .contact_form_wrapper input[type="email"]{
  margin-bottom: 10px;
}

/* Message label and box */
#site-footer .contact_form_wrapper textarea{
  min-height: 180px;
  resize: none;
}

/* Button full width like screenshot */
#site-footer .contact_form_wrapper button{
  width: 100%;
  margin-top: 12px;
  padding: 14px 12px;
  border: 1px solid rgba(0,0,0,0.35);
  background: rgba(210,210,210,0.85);
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111;
  cursor: pointer;
}
#site-footer .contact_form_wrapper button:hover{
  background: #e6b333;
  border-color: #e6b333;
  color: #111;
}

/* =========================
   REPRESENTATION TEXT
   ========================= */
#site-footer .col-md-4:nth-child(2){
  text-align: center;
}
#site-footer .col-md-4:nth-child(2) > div:not(.section_head_widget){
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55) !important;
  line-height: 26px;
}

/* =========================
   CONNECT BUTTONS
   ========================= */
#site-footer .channels_list{
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 360px;
}

#site-footer .channels_list li{
  margin: 0 0 18px;
}

#site-footer .channels_list li a{
  display: block;
  padding: 16px 22px;
  background: rgba(190,190,190,0.75);
  color: #111;
  border: 1px solid rgba(0,0,0,0.18);
  text-align: right;
  font-family: "Oswald", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
}
#site-footer .channels_list li a:hover{
  background: #e6b333;
  color: #111;
}

/* =========================
   COPYRIGHT
   ========================= */
#site-footer .copyrights{
  float: none;
  text-align: center;
  margin-top: 70px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 991px){
  #site-footer .footer-main .row{
    display: block; /* stack columns */
  }
  #site-footer .section_head_widget h3{
    font-size: 44px;
  }
  #site-footer .contact_form_wrapper{
    max-width: 420px;
  }
}
@media (max-width: 767px){
  #site-footer .contact_form_wrapper .name-row{
    grid-template-columns: 1fr;
  }
}



  /* Masonry Layout */
.masonry-wrapper {
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 20px;
}

.masonry-grid {
  column-count: 4;
  column-gap: 24px;
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 24px;
}

.masonry-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  cursor: pointer;
  object-fit: contain;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.masonry-img:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}

/* Lightbox */
.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.95);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
}

.lightbox-img {
  max-width: 90vw;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 12px;
}

/* Controls */
.lightbox .close,
.lightbox .nav {
  position: fixed;
  color: #fff;
  font-size: 42px;
  cursor: pointer;
  user-select: none;
  z-index: 10000000;
}

.lightbox .close {
  top: 30px;
  right: 40px;
}

.lightbox .prev {
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.lightbox .next {
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

/* Responsive */
@media (max-width: 991px) {
  .masonry-grid {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  .masonry-grid {
    column-count: 1;
  }
}