/* CSS Document */
	@font-face {
		font-family: 'Gotham-Black';
		src: url('fonts/Gotham-Black.eot');
		src: url('fonts/Gotham-Black.woff2') format('woff2'),
		url('fonts/Gotham-Black.woff') format('woff'),
		url('fonts/Gotham-Black.ttf') format('truetype'),
		url('fonts/Gotham-Black.svg#Gotham-Black') format('svg'),
		url('fonts/Gotham-Black.eot#iefix') format('embedded-opentype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'GothamBook';
		src: url('fonts/GothamBook.woff') format('woff'),
		url('fonts/GothamBook.ttf') format('truetype'),
		url('fonts/GothamBook.svg#GothamBook') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'gotham-book';
		src: url('fonts/gotham-book.eot');
		src: url('fonts/gotham-book.woff2') format('woff2'),
		url('fonts/gotham-book.eot#iefix') format('embedded-opentype');
		font-weight: normal;
		font-style: normal;
	}
	
	*{padding:0;margin:0}
	.clear{clear:both}
	.blackoverlay { position: absolute; height: 100vh; width: 100%; top: 0; background-color: rgba(0, 0, 0, 0.3); }
	.bxsliderimage{background-size:cover;height:100vh;background-repeat:no-repeat;background-position:center;}
	.bx-viewport,.slider{height:100%;}
	.logooverlay{background-image:url(images/logo.svg);background-repeat:no-repeat;background-position:center;z-index:1;padding: 5% 10%;display:inline-block;text-align:center;margin:0;position:absolute;top: 5%;left: 5%;background-size: contain;}
	.activekidsoverlay{background-image: url(images/activekids.svg);background-size:auto 100%;background-repeat:no-repeat;background-position:center;z-index:1;padding: 5%;display:inline-block;text-align:center;margin:0;position:absolute;bottom: 5%;right: 5%;transform: translate(0%, 0%);background-size: contain;}
	.arrow{background-image:url(images/arrow.svg);background-size:auto 100%;background-repeat:no-repeat;background-position:center;z-index:1;padding:40px;right:0;display:inline-block;text-align:center;margin:0;position:absolute;bottom:0;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}
	#content{position:relative}
	/************************************* Global Styling *************************************/
	*{ padding:0;margin:0;-webkit-font-smoothing: antialiased;outline:none!important;outline:none;line-height:100%;font-family: 'Gotham-Book';box-sizing : border-box;}
	* a{ text-decoration:none; cursor:pointer;}
	body, button, input, select, optgroup, textarea{font-family: 'Gotham-Book';}
	
	.middle{ margin:0 auto;}
	.clear{ clear:both!important;}
	.height100{ height:100%;}
	
	.width100{ width:100%;}
	.width75{ width:75%;}
	.width50{ width:50%;}
	.width33{ width:33.33%;}
	.width25{ width:25%;}
	
	.height100{ height:100vh;}
	
	.wrapper{max-width:1140px;margin:0 auto;width:100%; }
	
	ul, ol{ margin:0 auto;}
	
	
	.nomargin{ margin:0!important;}
	.nopadding{ padding:0!important;}
	.nohover:hover, .nohover *:hover, .nohover > *:hover{ background-color:transparent!important;}
	
	.left{ float:left; }
	.left50{ float:left; width:50%;}
	.right{ float:right; }
	.right50{ float:right; width:50%;}
	.textleft, .textleft > * { text-align:left;}
	.textright, .textright > *{ text-align:right;}
	.textcenter, .textcenter > *{ text-align: center;}
	.hidden{ display:none;}
	.inline{ display:inline;}
	.inlineblock{ display:inline-block;}
	.relative{ position:relative;}
	
	
	.centeritem{position: absolute!important;top: 50%!important;left: 50%!important;-ms-transform: translate(-50%, -50%)!important;-webkit-transform: translate(-50%, -50%)!important;transform: translate(-50%, -50%)!important;}
	.bottomitem{ position: absolute; bottom:0; left: 50%;-ms-transform:  translate(-50%, -0%);-webkit-transform:  translate(-50%, -0%);transform: translate(-50%, -0%);}
	.leftcenteritem{ text-align: left; position: absolute; top: 50%; left: 0; -ms-transform:  translate(0%, -50%); -webkit-transform:  translate(0%, -50%); transform: translate(0%, -50%);}
	.rightcenteritem{ text-align: right; position: absolute; top: 50%; right:0; -ms-transform:  translate(0%, -50%); -webkit-transform:  translate(0%, -50%); transform: translate(0%, -50%);}
	
	.verticalalign ,.verticalalign > *{ vertical-align:middle;}
	.backgroundimage{ background-position:center; background-size:cover; background-repeat:no-repeat;}
	
	.heading{font-family: 'Gotham-Black';}
	
	.overflowhidden{ overflow:hidden;}
	
	.error::-webkit-input-placeholder { color: red;}
	.error:-ms-input-placeholder { color: red;}
	.error::placeholder { color: red;}
	
	
	/* Home Styling */
	.logooverlaycontainer{ position:relative;}
	#homecontent{ padding: 50px;}
	#homecontent *{vertical-align: middle;}
	#homecontent p{font-size: 20px;}
	#blockone{margin-left: 0%;position: relative;z-index: 1;width: 50%;}
	#blocktwo{position: relative;z-index: 1;background-color: #fff;width: 100%;padding: 9% 0;}
	#blocktwocontent{margin:0 auto;}
	#blockonecontent .heading,#blocktwocontent .heading{font-size: 24pt;margin: 20px 0;}
	#blockonecontent,#blocktwocontent{background-color: #fff;text-align: center;max-width: 90%;font-size: 10pt;margin: 0 auto;}
	
	#blocktwo { width: 100%; margin-bottom: 20px;}
	
	/* Trainer Styling */
	#trainers{padding: 0 50px 0 50px;}
	.trainerpic {width: 33.3333%;padding: 18.5% 0;cursor: pointer;background-position: top;}
	#trainerinfo {text-align: center;}
	.trainerinfo{ display: none;margin-top:50px;}
	.traineroverlay { background-color: #000; width: 100%; height: 100%; opacity: 0.4;}
	.traineroverlay:hover { opacity: 0;}
	.trainername { z-index: 1; color: #fff; text-transform: uppercase; font-size: 24px;font-family: 'Gotham-Black';}
	.trainerinfo .heading {font-size: 50px;text-transform: uppercase;}
	.trainerinfo ul { margin-bottom: 20px; list-style: none;}
	.trainerinfo strong {font-size: 20px;margin-top: 20px;display: block;margin-bottom: 10px;}
	.trainerinfo ul:last-child { margin-bottom: 0;}
	
	#blocktwowrapper { padding-left: 50px; }
	
	.contactform .heading { margin-bottom: 20px!important;}
	#contacttimetable{padding: 0 50px 50px 50px;}
	#timetable { width: 30%; display: inline-block;}
	.error .membershipoption { background-color: red!important; color: #000!important;}
	#timetable{width: 30%; display: inline-block; vertical-align: top; background-size: contain;}
	.contactform {width: 100%;display: inline-block;vertical-align: top;}
	input[type="text"], input[type="email"], input[type="tel"] { width: 49%; display: inline-block; float: left; padding: 20px; margin: 1%;}
	input[type="text"]:nth-child(odd) { margin-left: 0;}
	input[type="text"]:nth-child(even) { margin-right: 0;}
	select#ptoption, select#groupoption { width: 100%; padding: 20px; margin: 1% 0;}
	textarea { width: 100%; padding: 20px; margin: 1% 0;}
	input[type="submit"] { font-size: 20px; -webkit-appearance: none; border-radius: 0px; box-shadow: none; height: auto; width: 100%; background-color: #2c3547; color: #fff; display: block; border: none; cursor: pointer; margin: 10px auto 0 auto; text-align: center; padding: 20px; min-width: 200px; font-family: 'Gotham-Black'; text-transform: uppercase;}
	.contactform .heading { padding: 20px; text-align: center; background-color: #2c3547; color: #fff; margin-bottom: 50px; font-size: 30px; text-transform: uppercase;}
	.sent,.formerror { padding: 20px; text-align: center; font-family: 'Gotham-Black'; color: #fff; background-color: red;}
	.membershipoption { width: 50%; text-align: center; padding: 30px; cursor: pointer;}
	.membershipoption:hover { background-color: #fff; border: 5px solid #2c3547; padding: 15px; color: #2c3547;}
	/* Media Styling */
	#mediasection{ padding:50px;}
	.video-wrapper { padding-right: 0.5%;}
	.gallerycontainer .lightBox{float: left;padding: 9% 0;position: relative;width: 24%;overflow: hidden;margin: 1% 0.5% 0 0.5%;cursor:pointer;}
	.gallerycontainer .lightBox:nth-child(-n+4) { margin-top: 0; }
	.gallerycontainer .box, .thumb{margin-right:-50%;transform:translate(-50%,-50%);}
	.gallerycontainer .thumb{min-width:100%;min-height:100%;height:100%;top:50%;left:50%;background-repeat:no-repeat; z-index:0; max-width:none;position:absolute; cursor:pointer;}
	.gallerycontainer .largeImage{background-size:contain;background-position:center;background-repeat:no-repeat;padding:38% 0;}
	.gallerycontainer .backDrop{background-color:#404040;display:none;filter:alpha(opacity=0);height:100%;left:0; position:fixed;top:0;width:100%;z-index:1000; overflow:hidden;}
	.gallerycontainer .box{display:none;width:60%;top:50%;left:50%;z-index:100000000000;background-color:#404040;border:15px solid #fff; position:fixed;}
	.gallerycontainer .close{color:#fff;cursor:pointer;float:left;font-size:32px;margin:10px;position:absolute;z-index:1000000;}
	.gallerypagination{margin-top:85px; text-align:center;}
	.gallerypagination .pagepaginationlink{display:inline-block;font-size:33px;text-decoration:none;color: #af1d30;margin:0 10px; font-family: 'Gotham-Black';}
	.currentpagepagination{color: #414042!important;}
	.galleryoverlay {z-index: 100;background-color: rgba(44, 53, 71, 0.6);width: 100%;height: 100%;color: #fff;font-size: 40px;display: none;}
	.galleryoverlay .bold{font-family: 'Gotham-Black';}
	.video-wrapper { position: relative;}
	.video-wrapper > video { width: 100%; vertical-align: middle;}
	.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls { display: none;}
	.video-overlay-play-button { box-sizing: border-box; width: 100%; height: 100%; padding: 10px calc(50% - 50px); position: absolute; top: 0; left: 0; display: block; opacity: 0.95; cursor: pointer; transition: opacity 150ms;}
	.video-overlay-play-button:hover { opacity: 1;}
	.video-overlay-play-button.is-hidden { display: none;}
	#mediasection .heading{ display:none;}
	
	@media(max-width:1800px){
		#timetable { width: 40%;}
		.membershipoption { font-size: 22px!important;}
	}

	
	@media(max-width:1600px){
		.infoblock{ width:55%;}
		.galleryoverlay .bold { font-size: 20px;}
	}
	@media(max-width:1450px){
		.membershipoption { font-size: 18px!important;}
	}
	@media(max-width:1300px){
		#content{background-position: 90% 50%; background-size: auto 80%;}
		.infoblockheading{ font-size: 47px;}
		.blockcontent h2, .contactcontent{ font-size:30px;}

	}
	@media(max-width:1250px){
		.membershipoption { font-size: 15px!important; padding:15px!important;}	
	}

	@media(max-width:1200px){
		.infoblock{ left:35%;}
		#content{background-position: 85% 50%; background-size: auto 75%;}
		.infoblockheading{ font-size: 47px;}
		.blockcontent h2, .contactcontent{ font-size:30px;}
	}
	@media(max-width:1140px){
		#blockonewrapper {width: 40%;}
		#blockonewrapper .inlineblock.backgroundimage.relative { padding: 71% 0!important;}
		#blocktwowrapper {width: 60%!important;}
		#trainers { text-align: center;}
		.trainerpic {width: 33.333%;}
	}
	
	@media(max-width:1080px){
			.infoblock{ left:35%;}
		#content{background-position: 95% 50%; background-size: auto 70%;}
		.infoblockheading{ font-size: 42px;}
		.blockcontent h2, .contactcontent{ font-size:25px;}
		.contactform { width: 100%!important; padding-top:20px!important; padding-left:0px!important;   }
		#timetable { width: 100%;}
	}
	@media(max-width:970px){
		.infoblock{ left:32%;}
		.infoblockheading{ font-size: 37px;}
		.blockcontent h2, .contactcontent{ font-size:20px;}
		.logooverlay{ padding: 14%;}
		#blockonewrapper, 	#blocktwowrapper {width: 100%!important; padding:0;}
		#blockonewrapper .inlineblock.backgroundimage.relative { padding: 25% 0!important;}
		div#blocktwo { padding: 0;}
		div#blocktwocontent {position: relative!important;top: 0!important;left: 0!important;-ms-transform: translate(0%, 0%)!important;-webkit-transform: translate(0%, 0%)!important;transform: translate(0%, 0%)!important;padding: 25px;max-width: 100%!important;}
	}
	@media(max-width:860px){
		.infoblock { width: 70%; left: 40%; padding: 5%!important;}
		.infoblockheading{ font-size: 37px;}
		.blockcontent h2, .contactcontent{ font-size:20px;}
		#homecontent,.trainerinfo { margin-top: 20px!important;}
		#homecontent ,#trainers, #mediasection { padding: 0 20px 20px 20px;}
		.bxsliderimage,.blackoverlay{ height:50vh!important;}
		.contactform .heading{ margin-bottom:20px!important;}
		#mediasection .width50{ width:100%; display:block; padding:0;}
		.gallerycontainer .lightBox:nth-child(-n+4){margin-top: 1%;}
		.galleryoverlay .bold { font-size: 30px;}
		.gallerycontainer .lightBox:nth-child(odd){margin-left:0!important}
		.gallerycontainer .lightBox:nth-child(even){margin-right:0!important}
		.gallerycontainer .lightBox { width: 49.5%; padding: 24.5%;}
		.gallerycontainer .box { width: 90%;}
		#mediasection .heading { padding: 20px; text-align: center; background-color: #2c3547; color: #fff; margin: 20px 0; font-size: 30px; text-transform: uppercase; display:block;}
		#contacttimetable { padding: 0 20px!important; }
		.contactform{ padding: 20px 0 ;}

		}
	
	@media(max-width:700px){
		.infoblock{ top: 0; width:90%; left:0; right:0; transform: none; margin: 0 auto; position:relative; text-align:center;}
		.infoblock *{ text-align:center; }
		.contactitem, .contactinfo { display: inline-block; float:none; margin-bottom:5px;}
		.contactcontent {  margin: 0 auto;}
		#content { background-position: 90% 90%; background-size: auto 35%;}
		.logooverlay{ padding: 17%;}
		.trainerpic {width: 49.5%;padding: 25% 0;margin: 0.5%;}
		.trainerpic:nth-child(odd) { margin-left: 0;}
        .trainerpic:nth-child(even) { margin-right: 0;}
		.arrow{ display:none;}
	}
		
	@media(max-width:460px){
		.infoblock *{ display:block; float:none;}
		.infoblockheading{ font-size: 32px;}
		.blockcontent h2, .contactcontent{ font-size:15px;}
	}