body,html{height:100%;width:100%}
.navbar-custom,body{background-color:#000}
.intro,body,html{width:100%}
body{font-family: 'PT Sans', sans-serif,Helvetica,Arial,sans-serif;color:#fff;webkit-tap-highlight-color:rgba(0,160,220,.5)}
.navbar-custom,h1,h2{text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif}
h1,h2{margin:0 0 35px;font-weight:700;letter-spacing:1px;font-family: 'PT Sans', sans-serif;}
p{margin:0 0 25px;font-size:18px;line-height:1.5}
a{color:#42dca3;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:focus,a:hover{text-decoration:none;color:#1d9b6c}
.light{font-weight:400}
.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.3)}
.navbar-custom .nav li a:active,.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{background-color:transparent;outline:0}
.navbar-custom .navbar-brand{font-weight:700}
.navbar-custom .navbar-brand:focus{outline:0}
.navbar-custom .navbar-brand .navbar-toggle{padding:4px 6px;font-size:16px;color:#fff}
.navbar-custom .navbar-brand .navbar-toggle:active,.navbar-custom .navbar-brand .navbar-toggle:focus{outline:0}
.navbar-custom a{color:#fff}
.navbar-nav>li>a{line-height:140px}
.navbar-custom .nav li a{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;font-family: 'PT Sans', sans-serif;;font-size:18px}
.navbar-custom .nav li a:hover{color:rgba(255,255,255,.8)}
.navbar-custom .nav li.active{outline:0}
.navbar-custom .nav li.active a{color:#00a0dd;border-bottom:#e0188c solid 5px}
.navbar-custom .nav li.active a:hover{color:#fff}
.intro .intro-body{display:table-cell;vertical-align:middle}
.intro .intro-body .brand-heading{font-size:40px}
.intro .intro-body .intro-text{font-size:18px}
@-webkit-keyframes pulse{
0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@-moz-keyframes pulse{
0%,100%{-moz-transform:scale(1);transform:scale(1)}
50%{-moz-transform:scale(1.2);transform:scale(1.2)}
}
.upcm-section{padding-top:100px}
.download-section{width:100%;padding:50px 0;color:#fff;background:#000 url(../img/downloads-bg.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#map{width:100%;height:200px;margin-top:100px}
.btn{border-radius:0;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.btn-default{border:1px solid #42dca3;color:#42dca3;background-color:transparent}
.btn-default:focus,.btn-default:hover{border:1px solid #42dca3;outline:0;color:#000;background-color:#42dca3}
ul.banner-social-buttons{margin-top:0}
footer{padding:50px 0}
footer p{margin:0}::-moz-selection{text-shadow:none;background:#fcfcfc;background:rgba(255,255,255,.2)}
::selection{text-shadow:none;background:#fcfcfc;background:rgba(0,160,220,.5)}
img::selection{background:0 0}
img::-moz-selection{background:0 0}
.navbar-toggle-ella{background:none;border:none;display:none;float:right;margin-top:15px;outline:none}

section{height:100%;width:100%;padding-top:60px;display:table;}
section h2{background:url(../images/rose-dot.png) repeat-x 0 50%;font-weight:lighter;font-size:48px;color:#ddd;text-align:center}
section:nth-child(even) h2{background-image:url(../images/blue-dot.png)}
section h2>span{background:#1f1f1f;padding:10px 25px}
/*section:nth-child(even) h2>span{background:#e0e0e0}*/
#contact,#Subscribe,#Media,#Gallery,#about,#PastEvents,#store,.intro,#Listen{background:#000 bottom center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.intro{display:table;height:auto;padding:100px 0 0 0;text-align:center;color:#fff;background-image:url(../images/banner-1.jpg)}
.bnr-wrp{display: inline-block;vertical-align: middle;float: none; text-transform:uppercase;text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.bnr-wrp figure{padding-top:160px;}
.bnr-wrp h3{font-size:30px;font-weight:700;transform:scaleY(1.3)}
.bnr-wrp h4{font-size:24px;font-weight:lighter;}
.bnr-img{position:absolute; bottom:0; left:50%; transform:translateX(-18%); width:50%}
.bnr-img .bnr-image{display:none;}
.ella-btn{padding:5px 25px;background:#00a0dd;border:none;border-radius:5px;color:#fff;font-family: 'PT Sans', sans-serif;font-size:18px;outline:none}
.ella-btn:hover{background:#222;}
#store{background-image:url(../images/upcoming-bg.png)}
ul.events{padding:0; padding-top:100px;}
ul.events li{list-style:none;width:100%; height:60px;float:left;overflow:hidden;margin-top:15px;}
ul.events li:first-child{height:auto;}
ul.events li .listheader{width:100%;height:60px;float:left;background:#3b3b3b;color:#fff;position:relative}
ul.events li .eventdate{background:#00a0dd;color:#fff;display:block; width:110px; height:60px;font-size:28px;padding:8px 0 0 18px;position:absolute;top:0;left:0;}
ul.events li .eventdate:before,ul.events li .eventdate:after{height:60px; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); content:"";position:absolute;top:0;}
ul.events li .eventdate:before{width:24px; left:99px;background:#00a0dd;}
ul.events li .eventdate:after{width:5px;left:119px; background:#e0188c;}
ul.events li .eventtitle{font-size:28px;padding:8px 0 0 30px;color:#00a0dd;overflow:hidden;position:absolute;top:0;left:110px;}
ul.events li .eventtoggle{width:60px;height:60px; background:url(../images/plus.png) no-repeat center top;position:absolute;top:0;right:0;}
.eventtoggleminus{background-position:bottom !important}
ul.events li .eventdetails{width:100%;float:left; padding:0 18px;color:#00a0dd;}
.eventdetails h3{font-size:30px; font-weight:700;transform:scaleY(1.2)}
.eventdetails h4{font-size:24px; font-weight:400;}
.eventdetails h5{font-size:18px; font-weight:400;color:#fff;}
.eventdetails .ella-btn{float:right; margin-top:-40px;}
#PastEvents{background-image:url(../images/banner-past.jpg)}
.pastentdtals{width:100%;height:100%;display:table}
.evntdtls,.evntbtn{width:100%;display:table-row}
.evntbtn{height:60px}
ul.pstevts{width:100%;height:auto;padding:0;margin:0;}
/*ul.pstevts::-webkit-scrollbar{width:0!important}
ul.pstevts{-ms-overflow-style:none}
ul.pstevts{overflow:-moz-scrollbars-none}*/
ul.pstevts>li{width:100%;height:200px;float:left;padding:0 45% 0 0;list-style:none;margin-top:-25px}
ul.pstevts>li:first-child{margin-top:0;}
ul.pstevts>li>div.entdtls{width:82%;height:200px;background:rgba(224,24,140,1);float:left;overflow:hidden}
ul.pstevts>li>div.entdate{width:18%;min-width:100px;max-width:120px;height:200px;float:left;background:url(../images/past_line_left.png) no-repeat 28%;display:table}
ul.pstevts>li>div.entdtls>img{max-width:200px;height:100%;float:left;-webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);}
ul.pstevts>li>div.entdtls>div{width:100%;position:relative;padding:16px 30px 0 210px;}
ul.pstevts>li>div.entdate>span{width:100%;height:200px;display:table-cell;vertical-align:middle;text-align:center;color:#e0188c;font-size:14px;font-weight:bold}
ul.pstevts>li:nth-child(even){padding:0 0 0 45%}
ul.pstevts>li:nth-child(even)>div.entdtls{float:right}
ul.pstevts>li:nth-child(even)>div.entdtls>img{float:right;-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);}
ul.pstevts>li:nth-child(even)>div.entdtls>div{padding:16px 210px 0 30px;}
ul.pstevts>li:nth-child(even)>div.entdate{float:right;background:url(../images/past_line_right.png) no-repeat 74%}
.entdtls h3{font-size:24px; font-weight:700}
.entdtls h4{font-size:18px; font-weight:400;font-style:italic;}
.entdtls p{font-size:16px;line-height:20px;}
#about{background-image:url(../images/banner-about.jpg)}
.abt-section p{text-align:center;font-size:24px;}
.abt-section .col-md-3, .abt-section .col-md-4{padding:0 15px;}
/*.abt-section .col-md-3:first-child, .abt-section .col-md-4:first-child{padding-left:30px;}
.abt-section .col-md-3:last-child, .abt-section .col-md-4:last-child{padding-right:30px;}*/
.abt-section .col-md-3 .DJprofile, .abt-section .col-md-4 .DJprofile{width:100%; background:#1a1a1a;float:left}
.DJphoto{width:100%;float:left}
.DJphoto>img{width:100%}
.DJdetails{width:100%;float:left;text-align:center;padding-bottom:20px}
.DJdetails h4{background:#00a0dd;margin-top:0; height:50px;line-height:50px;font-size:24px}
.DJdetails h5{font-size:18px;margin-top:-5px;}
.DJdetails p{padding:0 20px;line-height:1.2}
.DJdetails button{border-style: none;
    border-color: inherit;
    border-width: medium;
    -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; background-color: #7d7e7d; background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e); }
.DJdetails button:hover{border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #646464; background-image: linear-gradient(to bottom, #646464, #282828); }
.DJdetails .line:before{width:0;height:0;border-top:15px solid #e0188c;border-left:262px solid transparent; position:relative;content:"";top:4px;left:0;transform:translateX(-50%)}
.storepdt{padding-top:30%;}
.storepdt>div{text-align:center;}
.storepdt>div>img{width:100%;}
.storepdt p{margin-bottom:0; font-size:16px;}
.storepdt p:not(.price){font-weight:bold}
.storepdt p.price{color:#00a0dd}
.storeitem select{color:#000000;}


.shareus{width:100%;text-align:center;}
.shareus>a{width:60px;height:60px;display:inline-block; background:rgba(255,255,255,.7);font-size:30px;color:#666;padding-top:10px;margin:0 10px;border-radius:50%;}
.shareus>a:hover{background:rgba(255,255,255,.7);color:#000;}


#Gallery{background-image:url(../images/banner-gallery.jpg)}
#aniimated-thumbnials a{display:block;width:auto;height:auto;float:left;margin:0 20px 20px 0}
#aniimated-thumbnials a:nth-child(4n+0){margin-right:0;}
#aniimated-thumbnials a img{width:250px;transition: all .2s ease-in-out;filter: none;-webkit-filter: grayscale(0%)}
#aniimated-thumbnials a img:hover{transform:scale(1.1);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden;}

#Listen{background-image:url(../images/banner-listening.jpg)}
#Media{background-image:url(../images/banner-media.jpg)}
.html5gallery{display:none; margin:0 auto}


#Subscribe{background-image:url(../images/banner-subscribe.jpg);max-height:450px !important;}
.sub-newsletter{width:100%;height:auto; float:left;padding:50px 0}
.sub-textbox{width:100%;max-width:600px;height:50px;margin:0 auto;background:rgba(255,255,255,0.8);padding:0 10px;padding-right:110px;;border-radius:7px}
.sub-textbox input[type='text']{width:100%;position:relative;left:0;top:0;height:50px;background:none;border:none;order:2;z-index:101;color:#2b2b2b;outline:none;font-size:20px}
.sub-textbox label{width:100%;position:relative;left:0;top:-50px;color:#323232;line-height:50px;order:1;z-index:100;font-weight:normal;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.sub-textbox input[type='text']:focus + label, .sub-textbox label.passed{top:-90px;color:#00a0dd;font-weight:bold}
.sub-btuuon{width:auto;max-width:600px;height:50px;text-align:right;margin:0 auto; margin-top:-50px;}
.sub-btuuon>input{height:50px;border-radius:0 5px 5px 0;}


#contact{background-image:url(../images/banner-contact.jpg)}
.contact-form>div{margin:0 auto;float:none}
.contact-textbox{width:100%;max-width:600px;height:50px;margin:0 auto;background:rgba(255,255,255,0.8);border-radius:7px;margin-bottom:30px}
.contact-textarea{height:124px;overflow:hidden}
.contact-textbox input[type='text'],.contact-form textarea{width:95%;background:none;border:none;border-radius:7px;color:#2b2b2b;outline:none;resize:none;position:absolute;z-index:101;padding:0 10px;line-height:26px}
.contact-textbox input[type='text']{line-height:50px;height:50px}
.contact-form textarea{padding:10px;}
.contact-form label{position:absolute;top:0;color:#636363;line-height:50px;padding:0 10px;z-index:100;font-weight:normal;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.contact-textbox input[type='text']:focus + label,.contact-form textarea:focus + label, .contact-textbox label.passed{top:-35px;color:#00a0dd;font-weight:bold}
.contact-form i{margin-right:10px}
.contact-form a{color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.contact-form a:hover, .contact-form a:focus{color:rgba(255,255,255,.5);text-decoration:none}
.contact-form .follow{font-size:24px;}
.contact-form .follow i{margin:0 15px}


footer{background:#2b2b2b}
.validateerror { border:1px solid red !important;}

.currentitem{width:100%; height:100%; position:fixed; background:rgba(255,255,255,.95);top:150%;z-index:1050}
.currentitem h4{background:#00a0dd; font-weight:normal;height:40px;line-height:40px;padding:0 10px; margin:0}
.currentitem h4 i{width:40px; height:40px; background:#2b2b2b;display:block; position:absolute;right:0;top:0;font-style:normal;text-align:center;font-size:24px;cursor:pointer}
.currentitem h4 i:hover{background:#e0188c;}
.items-holder{width:96%; display:table; height:auto; margin:0 2%}
.items-holder>div{display:table-cell; vertical-align:top;}
.cur-items-pre{width:100px;height:450px;}
.cur-items-pre ul{padding:0; margin:0;}
.cur-items-pre li{padding:0; line-height:none; margin:6px 0;}
.cur-items-pre li.selected{box-shadow:0 0 10px #e0188c;}
.cur-items-pre li img{width:100%;}
.cur-items-View{padding:15px; text-align:center; width:450px;}

.puritem>tbody>tr>td{text-align:left; padding:0 0 10px 5px;}
.puritem>tbody>tr>td table td{padding:0 0 10px 0;}
.puritem select{width:100%; color:#000000;}
.puritem input[type='image']{border:none; color:#FFFFFF; float:right;}
.hfemale,.tfemale{display:none;}




@media (min-width:768px){
section{min-height:800px;}
p{margin:0 0 35px;font-size:20px;line-height:1.6}
.navbar-custom{padding:0;border-bottom:0;letter-spacing:1px;background:rgba(0,0,0,.5);}
.navbar-custom.top-nav-collapse{padding:0;border-bottom:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,1)}
.navbar-custom .nav li.active a{border-bottom:#e0188c solid 2px}
.navbar-custom.top-nav-collapse .navbar-brand>img{height:50px;margin-top:-8px;}
.intro{height:100%;padding:0}
.intro .intro-body .brand-heading{font-size:100px}
.intro .intro-body .intro-text{font-size:26px}
.cnt-section,.upcm-section,.psent-section,.abt-section,.med-section,.Listen-section{padding-top:50px}
.psent-section .col-lg-12{margin-bottom:50px;}
.download-section{padding:100px 0}
#map{height:400px;margin-top:250px}
.top-nav-collapse .navbar-nav>li>a{line-height:40px}
.contact-form{padding-top:75px}
}
@media (max-width:1199px){
ul.banner-social-buttons{margin-top:15px}
.navbar-toggle{display:block;}
.navbar-collapse.collapse{display:none !important;}
.navbar-brand>img{height:45px;margin-top:-8px;}
.navbar-toggle-ella{display:block;}
.navbarella-list{width:300px;position:fixed;background:rgba(30,30,30,0.8);right:25px;top:50px;display:none}
.navbarella-list li{width:100%;}
.navbar-nav>li>a{line-height:30px;}
.navbar-custom .nav li.active a{border:none;border-left:#e0188c solid 2px;color:#00a0dd !important;background:#050505;}
ul.pstevts>li{width:48%;padding:0!important;margin:25px 1% !important}
ul.pstevts>li>div.entdtls{float:right;width:100%;}
ul.pstevts>li>div.entdate{background:none #fff!important;width:350px;height:30px;float:none!important;position:absolute;display:block;text-align:center;border-radius:10px 10px 0 0;margin-top:-30px;}
ul.pstevts>li>div.entdate>span{height:30px;width:350px;font-size:16px}
}
@media (max-width:991px){
ul.pstevts>li{width:100%;margin:25px 0 !important}
.navbar-brand{height:auto}
}
@media (max-width:767px){
ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}
ul.banner-social-buttons li:last-child{margin-bottom:0}
.bnr-img{left:50%;}
}
@media (max-width:479px){
.intro{background-position:65% 60%;background-size:400%; height:100%;}
.bnr-wrp figure{padding-top:200px;}
.bnr-wrp figure>img{display:none}
.bnr-wrp h3{font-size:18px;}
.bnr-wrp h4{font-size:14px;}
section h2{background-position:0 70%;}
section h2>span{font-size:24px;}
ul.events li .eventdate{font-size:18px;width:100px;padding-top:18px;}
ul.events li .eventdate:before{left:89px}
ul.events li .eventdate:after{left:109px}
ul.events li .eventtitle{font-size:18px;left:100px;line-height:20px;}
ul.events li .eventtoggle{width:40px;background-size:60%;}
#store{background-position:60%;}
.upcm-section{padding-top:0}
ul.events li .eventdetails{background:rgba(0,0,0,0.5);padding-bottom:20px;float:left}
.eventdetails h3{font-size:18px;}
.eventdetails h4{font-size:16px;}
.eventdetails h5{font-size:14px;}
.eventdetails .ella-btn{margin-top:0;float:none}
.navbarella-list{width:auto !important;right:0}
.navbar-nav{margin-left:0;margin-right:0}
ul.pstevts>li>div.entdtls>img{display:none}
ul.pstevts>li>div.entdtls>div{padding:15px !important;}
.bnr-img{left:0; transform:translateX(0px); width:100%; text-align:right;}
.bnr-img img{width:70%;}
}

#Subscribe{max-height:600px !important;min-height:400px;}