body{margin: 0px; padding: 0px; font-family: 'Raleway', sans-serif;}

a{text-decoration: none;}

.container{max-width: 1240px;}

header{width: 100%; margin: 0px; padding: 10px 0px 20px; background: #02582B;; position: relative;
z-index: 5;border-top: 5px solid #ed1c24;}

.logo{margin:40px 0px 0px;}

.logo img{max-width: 100%; margin: 0px;}

.cntct-info a{margin:0px; padding: 0px; color: #fff; font-size: 17px; font-weight: 500;}

.menu-dv{margin: 25px 0px;}

.live-radio-top{margin: 0px;} 

.live-radio-top p {
    color: #fff;
    font-size: 20px;
    margin: 0px;
    padding: 13px 0px 0px;
    font-weight: 600;
    width: 45%;
    float: left;
}

.serimg{display: inline-block; width: 10%; text-align: center; position: relative;transition: all 0.6s ease;margin: 0px 30px 0px 0px;
    }

.serimg img{
    max-width: 100%;
    z-index: 1;
    margin-bottom: -52%;
    transform: scale(1);
    transition: all 0.25s;
    position: relative;
}
.serimg img:hover {
    z-index: 3;
    transform: scale(2);
  }


#banner-home {width: 100%;margin: 0px;height: auto; float: left;}

.banner-text {
    color: #fff; font-size: 56px; margin:0px; text-transform: uppercase;
    position: absolute; top: 50px;
}

.banner-text h4 span {
    font-weight:400; font-size: 55px; font-weight: bold;
}

.banner-text h4 span:first-child {
    font-size: 38px; font-weight: bold;
}

.servc-icons{z-index: 11; position: absolute; bottom: 180px;}

#welcome-dv{width:100%; float:left; padding:80px 0px; background: #fff; 
    border-top:5px solid #ed1c24;}

.welcome-text{padding: 25px 0px;} 

.welcome-text h2{margin: 0px; padding: 0px; color: #1a1a1a; text-align: left; font-weight: 400;
font-size: 28px;}

.jam {
    color: #ed1c24;
}

.rad {
    color: #00a651;
}

.welcome-text p {
    margin: 15px 0px 0px;
    padding: 0px;
    color: #1a1a1a;
    text-align: left;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
}

.welcome-img{height: 100%;position: relative;z-index: 0;}

.welcome-img::before, .welcome-img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border: 2px solid #ed1c24;
    transition: all 0.25s ease-out;
  }
  .welcome-img::before {
    background-color: #ed1c24;
    top: -15px;
    left: -15px;
  }
  .welcome-img::after {
    bottom: -15px;
    right: -15px;
  }
  .welcome-img:hover::before {
    top: 15px;
    left: 15px;
  }
  .welcome-img:hover::after {
    bottom: 15px;
    right: 15px;
  }

  .welcome-img img{width: 100%; float: left; height: 100%;}


#jd-section{width: 100%; margin: 0px; padding:50px 0px; float: left; /*background: #f5be58;*/ background: #f5f5f5;}

.dj-head h2{margin: 0px; padding: 0px; color: #000;}

.dj-bxes{margin: 0px; padding: 0px;}

.dj-bx-ons{width: 18%; margin: 20px 2% 0px 0px; float: left;}

.dj-bx-ons:last-child{margin-right: 0px;}

.dj-bx-img{height: 165px;}

.dj-bx-img img{width: 100%; height: 100%;border-radius: 10px;}

.dj-bx-text{margin-top: 10px;}

.dj-bx-text h3{margin: 0px; padding: 0px; text-align: center; font-weight: 400;
font-size: 24px; text-transform: uppercase;}

.dj-bx-text a{color: #000;}

/*#newsletter{width: 100%; margin: 0px; padding:35px 0px; float: left; background-image: url(../images/footerbg.jpg);
    background-position: center top; background-repeat: repeat;  background-size: 100% auto;}*/

#newsletter{width: 100%; margin: 0px; padding:55px 0px; float: left; background: #02582B;}

#newsletter h2{margin: 0px; padding: 0px; color: #fff; font-weight:400;font-size: 26px;}

.newsletter p{margin:15px 0px; padding: 0px; color:#fff;}

.newsletter-subs form{width: 100%; float: left; margin-top: 10px;}

.news-input{width: 66%; float: left; margin: 0px; padding:15px 12px; background: #222; color: #fff;
font-size: 14px; border:none;}

.news-input::placeholder{opacity: 1; color: #ccc;}

.news-input:focus, .subs-bt:focus{outline: none;}

.subs-bt{
        float: left;
    margin: 0px 0px 0px 0px;
    padding: 17px 18px;
    background: #fff;
    color: #222;
    font-size: 11px;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
}

.cpyright p {
    margin: 0px;
    padding: 0px;
    font-size: 17px;
    color: #fff;
    text-align: right;
    font-weight: 500;
}

.cpyright ul{margin:10px 0px 0px; padding: 0px; list-style: none; text-align: right;}

/*.cpyright ul li a i{
    font-size: 29px; width: 62px; height: 62px; border: 4px solid #fff;
    text-align: center; line-height: 58px; border-radius: 50%;
}*/

.cpyright ul li a i {
    font-size: 20px;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    background: #ed1c24;
}

.cpyright ul li a i:hover{color: #fff;background: #d7df21;}

.cpyright ul li{display: inline-block; margin: 0px 8px 0px 0px;}

.cpyright ul li a{color: #fff;}

/**home-end**/

/**dj-profile**/

#banner-dj{width: 100%; margin: 0px; padding: 0px; position: relative;}

.dj-img-banner{position: relative;}

.dj-img-banner img{width: 100%;}

.header{position: relative; background:#02582B;}

.dj-music{margin:0px 0px; padding: 0px; height: 100%; position: absolute; left: 0; top: 0px;
}

.djmn-hd{margin-bottom:20px;}
.djmn-hd1{margin-bottom: 20px;
    padding: 30px;
    background: #ed1c24;
    border-radius: 16px;}
.djmn-hd h1{margin: 0px; padding: 0px; font-weight: 400; text-transform: uppercase; font-size: 40px;
color: #fff }

.djmn-hd1 h2{    margin: 0px;
    padding: 0px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff; }
	
.djmn-hd1 h3{margin: 0px; padding: 0px; font-weight: 400; text-transform: uppercase; font-size: 22px;
color: #fff; padding-top:30px; }
.djmn-hd1 h3 a {     text-decoration: none;
    color: #fff;
    background: #02582b;
    
    padding: 7px 24px;
    text-align: center;
    border-radius: 25px; 
}
.djmn-hd1 h3 a:hover {background: #000;
}


.dj-music .servc-icons{position: relative; bottom: inherit; margin-top: 70px;}

.dj-music .serimg{width: 13%;}

.dj-main-section{padding: 60px 0px; background: #08090e;}

.djlist-ons img{width: 100%; float: left;}

.djlist-ons h3{font-size: 25px; margin: 0px 0px 10px; color: #fff;}

.djlist-ons p {
    margin: 0px;  padding: 0px; color: #fff; text-align: left;
    font-weight: 400; font-size: 16px;
}

.djlist-ons .col-lg-9{padding-left: 0px;}

.djlist-ons .col-lg-3{padding-right: 20px;}

.djlist-ons{margin: 10px 0px 40px;}

.djlist-ons:last-child{margin-bottom: 0px;}

.spnsr-text p{margin: 0px; padding: 0px; font-weight: 600; color: #ddd; text-transform: uppercase;
font-size: 28px;}

.galitem{  
float:left; height: 250px;  width:25%; overflow:hidden;	}

.galitem img {
   height: 100%; max-width: 100%;  width: 100%;
}

.cnt-form{margin: 0px;}

.cnt-pera  p{margin:0px 0px 0px; padding: 0px; font-size: 18px; color: #fff; font-weight: 600;}

.cnt-form p input{width: 100%; background: transparent; border:none;
 border-bottom: 1px solid #ccc; padding: 9px 0px; font-size: 15px; color: #fff;}

.cnt-form p textarea{width: 100%; background: transparent; border:none; height: 100px;
 border-bottom: 1px solid #ccc; padding:9px 0px; font-size: 15px; color: #1a1a1a;}

.cnt-form p input:placeholder, .cnt-form p textarea:placeholder{opacity: 1; color: #1a1a1a;}

.cnt-form p input:focus, .cnt-form p textarea:focus,.sbmt-bt input:focus{outline: none;}

.cnt-form p{margin:25px 0px 0px;}

.sbmt-bt {text-align: center; margin-top: 10px;}

.sbmt-bt input {
    background-color: #ed1c24; border: 0 none; border-radius: 0; box-shadow: none;
    color: #ffffff; font-size: 20px; margin: 0px auto; padding: 8px 10px; display: inline-block; margin-top: 30px; margin-bottom: 30px;
    text-align: center; text-transform: uppercase; font-weight: 500;  width: 150px; max-width: 100%; cursor: pointer;
}

.cnt-right-info{text-align: left;}

.cnt-right-info i{background: #ed1c24; width: 38px; height: 38px; border-radius: 50%; text-align: center;
color: #fff; line-height: 38px; font-size: 20px; margin-right: 10px;}

.cnt-right-info p{margin: 0px; padding: 0px; font-size: 16px; color: #fff; display: inline-block;}

.cnt-right-info p a{color: #fff; text-decoration: underline;}

/**css-end**/

/**menu-css*start**/

/*

a#toggle {
    position: relative;  text-align: center;   color: #fff;
    display: none;    margin-right: 10px;  outline: none;
    z-index: 99;  transition: all ease-out .3s;
}

a#toggle i {
    font-size: 30px
}

#menu .fa-plus {
    display: none
}

a#toggle i {
    position: relative;
}

.open-menu a#toggle i {
    color: #fff
}

main#content {
    padding: 10px
}

#menu {
    text-align: left; transition: all ease-out .3s
}

#menu a {
    color: #000;  text-decoration: none
}

#menu ul {
    margin: 0; padding: 0; text-align: center;
}

#menu ul li {
    display: inline-block;  position: relative
}

#menu ul li:first-child:before {
    border-left: none
}

#menu ul li>a {
    display: inline-block;  padding: 0px 7px 0px 5px;  font-size: 15px;  border-right: 1px solid #fff;
   margin: 0 0px 0px 0px;   color: #fff; font-weight: bold; text-transform: uppercase;
}

#menu ul li>a:hover{text-decoration: underline;}

#menu ul li a.active {
    color: #7fe1c0;   border-bottom: 13px solid #7fe1c0
}

#menu ul li:last-child a {
    border-right: none; padding-right: 0px
}

#menu li:first-child a {
    margin-left: 0
}

#menu ul li>a>i {
    margin-left: 15px;  transition: all ease-out .3s;  -webkit-transition: all ease-out .1s;
    font-size: 25px; font-weight: bold;
}

#menu ul li ul {
    display: none;   position: absolute;  top: 32px;  width: 250px;
    background: #000050; text-align: left;  z-index: 2
}

#menu ul li ul li a {
    border: none
}

#menu ul li ul li:hover>a {
    color: #fff
}

#menu ul li ul li a:hover {
    color: #80e1c0!important
}

#menu ul li ul li {
    display: block;
}

#menu ul li ul li a {
    display: block;  text-transform: capitalize; color: #fff;  font-size: 14px;
    padding: 12px 25px;  font-weight: 400;  margin: 0
}

#menu ul li ul li:hover>a {
    color: #fff
}

#menu ul li ul li:before {
    border-left: none
}

#menu ul li:hover>a>i {
    transform: rotateZ(90deg)
}

#menu ul li:hover ul {
    display: block
}


@media screen and (max-width:767px) {
#menu ul li > a i{display: block;}

.open-menu a#toggle{  top: -160px;
}

    a#toggle {
        display: block
    }
    a#toggle:hover {
        text-decoration: none
    }
    #menu .fa-plus {
        display: block
    }
    main#content {
        margin-top: 65px;   transition: all ease-out .3s
    }
    #menu {
        position: fixed;  width: 100%;  height: 100%;  top: 0;  right: 0;
        overflow: hidden;   overflow-y: hidden;  z-index: 9;  overflow-y: auto;
        background-color:#171717;  transform: translateX(750px)
    }
    #menu ul {
        text-align: left;  background-color: transparent;  padding-top: 40px;
        padding-left: 50px;   padding-bottom: 30px;  padding-right: 50px
    }
    #menu ul li ul {
        padding-top: 0
    }
    #menu ul li {
        display: block
    }
    #menu ul li a {
        display: block;  color: #fff;  padding: 16px 0!important;  margin: 0; outline: none;
    }
    #menu ul li a>i {
        float: right
    }
    #menu ul li ul {
        display: none;  position: static;  padding: 0;  width: 100%
    }
    #menu ul li:hover>ul {
        display: none
    }
    #menu ul li:hover>a>i {
        transform: rotateZ(0)
    }
    .open a i::before {
    content: "\f106";
}
    #menu ul li.open>ul {
        display: block
    }
    div#overlay {
        display: block;  visibility: hidden; position: fixed;
        right: 0;  top: 0;  width: 100%;   height: 100%; background-color: rgba(0, 0, 0, .8);
        z-index: 1; opacity: 0
    }
    html.open-menu {
        overflow: hidden
    }
    html.open-menu div#overlay {
        visibility: visible;   opacity: 1;  width: calc(-150%);  left: 250px
    }
    html.open-menu nav#menu {
        z-index: 22;  transform: translateX(0)
    }
    #menu ul li>a {
        border-right: none
    }
    #menu ul li {
        border-bottom: 1px solid #e5e5ed;
    }
    #menu ul li ul a {
        font-size: 17px!important;  font-weight: 400;  padding: 8px 0!important
    }
    #menu ul li ul li {
        border-bottom: none
    }
    #menu ul li ul {
        background: 0 0
    }
    .open-menu .fa-bars:before {
        content: "\f00d"
    }
    #menu li:last-child {
        border-bottom: none
    }
    #menu ul li::before {
        display: none
    }
    #menu ul li a.active {
        border-bottom: none
    }
}

*/
/**menu-css-end**/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src:url('../fonts/flexslider-icon.eot');
  src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/flexslider-icon.woff') format('woff'),
    url('../fonts/flexslider-icon.ttf') format('truetype'),
    url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px;  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; /*opacity: 0;*/ cursor: pointer; color: rgba(0,0,0,0.8); display: none; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/ }
.flex-direction-nav .flex-prev { /*left: -50px;*/ }
.flex-direction-nav .flex-next { /*right: -50px;*/  position:absolute; right:0px;  }
/*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;  }*/
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:30px; text-align: center; z-index:99;}
.flex-control-nav li {margin: 0 6px; display:none; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/**bottom-to-top**/

/**view-box**/

.viewbox-container{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	z-index: 700;
}
.viewbox-body{
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	overflow: auto;
}
.viewbox-header {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
    text-transform: uppercase;
}
.viewbox-content{
	margin: 10px;
	width: 300px;
	height: 300px;
}
.viewbox-footer{
	margin: 10px;
}
.viewbox-content .viewbox-image{
	width: 100%;
	height: 100%;
}

/* buttons */
.viewbox-button-default{
	cursor: pointer;
    height: 64px;
    width: 64px;
}
.viewbox-button-default > svg{
	width: 100%;
	height: 100%;
	background: inherit;
	fill: inherit;
	pointer-events: none;
	transform: translateX(0px);
}
.viewbox-button-default{
	fill: #999;
}
.viewbox-button-default:hover{
    fill: #fff;
}

.viewbox-button-close{
	position:absolute;
	top:10px;
	right: 10px;
	z-index:9;
}
.viewbox-button-next,
.viewbox-button-prev{
	position:absolute;
	top: 50%;
	height: 128px;
    width: 128px;
	margin: -64px 0 0;
	z-index:9;
}
.viewbox-button-next{
	right: 10px;
}
.viewbox-button-prev{
	left: 10px;
}
@media (max-width: 480px) {
	.viewbox-button-close{
		top: 0;
		right: 0;
	}
	.viewbox-button-next,
	.viewbox-button-prev{
		height: 81px;
    	width: 81px;
		margin-top: -40px;
	}
	.viewbox-button-next{
		right:-15px;
	}
	.viewbox-button-prev{
		left:-15px;
	}
}

/* loader */
.viewbox-container .loader{
	widows: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin:-25px 0 0 -25px;
}
.viewbox-container .loader *{
	margin: 0;
	padding: 0;
}
.viewbox-container .loader .spinner{
	width: 50px;
	height: 50px;
	position: relative;
	margin: 0 auto;
}
.viewbox-container .loader .double-bounce1,
.viewbox-container .loader .double-bounce2{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #999;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.viewbox-container .loader .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce{
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce{
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/**new-css**/

.schedule_body {

    background-image: url("../images/eventbg.png");
    background-position: right top;
    background-repeat: no-repeat;
     border-radius:30px;
width:100%;float:left;
       margin:10px 0;
}
.schedule_body:nth-child(odd){  background-color: rgba(51,51,51,.6);}
.schedule_body:nth-child(even){ background-color:#c51515;}

.schedule_body a{ color:#fff;}

.sch_left{ float:left; width:80%;   padding: 10px 40px;}
.sch_left h5{ font-size:24px; color:#fff;}
.sch_left h5 span{ font-size:20px; color:#fff; font-weight:normal;}
.sch_left h6{ font-size:16px; color:#fff; font-weight:normal;}
.sch_right{ float:right; text-align:center; width:20%;  padding: 10px 40px;}
.sch_right a{ color:#fff;}
.sch_right span{ font-size:16px; float:right;}
.sch_right span:first-child{ margin:15px 0 0 0; text-transform:uppercase; font-weight:bold; }
.sch_right span img{ width:60%;}


.error_msg {
    color: #419C2B;
}

.modalbg {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 99999;
  -moz-transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -transition-delay: 0.2s;
  display: block;
  pointer-events: none;

}
.modalbg .dialog {
  width: 400px;
  position: relative;
  top: -1000px;
  margin: 0 auto;
  padding: 5px 20px 13px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #ccc);
  background: -webkit-linear-gradient(#fff, #ccc);
  background: -o-linear-gradient(#fff, #ccc);
  box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  height:50%;
}

.blur{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1;}
.blur:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1001;
  background-color:rgba(0,0,0,.9);

  /* Blur to add depth. High to create smooth transition */
  -webkit-filter: blur(10000px);
  -o-filter: blur(10000px);
  filter: blur(10000px);
}
.blur:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1001;
  background-color:rgba(102,0,102,.5);

  /* Blur to add depth. High to create smooth transition */
  -webkit-filter: blur(10000px);
  -o-filter: blur(10000px);
  filter: blur(10000px);
}


.modalbg .dialog .ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);
}
.modalbg:target {
  display: block;
  pointer-events: auto;
  background-color:rgba(0,0,0,.6);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
/*  background-image:url(../images/eventbg.png);
  background-size:100%;*/


  
}





.modalbg:target .dialog {
  top: 25%;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -transition-delay: 0.4s;
  
}
.close {
  background: #666;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
 /* box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;*/
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -transition-delay: 0.2s;
}
.close .ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);
}
.close:hover {
  background: #8E234D;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}




.modal_contentbox{ display:table; width:100%; height:100%;}

.modal_contentinbox{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}

.modal_contentinbox h2 {
    font-size: 23px;
    font-weight: 600;
    color: #000;    margin: 0px;
}

.modal_contentinbox h5{
    font-size: 14px;
    margin:0px 0px 0px;
    padding: 0px;
}


.new-music-head h2{margin:0px 0px 10px; padding: 0px; color: #fff;}
.new-music-head a {color: #ed1c24; text-decoration:none; font-size: 24px;
}
.new-music-head a:hover {color: #fff;
}

.rcrdingnw-dv{    margin: 0px;
    padding: 0px;
    font-weight: 200;
    margin-bottom: 20px;
    float: left;
    margin-top: 20px;}
.rcrdingnw-dv h4 {    color: #fff;
    font-size: 20px;
   
    padding-bottom: 10px;
}
.rcrdingnw-dv .audio-player{float: left; margin: 0px; padding: 0px;}

.rcrdingnw-dv .audio-player
.mejs-controls .mejs-play button, 
.rcrdingnw-dv .audio-player .mejs-controls .mejs-pause button{left: 0px;}

.new-music-head img{width: 90%; float: left; }

/**popup**/

.simplePopup {
  display: none;
  position: fixed;
  border:5px solid rgb(4 4 4 / 30%);
  background: #fff;
  z-index: 3;
  color:#fff;
  padding: 12px;
  width: 750px;
  max-width: 100%;
}


.newsletter-dv iframe{width: 100%; height: 550px;}

.simplePopupClose {
    float: right;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 10px;
    position: absolute;
    right: -18px;
    top: -15px;
    color: #fff;
    font-weight: 600;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #c10000;
    text-align: center;
    line-height: 30px;
}
.simplePopupBackground {
  display: none;
  background: #000;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.status-msg {
    margin-top: 20px;
    color: #f00;
}

.login-header {
    display: flex;height: 100%;align-items: center;
}

.header-social {
    margin: 30px 0px 0px;
    padding: 0px 30px;
}

.header-social ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.header-social ul li {
    display: inline-block;
    margin: 0px 8px 0px 0px;
    padding: 0px;
}

.header-social ul li a {
    color: #fff;
}

.header-social ul li a i {
    font-size: 20px;
    font-weight: 500;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    background: #ed1c24;
}

.header-social ul li a i:hover {
    color: #fff;background:#c23b7b;
}

.login-btns {
    margin: 8px 0px 10px;
    padding: 0px 0px;
    width: 55%;
    float: left;
}

.login-btns a {
    background: #069148;
    color: #fff;
    padding: 0px 25px;
    font-size: 14px;
    margin: 0px 9px 0px 0px;
    text-transform: uppercase;
    height: 42px;
    line-height: 42px;
    border-radius: 25px;
    display: inline-block; z-index:1000; position:relative;   
}

.login-btns a:nth-child(2){background:  #06341c;}

.modal-open .modal {
    background: #0000008c;
}

.modal-backdrop.fade{display: none !important;}

.login-dvs{margin: 0px;}

.login-dvs p {
    display: block;
    margin: 0px 0px 16px;
    display: block;
    width: 100%;  margin: 0px 0px 18px;
    float: left;
}

.login-dvs label{font-size: 14px; margin: 0px;}

.login-dvs p input {
    width: 100%;  float: left; margin: 0px 0px 6px;  padding: 8px 8px; color: #000;
    background: #ffe0ef; border: none;  font-size: 14px;
}

.login-dvs p textarea {
    width: 100%;  float: left; margin: 0px 0px 6px;  padding: 8px 8px; color: #000;
    background: #ffe0ef; border: none;  font-size: 14px; height: 100px;
}

.login-dvs p textarea, .login-dvs p input {outline: 0;}

.modal-content{border: 5px solid #91244D;}

.modal-header{
    text-align: center; display: block;  text-transform: uppercase;
    color: #91244D;  letter-spacing: 1px;
}

.modal-header h5{font-size: 25px;}

.close {
    background: #91244D; color: #FFFFFF; line-height: 25px; width: 30px;
    height: 30px; border: none; border-radius: 50%;  margin-top: 5px;
}

.close span{
    font-size: 30px;
}

.btn-logs input{
    background-color: #91244D;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    float: none;
    font-size: 16px;
    margin: 0px auto;
    cursor: pointer;
    padding: 8px 17px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}


.newsletter-bx a {
    background:#ea4643;
    color: #fff;
    margin: 0px;
    padding: 9px 40px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    position: fixed;
    right: 10px;
    bottom: 0px;
    border-radius: 5px;
    z-index: 1000000;
}
.form-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 10px; border: 1px solid #000;
    border: none;
    z-index: 9999999;
}

.visible {
    display: block;
}

.form-popup form {
    width: 450px;
    padding: 0px; border: 2px solid #c23b7b; border-bottom: 0px;
    background-color: #fff;
    float: left;
    border-radius: 5px;
}

.webinar-misses-form{padding: 0px 20px;}

.webinar-misses-form p textarea {
    margin: 10px 0px; padding: 10px 2px;  border: none; font-size: 14px;
    outline: 0;  color: #000; width: 100%;  border-bottom: 1px solid #dddddd;
    background: #fff;
}

.webinar-misses-form p{margin: 0px;}

.misses-sb-btn input {
    background:#712448;
    color: #fff;
    font-size: 15px;
    padding: 5px 20px;
    border-radius: 25px;
    font-weight: 600;
    display: inline-block;
    margin-top: 0px; margin-bottom: 25px;
    border: none;
}

.divimg-bx{width: 25px; height: 25px; box-sizing: border-box; overflow: hidden;
border-radius: 50%;}

.divimg-bx img{width: 100%; height: 100%;}

.webinar-misses-head {background: #fff8f8; max-height: 220px; overflow: auto;}

.lst-bxes{padding:15px 20px 5px; position: relative; }

.diving-text { left:0px; top: 15px; padding-left:20px;}

.diving-text h5{margin: 0px; padding:0px 0px 0px 0px; display: inline-block; font-size: 13px;
color:#999696;}

.diving-text p{margin: 0px; padding:0px 0px 0px 10px; font-size: 13px; color: #000;
 display: inline-block;}

.live-head h3{
    margin: 0px;
   
    padding: 11px 20px 10px;
    
    text-transform: uppercase;
    font-size: 18px;
} 

.live-head  .close {
    position: absolute;
    right: 15px;
    top: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #c23b7b; cursor: pointer;
    color: #fff;
    line-height: 25px;
}

/* new-munu-css */

.humburger {
    width: 33px;
    height: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    /*position: fixed;*/
    position: absolute;
    right: 40px;
    top: 30px;
    cursor: pointer;
    transition: 0.5s all ease-in;
    z-index: 22; 
  }
    .humburger:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      transform: scale(0);
      transition: 0.5s all ease-in;
      z-index: 1; 
    }
    .humburger .line {
      height: 4px;
      width: 100%;
      background: #fff;
      display: flex;
      transition: 0.5s all ease-in;
      position: relative;
      z-index: 2; 
    }
      .humburger .line:after {
        content: "";
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        width: 0;
        transition: 0.5s all ease-in-out;
        z-index: 1; 
      }
    .humburger:hover:after {
      transform: scale(1.4); 
    }
    .humburger:hover .line:after {
      width: 100%;
      background: #fff;
    }
    .humburger.open .line {
      background: #fff;
     }
     .humburger.open .line:after {
      background: #fff;
     }
      .humburger.open .line:nth-of-type(1) {
        transform: rotate(45deg);
        margin-top: 12px; 
      }
      .humburger.open .line:nth-of-type(2) {
        transform: rotate(-45deg);
        margin-top: -13px;
       }
      .humburger.open .line:nth-of-type(3) {
        visibility: hidden;
        opacity: 0;
      }
  
      .menu_body {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 440px;
        height: 100vh;
       background: linear-gradient(#086a37 0%, #001e02 75%);
        transform: translateX(100%);
        transition: 0.5s all ease;
        z-index: 12;
    }
  
    .menu_body.open {
      transform: translateX(0); 
    }
  
    .menus {
      padding: 0px 0px;
  }
  
  .menus ul li a {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    padding: 15px 25px 15px;
    font-weight: 500;
    border-bottom: 1px solid #cccccc24;
  }
  
  .menus ul li ul{padding-left: 15px;}
  
  .menus ul li a:hover{color: #ed1c24;}
  
  .menus .nav-link:focus, .nav-link:hover{color: #c5adad;}
  
  @media (max-width: 992px) {
  
    body .menu_body {
      width: 100%; 
    }
      body .menu_body__item_wrapper .menu_list li.has_child {
        position: relative; 
      }
        body .menu_body__item_wrapper .menu_list li.has_child a {
          position: relative; 
        }
          body .menu_body__item_wrapper .menu_list li.has_child a:after {
            content: "+";
            color: #fff;
            left: calc(100% + 25px);
            position: absolute;
            top: 0;
            width: 0;
           }
        body .menu_body__item_wrapper .menu_list li.has_child .sub-menu {
          position: relative;
          background: transparent;
          list-style: none;
          padding: 0;
          left: unset;
          top: unset;
          right: unset;
          min-width: auto;
          opacity: 1;
          visibility: visible;
          margin-top: 15px;
          padding-left: 25px;
          display: none; 
        } 
  }
  
  .menu_body ul {
    margin: 95px 0px 0px;
    border-top: 2px solid #cccccc0d;
  }
  
  .menu_body ul li ul{margin: 0px;}
  
  .menu-text {
    width: 100%;
    float: left; 
    margin: 30px 0px 0px;
    padding: 0px 30px;
  }
  .menu-text p {
    margin: 0px 0px 20px;
    padding: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
  }
  .menu-text p a {
    color: #fff;
  }
  .menu-text p i {
      margin-right: 10px;
      border-radius: 5px;
      border: solid 2px #fff;
      height: 35px;
      width: 35px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      background: #ed1c24;
  }
  
  .menu-text p a:hover{color: #000;}
  
  .menu-text p:hover i{color: #fff;background:#c23b7b;}

  /* new-css (08/05/2023) */

#home-ticker {
    width: 100%;
    float: left;
    padding: 15px 0px 10px;
    background: #086a37;
}

#home-ticker .container-fluid{
    padding: 0px;
}

.hwrap {
    overflow: hidden; 
  }
   
  .hmove { display: flex; }
  /*
  .hitem {
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: 600;
  }
*/
    .hitem {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
  }
   
  
  @keyframes tickerh {
    0% { transform: translate3d(100%, 0, 0); }
    100% { transform: translate3d(-200%, 0, 0); }
  }

  .hmove { animation: tickerh linear 45s infinite; }

  .hmove:hover { animation-play-state: paused; }


  .mid {
    margin-left: 110px;
  }

  .middile-left {
    margin-bottom: 20px; float: left;
}
.middile-left a { color:#fff !important;  text-decoration:none;
}
.middile-left ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.middile-left ul li {
    margin: 0px;
    padding: 0px;
    display: block;
}
.footer-icon {
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
    margin-right: 10px;
    line-height: 35px;
    border-radius: 5px;
    text-align: center;
    float: left;
    border:2px solid #fff;
    color: #fff;
    background: #ed1c24;
}
.footer-icon a{ color:#fff !important; text-decoration:none;
}
.footer-icon i {
    font-size: 20px;
}
.footer-icon:hover {
    color: #fff;
    background: #d7df21;
}
.middile-left p {
    width: 70%;
    float: left;
    color: #fff;
    margin: 0px;
    font-weight: 500;
    font-size: 22px;
}

.online{
    width:100%;
    height:auto;
    color:#fff;
    background:#712448;
    display:inline-block;
} 
.offline{
    width:100%;
    height:auto;
    color:#fff;
    background: #ed1c24;
    display:inline-block;
}

.marqueefy{background: transparent !important; padding: 0px !important;}

.hitem:last-child{padding-left: 300px !important;}

.forgot-btn{
    float: right;
    font-size: 15px;
    margin: 12px 0px 0px;
    color: #91244d;
    font-weight: 600;
}

.forgot-btn:hover{color: #91244d;}

.forgot-dv{width: 100%; float: left; padding: 90px 0px;}

.forgot-heading {
    margin: 0px 0px 30px;
    padding: 0px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    color: #000;
}

#forgot_password_form, #reset_password_form {
    border: 5px solid #91244D;
    padding: 30px 30px 30px;
}

#mcpAudioPlayer.purple[data-v-6dc9b9a4] {
        background: linear-gradient(22deg, #ed1c24 0%, #ed1c24 100%);
}

.iframeaudio iframe {
    padding-top: 22%;
    margin-top: -21% ;
    height: 170px;
}