@charset "utf-8";
/* CSS Document */

*{padding: 0; margin: 0; box-sizing: border-box;}
img{border: none; display: block; max-width: 100%;}
a{outline: none !important; text-decoration: none; transition: all 0.3s ease-in-out;}
a:hover{text-decoration: underline;}
ul{list-style: none !important;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body{
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #313131;
	background-color: #fff !important;
	background-size: cover !important;
}
body.home{background: url(../images/home_bg.jpg) 50% 0 no-repeat;}
body.merch{background: url(../images/merch_bg.jpg) 50% 0 no-repeat;}
body.music{background: url(../images/music_bg.jpg) 50% 0 no-repeat;}
body.tour{background: url(../images/tour_bg.jpg) 50% 0 no-repeat;}
body.videos{background: url(../images/videos_bg.jpg) 50% 0 no-repeat;}
body.gallery{background: url(../images/merch_bg.jpg) 50% 0 no-repeat;}
body.press{background: url(../images/tour_bg.jpg) 50% 0 no-repeat;}
body.towncryer{background: url(../images/town_bg.jpg) 50% 0 no-repeat;}
body.roger{background: url(../images/roger_bg.jpg) 50% 0 no-repeat;}
body.dipsos{background: url(../images/dipso_bg.jpg) 50% 0 no-repeat;}
body.contact{background: url(../images/tour_bg.jpg) 50% 0 no-repeat;}

.container{max-width: 1500px; margin: 0 auto; padding: 0 20px;}

.fancybox-container{z-index: 99999999 !important;}

/* Header */
header{}
	header p:last-child{margin: 0 !important;}

	.header_top{padding: 20px 0; position: relative;}
		.header_top .logo_cont{position: absolute;
    left: 50%;
    margin: 0 auto 0px -238px;
    width: 25%;
    top: 12%;
    z-index: 99999; }
		.header_top .top_part{padding: 0;}
			.header_top .top_part .container{max-width: 1455px;}
			.header_top .top_part ul{padding: 0; margin: 0; float: right;}
				.header_top .top_part ul li{float: left; margin: 0 0 0 15px;}
		.header_top .bot_part{position: relative; padding: 70px 0 120px;}
			
			.header_top nav{}
				.header_top nav .mobile_menu_header{display: none;}
				.header_top nav ul{font-size: 21px; line-height: 24px; text-transform: uppercase; padding: 0; margin: 0; font-weight: 700;}
					.header_top nav ul li{display: inline-block; margin: 0 9px;}
						.header_top nav ul li:first-child{margin-left: 0;}
						.header_top nav ul li:nth-child(5){margin-right: 20%;}
						.header_top nav ul li:nth-child(6){margin-left: 17%;}
						.header_top nav ul li:last-child{margin-right: 0;}
						.header_top nav ul li a{color: #feffff;}
							.header_top nav ul li a:hover,
							.header_top nav ul li.active a{opacity: 0.7; color: #7ca762;}

	.banner{height: 640px;}
		.banner.inner{background: url(../images/star.png) 50% 99% no-repeat;}
		.banner .container{max-width: 1300px;}
		.banner h2{font-size: 73px; line-height: 1; font-weight: 400; text-transform: uppercase; padding: 34% 0 10px; margin: 0; color: #feffff;text-shadow: -3px -3px 2px #333;}
		.banner h3{font-size: 46px; line-height: 1; font-weight: 400; text-transform: uppercase; margin: 0; color: #feffff;text-shadow: -3px -3px 2px #333;}
			.banner h3 a{font-weight: 700; color: #feffff;}
		

/* Body */
main{}
	main p:last-child{margin: 0 !important;}

	.body_main{background: url(../images/body_main_bg_inner.png) 50% 0 no-repeat; min-height: 1520px;}
		.body_main.inner{background: url(../images/body_main_bg_inner.png) 50% 0 no-repeat; min-height: 2100px;}
		.body_main.inner1{background: url(../images/body_main_bg_inner.png) 50% 0 no-repeat; min-height: 2100px;}
		.body_main .container{max-width: 1440px;}
		.body_main .play_bar{padding: 37px 30px; margin: 0 auto 30px;}
.bit-widget-container { border: #FFF 4px solid; margin: 0px 6px; border-radius: 5px;padding: 20px; background: #000; }
			.mejs-mediaelement{background: #4b7d7f;}
			.music_player{
			    width: 100%;
			    padding: 6px 30px 5px 30px;
			    background: #4b7d7f;
			}
			.music_player .mejs-container{
				background-color: transparent;
				width: 100% !important;
			}
			.music_player .mejs-container .mejs-controls {
			    background-color: transparent;
			}
			.music_player .mejs-playlist {
			    position: initial;
			    left: 0;
			    overflow-y: auto;
			    background: #CC1D7E;
			    width: 100% !important;
			}
			.music_player .mejs-controls .mejs-time-rail .mejs-time-total {
			    width: 50% !important;
			    left: 20%;
			    top: 4px;
			    margin: 0;
			}

			.mejs-controls .mejs-time-rail span, 
			.mejs-controls .mejs-time-rail a {
			    height: 2px;
			}
			.music_player .mejs-controls .mejs-time-rail .mejs-time-loaded{
				    background-color: #ffffff;
					width:100% !important;
			}
			.music_player .mejs-controls .mejs-time-rail .mejs-time-current {
			    background: #ffffff;
			    width: 0;
			    height: 4px;
			    top: -1px;
			}
			.music_player .mejs-controls .mejs-time-rail .mejs-time-handle {
			    display: block; 
			    position: absolute;
			    margin: 0;
			    width: 10px;
			    height: 10px;
			    background: #fff;
			    -webkit-border-radius: 5px;
			    -moz-border-radius: 5px;
			    border-radius: 5px;
			    cursor: pointer;
			    border: solid 2px #fff;
			    top:0;
				margin-top: -4px;
			    text-align: center;
			}
			.mejs-container .mejs-controls div button{
				margin-top: 0px;
				margin-bottom: 0;
			}
			.music_player .mejs-button {
			    position: absolute !important;
			    top: -2px;
			}
			.music_player .mejs-time.mejs-currenttime-container {
			    position: absolute;
			    left: 13%;
				top: -7px;
			}
			.music_player .mejs-time.mejs-duration-container {
			    position: absolute;
			    right: 23%;
			    top: -7px;
			}
			.music_player .mejs-button.mejs-prevtrack-button {
			    left:0;
			}
			.music_player .mejs-button.mejs-playpause-button {
			    left: 23px;
			}
			.music_player .mejs-button.mejs-nexttrack-button {
			    left: 50px;
			}
			.music_player .mejs-button.mejs-loop-button {
			    right: 17%;
			}
			.music_player .mejs-button.mejs-volume-button {
			    position: absolute;
			    right: 11.5%;
				top:-3px;
			}
			.music_player .mejs-controls a.mejs-horizontal-volume-slider {
			    right: 0;
			    position: absolute !important;
			    top: -7px;
			    width: 123px;
			}
		.body_main .albums{padding: 0 0 60px; margin: 0 auto; text-align: center; background: url(../images/star.png) 50% 95% no-repeat;}
			.body_main .albums li{display: inline-block; padding: 0 40px;}
		.body_main h2{font-size: 53px; line-height: 1; font-weight: 400; color: #feffff; text-align: center; margin: 0; padding: 55px 0 80px; background: url(../images/title_bg.png) 50% 50% no-repeat; margin: 0 0 20px;}
			.body_main.inner h2{background: url(../images/star.png) 50% 100% no-repeat; padding: 40px 0 90px; margin: 0 0 20px;}
		.body_main ul.vid_list{overflow: hidden; padding: 0;}
			.body_main ul.vid_list li{width: 48%; float: left;}
				.body_main ul.vid_list li:nth-child(even){float: right;}
				.body_main ul.vid_list li .vid_wrap{position: relative; padding-bottom: 56.25%; height: 0; margin: 0 0 40px;}
					.body_main ul.vid_list li .vid_wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
		.body_main .inner_gal{padding: 0; margin: 0 0 20px;}
			.body_main .inner_gal li{width: 33.33%; padding: 0 10px 20px; float: left;}
				.body_main .inner_gal li img{width: 100%;}
				.body_main .inner_gal li a{display: block;}
					.body_main .inner_gal li a:hover{opacity: 0.7;}
		.body_main.press p{color: #fff; font-size: 18px; line-height: 24px;}

.contentarea { padding: 20px 40px; color: #FFF; }
.contentarea h3 { font-size: 42px;  }
.contentarea p { font-size: 24px; line-height: 36px; margin: 0px 0px 35px 0px; }

	.body_bot{position: relative; margin-top: -50px; text-align: center; min-height: 1550px;}
		.body_bot.inner{margin-top: 0; min-height: 620px;}
		.body_bot .container{max-width: 1340px;}
		.body_bot img{margin: 0 auto;}
		.body_bot h2{font-size: 53px; line-height: 1; font-weight: 400; text-transform: uppercase; margin: 100px 0 10px; color: #feffff;}
			.body_bot h2 a{font-weight: 700; color: #feffff;}
		.body_bot h3{ font-size: 46px; line-height: 1; font-weight: 400; text-transform: uppercase; margin: 0 0px 40px; color: #feffff;}
a.merchbtn { color: #FFFFFF; border-color: #4b7d7f; border-width: 0px; background-color: #4b7d7f; padding: 15px 40px;
    line-height: 16px; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; clear: both;
    margin: 10px 0px 40px; display: inherit; }
a.merchbtn:hover { opacity: 0.75;  }

	.body_bot .bio{}
		.body_bot .bio p{color: #fff; text-align: left;}
		.body_bot .bio .merchbtn{display: inline-block;}


/* Footer */
footer{text-align: center;}
	footer p:last-child{margin: 0 !important;}

	.footer_top{padding: 45px 0 15px;}
		.footer_top ul{padding: 0; margin: 0;}
			.footer_top ul li{display: inline-block; padding: 0 60px;}
				.footer_top ul li a:hover{opacity: 0.7;}

	.footer_mid{padding: 70px 0 100px; position: relative;}
		.footer_mid .container{max-width: 1520px; margin: 0 auto;}
		.footer_mid .logo_cont{position: absolute;
    left: 50%;
    margin: 0 auto 0px -195px;
    width: 390px;
    top: 0;
    z-index: 99999;}
		.footer_mid ul{font-size: 21px; line-height: 24px; text-transform: uppercase; padding: 0; margin: 0; font-weight: 700;}
			.footer_mid ul li{display: inline-block; margin: 0 9px;}
				.footer_mid ul li:first-child{margin-left: 0;}
				.footer_mid ul li:nth-child(5){margin-right: 223px;}
				.footer_mid ul li:nth-child(6){margin-left: 223px;}
				.footer_mid ul li:last-child{margin-right: 0;}
				.footer_mid ul li a{color: #feffff;}
					.footer_mid ul li a:hover,
					.footer_mid ul li.active a{text-decoration: underline; opacity: 0.7; color: #feffff;}

	.footer_bot{padding: 0 0 20px;}
		.footer_bot p{font-size: 25px; line-height: 35px; color: #fff;}
			.footer_bot p a{color: #fff;}

.popup{display: none; max-width: 1000px;}
	.popup h2{font-size: 53px; line-height: 1; font-weight: 400; text-transform: uppercase; margin: 100px 0 10px; color: #000;}
	.popup p{color: #000; text-align: left; margin-bottom: 20px;}


.music-gal{padding-bottom: 25px !important; padding-top: 25px !important;}


/* Media Query */

@media screen and (min-width: 2000px) {
.header_top nav ul li:nth-child(5) {  margin-right: 18%;}
	.header_top nav ul li:nth-child(6) {  margin-left: 18%;}
	.header_top .logo_cont{width: 22%;}
}


@media screen and (min-width: 3800px) {
.header_top nav ul li:nth-child(5) {  margin-right: 17%;}
	.header_top nav ul li:nth-child(6) {  margin-left: 18%;}
	.header_top .logo_cont{width: 10.8%;}
}

@media screen and (min-width: 7600px) {
.header_top nav ul li:nth-child(5) {  margin-right: 17%;}
	.header_top nav ul li:nth-child(6) {  margin-left: 18%;}
	.header_top .logo_cont{width: 5.6%;}
}




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

}

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

}

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

}

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

}

@media screen and (max-width: 1600px) {
/*.header_top .logo_cont{left: 32%; width: 27%;}
.header_top nav ul li:nth-child(5){margin-right: 15%;}
.header_top nav ul li:nth-child(6){margin-left: 15%;}*/
/*.footer_mid .logo_cont{left: 32%; width: 430px;}*/
}

@media screen and (max-width: 1500px) {
/*.header_top .bot_part{padding: 40px 0 120px;}
.header_top .logo_cont{left: 34%; width: 22%;}
.header_top nav ul li:nth-child(5){margin-right: 12%;}
.header_top nav ul li:nth-child(6){margin-left: 12%;}*/
	.header_top nav ul {		font-size: 19px;}
/*.footer_mid{padding: 40px 0 100px;}
.footer_mid .logo_cont{left: 35%; width: 310px;}
.footer_mid ul li:nth-child(5){margin-right: 13%;}
.footer_mid ul li:nth-child(6){margin-left: 12%;}*/
.body_main{background-size: 100%;}
.body_main .play_bar{padding: 37px 60px;}
}

@media screen and (max-width: 1400px) {
.header_top .logo_cont{left: 54.5%; width: 24%;}
.header_top nav ul{font-size: 18px;}
/*.header_top nav ul li:nth-child(5){margin-right: 14%;}
.header_top nav ul li:nth-child(6){margin-left: 15%;}*/
/*.footer_mid{padding: 40px 0 100px;}
.footer_mid .logo_cont{left: 34.5%;}*/
.footer_mid ul{font-size: 18px;}
.body_main h2{background-size: 100%;}
.footer_bot p{font-size: 20px; line-height: 30px;}
}

@media screen and (max-width: 1300px) {
.header_top .logo_cont{left: 56.5%; width: 21%;}
.header_top nav ul{font-size: 17px;}
	.header_top .bot_part{padding: 40px 0 120px;}
	
	
.footer_mid .logo_cont{left: 54.5%; width: 21%;}
.footer_mid ul{font-size: 17px;}
}

@media screen and (max-width: 1260px) {
.header_top nav ul{font-size: 16px;}
	.header_top .bot_part{padding: 30px 0 120px;}
	
	
.footer_mid .logo_cont{left: 55.5%; width: 21%;}
.footer_mid ul{font-size: 16px;}
}

@media screen and (max-width: 1200px) {
.header_top .logo_cont{left: 58.5%; width: 21%;}
.header_top nav ul {  font-size: 15px;}
.footer_mid .logo_cont{left: 55.5%; width: 21%;}
.footer_mid ul{font-size: 15px;}
	.footer_mid ul li:nth-child(5) {  margin-right: 15%;}
	.footer_mid ul li:nth-child(6) {  margin-left: 15%;}
}


@media screen and (max-width: 1120px) {
.header_top .logo_cont {  left: 60.5%;  width: 20%;}
.header_top nav ul {  font-size: 14px;}
.footer_mid .logo_cont{left: 58.5%; width: 21%;}
.footer_mid ul{font-size: 15px;}
}

@media screen and (max-width: 1060px) {
.header_top .logo_cont {  left: 59%;  width: 20%;}
	.header_top nav ul li:nth-child(5){margin-right: 14%;}
.header_top nav ul li:nth-child(6){margin-left: 14%;}
.footer_mid ul{font-size: 14px;}
	.footer_mid {  padding: 30px 0 100px;}
}

@media screen and (max-width: 1030px) {
	
.header_top .logo_cont {  left: 60.5%;  width: 20%;}
	
}

@media screen and (max-width: 1000px) {
	
.header_top .logo_cont {  left: 60.5%;  width: 20%;}
.header_top nav ul {  font-size: 13px;}
	
.footer_mid .logo_cont{left: 60.5%; width: 21%;}
.footer_mid ul{font-size: 13px;}
	
}

@media screen and (max-width: 960px) {
	
.header_top .logo_cont {  left: 64.5%;  width: 18%;}
}


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

.header_top .logo_cont {  left: 65.5%;  }
.header_top nav ul {  font-size: 12px;}
	
	
.footer_mid .logo_cont{left: 61.5%; width: 20%;}
.footer_mid ul{font-size: 12px;}
	
}

@media screen and (max-width: 860px) {
.header_top .logo_cont {  left: 68.5%;  }
.header_top nav ul {  font-size: 11px;}
	.header_top .bot_part{padding: 10px 0 120px;}
	
	
.footer_mid .logo_cont{left: 63.5%; width: 20%;}
.footer_mid ul{font-size: 10px;}

}

@media screen and (max-width: 820px) {
.header_top .logo_cont {  left: 68.5%;  }
.header_top nav ul {  font-size: 10px;}
	
.footer_mid .logo_cont{left: 65.5%; width: 20%;}

}

@media screen and (max-width: 770px) {
	.footer_mid .logo_cont{left: 65.5%;}
	.footer_mid ul li:nth-child(6) {  margin-left: 12%;}
}

@media screen and (max-width: 767px) {
.header_top .logo_cont{width: 90%; position: static; margin: 0 auto 30px 13%; float: none;}
	.header_top .logo_cont img{width: 80%;}
.header_top .top_part{text-align: center;}
.header_top .top_part ul{float: none;}
.header_top .top_part ul li{display: inline-block; float: none; margin: 0 5px;}
.header_top .bot_part{padding: 30px 0 0;}
.header_top .bot_part .container{padding: 0;}
.header_top nav .mobile_menu_header{display: block;}
.header_top nav .mobile_menu_header{display: block; overflow: hidden; font-size: 23px; line-height: 34px; font-weight: 700; color: #fff; padding: 0; text-align: left; background-color: #4b7d7f; padding: 10px; clear: none; margin: 0;}
.header_top nav .mobile_menu_header a{float: right; display: block; width: 37px; height: 33px; background: url(../images/mobile_nav.png) 0 0 no-repeat;}
.header_top nav ul.navigation{display: none; text-align: left; margin-top: 10px; padding: 5px 0; margin: 0; transition: none; background-color: #fff; width: 100%;}
.header_top nav ul.navigation li{float: none !important; margin: 0 !important; clear: both; display: block; border: none;}
.header_top nav ul.navigation li a{color: #151657; display: block; padding: 10px 15px !important; background: none !important;}
.header_top nav ul.navigation li:hover > a,
.header_top nav ul.navigation li.current-menu-item > a, 
.header_top nav ul.navigation li.current-menu-parent > a{background: none !important;}
.header_top nav ul.navigation li.menu-item-has-children > a::after{right: 20px;}
.header_top nav ul.navigation ul{position: static; width: 100%; margin: 0 0 0 30px !important; display: block;}
.header_top nav ul.navigation ul li{float: none;}
.banner{height: 440px;}
.banner h2{font-size: 200%;}
.banner h3{font-size: 180%;}
.body_main{background: none !important;}
.body_main .play_bar{padding: 0;}
.body_main .albums li{padding: 0 0 30px;}
.body_main h2{background-image: none;}
.body_bot{margin-top: 20px; min-height: 1px; margin-bottom: 30px;}
.body_bot h2{font-size: 200%;}
.body_bot h3{font-size: 180%;}
.footer_mid .logo_cont{width: 90%; position: static; margin: 0 auto 30px; float: none;}
	.footer_mid .logo_cont img{text-align: center; margin: auto;}
.footer_mid ul li{margin: 0 10px 10px !important;}
.body_main .inner_gal li{width: 100%; padding: 0 0 30px;}
.body_bot.inner{min-height: 1px;}
.body_main.inner{min-height: 1000px; margin: 0 0 30px;}
.body_main ul.vid_list li{width: 100%; padding: 0 0 30px;}
.body_main.inner h2{font-size: 220%;}
.header_top nav ul {  font-size: 16px;}
}


@media screen and (max-width: 600px) {
.footer_mid ul {  font-size: 14px;}
	.footer_mid .logo_cont{left: 65.5%; width: 40%;}
	
	/*.home-mob-bnr h2{text-shadow: unset;padding-top: 0px;}
	.home-mob-bnr h3{text-shadow: unset;}
	.home-mob-bnr{background-color: rgba(0,0,0,0.5); padding: 35px 20px;width: 86%; margin: 31% auto 0 auto;}*/
	
	.home-mob-bnr h2{text-shadow: unset;}
	.home-mob-bnr h3{text-shadow: unset; text-transform: none;}
	.banner.home-bnr{height: 350px;}




}

@media screen and (max-width: 480px) {
.footer_mid ul {  font-size: 12px;}
	.footer_mid .logo_cont{left:0; width: 80%;}

}

@media screen and (max-width: 360px) {
.footer_mid ul {  font-size: 13px;}

}