body{font-family: 'Source Sans Pro', sans-serif;padding:0;margin:0;font-size:14px;background:url(images/bg.jpg) no-repeat top center #000; color:#fff;}
a{ text-decoration:none; color:#fff;}
p{padding:5px 0 5px 0;margin:0px;text-align:left;line-height:19px;}
h1, h2, h3, h4, h5, h6{ padding:0px; margin:0px; font-weight:normal;}


.clear{clear:both;}

h2.page-title{
	font-weight:700;
	padding:0 0 20px 0;
	
}
/*-------------------------------------------
///////////LAYOUT DESIGN
-------------------------------------------*/
.main_container{ width:1280px;  margin:0px auto auto auto; position:relative;}
.ticket_link{
position:absolute;
top:20px;
right:220px;
z-index:99999;
}
.ticket_link a{
display:block;
padding:10px 20px;
background-color:#76a825;
border:1px solid #76a825;
}
.ticket_link a:hover{
background-color:#000000;
border:1px solid #76a825;
}
.contact_link{
position:absolute;
top:20px;
right:120px;
z-index:99999;
}
.contact_link a{
display:block;
padding:10px 20px;
background-color:#76a825;
border:1px solid #76a825;
}
.contact_link a:hover{
background-color:#000000;
border:1px solid #76a825;
}
.header{ width:100%; }

.logo {width:100%; text-align:center; padding:20px 0;}


.socials{
	position:absolute;
	top:10px;
	right:0px;
	z-index:888;
}
.socials a{ 
display:inline-block;
}
.socials a img{ 
display:block;
width:36px;
}

.topmenu{ width:100%; text-align:center; padding:20px 0;}
.topmenu ul{ 
list-style:none; 
padding:0; 
margin:0px; 
width:100%; 
text-align:center;
}
.topmenu ul li{ padding:0px; display:inline-block;}
.topmenu ul li a{ 
color:#fff; font-size:14px; 
font-weight:700; 
display:inline-block; 
padding:12px 40px; 
margin:0 5px; text-decoration:none; 
background-color:#76a825;
border-radius:25px;
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 0.5s;
	  transition: all 0.5s;
}
.topmenu ul li a:hover{ 
background-color:#fff;
color:#76a825;
}
.menu{ width:100%; text-align:center; padding:20px 0;}
.menu ul{ list-style:none; padding:0; margin:0px; width:100%; text-align:center;}
.menu ul li{ 
padding:0px; 
display:inline-block;
}
.menu ul li span{ 
display:block; 
padding:10px 20px 10px 0; 
font-weight:600;
font-size:15px;
background:url(images/play.png) no-repeat 90%;
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 0.5s;
	  transition: all 0.5s;
}
.menu ul li a{ 
color:#fff; 
font-size:16px; 
font-weight:400; 
display:inline-block; 
padding:10px; 
margin:0 10px 20px 10px; 
text-decoration:none; 
border-radius:15px;
background-color:#76a825;
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 0.5s;
	  transition: all 0.5s;
}
.menu ul li a img{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.menu ul li.selected a{ background-color:#fff; color:#76a825;}
.menu ul li.selected a span{ padding:10px 30px 10px 0; background:url(images/play.png) no-repeat 100%;}
.menu ul li a:hover{ background-color:#fff; color:#76a825;}
.menu ul li a:hover span{
	padding:10px 25px 10px 0; 
}
.center_content{
width:96%;
padding:20px 2%;
text-align:center;
}
.center_text p{
text-align:center;
padding:80px 50px;
font-size:28px;
line-height:1.3;
letter-spacing:-1px;
font-weight:300;
}
.center_text p span{
font-weight:700;
display:block;
font-size:54px;
letter-spacing:-2px;
}

.intro-sub-text{
	width:100%;
	text-align:center;
	font-weight:600;
	font-size:14px;
}

.download-app{
	padding:40px 0;
	width:100%;
	text-align:center;
}
.download-app h3{
	width:100%;
	text-align:center;
	font-weight:700;
	padding:0 0 20px 0;
}
.download-app p{
	width:100%;
	text-align:center;
}
.radio_iframe{
width:345px;
margin:auto;
}
.video_iframe{
width:800px;
margin:auto;
background-color:#76a825;
padding:15px;
border-radius:25px;
}

.bottom_ads{ width:100%; text-align:center; margin:0px;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding:0px 0 0 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-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 {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
/* Direction Nav */
.flex-direction-nav { display:none;}
/* Control Nav */
.flex-control-nav {position: absolute; bottom:12px; right:12px; text-align:right; width:auto; padding:0px; margin:0px;}
.flex-control-nav li {margin:0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width:14px; height:14px; display: block; cursor: pointer; text-indent:100px; background:url(images/bullet.png) no-repeat center;overflow:hidden;}
.flex-control-nav li a:hover { background:url(images/bullet_a.png) no-repeat center;}
.flex-control-nav li a.active {background:url(images/bullet_a.png) no-repeat center;}


.form{ width:465px; margin:0 auto 0 auto;}
.form h2{ font-size:24px; padding:0 0 20px 0;}

input.form_input{ background-color:#292a29;width:100%; height:36px; border:1px #50504f solid; color:#fff; font-size:12px; padding:0 0 0 5px; margin:0 0 5px 0px;}
textarea.form_textarea{background-color:#292a29;width:100%; height:100px;  border:1px #50504f solid;color:#fff; font-size:12px; padding:3px 0 0 5px; margin:0 0 0 0px; font-family:Arial, Helvetica, sans-serif;}
input.form_submit{cursor:pointer;color:#FFFFFF; background-color:#76a825; border-radius:25px; margin:15px 0 0 0px; text-align:center; width:150px; height:36px; border:1px #76a825 solid;}
label.error{ float:left; clear:both; color:#FF0000;}

.footer{width:100%; text-align:center; clear:both; font-size:12px;  padding:20px 0;}

/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
.main_container{ width:100%;}
.bottom_ads{ width:80%; text-align:center; margin:0 0 0 10%;}
.bottom_ads img{ display:block; max-width:100%;}
}
@media screen and (max-width: 780px) {
.menu ul li a{ display:inline-block; margin:2px 2px;}
.radio_iframe{
width:100%;
margin:auto;
text-align:center;
}
.video_iframe{
width:calc(100% - 40px);
margin:auto;
}

.center_text p{
text-align:center;
padding:20px 40px;
font-size:18px;
line-height:1.3;
letter-spacing:-1px;
font-weight:300;
}
.center_text p span{
font-weight:700;
display:block;
font-size:38px;
letter-spacing:-2px;
}

.menu ul li span{ 
	  -webkit-transition:none;
	  -moz-transition:none;
	  transition: none;
}
.menu ul li a{ 
color:#fff; 
font-size:16px; 
font-weight:400; 
display:inline-block; 
padding:10px; 
margin:0 10px 20px 10px; 
text-decoration:none; 
border-radius:15px;
background-color:#76a825;
	  -webkit-transition:none;
	  -moz-transition:none;
	  transition: none;
}
.menu ul li a img{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.menu ul li.selected a{ background-color:#fff; color:#76a825;}
.menu ul li a:hover{ background-color:#76a825; color:#fff;}
.menu ul li a:hover span{
	padding:10px 20px 10px 0; 
}
.menu ul li.selected a:hover{ background-color:#fff !important;color:#76a825;}
.menu ul li.selected a:hover span{
	padding:10px 30px 10px 0; 
}
.topmenu ul li a{ 

	  -webkit-transition:none;
	  -moz-transition:none;
	  transition: none;
}
.topmenu ul li a:hover{ 
background-color:#76a825;
color:#fff;
}

}
@media screen and (max-width: 480px) {
.logo img{max-width:80%; display:block; margin:0 0 0 10%; padding:20px 0 0 0;}
.menu{padding:5px 0;}
.form{ width:90%; margin:0 0 0 5%;}
}