/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, input, select, textarea { color: #222; }
/*html { font-size: 1em; line-height: 1.4; }*/
::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
a:focus{outline:none;} 
a{outline: 0 !important; color:#000000;}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
 * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
 a,  a:visited { text-decoration: none; }
 a[href]:after { content: " (" attr(href) ")"; }
 abbr[title]:after { content: " (" attr(title) ")"; }
 .ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after { content: ""; }
 pre,  blockquote { border: 1px solid #999; page-break-inside: avoid; }
 thead { display: table-header-group; /* h5bp.com/t */ }
 tr,  img { page-break-inside: avoid; }
 img { max-width: 100% !important; }
 @page {
  margin: 0.5cm;
 }
 p,  h2,  h3 { orphans: 3; widows: 3; }
 h2,  h3 { page-break-after: avoid; }
}


/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block;  *display: inline; *zoom: 1;
}
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none;}
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
html, button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */  *margin-left: -7px; /* 3 */}
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */  *vertical-align: middle; /* 3 */
}
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */  *overflow: visible;  /* 4 */
}
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */  *height: 13px; /* 3 */
 *width: 13px; /* 3 */
}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
table { border-collapse: collapse; border-spacing: 0; }

*{padding:0; margin:0; outline:0;}
a img{border:none}a{text-decoration:none}a:hover{text-decoration:none}
ul, li{padding:0; margin:0; list-style:none}
.FL{float:left}.FR{float:right}.CL{clear:both; font-size:0; line-height:0; height:0}.CL1{clear:both}
.CTR{text-align:center}.TAR{text-align:right}.uline{text-decoration:underline}.UC{text-transform:uppercase}
.FL{float:left;}.FR{float:right;}.FN{float:none;}.CL{clear:both; font-size:0; line-height:0; height:0;}.CL1{clear:both}
:focus{outline:0}.PR{position:relative}
.checkBox{height:13px; width:13px; vertical-align:middle}
.no_brd{border:0 !important}.dsno{ display:none}

.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
@-webkit-keyframes shakeit {
0% { -webkit-transform: rotate(0deg) translate(2px, 1px); }
10% { -webkit-transform: rotate(2deg) translate(1px, 2px); }
20% { -webkit-transform: rotate(-2deg) translate(3px, 0px) ; }
30% { -webkit-transform: rotate(0deg) translate(0px, -2px); }
40% { -webkit-transform: rotate(-2deg) translate(-1px, 1px); }
50% { -webkit-transform: rotate(2deg) translate(1px, -2px); }
60% { -webkit-transform: rotate(0deg) translate(3px, -1px); }
70% { -webkit-transform: rotate(2deg) translate(-2px, -1px); }
80% { -webkit-transform: rotate(-2deg) translate(1px, 1px); }
90% { -webkit-transform: rotate(0deg) translate(-2px, -2px); }
100% { -webkit-transform: rotate(2deg) translate(-1px, 2px); }
}
@keyframes shakeit {
0% { transform: rotate(0deg) translate(2px, 1px); }
10% { transform: rotate(2deg) translate(1px, 2px); }
20% { transform: rotate(-2deg) translate(3px, 0px) ; }
30% { transform: rotate(0deg) translate(0px, -2px); }
40% { transform: rotate(-2deg) translate(-1px, 1px); }
50% { transform: rotate(2deg) translate(1px, -2px); }
60% { transform: rotate(0deg) translate(3px, -1px); }
70% { transform: rotate(2deg) translate(-2px, -1px); }
80% { transform: rotate(-2deg) translate(1px, 1px); }
90% { transform: rotate(0deg) translate(-2px, -2px); }
100% { transform: rotate(2deg) translate(-1px, 2px); }
}

@keyframes slide
{
0% {background-color: #fe5409;}
30% {background-color:#fe0909;}
100% {background-color: #fe5409;}	  
}


.wrapper{width:1180px; margin:0 auto;}
#header{height:80px; background:#040202; position:fixed; width:100%; z-index:999;}
.logodesk{float:left; width:167px; height:22px; display:inline-block; background:url(../images/logo_desk.png) no-repeat; margin-top:28px; background-size:100%;}
.bookticket{width:150px; height:53px; background:url(../images/book_ticket.png) no-repeat; display:inline-block; float:right; margin:14px 89px 0px 0px; background-size:100%;}
.navigation{margin-top:30px; float:left; margin-left:114px; width:620px;}
.navigation ul li{float:left; padding:0px 29px;}
.navigation ul li a{color:#fff; font-family: 'Russo One', sans-serif; font-size:16px;  font-weight:300; text-transform:uppercase;}
.navigation ul li a.active{border-bottom: solid 2px #fff200; padding-bottom:4px;}
.navigation ul li a:after{display:block; content: ''; border-bottom: solid 2px #fff200; padding-bottom:4px; transform: scaleX(0); transition: transform 250ms ease-in-out;}
.navigation ul li a:hover:after{transform: scaleX(1);}
.mobiledrop{display:none;}
.mainbann{background:#000; padding-bottom:90px; text-align:center;}
.imgbannwrap{width:1028px; margin:0 auto; text-align:center;}
.imgbannwrap img{width:100%; height:auto;}
.deskimg{display:block;}
.mobimg{display:none;}
#aboutsec{padding:44px 0px 148px 0px; background:#fff;}
h1{color:#000; font-family: 'Russo One', sans-serif; font-size:36px; font-weight:300; text-transform:uppercase;}
.yline{background:#fff200; width:50px; height:2px; margin:57px auto 44px auto;}
.abttxtmid{color:#333333; font-family: 'Muli', sans-serif; font-size:22px;}
.addbr{display:none;}
.aboutcon{margin-top:74px;}
.abtlft{float:left; width:400px;}
.abtlft img{width:100%; height:auto; display:block;}
.abtlfttxt{border-bottom:2px solid #e1e1e1; border-top:2px solid #e1e1e1; padding:8px 0px; text-align:center; color:#333333; font-family: 'Muli', sans-serif; font-weight:400; font-size:16px;}
.abtlfttxt span{font-weight:600;}
.abtrht{float:right; width:685px; margin-right:10px; text-align:justify;}
.abtrht p{color:#333333; font-family: 'Muli', sans-serif; font-size:18px; line-height:30px; padding-bottom:25px;}
.abtrht p span{font-weight:700;}
.yline1{background:#fff200; width:50px; height:2px; margin:15px auto 0px auto;}
#mainact{padding:44px 0px 88px 0px; background:#be1593 url(../images/mainactbg.png) no-repeat 0 0; position:relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden;}
#mainact h1, #videosec h1{color:#fff;}
.sliddv{margin-top:35px;}
.slidoutside{-webkit-clip-path: url("#clipping");clip-path: url("#clipping");width:435px; height:435px; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background:#1a1819; position:relative;}
.slidinside{-webkit-clip-path: url("#clipping");clip-path: url("#clipping");-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position:absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;}
.slidinside img{margin-left:-15px; margin-top:-10px; width:100%; height:auto; display:block;}
.yelobox{-webkit-clip-path: url("#clipping");clip-path: url("#clipping");-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); text-align:center; position:absolute; width:150px; height:150px; background:#fff200; right:40px; bottom:40px;}
.slidtxt{margin-top:64px; color:#000; font-family: 'Muli', sans-serif; font-weight:600; font-size:24px; }
.arwnext{background:url(../images/arwnext.png) no-repeat; width:20px; height:16px; display:inline-block; margin-top:7px;}
.arwnext:hover{-webkit-animation-name: shakeit; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: shakeit; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite;}
.slidepoppadd{padding:29px 29px 26px 44px;}
.slide1, .slide2, .slide3, .slide4{width:1070px; background:#fff; position:absolute; top:402px; z-index:99;}
.popnbx{width:300px; position:relative; float:left;}
.popoutside{width:300px; height:300px; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background:#1a1819; position:relative;}
.popinside{-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position:absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;}
.popinside img{margin-left:-15px; margin-top:-10px; width:100%; height:auto; display:block;}
.popyelobox{-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); text-align:center; position:absolute; width:120px; height:120px; background:#fff200; right:20px; bottom:20px;}
.popslidtxt{margin-top:45px; color:#000; font-family: 'Muli', sans-serif; font-weight:600; font-size:20px; }
.popcont{margin:28px 0px 0px 24px; width:550px; float:left; color:#000; font-family: 'Muli', sans-serif; font-weight:400; font-size:16px; line-height:28px; text-align:justify;}
.popclose{background:url(../images/popclose.png) no-repeat; width:22px; height:22px; position:absolute; z-index:1; right:29px; top:29px; background-size:100%;}
.trans{background:url(../images/trans.png) repeat; width:100%; height:100%; z-index:1; position:absolute; top:0px; display:none;}
.bx-wrapper .bx-prev{left: 10px; background:url(../images/left_arw.png) no-repeat;}

.bx-wrapper .bx-next{right: 10px; background:url(../images/right_arw.png) no-repeat;}
.bx-wrapper .bx-controls-direction a{position: absolute; top: 52%; outline: 0; width:23px; height:41px; text-indent: -9999px; z-index: 9;}

#videosec{padding:47px 0px 74px 0px; background:url(../images/videobg.jpg) repeat-x;}
.videomain{position:relative; width:742px; height:404px; margin:60px auto 0px auto;}
.videodiv{ position:absolute; left:50%; margin-left:-371px;top:0px; border:10px solid #fff200; width:722px; height:406px; z-index:99;}
.videodiv img{width:100%; height:auto;}
.speaker{background:url(../images/mike.png) no-repeat; width:371px; height:280px; position:absolute; right:-131px; top:70px; z-index:9;}
.dj{background:url(../images/dj.png) no-repeat; width:139px; height:177px; position:absolute; left:-98px; top:90px; z-index:9;}

#ticket{background:#26bcff; padding:145px 0px; text-align:center;}
.ticktxt{color:#fff; font-family: 'Russo One', sans-serif; font-size:60px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px;}
.now{width:221px; height:74px; display:inline-block; background:url(../images/tickimg.png) no-repeat; background-size:100%; vertical-align:text-bottom;}
.musitronixv{background:url(../images/musitronixh.png) no-repeat; width:879px; height:118px; background-size:100%; margin:20px auto; display:inline-block;}
.arwncd{background:url(../images/arwnxt.png) no-repeat; width:45px; height:40px; background-size:100%; margin:45px auto 0px auto; display:inline-block;}

#partner{padding:45px 0px;}
.partimg{text-align:center; margin-top:45px; position:relative;}
.partimg ul{display:table; margin:0 auto;}
.partimg ul li{border-right:1px solid #e8e8e8; display:table-cell; padding:10px 25px 0px 25px;}
.partimg ul li a{display:block;}
.partimg ul li:last-child{border:0px;}
#footer{padding:8px 0px; background:#000; color:#fff; font-family: 'Muli', sans-serif; font-weight:400; font-size:14px; line-height:28px;}
#footer a{color:#fff;}

@media screen and (max-width:1050px){
.wrapper{width:1000px; margin:0 auto;}
.bookticket{margin:14px 10px 0px 0px;}
.navigation{margin-left:50px; width:600px;}
.navigation ul li{padding:0px 25px;}
.imgbannwrap{width:1000px;}
.abtlft{width:320px;}
.abtrht{width:625px;}
.abtrht p{font-size: 16px; line-height: 26px; padding-bottom: 20px;}
#aboutsec{padding:44px 0px 70px 0px;}
.slide1, .slide2, .slide3, .slide4{width:1000px;}
}

/*=====================================================================================
smaller than 650
======================================================================================*/
@media screen and (max-width: 768px) {
.wrapper{width:100%; margin:0 auto; position:relative;}
.imgbannwrap{width:765px;}
#header{height:49px;}
.logodesk{width:110px; height:15px; margin-top:20px; margin-left:29px;}
.bookticket{width:79px; height:28px; margin:12px 10px 0px 0px;}
.pancake{width:16px; height:12px; display:inline-block; background:url(../images/pancake.png) no-repeat; float:left; margin:20px 0px 0px 10px;}
.navigation{display:none;}
.mobiledrop{position:absolute; z-index:99; background:#000; width:100%; top:49px; padding:35px 0px;}
.mobiledrop ul li{padding:12px 0px; text-align:center;}
.mobiledrop ul li a{color:#fff; font-family: 'Russo One', sans-serif; font-size:16px; display:inline-block; font-weight:300; text-transform:uppercase;}
.mobiledrop ul li a.active{border-bottom: solid 2px #fff200;}
.mobiledrop ul li a:after{display:block; content: ''; border-bottom: solid 2px #fff200; padding-bottom:4px; transform: scaleX(0); transition: transform 250ms ease-in-out;}
.mobiledrop ul li a:hover:after{transform: scaleX(1);}
.closepan{width:13px; height:13px; display:inline-block; background:url(../images/closepan.png) no-repeat;}
.mainbann{padding-bottom:60px;}
.yline{margin:30px auto 28px auto;}
.abttxtmid{font-size:20px;}
h1{font-size:24px;}
.bookticket.hidetick{display:none;}
.aboutcon{padding:0px 10px;}
.abtlfttxt{display:none;}
.abtlft{width:290px;}
.abtrht{width:425px;}
.abtrht p{font-size:16px; line-height:24px; padding-bottom:18px;}
.slidoutside{width:305px; height:305px;}
.yelobox{width:110px; height:110px; background:#fff200; right:20px; bottom:20px;}
.slidtxt{margin-top:40px; font-size:18px;}
.slide1, .slide2, .slide3, .slide4{width:768px; top:195px;}
.slidepoppadd{padding: 29px 10px 26px 15px;}
.popcont{width: 360px;}
.speaker{display:none;}
.dj{display:none;}
.videomain{margin: 40px auto 0px auto;}
#ticket{padding:75px 0px;}
.ticktxt{font-size:40px;}
.musitronixv{width:670px; height:75px;}
.now{width: 190px; height: 63px;}
}

/*=====================================================================================
iphone 6 plus landscape
======================================================================================*/
@media screen and (max-width: 750px) {
.imgbannwrap{width:100%;}
.deskimg{display:none;}
.mobimg{display:block;}
#aboutsec{padding:34px 0px 40px 0px;}
.addbr{display:block;}
.abttxtmid{font-size:16px; line-height:24px;}
.abtlft{width:100%; float:none;}
.aboutcon{padding:0px 20px;}
.aboutcon{margin-top:34px;}
.abtrht{width:100%; float:none; margin-top:40px;}
.slidoutside{width:250px; height:250px;}
.slidinside img {margin-left: -5px;}
.yelobox{right: 20px; bottom: 20px;}
.popnbx{display:none;}
.slide1, .slide2, .slide3, .slide4{width:100%; top:135px;}
.popcont{width:98%; margin:28px 0px 0px 0px;}
.popclose{right: 17px; top:10px;}
.slidepoppadd{padding: 9px 10px 9px 15px;}
.popcont{font-size:14px; line-height:21px;}
.bx-wrapper .bx-controls-direction a{position: absolute; top: 53%;}
.videomain{width:500px; height:265px;}
.videodiv{border:4px solid #fff200; width:492px; height: 247px;left:50%;margin-left:-232px}
#videosec{padding:27px 0px 44px 0px;}
.ticktxt{font-size:24px;}
.now{width:105px;height:36px;}
.musitronixv{width: 280px; height: 32px; margin:10px auto;}
.arwncd{margin: 25px auto 0px auto;}
.partimg ul li{border-bottom: 1px solid #e8e8e8; border-right:0px; display:inherit; padding: 15px 0px; width: 100%;}
}

/*=====================================================================================
iphone 6 landscape
======================================================================================*/
@media screen and (max-width: 680px) {

}

/*=====================================================================================
smaller than 640
======================================================================================*/
@media screen and (max-width: 640px) {

}

/*=====================================================================================
smaller than 568
======================================================================================*/
@media screen and (max-width: 568px) {

}

/*=====================================================================================
smaller than 560
======================================================================================*/
@media screen and (max-width: 480px) {
.videomain{width:370px; height:185px;}
.videodiv{width:362px;height:204px;margin-left:-185px}
#ticket {
    padding: 40px 0px;
}
}


/*=====================================================================================
Nexus 5p
======================================================================================*/
@media screen and (max-width: 435px) {

}


/*=====================================================================================
iphone 6 plus
======================================================================================*/
@media screen and (max-width: 420px) {


}

@media screen and (max-width: 413px) {
}



/*=====================================================================================
iphone 6
======================================================================================*/
@media screen and (max-width: 375px) {
.videomain{width:320px; height:165px;}
.videodiv{width:312px;height:176px;margin-left:-160px;}
}

/*=====================================================================================
smaller than 360
======================================================================================*/
@media screen and (max-width: 360px) {
.videomain{width:280px; height:155px;}
.videodiv{width:272px;height:153px;margin-left:-140px;}

}


/*=====================================================================================
smaller than 320
======================================================================================*/
@media screen and (max-width: 321px) {
	
}