body, html {
	margin:0px; padding:0px;font-size:12pt;font-family: 'Philosopher', sans-serif;background-color:#000; color:#fff;
}
html {height:100%;}
body { min-height:100%; }
html, .border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both;}

.vishidden {
 opacity:0; }


pre {margin:12px;font-size:0.8em;font-family: 'Philosopher', sans-serif;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word; }

h1, h2 {padding:5px; margin: 10px 0px 0px 0px; font-size:1.8em;color:#fff; 
	text-shadow: -1px -1px 0px #00a, 1px 1px 0px #00a, -1px 1px 0px #00a, 1px -1px 0px #00a, 1px 0px 0px #00a, -1px 0px 0px #00a, 0px -1px 0px #00a, 0px 1px 0px #00a; }
h2 { color:#fff;}
h3 {padding:5px; margin:0px; font-weight:bold; font-style:italic; color:#00d;}
h4 {padding:5px; margin: 10px 0px 0px 0px; font-size:1.4em;color:#111;}
h5, h6 {padding:5px; margin: 10px 0px 0px 0px; font-size:1.8em;color:#fff; 
	text-shadow: -1px -1px 0px #02a, 1px 1px 0px #02a, -1px 1px 0px #02a, 1px -1px 0px #02a, 1px 0px 0px #02a, -1px 0px 0px #02a, 0px -1px 0px #02a, 0px 1px 0px #02a; }
h6 { color:#fff;}

a, a[href^=tel] {text-decoration:none; color:#fff; font-weight:bold; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
a:hover, a:hover div, a[href^=tel]:hover { color:#d00; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
a img {border-radius: 10px; }
a:hover img { box-shadow: 0px 0px 15px #d00; -moz-box-shadow:
 0px 0px 15px #d00; -webkit-box-shadow: 0px 0px 15px #d00;  -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

.BGShade { background-color: rgba(0, 0, 0, 0.8); }

.ServerWarning {text-align:center;font-size:1.2em;border:3px solid #d00;border-radius:10px; margin:40px auto;width:90%;padding:20px; display:block;}
.ServerMsg {text-align:center;font-size:1.2em;border:3px solid #f3ebc6;border-radius:10px; margin:40px auto;width:90%;padding:20px; display:block;}


input, textarea, select {display:block;width:100%;margin:10px auto;border-radius:5px;border:3px solid #666; padding:0.8em;font-size:0.9em;
	box-shadow: 0px 0px 0px #66a, inset 0px -3px 10px #ccc; -moz-box-shadow: 0px 0px 0px #66a,
 inset 0px -3px 10px #ccc; -webkit-box-shadow: 0px 0px 0px #66a, inset 0px -3px 10px #ccc;
	 -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} 
input:focus, textarea:focus, select:focus {border:3px solid #d00;
	box-shadow: 0px 0px 15px #ccc, inset 0px -3px 10px #ccc; -moz-box-shadow:
 0px 0px 15px #ccc, inset 0px -3px 10px #ccc; -webkit-box-shadow: 0px 0px 15px #ccc, inset 0px -3px 10px #ccc;} 
 select {padding:0.3em;}
select option {margin:0px;padding:0.4em;} 

input[type=checkbox] {display:inline-block;width:40px;border:2px solid red;}
input[type=file] {background-color:#fff;padding:0.5em;}

.DOB select {display:inline-block;width:auto;}
textarea {font-size:1em;height:200px;}
#SecAns {display:inline-block;width:70px;text-align:center;}
#emailResult span {border-top:1px solid #ccc;display:block;}

.button-img {margin:0px; padding:0px; border:none; box-shadow:none; -moz-box-shadow:
 none; -webkit-box-shadow: none; opacity: 0.5; }
.button-img:hover {opacity: 1; }

.button {background-color:#444; padding:10px; margin:5px auto; border-radius:5px; color:#ddd; display:block; font-weight:bold; cursor:pointer; text-decoration:none; border:2px solid #222;
	box-shadow: 0px 0px 15px #a00, inset 0px -3px 10px #ccc; -moz-box-shadow:
 0px 0px 15px #66a, inset 0px -3px 10px #ccc; -webkit-box-shadow: 0px 0px 0px #aaa, inset 0px 0px 15px #111;}
.button a {color:#ddd; }
.button:hover {color:#fff; border:2px solid #222;
	box-shadow: 0px 0px 15px #a00, inset 0px -3px 10px #ccc; -moz-box-shadow:
 0px 0px 15px #66a, inset 0px -3px 10px #ccc; -webkit-box-shadow: 0px 0px 15px #888, inset 0px 0px 15px #000;}
.button:hover a {color:#fff; }

#Upload {}
	#OtherCat {display:none;}
	#publish {background-image:none;background-color:#f79;color:#934;border-radius:10px;margin-bottom:-30px;position:relative;z-index:2;}
	#publish.published {background-color:#0f0;color:#060;}
	#addPublished {position:relative;height:25px;}
	 #uploadProgBar, #uploadResult {display:none;}
	 #uploadResult {margin:5px 5px 5px auto;font-size:0.8em;}
	 #formuploadfile {margin-top:6px;display:block;}

#popup {display:none;padding:10px;position: fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;}
	#popup .overlay {background-image:url(https://www.121websites.co.uk/images/CBox/overlay.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.8;}
	#popup .loader {position:absolute;top:50%;left:50%;margin:-45px 0px 0px -45px;border:5px solid #dde1ba;border-radius:50%;background-color:#fff;padding:10px;opacity:0.6;}
	#popup .container {border:3px solid #444; border-radius:15px; background-color:#111; position:relative; padding:15px; max-height:90%; overflow:auto;
		box-shadow: 3px 3px 10px #000; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000;}
	#popup .close {position:absolute;top:5px;right:8px;background-image:url(../images/CBox/controls.png);background-repeat:no-repeat;background-position:-25px 0px;width:25px;height:25px;border-radius:15px;
		cursor:pointer;}
	#popup .content p {padding:0px 35px;position:relative;}
	#popup .content ul {padding:0px 55px;}
	#popup .content strong {position:absolute;top:0px; left:0px;}

.anim { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

	.w-05 {width:5%;} .w-10 {width:10%;} .w-15 {width:15%;} .w-20 {width:20%;} .w-25 {width:25%;} .w-30 {width:30%;} .w-33 {width:33.33%;} .w-35 {width:35%;} .w-40 {width:40%;} .w-45 {width:45%;} .w-49 {width:49%;}
	.w-50 {width:50%;} .w-55 {width:55%;} .w-60 {width:60%;} .w-65 {width:65%;} .w-70 {width:70%;} .w-75 {width:75%;} .w-80 {width:80%;} .w-85 {width:85%;} .w-90 {width:90%;} .w-95 {width:95%;} .w-100 {width:100%;}

	.w-pad0 {padding:0px;} .w-pad15 {padding:15% 10%;} .w-pad10 {padding:10% 10%;} .w-pad5 {padding:5% 10%;} .w-pad2 {padding:2% 4%;} .w-pad5-5 {padding:5% 5%;}
	.w-padb0 {padding-bottom:0px;} .w-padb20 {padding-bottom:20px;}  .w-padb40 {padding-bottom:40px;} 
	.w-minhnone {min-height:initial;} .w-minh300 {min-height:300px;} 
	.w-maxhnone {max-height:initial;} .w-maxh100p {max-height:100%;} 

	.w-ib {display:inline-block;} .w-b {display:block;} .w-hide {display:none;} .w-tac {text-align:center;} .w-tal {text-align:left;} .w-tar {text-align:right;} .w-vat {vertical-align:top;}
	.w-vam {vertical-align:middle;} .w-vab {vertical-align:bottom;} .w-fr {float:right;} .w-fl {float:left;} .w-fn {float:none;} .w-cen {margin-left:auto; margin-right:auto;} .w-rel {position:relative;}
	.w-tc {display: table-cell;} .w-t {display: table;} .w-ofa {overflow: auto;} .w-ofv {overflow: visible;} .w-ofh {overflow: hidden;}

	.w-mr0 {margin-right:0%;} .w-mr2 {margin-right:2%;} .w-mr5 {margin-right:5%;} .w-mr10 {margin-right:10%;} .w-mr15 {margin-right:15%;} 
	.w-ml0 {margin-left:0%;} .w-ml2 {margin-left:2%;} .w-ml5 {margin-left:5%;} .w-ml10 {margin-left:10%;} .w-ml15 {margin-left:15%;}
	.w-mt0 {margin-top:0%;} .w-mt2 {margin-top:2%;} .w-mt5 {margin-top:5%;} .w-mt10 {margin-top:10%;} .w-mt15 {margin-top:15%;}
	.w-mb0 {margin-bottom:0%;} .w-mb2 {margin-bottom:2%;} .w-mb5 {margin-bottom:5%;} .w-mb10 {margin-bottom:10%;} .w-mb15 {margin-bottom:15%;}

	.w-text07 {font-size:0.7em} .w-text08 {font-size:0.8em} .w-text09 {font-size:0.9em} .w-text10 {font-size:1em} .w-text11 {font-size:1.1em} .w-text12 {font-size:1.2em} .w-text14 {font-size:1.4em}
	.w-text16 {font-size:1.6em} .w-text18 {font-size:1.8em} .w-text20 {font-size:2em} .w-text24 {font-size:2.4em} .w-text28 {font-size:2.8em}

.container {max-width:1600px; margin: 0px auto;}

#menubg {background-color:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; width:100%; height:100%;  max-height:100%; z-index:5; display:none; }

#header {z-index:5; position:fixed; left:0px; top:0px; width:100%; background-color: rgba(000, 0, 0, 0.7);}

#header.scrolled { background-color: rgba(000, 0, 0, 0.9); 
 box-shadow: 0px 5px 5px rgba(0, 0, 180, 0.8); -moz-box-shadow: 0px 5px 5px rgba(0, 0, 180, 0.8); -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 180, 0.8);}

#mainmenu {}
#header.scrolled .logo img {opacity:1; }
	.logo img {opacity:0; position:relative; max-height:54px; margin-top:4px; }

#menushow {cursor:pointer;margin:0px;text-align:center;}

 .mshow {display:block; margin:10px auto; width:40px; height:40px; border-radius:8px;position:relative;cursor:pointer;border:3px solid #00a;
 	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
 .mshow div { width:24px; height:3px;background-color:#00a; border-radius:5px;position:absolute;left:5px;
 	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

 .mshow .bar1 {top:6px;}
 .mshow.active .bar1 {top:15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
 .mshow .bar2 {top:15px;}
 .mshow.active .bar2 {left:18px;width:0px;}
 .mshow .bar3 {top:24px;}
 .mshow.active .bar3 {top:15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}


		#mainmenu .menushow {margin:0px; padding:0px;display:none; max-height:100%; }
		#mainmenu .menushow li {margin:0px; padding:0px;list-style-type:none;border-top:1px solid #004;border-bottom:1px solid #002;vertical-align:middle;}
		#mainmenu .menushow li:first-child {border-top:none;}
		#mainmenu .menushow li:last-child {border-bottom:none;}
		#mainmenu .menushow li a {text-decoration:none;color:#aaa;font-weight:bold;padding:10px;display:block;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
		#mainmenu .menushow li:not(.active) a:hover {color:#fff;background-color:#444;}
		#mainmenu .menushow li.active > a {color:#00a; text-shadow: 5px 0px 5px #fff, 0px 5px 5px #fff, -5px 0px 5px #fff, 0px -5px 5px #fff;}
		#mainmenu .menushow li a img {opacity:1;}
		#mainmenu .menushow i {margin:0px;}

			#mainmenu .menushow li ul { position:relative; margin:0px; padding:0px; display:none; }
			#mainmenu .menushow li ul li { margin:0px;}
			#mainmenu .menushow li ul li a { padding-left:40px; }

#page {z-index:2;position:relative; margin:0px; min-height:100%; padding:60px 0px 20px 0px; background-color:#222;
	background-image:url(../images/BGLightStage.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position: center top; background-size:cover;}


#footer {display:block; margin:0px 0px 0px 0px; padding:20px 10px 40px 10px; position:relative; text-align:center; color:#ccc; background-color:transparent; z-index:3;
			 box-shadow: 0px -5px 5px rgba(0, 0, 180, 0.8); -moz-box-shadow: 0px -5px 5px rgba(0, 0, 180, 0.8); -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 180, 0.8);}
#footer.the2tones, #footer.reverb {box-shadow: 0px -5px 5px rgba(0, 0, 180, 0.8); -moz-box-shadow: 0px -5px 5px rgba(0, 0, 180, 0.8); -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 180, 0.8);}
	#footer a {color:#ccc;}
	#footer a:hover {color:#a00;}

	#footer .fmenu { padding:0px; margin:0px; list-style-type: none;}
	#footer .fmenu li {}
	#footer .fmenu li a { border-bottom: 1px solid #006; padding:10px; border-radius:5px; display:block;}
	#footer .fmenu li a:hover {color:#fff; text-decoration:none; background-color:#111;}
	
.social {margin:20px auto;}
	.social a.link {background-image:url('https://www.121websites.co.uk/images/Various/Social000.png');display:inline-block;background-repeat:no-repeat;background-position:0px -5px;width:48px;height:48px;background-size:320px 58px;
		background-color:#eee;border:none;}
	.social a#linkt {background-position:-54px -5px;}
	.social a#linkl {background-position:-108px -5px;}
	.social a#linkp {background-position:-162px -5px;}
	.social a#linke {background-position:-216px -5px;}
	.social a#linki {background-position:-270px -5px;}
	.social a.link:hover {background-color:#a00;}
	#footer.reverb .social a.link:hover, #footer.the2tones .social a.link:hover {background-color:#00a;}
	
	#STitle {max-width:420px;}

.boxes { width: 100%; height: 100%; }
.box { text-align: center; vertical-align:middle; }
.coverimg {background-repeat:no-repeat; background-position:center center; background-size:cover; }
.poster1 {  background-image:url('../images/BGblock1.jpg');}
.poster2 {  background-image:url('../images/BGblock2.jpg');}
.poster3 {  background-image:url('../images/BGblock3.jpg');}
.mic {  background-image:url('../images/mic.jpg');}
.InfoEvents {  background-image:url('../images/InfoEvents.png');}
.InfoWedding {  background-image:url('../images/InfoWedding.png');}
.InfoDJ {  background-image:url('../images/InfoDJ.png');}

.PosterLink {padding:0px !IMPORTANT; margin:0px !IMPORTANT;}
.PosterLink img { width:100%; max-width:900px; padding:10px; border-radius: 0px;}
.PosterLink:hover img { padding:5px 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0px;}
.clink {  background-image:url('../images/Clink.jpg');}

.gradient {background: linear-gradient(150deg, #ff5348 0%, #ff5348 100%);
	background: #ff5348;
	background: -moz-linear-gradient(45deg, #ff5348 0%, #221F1A 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, #221F1A), color-stop(100%, #221F1A));
	background: -webkit-linear-gradient(45deg, #ff5348 0%, #221F1A 100%);
	background: -o-linear-gradient(45deg, #ff5348 0%, #221F1A 100%);
	background: -ms-linear-gradient(45deg, #ff5348 0%, #221F1A 100%);
	background: linear-gradient(45deg, #300 0%, #000 20%, #000 80%, #300 100%);}

.gradientB {background: linear-gradient(150deg, #ff5348 0%, #ff5348 100%);
	background: #ff5348;
	background: -moz-linear-gradient(45deg, #ff5348 0%, #221F1A 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, #221F1A), color-stop(100%, #221F1A));
	background: -webkit-linear-gradient(45deg, #ff5348 0%, #221F1A 100%);
	background: -o-linear-gradient(45deg, #ff5348 0%, #221F1A 100%);
	background: -ms-linear-gradient(45deg, #ff5348 0%, #221F1A 100%);
	background: linear-gradient(45deg, #02a 0%, #000 15%, #000 85%, #02a 100%);}

.infoBlock {border-radius:0px;margin:15% auto;}
	.infoBlock .body {background-color: #ddd; border-radius:5px;color:#333;padding:5px; position:relative; margin: -80px 20px 0px 20px; z-index:2;}
	.infoBlock .body p {margin:0px 5px 0px 5px;}
	.infoBlock .pic {background-color:#000;padding:0px;position:relative; z-index:1; border:none; border-radius: 15px;  box-shadow: 0px 0px 10px #00d; -moz-box-shadow:
 0px 0px 10px #00d; -webkit-box-shadow: 0px 0px 10px #00d;}
	.infoBlock .pic img {border:none;  border-radius: 15px;background-repeat:no-repeat;background-size:cover;background-position:center center;height:250px; z-index:1;}

.bullets {}
	.bullets li {list-style-type:none; padding: 10px 0px; position:relative;}
	.bullets i {margin-right:10px; position:relative; z-index:2;}
	.bullets i.fas.fa-star {position:absolute; left:0px; top:11px; color:#00d; z-index:1; opacity:0;}
	.bullets li a {display:block;}
	.bullets li:hover i.fa-star {opacity:1;}
	.bullets li:hover a {display:block; color:#fff;}



.BGRB-L {background-image:url(../images/BGRB-L.jpg);background-repeat:no-repeat;background-size:auto 100%;background-position:left center;}
.BGRB-R {background-image:url(../images/BGRB-R.jpg);background-repeat:no-repeat;background-size:auto 100%;background-position:right center;}
.BGBB-R {background-image:url(../images/BGBB-R.jpg);background-repeat:no-repeat;background-size:auto 100%;background-position:right center;}
.BGReggae-R {background-image:url(../images/ReggaeBeach_R.jpg);background-repeat:no-repeat;background-size:auto 100%;background-position:right center;}
.BGReggae-L {background-image:url(../images/ReggaeBeach_L.jpg);background-repeat:no-repeat;background-size:auto 100%;background-position:left center;}