@charset "utf-8";
/* CSS Document &*/

/* body{margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; color:#222; font-size:12px; background:url(../images/bg.png) #393939; background-position:top center;  background-repeat:no-repeat}
.innerBody {width:100%;height:100%;background:url(../images/top-bg.png)  repeat-x #393939; z-index:99;}

@font-face { font-family: 'Brandon Grotesque Bold'; src: url('../fonts/brandon_grotesque_bold.eot'); src: url('../fonts/brandon_grotesque_bold.eot?#iefix') format('embedded-opentype'), url('../fonts//brandon_grotesque_bold.svg#Brandon Grotesque Bold') format('svg'), url('../fonts/brandon_grotesque_bold.woff') format('woff'), url('../fonts/brandon_grotesque_bold.ttf') format('truetype'); font-weight: normal; font-style: normal;}

*/
body 
{
margin:0px; 
padding:0px; 
font-family: 'Muli', Arial, Helvetica, sans-serif; 
color:#222; 
font-size:16px; 
/* background-color:#D3D3D5;
background-color:#5A5957; */
}

input{font-family: 'Muli', Arial, Helvetica, sans-serif; color:#000 }
textarea{font-family: 'Muli', Arial, Helvetica, sans-serif; color:#000 }
img {
	vertical-align: text-bottom;
}
img{ border:0;}
.w100 {width:100%}
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline;}
.header-li-item a:hover {text-decoration:none;}
.left { float:left;}

p { margin:0px; padding:0px;}
.thanks {font-weight:bold; color:#666; font-size:18px}

h1,h2,h3,h4,h5,h6 { margin:0px; font-weight:normal; padding:0px; font-family: font-size:28px;font-family: 'Josefin Sans', Verdana; font-size:32px; color:#000}
h3 {padding-bottom:8px; padding-top:8px}
h4 {padding-bottom:10px; padding-top:0px; font-size:24px; }
/*
.pageTitle h1 {font-size:30px;color:#252525;padding:0 0 0 10px;text-align:left;margin:0 0 0 0;}

h2 { font-size:28px; color:#FFFFFF; margin-bottom:5px; padding-left:5px}
*/
.innerBody {width:100%;  position:absolute;  z-index:0;top:0px;padding-top:0px;}
.top-container { width:100%; margin:0px auto; height:auto; background-color:#2D3D4A; }
.top_area {width:100%; max-width:1000px; margin:0px auto; min-height:100px; height:auto; background-color:#2D3D4A; }/**/
.top-box { width:100%;height:84px; float:left;  padding-top:0px;  background-color:#2D3D4A;}

.logo {  float: left; z-index:999; margin:0px 0px 0px 0px; max-width:150px; width:100%; height:140px; position:relative}
.logo a img{ width:100%;}
.top_right {float:left;max-width:700px; width:69%;}

.phoneno {float:right; color:#FFF; font-size:16px; padding:16px 0px 10px 16px; border-bottom:solid 1px #404E5B;}
.phonenomob {width:100%; text-align:center; color:#FFF; font-size:16px; padding:16px 0px ; border-bottom:solid 1px #404E5B; display:none}
.phonenomob a{text-decoration:none}
.mainmenu { width:100%; padding:0px 0px 0px 10px;  margin:0px; z-index:999; margin-top:10px; float:right; }
.mainmenu li{ color:#FFF; text-transform:uppercase;font-family: Arial, Helvetica, sans-serif; font-size:18px; float:left;  display: inline-block; margin:0px 0px; margin-left:19px; padding:0px;}

.mainmenu li a { text-decoration:none;  margin:0px; padding:0px 3px;}
.mainmenu li.catg1 { /*border-bottom:4px solid #e4d815;margin-left:50px; */ border-bottom:4px  }
.mainmenu li.catg1:hover { border-bottom:4px solid #02A9BB;}


.mainmenu li.catg2 { /*border-bottom:4px solid #e48a15; width:148px; */ border-bottom:4px }
.mainmenu li.catg2:hover { border-bottom:4px solid #00CDAE;}

.mainmenu li.catg3 { /*border-bottom:4px solid #729106; width:118px;*/ border-bottom:4px }
.mainmenu li.catg3:hover{ border-bottom:4px solid #FF5757}

.mainmenu li.catg4 {/* border-bottom:4px solid #2c83ee; z-index:40; width:93px;*/ border-bottom:4px }
.mainmenu li.catg4:hover{ border-bottom:4px solid #FFB357;}

.mainmenu li.catg5 {/* border-bottom:4px solid #ee2c43; width:214px; */ border-bottom:4px  }
.mainmenu li.catg5:hover{border-bottom:4px solid #00BED1; }


.mobimenu { width:100%; padding:0px 0px 0px 0px;  margin:0px; z-index:999; background-color:#2D3D4A; display:none;  float:left}
.mobimenu ul{padding:0px; margin:0px; width:100%}
.mobimenu li{ color:#FFF; text-transform:uppercase;font-family: Arial, Helvetica, sans-serif; font-size:18px;  display: inline-block; margin:0px 0px; padding:0px; height:30px; width:100%; text-align:center; }

.mobimenu li a { text-decoration:none;  margin:0px; padding:0px 0px;}
.mobimenu li.catg1 { /*border-bottom:4px solid #e4d815;margin-left:50px; */ border-bottom:4px  }
.mobimenu li.catg1 a:hover { border-bottom:4px solid #02A9BB;}


.mobimenu li.catg2 { /*border-bottom:4px solid #e48a15; width:148px; */ border-bottom:4px }
.mobimenu li.catg2 a:hover { border-bottom:4px solid #00CDAE;}

.mobimenu li.catg3 { /*border-bottom:4px solid #729106; width:118px;*/ border-bottom:4px }
.mobimenu li.catg3 a:hover{ border-bottom:4px solid #FF5757}

.mobimenu li.catg4 {/* border-bottom:4px solid #2c83ee; z-index:40; width:93px;*/ border-bottom:4px }
.mobimenu li.catg4 a:hover{ border-bottom:4px solid #FFB357;}

.mobimenu li.catg5 {/* border-bottom:4px solid #ee2c43; width:214px; */ border-bottom:4px  }
.mobimenu li.catg5 a:hover{border-bottom:4px solid #00BED1; }
.enquire {font-family: Arial, Helvetica, sans-serif; background-color:#2D3D4A; float:right; width:100px; height:70px; color:#FFF; text-align:center; margin-top:10px; padding-top:6px; line-height:32px; font-size:18px;}
.enquire a:hover {color:#00ABBC; text-decoration:none;}
.enquiremobi{font-family: Arial, Helvetica, sans-serif; display:none;background-color:#2D3D4A; float:right; width:100%; height:auto; color:#FFF; text-align:center; margin-top:10px; padding-top:6px; line-height:32px; font-size:18px;}
.enquiremobi a:hover {color:#00ABBC; text-decoration:none;}
.mainfeature{width:100%; margin:0 auto}
.header {max-width:100%; margin:0px auto; padding:0px; width:100%; max-height:460px; overflow:hidden; background-color:#333; position:relative}
.header img {padding:0px; width:100%; min-height:250px; min-width:700px; overflow:hidden;  margin:auto; }
.edge_grey {position:absolute; bottom:-10px; z-index:209; width:100%; height:20px; background-image:url(../images/edge_grey.png); background-repeat:repeat-x}
.clear {clear:both;}
.event_grey{background-color:#F1F1F1; width:100%; border-bottom:3px solid #D6D6D6;}
.event_container {max-width:1000px; width:100%; margin:auto;  z-index:300;background-color:#F1F1F1; font-family: 'Josefin Sans', Verdana;}
.eventbanner { font-size:36px; color:#000; padding:10px 0px 0px 0px;}
.eventtitle { font-size:36px;  padding:0px 0px 0px 0px; text-align:left; margin-top:4px; font-weight:bold; font-style:italic; color:#000}
.eventtitle  a{color:#F00}
.eventtitle a:hover{ text-decoration:none; color:#900}
.buynow {float:right; height:20px; width:88px; margin-top:24px; padding:6px; margin-right:18px; font-size:18px; background-color:#2A1E1E}

#title_container { position:absolute;  bottom:40px; left:15%;}
.title1 {  color:#FFF; line-height:60px; font-family: 'Josefin Sans', Verdana; padding:10px 20px 10px 20px; background-color:#2D3E48}
/* #title_container2 { position:absolute; top:252px; left:220px; padding:10px 20px 20px 20px;z-index:300; background-color:rgba(0, 0, 0, 0.8); }
.title2 {  font-size:32px; color:#EFEFEF; line-height:30px; }
*/
.title1 h1{color:#FFF;font-weight:bold;font-size:40px;text-transform:uppercase;  font-family: 'Josefin Sans', Verdana;}


.container { max-width:100%;margin:0px auto; height:100%; position:relative;}
/*.content_bg{z-index:-100;   max-width:960px;width:100%; min-height:100%;  float:left;  margin:0px auto; background-color:#FFFFFF; padding:0px 0 20px 0; color:#000} */
/* .content_body {width:64%; padding:5px 10px; margin:0px 0px 0px 10px; float:left; } 
.home_cont{max-width:100%;margin:0px auto;height:100%; padding-bottom:2000px; margin-bottom:-2000px;}*/
.content_body {max-width:1000px; width:100%;  padding:0px 0px 0px 0px; margin:0px auto; }

.content_body a { text-decoration:none; color:#777; }
.main_text{padding:0px 0px; }

.badge{ position:absolute; top:95%; left:70%;  z-index:210; width:20%; max-width:135px; height:20%; max-height:135px}
.edge {position:absolute; bottom:-10px; z-index:209; width:100%; height:20px; background-image:url(../images/edge.png); background-repeat:repeat-x}
.menu-link { display: none; width:100%; text-align:right}

.newsbox{height:100%; }
.newsletter {margin:5px 0px; padding:0px 0px 0px 0px;color:#6a6a6a; background-color:#F1F1F1; width:100%; max-width:1000px;/*background-image:url(../images/newsletter.png);background-repeat:no-repeat; */ height:45px; cursor:pointer; position:relative; }
.newsletter img{ position:absolute; top:-5px; left:10px; z-index:900}
.newsletter_inner {margin-left:90px; padding:5px 0px 5px 0px; width:80%;  float:left;}
.newsletter_inner_text{float:left; padding:10px 0px;min-width:250px; }
.qb {width:100%;max-width:1000px; margin:0px auto;padding:0px 0px 0px 0px; float:left; margin-bottom:20px;
 }
.qbcontainer {margin:0px;}
.qbleft { width:24%; max-width:236px; min-width:230px; float:left; padding-bottom:20px; padding-top:5px; margin-right:18px; height:auto; overflow:visible}
.qbleftsport, .feateventbg2{ background-color:#00CDAE;border-radius:7px 7px 0 0; width:100%; height:10px; /*background-image:url(../images/sport_bar.png); background-position:top left; background-repeat:no-repeat*/ }
.qbleftconcert, .feateventbg3{ background-color:#FF5757;border-radius:7px 7px 0 0; width:100%; height:10px;}
.qblefttheatre, .feateventbg4{ background-color:#FFB357;border-radius:7px 7px 0 0; width:100%; height:10px;}
.qbleftculture, .feateventbg5{ background-color:#00BED1;border-radius:7px 7px 0 0; width:100%; height:10px;    }
/*
.qbleftconcert{background-image:url(../images/concert_bar.png); background-position:top left; background-repeat:no-repeat}
.qblefttheatre{background-image:url(../images/theatre_bar.png); background-position:top left; background-repeat:no-repeat}
.qbleftculture{background-image:url(../images/culture_bar.png); background-position:top left; background-repeat:no-repeat}*/
.qbmid { margin-right:18px;}
.qbright { margin-right:0px;}
.qbleft img{width:100%;  }
.qbright img{width:100%;  }
.qbimage {width:100%; position:relative; background-color:#F4F4F4; padding-bottom:20px; background-image:url(../images/qbfooter.jpg); background-position:bottom center; background-repeat:no-repeat}

.qbheader {color:#FFFFFF; padding:0px 0px 0px 5px;  position:absolute; top:13%; left:24px;  font-size:18px; line-height:24px; }
.qbheader h2{ padding:0px 0px 5px 0px ;}
.qbtickets {text-align:center; line-height:28px; padding-top:10px; height:150px;}
.qbticketsatp {padding:78px 0px 0px 30px; font-size:14px; line-height:18px;}
.black {color:#000}
.qbmore {  max-width:200px; height:30px;border-radius:7px; font-size:20px; color:#FFF; text-align:center; padding: 8px 7px 4px 7px; margin:15px 15px 20px 15px; font-family:Verdana, Geneva, sans-serif}
.qbfeature2 {height:30px;position:relative; color:#00CDAE;  font-size:18px;}
.qbfeature3 {height:30px;position:relative; color:#FF5757;  font-size:18px;}
.qbfeature4 {height:30px;position:relative; color:#FFB357;  font-size:18px;}
.qbfeature5 {height:30px;position:relative; color:#00BED1;  font-size:18px;}
.titlebg2 {background-color:#00CDAE;}
.titlebg3 {background-color:#FF5757}
.titlebg4 {background-color:#FFB357}
.titlebg5 {background-color:#00BED1}

.feateventbox {float:left; margin-top:20px; width:100%}
.feateventbg {max-width:1000px; width:100%; height:auto;margin-bottom:35px; float:left; background-color:#F4F4F4}
.feateventbg img{float:left; padding-right:30px; max-width:240px; width:25%; min-width:200px}
.eventtext {max-width:450px; width:50%; float:left; line-height:30px; padding-top:25px;min-height:135px; font-size:15px;  }
.eventtext h3{font-family: 'Josefin Sans', Verdana; font-size:28px; padding-bottom:20px; }
.buttonenquiry {float:right;max-width:220px;width:25%; min-width:170px; height:32px;border:0;text-align:center;cursor:pointer;margin:35px 10px 10px 10px;padding:0;color:#fff;font-family: 'Josefin Sans', Verdana; font-size:20px;line-height:20px; font-weight:normal;}
/*
.eventprice {font-family: 'Josefin Sans', Verdana; font-size:28px; font-weight:normal; margin-right:30px; padding:40px 10px 0px 0px; width:120px; text-align:right; float:right;}
.feateventbg2 {background-image:url(../images/featsportbg1.png);}
.feateventbg3 {background-image:url(../images/featconcertbg1.png);}
.feateventbg4 {background-image:url(../images/feattheatrebg1.png); }
.feateventbg5 {background-image:url(../images/featculturebg1.png); } */
.featurehd2 {min-height:60px;position:relative; color:#00CDAE;  font-size:28px;font-family: 'Josefin Sans', Verdana;}
.featurehd3 {min-height:60px;position:relative; color:#FF5757;  font-size:28px;font-family: 'Josefin Sans', Verdana;}
.featurehd4 {min-height:60px;position:relative; color:#FFB357;  font-size:28px;font-family: 'Josefin Sans', Verdana;}
.featurehd5 {min-height:60px;position:relative; color:#00BED1;  font-size:28px;font-family: 'Josefin Sans', Verdana;}
/*
.buttonGenericnew {float:right;width:220px;height:32px;border:0;text-align:center;cursor:pointer;margin:34px 20px 10px 20px;padding:0;color:#fff;font-family: 'Josefin Sans', Verdana; font-size:20px;line-height:20px; font-weight:bold; background:none}
.buttonGenericnew:hover {color:#AAA} */

.buttonenquiry:hover {color:#AAA}

.content2 {max-width:1000px; width:100%; float:left; font-size:15px; line-height:28px; margin:0px auto; padding-top:20px; padding-bottom:20px; border-bottom: solid 2px #EDEDED; height:auto;} 
.content5 {max-width:1000px; width:100%;  margin:auto; padding:20px 0px 15px 0px;
					 font-size:15px; line-height:28px;color:#6a6a6a; font-family:'Muli'; }
.content6 { width:100%;  margin:auto; padding:10px 0px 20px 0px;
					 font-size:15px; line-height:28px;color:#6a6a6a; background-color:#F1F1F1; font-family:'Muli'; background-image:url(../images/edge.png); background-position:bottom; background-repeat:repeat-x}
					 
.enquiryform {margin-top:19px; padding-top:30px;padding-left:25px; padding-right:25px;line-height:24px; color:#D9D9D9; width:95%; height:auto; background-image:url(../images/enquirybgbot.jpg); background-repeat:no-repeat; background-position:bottom center; float:left; padding-bottom:20px; background-color:#04AABA; margin-bottom:50px;}
.enqleftlab {width:100%; float:left; padding-left:10px; color:#FBFBFB; font-size:18px; font-weight:bold}
.enqrightcol{width:45%; float:left; margin-left:40px;}
.enqleftcol {width:47%; float:left}
.enqdatabglt {width:100%; float:left;  margin-top:10px; background-color:#FBFBFB; border-radius:5px; margin-left:10px}
.enqdatabgtext {float:left; background-color:#FBFBFB; border-radius:5px; margin-left:10px; min-height:100px; width:95%; margin-top:5px; padding-top:5px}
.input2 {max-width: 250px; width:90%;  padding:3px 0px 2px 3px; margin:10px 0px 10px 20px;color:#000; line-height:20px; border:none; font-size:15px; background-color:#FBFBFB;}
.inputtext2 {  max-width:950px;  width:100%;  padding:0px 0px 2px 3px; margin:0px; margin-left:20px;color:#000; line-height:20px; border:none; font-size:15px; background-color:#FBFBFB;}
.enquirytext2 {  max-width:950px;  width:95%;  padding:0px 0px 2px 3px; margin:0px; margin-top:10px; margin-left:20px;color:#000; line-height:20px; border:none;  font-size:15px; background-color:#FBFBFB;}
#enquiry_submit { width:180px; float:right; border:0; margin-right:2%; height:40px; margin-top:30px; padding-top:5px;font-weight:bold; font-size:18px; color:#FFF; background-color:#303E49; border-radius:7px; margin-bottom:20px;}
.enqhdtext {width:100%; max-width:900px; font-size:14px; line-height:28px;}				
.beingthere {font-size:32px; font-family: Tahoma, Geneva, sans-serif; line-height:60px;} 
.footer {max-width:1000px; width:100%; min-height:100%;  margin:0px auto;  padding:0px 0 0px 0;}

.footer_area { margin:0px auto; max-width:1000px;padding:0px 0px; width:100%; padding-top:30px;}
.footer_inner {max-width:1000px; width:98%; margin-left:0px}

.footer_area span{ color:#F03; font-size:12px; margin-bottom:12px; font-weight:bold; }

.foot-link-box {width:20%; float:left; min-width:120px; min-height:120px;  padding: 20px 0 0px 0px }
.foot-link-box-quick {width:20%; float:left; min-width:120px; min-height:120px;  padding: 20px 0 0px 0px;}

.foot-link-box-addr {width:20%; float:left; min-width:270px; min-height:120px;  padding: 20px 0 0px 0px;}
.foot-logo{width:110px; text-align:right}
.foot-links { margin:0px; padding:0px; list-style:none; }
.foot-links-nav { margin:0px; padding:0px; list-style: none;}
.foot-links li a{ margin:3px 0px 0px 0px; padding:0px; padding-left:0px;  min-width:120px;
color:#333; float:left;  font-size:12px;}
.foot-links li a:hover{text-decoration:none; background-color:#00ABBC; }

.foot-links-nav li a{ margin:0px 0px 2px 0px; padding:0px;  padding-left:0px;  min-width:120px;
color:#333; float:left; text-decoration:none;  font-size:12px; font-weight:bold;}
p.address {color:#333; font-size:12px; text-align:right; line-height:16px; float:right; }
p.address  a{color:#333;}
@media screen  and  (max-width:1015px){
.main_text{padding:0px 10px;}	
.qbleft { width:48%; max-width:490px;min-width:220px; float:left; padding-bottom:20px; padding-top:20px; margin-right:18px;}
.qbmid, .qbright { margin-right:0px; float:right}
.qbmore {  max-width:400px;}
.qbcontainer {margin:0px 10px;}
.buttonenquiry {float:left}
.eventtext {max-width:650px; width:70%; min-width:450px;}
.content2 {width:96%; padding-left:10px;}
.content5 {width:96%; }
.newsbox{height:80px; background-color:#F1F1F1; }
}
@media screen  and  (max-width:849px){
.top_area{min-height:110px;}
.top-box{height:auto; }
.top_right{max-width:770px;  width:74%; margin:auto}
.mainmenu, .enquire {display:none; }
.enquiremobi, .menu-link { display:block}
.mobimenu.active{display:block}
.phoneno {display:none}
.phonenomob{display:block}
.logo{ max-width:120px;height:auto}
.qbleft { width:48%;}
}
@media screen  and  (max-width:720px){
.enquiryform {padding-left:0; padding-right:0; width:100%}
.enqleftcol, .enqrightcol {width:95%; margin:auto; float:none; }
.enqline {margin-top:25px}
.enqfull {padding-left:15px; width:94%}
.enqdatabglt {margin:auto}
.enqdatabgtext {margin-left:0px; width:98%}
.enquirytext2 { margin-left:10px; width:90%}
.header img {min-width:550px;}
.event_container { line-height:30px;}
.eventbanner { font-size:28px; color:#000; }
.eventtitle {font-size:28px;}
}
@media screen  and  (max-width:640px) {
.eventtext {width:98%; min-width:300px; padding:25px 0px; margin:auto; float:none}
.newsbox{height:100px; background-color:#F1F1F1; }
.newsletter_inner {margin-left:90px; padding:5px 0px 5px 0px; width:60%; }
}
@media screen  and  (max-width:510px){
.qbleft { width:95%; margin:auto; float:none}
.foot-logo{width:100%; text-align:center;}
}
@media screen  and  (max-width:489px){
.header img {min-width:400px; min-height:160px}
.top_area{min-height:120px;}
.top_right{width:76%}
.footer_area span{font-size:16px}
.foot-link-box-quick{width:100%; text-align:center; max-width:100%}
.foot-links { width:98%; margin:auto}
.foot-link-box{width:100%;text-align:center}
.foot-links li a { height:auto; text-align:center; max-width:489px; width:100%; float:none; margin:4px auto; }
.quick  li {padding:3px 0px; margin:4px auto;}
.quick  li a{ font-size:16px; display:block}
.quick  li a:hover{ text-decoration:none;  }
.foot-link-box-addr {min-width:220px; width:100%}
.logo{ max-width:60px;height:auto}
.enquiremobi {text-align:center; }
.feateventbg img{max-width:400px; width:100%; margin-bottom:20px; padding:0px;}
.beingthere {max-width:300px; margin:auto; text-align:center; line-height:34px; padding-bottom:20px}
.eventtext {width:90%; min-width:200px; padding:0px 10px; margin:auto; float:none}
#enquiry_submit{float:none;}
p.address {text-align:center; width:100%}

}
@media screen  and  (max-width:300px){
.newsletter_inner {width:50%; }
.top_right{width:100%}
}


.scrollbox2 {width:100%; max-width:1000px; height:200px;float:left; padding:0px; margin:0px 0px 0px 0px; color:#FFF;  font-size:16px; padding-top:4px; position:relative;  /* background-color:rgba(70, 70, 70, 0.4); */
}

div#wn { 
	position:relative; 
	max-width:100%; height:200px; 
	overflow:hidden;
	}
    
div#inner1, div#inner2 {
    white-space:nowrap;
    }
div#inner1 img {
    padding-right:0px;padding-left:0px; margin-left:20px;
    }
    
div#wn2	{ 
	position:relative; 
	max-width:100%; height:200px;
	overflow:hidden;
	}
div#inner2 img {
    padding-right:0px;padding-left:0px; margin-right:0px; border:none;
    }
