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


/* Template */

body {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #032048;
	scrollbar-color: gray transparent;

}


/* =========================================================
   HOMEPAGE - LIGHTWEIGHT CLICK-TO-PLAY YOUTUBE VIDEO
   ========================================================= */

.youtube-lite {
	position: relative;
	display: block;
	width: 92%;
	max-width: 900px;
	aspect-ratio: 16 / 9;

	margin-top: 28px;
	margin-left: auto;
	margin-right: auto;

	overflow: hidden;
	cursor: pointer;

	background-color: #000000;
	background-image: url("images/pure-art-bjj-video-thumbnail.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	box-sizing: border-box;
}


/* YouTube-style play button */

.youtube-lite-play {
	position: absolute;
	left: 50%;
	top: 50%;

	width: 68px;
	height: 48px;

	background-color: #ff0000;
	border-radius: 14px;

	transform: translate(-50%, -50%);

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);

	transition:
		transform 0.2s ease,
		background-color 0.2s ease;
}


/* White play triangle */

.youtube-lite-play::after {
	content: "";

	position: absolute;

	left: 27px;
	top: 13px;

	width: 0;
	height: 0;

	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 18px solid #ffffff;
}


.youtube-lite:hover .youtube-lite-play,
.youtube-lite:focus .youtube-lite-play {
	background-color: #cc0000;
	transform: translate(-50%, -50%) scale(1.08);
}


.youtube-lite:focus {
	outline: 3px solid #032048;
	outline-offset: 3px;
}

/* finish */

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.product-card {
    text-decoration: none;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
}

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.product-card img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

.product-card h3 {
    margin: 12px;
    font-size: 16px;
    text-align: center;
}

#Container {
	
width:100%;

	
	
}

/* Header */

header {
	position: fixed;
	top: 0px;
	width: 100%;
	background-color: #ffffff;
	height: 115px;
	
	display: block;
	z-index: 9999;
}



#Logo {
	
width:450px;
	float: left;

	
	
}


	
	


#Logo img {
	width:100%;
	float: left;
	padding-left: 40px;
	padding-top: 10px;
}
	






.titlelength1 {
	width: 450px;
}
	

	
	





.navbar {
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2%;
	float: left;
	z-index: 9999;
	
	
	
}


.navbar ul {
	
float: left;
	
}

.navbar ul li {
	display: inline;
	margin-right: 7px;
	font-size: 20px;
	height: 31px;
	line-height: 31px;
	
	

}

.navbar ul li a {
	
float: left;
	margin-right: 30px;
}


.navbar ul li a:hover {
	color: blue;
	

}


.nav-menu {
	float: left;
	z-index: 9999;
	
	
}

.Bottommenuitem {
	color: #000000;
}


.menupush {
	float: left;
	padding-top: 4px;
}

#socialmenu  {
	padding-top: 0px;
	float: left;
    
	
}



#instagrammenuicon  {
	float: left;
	
}

#instagrammenuicon img {
	width: 40px;
	float: left;
	padding-top: 0px;
	padding-left: 10px;
	
}

#youtubemenuicon  {
	float: left;
}

#youtubemenuicon img {
	width: 45px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	
}

#facebookmenuicon  {
	float: left;
}

#facebookmenuicon img {
	width: 18px;
	float: left;
	
}



.hamburger {
    display: none;
}


a    {
	text-decoration: none;
	color: inherit;
}

.Black {
	color: #000000;
}

/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0px;
  padding-left: 16px;
  padding-right: 26px;
  padding-bottom: 0px;
  
  margin-top: 0px;
  font-size: 20px;
  border: none;
	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
	float: left;
	margin-top: 0px;
	padding-top: 0px;

}















.chevron:hover {
	
	}


	






.navbar ul .dropdown-content .dropdownitemfirst a {
	padding-top: 20px;	
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 10px;
}

	.navbar ul .dropdown-content .dropdownitem a {
	padding-top: 10px;	
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 10px;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	padding-top: 10px;	
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 15px;
}

/* Links inside the dropdown */
.navbar ul .dropdown-content li  a {
  color: black;
  text-decoration: none;
	font-size: 18px;
	margin-top: 0px;
	float: left;
	
}

.navbar ul .dropdown-content li  {
  
	display: block;
}



/* Change color of dropdown links on hover */
.navbar ul .dropdown-content li a:hover {
	background-color: #ffffff;
	color: blue;
}


@media only screen and (min-width: 769px){
	
	
	/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
	padding-top: 0px;	
	margin-top: 0px;
	padding-bottom: 0px;
	float: left;
	
}
	
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
	 max-height: calc(100vh - 110px);
	overflow-y: scroll;

}
	
	.dropbtn:hover {
	color: blue;


}
	

}

	.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
vertical-align:text-top;
margin-top: 2.5%;
	margin-left: 7px;
	padding-top: 0%;
	transform: rotate(135deg);

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #fff;}





.dropdownitem  {


}

.main{
	margin-top: 110px;
	width: 100%;
	
}

h1 {
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
		
}





.dividerline1 {
	border-top: 4px solid #e1e1e1;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	height: 4px;
	
}





/* Footer */

footer {
	
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;
	margin-top: 50px;
	
		
}


footer p {
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


.footermain {
	display: flex;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	
}

footer h4 {
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


.contactfoot {
	text-align: left;
	margin-left: 0px;
	padding-top: 35px;
	min-width: 176px;
	vertical-align: top;
	overflow: hidden;
	width: 100%;
	background-attachment: fixed;
}



	.logoassociationfoot {
	
	
	vertical-align: middle;
	 background-position: center;
	
	padding-top: 35px;
	
	overflow:auto;
	padding-left: auto;
	padding-right: auto;
	width: 100%;
}



.logoassociation {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-position: center;
	
	

}

.locationfoot {
	padding-top: 35px;
	margin-right: 0px;
	
	vertical-align: top;
	text-align: right;
	width: 100%;
	
}








.contactfoottxt {
	
	
	font-weight: bold;
	margin-right: 0px;
	font-size: 24px;
	
}



.emailfoot .footeremailtxt {
	color: #3c0;
	
}
	
	
.emailfoot {
	
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	font-size: 18px;
	color: #00F;
	max-width: 250px;
}


.phonefoot .footerphonetxt {
	color: #3c0;
	
}

.phonefoot {
	
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	font-size: 18px;
	color: #00F;
	
}

















.locationfoottxt{
	
	
	font-weight: bold;
	font-size: 24px;

}


.addressfoot {
	
	font-weight: bold;
	padding-top: 10px;
	font-size: 18px;
	color: #00F;

}






.footersocialmenu  {
	padding-top: 0px;
	width: 100%;
	text-align: center;
	display: inline-block;

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 45px;
	
	padding-left: 20px;
	padding-right: 20px;
}

.facebookfooticon  {
	display:inline-block;
}

.facebookfooticon img {
	width: 18px;
	
	
	
}


.foottxt {
	
	width: 100%;
	text-align: center;
	font-size: 15px;
	
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	display:inline-block;
	margin-bottom: 10px;
	margin-top: 20px;
}





/* Home other */

@media only screen and (min-width: 1386px){ 
	
	
	.h2homeformtxtwrap {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
}

.greenarrowhome2 {
	background-image: url(images/Green-Arrow.png);
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	margin-top: 10px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}
	
	
	.greenarrowhome3 {
	background-image: url(images/Green-Arrow.png);
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
}
	
	
	
	.formtxt {
	margin-left: 0px;
	margin-right: 0px;
	color: #33CC00;
	font-weight: bold;
	font-size: 30px;
	margin-top: 20px;
	
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 900px;
	
}


}





/* Home */








#revbox { 
	width: 100%;

}

#revlinkbutton {
	padding-top: 25px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	 /* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	
	}



	.h1home {
	color: #00F;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: center;
	font-size: 48px;
	display: block;
	
}











.extrahomecontactformpicwrapper {

	margin-left: 50px;
	margin-right: 50px;
	
	
	
	
}



.homecontactformpicwrapper {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
/*	align-items: center; */
  	justify-content: center;
	
}


#bodytxtgroupahomecontact {
	
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-bottom: 0px;
	height: 800px;
	
}

#cuwrp {
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	height: 800px;
}

	


#cuform form input {
	font-size: 16px;
	
	
}
#cuform form textarea {
	font-size: 16px;
	
}


#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 30px;
	padding-right: 30px;
	width: 470px;
	height: 800px;
	border: 2px solid #000;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	
	
}


.buttonwrap {
	
	text-align: center;
	
}



#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 16px;
	margin-left: 0px;
	margin-right: 0px;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	background-repeat: no-repeat;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: 1px 2px 2px #111;
	
	
	
	
}

#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}



.namepadd {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 28px;
	color: #FFF;
}
.labelpad {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 28px;


}

#cuformhome input {
	width: 465px;
	font-size: 20px;
	
}
	

#cuformhome textarea {
	width: 465px;
	height: 160px;
	font-size: 19.5px;
	font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";

}

form {
	
}


.homebeginnerad {
	margin-top: 0px;
	Margin-left: 50px;
	Margin-bottom: 2px;
	
		
		
		
		
}

.homebeggineradimg{
	height: 625px;
}

.freebjjclass{
	width: 550px;
}

	
.promovid {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
		
	}


#homepromovid {
	width: 1080px; 
	height: 607px;
	
	margin-top: 28px
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	font-size: 18px;
	
		
}


.acttxt h3 .acth3 {
	color: #00f;
	font-size: 32px;
	text-align: center;
	margin-top: 30px;
}

.acttxt h3 {
	text-align: justify;
	font-size: 20px;
	line-height: 25.8px;
	max-width: 745px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto
}


.acttxt p {
	text-align: justify;
	font-size: 20px;
	line-height: 25.8px;
	max-width: 745px;
	font-weight: normal;
	margin-left: auto;
		margin-right: auto;
}







/* Contact Page */

.maincontact {
	margin-top: 130px;
	width: 100%;
	
}

.h1contactwrapper {
	
	
	
}

.h1contact {
	color: #00F;
	margin-top: 35px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 48px;
	
	
	
}

.acttxt h3 .actc3 {
	color: #00f;
	font-size: 34px;
	text-align: center;
	margin-top: 35px;
	
	
}

.contactpagecontact {
		text-align: center;
	}



.emailcontact .contactemailtxt {
	color: #3c0;
	
}
	
	
.emailcontact {
	
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	font-size: 22px;
	color: #00F;
	
}


.phonecontact .contactphonetxt {
	color: #3c0;
	
}

.phonecontact {
	
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	font-size: 22px;
	color: #00F;
	
}

.actc32 p {
	text-align: justify;
	font-size: 20px;
	line-height: 25.8px;
	max-width: 745px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto
}

/* Find Us Page */

.resizemap {
	width: 650px;
	height: 650px;

}

.leftpanel {
	margin-right: 40px;
	vertical-align: top;
}

.lefth3 {
	color: #00f;
	font-size: 38px;
	text-align: left;
}

h3.lefth3 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.leftp p {
	font-size: 20px;
	text-align: left;
}


.extrawrapper {

	margin-left: 50px;
	margin-right: 50px;
	
	
	
	
}

.findflexwrapper {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}

.h1find {
	color: #00F;
	margin-top: 35px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 48px;
	
	
	
}

.centreh3 {
	color: #00f;
	font-size: 38px;
	text-align: center;
}

h3.centreh3 {
	margin-top: 30px;
	margin-bottom: 0px;
}

.findpic1 {
	width: 500px;
	height: 350px;
	
}


.findpic {
	width: 500px;
	height: 380px;
	margin-right: 20px;
	margin-bottom: 15px;
	
}


.findtextholder {
	display: flex;
	margin-top: 15px;
	
}




.findpictextnumber {
	display: flex;
	text-align: justify;
	font-size: 16px;
}


.findpictextindent {
	margin-left: 10px;
	font-size: 16px;
	text-align: justify;
	display: flex;
}



.findpicrightmargin {
	width: 500px;
	height: 350px;
	margin-right: 20px;
}

#findusvid {
	width: 1000px; 
	height: 607px;
	margin-top: 28px
}

.centrepanel p {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	text-align: center;
}

.centrepanel  {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

.centrepanel h4 {
	text-align: center;
	font-size: 20px
}


.centrepanel2  {
	margin-left: auto;
	margin-right: auto;
	text-align: center;

	
	
}

.centrepanel2 p  {
	margin-left: auto;
	margin-right: auto;
	text-align: center;

	max-width: 800px;
	
}


.boldcentre {
	font-weight: bold;
}



/* Timetable page */

.timetabletext {
	display: flex;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	max-width: 650px;
	
}


.timetabletextflex {
	
	display: flex;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px
	
}


.timetabletext2 {
	display: flex;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	max-width: 650px;
	
}


.timetabletextflex2 {
	
	display: flex;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px
	
}



.time {
	margin-right: 10px;
}




h3.timetablelefth3 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.timetablepic1 {
	width: 550px;
}

.centrepanel2 a {
	
	color: #3c0;
	font-weight: bold;
	font-size: 20px;
	
}


.timetablelefth3 {
	color: #00f;
	font-size: 38px;
	text-align: left;
}



.h1timetable {
	color: #00F;
	margin-top: 35px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 48px;
	
	
	
}

.timetabletext2 ul li::marker {
  color: black;
}


.timetabletext2 ul li {
	
	color: #00f;
	font-weight: bold;
	margin-bottom: 20px;
}

.timetabletext2 ul {
	
	margin-top: 0px; 
		margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	
}

.timetablepicholder {
	margin-top: 0px;
	Margin-left: 0px;
	Margin-bottom: 2px;
	
}
	
	.timetablepicholderimg{
	height: 689px;
}	

/* Memberships / Join Page */
		

.membershippic1 {
		display: inline-block;
		text-align: center;
		margin-top: 55px;
	

}

.membershippicsize {
		display: inline-block;
		text-align: center;
		width: 550px;
		
	

}




.joinh3 {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #00F;
}
		
		
h3.joinh3 {
	font-size: 28px;
	
}



.membershippicrightmargin {
	width: 300px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 20px;
}





.membershippic {
	width: 300px;
	
	margin-right: 20px;
	margin-bottom: 15px;
	
}


.membershippictextnumber1 {
	
	font-weight: bold;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.membershippictextnumber2 {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 19px;
	margin-left: auto;
	margin-right: auto;
}

.membershippictextnumberstudent {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}


.membershiplefth3 {
	color: #00f;
	font-size: 38px;
	text-align: center;
}


.membershipflexwrapper {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}

.membershipflexwrapper1 {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}


.membershiptext2 {
	display: inline-block;
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 18px;
	max-width: 650px;
	align-content: center;
	
}



.membershiptext2 ul li {
	
	color: #00f;
	font-weight: bold;
	margin-bottom: 20px;
	
}

.membershiptext2 ul {
	
	margin-top: 0px; 
		margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}



.membershiptextheader2 {
	display: flex;
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 18px;
	max-width: 650px;
	
}


.membershiptextheader2 ul li {
	
	color: #00f;
	font-weight: bold;
	margin-bottom: 20px;
	
}

.membershiptextheader2 ul {
	
	margin-top: 0px; 
		margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}




/* Beginners Page */

.beginnersflexwrapper {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}

.begginersh3 {
	color: #00f;
	font-size: 38px;
	text-align: center;
}


.beginnnersimagewrapmobile {
		
		display: none;
		
	}


.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 54px;
	
	
	
}


#revlinkbuttonbeginner {
	padding-top: 25px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	 /* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	
	}

.pointwrapper {
	display: block;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.beginnerpoints {
	display: block;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	/*max-width: 650px;*/
}


.beginnerpoints ul li::marker {
  color: black;
}


.beginnerpoints ul li {
	
	color: #00f;
	font-weight: bold;
	margin-bottom: 20px;
	
}

.beginnerpoints ul {
	
	margin-top: 0px; 
		margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	justify-content: center;
	
}

.leftpbeginners p {
	 
	font-size: 18px;
	text-align: justify;
	margin-left: 5%;
	margin-right: 5%;
}

	#arrowpic4joinpage {
	display: block;
	text-align: center;
}

	.resizearrow {
	width: 150px;
	margin-left: 45px;
	margin-top: 20px;
}

.jointxt {
		margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 410px;
	color: #00f;
	text-decoration: underline;
}


/* Join Page */



.membershippicholder {
	display: inline-block;
	align-content: center;
	text-align: center;
	width: 100%;
}

.joinh1 {
	
	color: #3c0;
	font-size: 50px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 25px;
	
}



	@media only screen and (min-width: 669px) {
	
	#goldmobilepics4joinpage {
	display: none;
	
}

	}

#pics4joinpage {
	text-align: center;
}

	#arrowpic4joinpage {
	display: block;
	text-align: center;
}

.resizejoin1memberoptions {
	width: 600px;
	margin-left: 45px;
	margin-top: 20px;
}

	.resizearrow {
	width: 150px;
	margin-left: 45px;
	margin-top: 20px;
}

.joinh2 {
	text-align: center;
	color: #333;
	margin-top: 0px;
	
}




.joinh3 {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #00F;
}

.joinotherh3 {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #00F;
}

h3.joinh3 {
	font-size: 28px;
	
}

.membershiptier {
	display: inline-block;
	width: 100%;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}

.membershipoptiongold p {
	font-size: 22px;
	width: 250px;
	text-align: center;
	
}

.membershipoptionsilver p {
	font-size: 20px;
	width: 250px;
	text-align: center;
	
}

.membershipoptionbronze p {
	font-size: 20px;
	
}


.membershipoptiongold   {
	display: inline-block;
	margin-left: 460px;
	margin-right: 0px;
	
	
}

.membershipoptionsilver   {
	display: inline-block;
	margin-left: 55px;
	margin-right: 0px;
}

.membershipoptionbronze   {
	display: inline-block;
	margin-left: 44px;
	margin-right: 0px;
}

.membershipoptionunder18s   {
	display: inline-block;
	margin-left: 372px;
	margin-right: 0px;
	text-align: center;
	
}

.membershipoptionunder18s p {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	width: 250px;
	text-align: center;
	
}


.membershipoptionstudentgold   {
	display: inline-block;
	margin-left: 380px;
	margin-right: 0px;
	
	
	
}

.membershipoptionstudentgold p {
	font-size: 22px;
	width: 250px;
	text-align: center;
	
}

.membershipoptionother   {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	
}

.membershipoptionother p   {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	font-weight: bold;
}

.joininfo {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.jointxt {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 500px;
}


.jointextnumber1  {
	
	
	
	font-weight: bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 20px;
	
	}

.jointextnumber1 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 20px;
	
	
	}


.jointextnumber2  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 19px;
	font-size: 20px;
	
	
	}

.jointextnumber2 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 19px;
	
	}


.jointextnumber  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	font-size: 20px;
	
	
	}


.jointextnumber a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 19px;
	
	}



.membershippicwider {
	width: 330px;
	
	margin-right: 20px;
	margin-bottom: 15px;
	
}


.jointextholder {
	display: flex;
	margin-top: 15px;
	
}

/* formtoemail.php */

.contactconfirmation {
	
	Max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.messagesentpic {
	
	width: 800px;
}

.Goldqr {
	width: 180px
}

/* Instructors Page */

.resizein2 {
width: 450px; 
height: 590px;
margin-bottom: 20px;
margin-top: 5px;
}

.resizein3 {
width: 450px; 
height: 390px;
}

.resizein4 {
width: 450px; 
height: 630px;
margin-bottom: 20px
}

.resizeinstructor2 {
	width: 450px; 
	height: 460px;
	margin-top: 45px
}


.formtxtins {
	margin-left: 0px;
	margin-right: 0px;
	color: #33CC00;
	font-weight: bold;
	font-size: 36px;
	margin-top: 20px;
	
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}


.instructorlefth3 {
	color: #00f;
	font-size: 36px;
	text-align: left;
}

.instructor1lefth3 {
	color: #00f;
	font-size: 36px;
	text-align: left;
}

h3.instructorlefth3 {
	margin-top: 0px;
	margin-bottom: 30px;
}

.resizeinstruct11 {
	width: 450px; 
	height: 550px;
	padding-top: 0px;
	padding-bottom: 0px;
	Margin-bottom: 0px;
	margin-top: 40px;
	
}

	.resizeinstruct4 {
	width: 450px; 
	height: 500px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	Margin-bottom: 0px;
	Margin-top: 40px;

}

	.resizeinstruct5 {
	width: 450px; 
	height: 570px;
	padding-top: 0px;
	margin-top: 45px;
	

}

.resizeinstruct7 {
	width: 450px; 
	height: 450px;
	padding-top: 0px;
	margin-top: 40px;
	
}


.instructorparagraph {
	margin-top: 0px;
	padding-top: 0px
}

h2.compresults {
		margin-top: 30px
	}	
	
.divider {
	
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;
	margin-top: 0px;
	width: 100%;
	
		
}	


/* 121 Private Lessons Page */

.privateimg1 {
	height: 500px;
	
}

.contactformpicwrapper121 {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	/* align-items: center; */
  	justify-content: center;
	
}

.resize121 {
width: 450px; 
height: 375px;
margin-bottom: 20px;
margin-top: 5px;
}

.resize1213 {
width: 450px; 
height: 375px;
margin-bottom: 20px;
margin-top: 5px;
}


.resize1214 {
width: 450px; 
height: 350px;
margin-bottom: 20px;
margin-top: 5px;
}


.resize1215 {
width: 450px; 
height: 350px;
margin-bottom: 20px;
margin-top: 5px;
}


.lefth3121 {
	color: #00f;
	font-size: 30px;
	text-align: left;
}



h3.lefth3121 {
	margin-top: 0px;
	margin-bottom: 30px;
}


/* Self Defence Page */


.trialtxt

{
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}



.resizegroup1 {
width: 450px; 
height: 315px;
margin-bottom: 20px;
margin-top: 5px;
}
	
.resizeimagestanding {
width: 450px; 
height: 375px;
margin-bottom: 20px;
margin-top: 55px;
}

.resizegroupteach {
width: 450px; 
height: 325px;
margin-bottom: 20px;
margin-top: 55px;
}

.resizetakedown {
width: 450px; 
height: 350px;
margin-bottom: 20px;
margin-top: 55px;
}

.resizegroupwarmup {
width: 450px; 
height: 300px;
margin-bottom: 20px;
margin-top: 55px;
}


/* =========================================================
   Consolidated former breakpoint sheets 2-8
   ========================================================= */

/* 1133px-1276px */
@media only screen and (max-width: 1276px) and (min-width: 1133px) {
  header { height: 115px; }
  .main { margin-top: 110px; width: 100%; }
  #instagrammenuicon img { padding-left: 0px; }
  .menupush { padding-top: 58px; }
  .navbar ul li { margin-right: 0px; }
  .navbar ul li a { margin-right: 20px; }
  .dropbtn { padding-left: 0px; padding-right: 20px; }
  .navbar { padding-top: 0px; padding-left: 1%; }
  #facebookmenuicon img { padding-right: 14px; }
  #socialmenu { position: fixed; top: 20px; right: 20px; }
  .h1home { color: #00F; margin-left: auto; margin-right: auto; text-align: center; width: 600px; font-size: 48px; }
  .h2homeformtxtwrap { display: flex; justify-content: center; text-align: center; }
  .formtxt { margin-left: 50px; margin-right: 50px; color: #33CC00; font-weight: bold; text-align: center; font-size: 30px; margin-top: 20px; margin-bottom: 0px; display: inline-block; padding: 0px; max-width: 900px; }
  .greenarrowhome3 { background-image: url(images/Green-Arrow.png); width: 90px; height: 90px; background-size: 90px 90px; background-repeat: no-repeat; }
  .homebeginnerad { margin-left: 50px; text-align: center; }
  .homebeggineradimg { height: 500px; }
  #cuformhome { text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 4px; -webkit-box-shadow: 0px 1px 2px 3px #666666; -moz-box-shadow: 0px 1px 2px 3px #666666; box-shadow: 0px 1px 2px 3px #666666; background-color: #666666; color: #FFF; text-shadow: 2px 2px 2px #111; background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); width: 420px; height: 800px; padding: 30px; border: 2px solid #000; }
  #cuformhome form input { width: 412px; font-size: 20px; }
  #cuformhome form textarea { width: 412px; height: 160px; font-size: 19.5px; }
  .promovid { margin-left: auto; margin-right: auto; width: 100%; text-align: center; }
  .acttxt h3, .acttxt p { text-align: center; }
  .h1beginner { color: #00F; text-align: center; width: 100%; font-size: 50px; }
}

/* 1277px-1289px */
@media only screen and (max-width: 1289px) and (min-width: 1277px) {
  #instagrammenuicon img { padding-left: 0px; }
  .navbar ul li { margin-right: 0px; }
  .navbar ul li a { margin-right: 20px; }
  .dropbtn { padding-right: 20px; }
  .navbar { padding-left: 1%; }
  .h2homeformtxtwrap { display: flex; justify-content: center; text-align: center; }
  .formtxt { margin-left: 50px; margin-right: 50px; color: #33CC00; font-weight: bold; text-align: center; font-size: 30px; margin-top: 20px; margin-bottom: 0px; display: inline-block; padding: 0px; max-width: 900px; }
  .greenarrowhome3 { background-image: url(images/Green-Arrow.png); width: 90px; height: 90px; background-size: 90px 90px; background-repeat: no-repeat; }
  .homebeginnerad { margin-left: 50px; }
  .homebeggineradimg { height: 575px; }
  .promovid { margin-left: auto; margin-right: auto; width: 100%; text-align: center; }
  .h1beginner { color: #00F; text-align: center; width: 100%; font-size: 50px; }
}

/* 1290px-1306px */
@media only screen and (max-width: 1306px) and (min-width: 1290px) {
  #instagrammenuicon img { padding-left: 0px; }
  .navbar ul li { margin-right: 0px; }
  .navbar ul li a { margin-right: 20px; }
  .dropbtn { padding-right: 20px; }
  .h2homeformtxtwrap { display: flex; justify-content: center; text-align: center; }
  .formtxt { margin-left: 50px; margin-right: 50px; color: #33CC00; font-weight: bold; text-align: center; font-size: 30px; margin-top: 20px; margin-bottom: 0px; display: inline-block; padding: 0px; max-width: 900px; }
  .greenarrowhome3 { background-image: url(images/Green-Arrow.png); width: 90px; height: 90px; background-size: 90px 90px; background-repeat: no-repeat; }
  .homebeginnerad { margin-left: 50px; }
  .homebeggineradimg { height: 600px; }
  .promovid { margin-left: auto; margin-right: auto; width: 100%; text-align: center; }
  .h1beginner { color: #00F; text-align: center; width: 100%; font-size: 52px; }
}

/* 1307px-1355px */
@media only screen and (max-width: 1355px) and (min-width: 1307px) {
  #instagrammenuicon img { padding-left: 0px; }
  .navbar ul li { margin-right: 0px; }
  .navbar ul li a { margin-right: 20px; }
  .h2homeformtxtwrap { display: flex; justify-content: center; text-align: center; }
  .formtxt { margin-left: 50px; margin-right: 50px; color: #33CC00; font-weight: bold; text-align: center; font-size: 30px; margin-top: 20px; margin-bottom: 15px; display: inline-block; padding: 0px; max-width: 900px; }
  .greenarrowhome3 { background-image: url(images/Green-Arrow.png); width: 90px; height: 90px; background-size: 90px 90px; background-repeat: no-repeat; }
  .homebeginnerad { margin-left: 50px; }
  .homebeggineradimg { height: 600px; }
  .promovid { margin-left: auto; margin-right: auto; width: 100%; text-align: center; }
  .h1beginner { color: #00F; text-align: center; width: 100%; font-size: 52px; }
}

/* 1356px-1385px */
@media only screen and (max-width: 1385px) and (min-width: 1356px) {
  #instagrammenuicon img { padding-left: 0px; }
  .navbar ul li { margin-right: 0px; }
  .navbar ul li a { margin-right: 20px; }
  .greenarrowhome3 { background-image: url(images/Green-Arrow.png); width: 90px; height: 90px; background-size: 90px 90px; background-repeat: no-repeat; }
  .h2homeformtxtwrap { display: flex; justify-content: center; text-align: center; }
  .formtxt { margin-left: 50px; margin-right: 50px; color: #33CC00; font-weight: bold; text-align: center; font-size: 30px; margin-top: 20px; margin-bottom: 15px; display: inline-block; padding: 0px; max-width: 900px; }
  .homebeginnerad { margin-left: 50px; }
  .homebeggineradimg { height: 600px; }
  .promovid { width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
  .h1beginner { color: #00F; margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 0; text-align: center; width: 100%; font-size: 54px; }
}

/* 1386px-1392px */
@media only screen and (max-width: 1392px) and (min-width: 1386px) {
  #instagrammenuicon img { padding-left: 0px; }
  .navbar ul li { margin-right: 0px; }
  .navbar ul li a { margin-right: 20px; }
  .homebeginnerad { margin-right: 0px; }
  .promovid { margin-left: auto; margin-right: auto; width: 100%; text-align: center; }
  .h1beginner { color: #00F; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; text-align: center; width: 100%; font-size: 54px; }
}

/* 769px-1132px */
@media only screen and (max-width: 1132px) and (min-width: 769px) {
  header { height: 160px; }
  #headerblog { position: fixed; top: 0; width: 100%; background-color: #FFF; height: 170px; display: block; z-index: 9999; }
  .main { margin-top: 140px; width: 100%; }
  #instagrammenuicon img { padding-left: 0px; }
  .menupush { padding-top: 0px; padding-right: 15px; }
  .navbar ul li { margin-right: 0px; }
  .navbar ul li a { margin-right: 20px; }
  .dropbtn { padding-right: 20px; }
  .navbar { padding-top: 0px; padding-left: 1%; }
  #facebookmenuicon img { padding-right: 14px; }
  #socialmenu { position: fixed; right: 20px; top: 20px; }
  .h1home { color: #00F; margin-top: 35px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; text-align: center; width: 600px; font-size: 48px; display: block; }
  .h2homeformtxtwrap { display: inline-block; text-align: center; width: 100%; }
  .formtxt { margin-left: 50px; margin-right: 50px; color: #33CC00; font-weight: bold; text-align: center; font-size: 30px; margin-top: 20px; margin-bottom: 0px; display: inline-block; max-width: 900px; }
  .greenarrowhome { background-image: url(images/Green-Arrow.png); width: 90px; height: 90px; background-size: 90px 90px; background-repeat: no-repeat; margin-top: 6px; margin-bottom: 12px; margin-left: auto; margin-right: auto; }
  .extrahomecontactformpicwrapper { margin-left: 50px; margin-right: 50px; }
  .homecontactformpicwrapper { display: block; text-align: center; }
  #cuformhome { margin-left: auto; margin-right: auto; display: block; }
  #bodytxtgroupahomecontact { float: none; margin-top: 0px; }
  #cuwrp { padding-left: 0px; }
  .homebeginnerad { margin-top: 35px; margin-left: 0px; text-align: center; }
  .homebeggineradimg { height: 600px; }
  #cuformhome { text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 4px; -webkit-box-shadow: 0px 1px 2px 3px #666666; -moz-box-shadow: 0px 1px 2px 3px #666666; box-shadow: 0px 1px 2px 3px #666666; background-color: #666666; color: #FFF; text-shadow: 2px 2px 2px #111; background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); width: 470px; height: 800px; padding: 30px; border: 2px solid #000; }
  #cuformhome form input { width: 465px; font-size: 20px; }
  #cuformhome form textarea { width: 465px; height: 160px; font-size: 19.5px; }
  .promovid { margin-left: auto; margin-right: auto; width: 100%; height: 100%; display: block; text-align: center; }
  #homepromovid { width: 92%; aspect-ratio: 16 / 9; margin-top: 28px; margin-left: 4%; margin-right: 4%; }
  .acttxt h3, .acttxt p { text-align: center; }
  .acttxt h3 .acth3 { font-size: 30px; margin-top: 30px; }
  .maincontact { margin-top: 165px; }
  .h1beginner { color: #00F; margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 0; text-align: center; width: 100%; font-size: 48px; }
  #branding { margin-top: 140px; }
  .entry-title { color: #00F; text-align: left; width: 550px; }
}


/* =========================================================
   Former Sheet 9
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 768px) and (min-width: 750px){

	
	header {
	height: 130px;
	min-height: 130px;
		display: block;
}
	
	#Logo {
	
width:550px;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 22px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 105px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 117px;
	
}


#revlinkbutton {
	padding-top: 15px;
	padding-bottom: 0px;
	margin-left: 10%; 
	margin-right: 10%;
	/* [disabled]border: 2px solid #0C0; */
	width: 80%;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 13%;
	margin-bottom: 0px;
	margin-left: 13%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 74%;
	text-align: center;
	font-size: 42px;
	
}


.formtxt {
	margin-left: 12.5%;
	margin-right: 12.5%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 75%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 730px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 730px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 730px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 22px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 22px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 22px;
	line-height: 25.8px;
	font-weight: bold;
}

.acttxt p {
	text-align: center;
	font-size: 20px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 32px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
	max-width: 270px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 70px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 300px 70px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 32px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 50px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 60px;
	padding-left: 25px;
	padding-right: 25px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 23px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 18px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}
	
	/* Contact Page */

.maincontact {
	margin-top: 145px;
	width: 100%;
	
}
	
		/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
		/* Find Us Page */

.resizemap {
	width: 350px;
	height: 450px;

}
	
	.leftpanel {
	margin-right: 0px;
	
	}
	
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 500px;
	height: 600px;
	display: block;
	 background-size: 500px 600px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 500px;
	height: 600px;
	display: block;
	 background-size: 500px 600px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 500px;
	height: 625px;
	display: block;
	 background-size: 500px 625px;
	background-repeat: no-repeat;
		
	}
	
	
		.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 500px;
	height: 500px;
	display: block;
	 background-size: 500px 500px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
			/* Instructors Page */
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 45px;
	
	
	
}
	
	/* Blog */
	
	.entry-title {
    color: #0033ff;
    text-decoration: none;
    text-align: left;
    width: 550px;
}
	

}


/* =========================================================
   Former Sheet 10
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 749px) and (min-width: 720px){

	
	header {
	height: 120px;
	min-height: 120px;
		display: block;
}
	
	#Logo {
	
width:500px;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 22px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 95px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 107px;
	
}


#revlinkbutton {
	padding-top: 13px;
	padding-bottom: 0px;
	margin-left: 10%; 
	margin-right: 10%;
	/* [disabled]border: 2px solid #0C0; */
	width: 80%;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 13%;
	margin-bottom: 0px;
	margin-left: 13%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 74%;
	text-align: center;
	font-size: 40px;
	
}


.formtxt {
	margin-left: 12.5%;
	margin-right: 12.5%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 75%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 22px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 22px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 22px;
	line-height: 25.8px;
	font-weight: bold;
}

.acttxt p {
	text-align: center;
	font-size: 20px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 32px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
	max-width: 270px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 70px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 300px 70px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 32px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 50px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 60px;
	padding-left: 25px;
	padding-right: 25px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 23px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 18px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}
	
		/* Contact Page */
	

.maincontact {
	margin-top: 140px;
	width: 100%;
	
}
	
		/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
		/* Find Us Page */

.resizemap {
	width: 350px;
	height: 450px;

}
	
	.leftpanel {
	margin-right: 0px;
	
	}
	
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 500px;
	height: 600px;
	display: block;
	 background-size: 500px 600px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 500px;
	height: 600px;
	display: block;
	 background-size: 500px 600px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 500px;
	height: 625px;
	display: block;
	 background-size: 500px 625px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 500px;
	height: 500px;
	display: block;
	 background-size: 500px 500px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
		/* Instructors Page */
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 44px;
	
	
	
}
	
		/* Blog */
	
	.entry-title {
    color: #0033ff;
    text-decoration: none;
    text-align: left;
    width: 435px;
}

	
}


/* =========================================================
   Former Sheet 11
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 719px) and (min-width: 600px){

	
	header {
	height: 110px;
	min-height: 110px;
		display: block;
}
	
	#Logo {
	
width: 450px;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 22px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 85px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 98px;
	
}


#revlinkbutton {
	padding-top: 12px;
	padding-bottom: 0px;
	margin-left: 10%; 
	margin-right: 10%;
	/* [disabled]border: 2px solid #0C0; */
	width: 80%;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 13%;
	margin-bottom: 0px;
	margin-left: 13%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 79%;
	text-align: center;
	font-size: 38px;
	
}


.formtxt {
	margin-left: 15%;
	margin-right: 15%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 70%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 19.5px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 28px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 22px;
	line-height: 25.8px;
	font-weight: bold;
	max-width: 450px;
}

.acttxt p {
	text-align: center;
	font-size: 19px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
	max-width: 400px;
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 28px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
	max-width: 275px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 70px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 280px 70px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 28px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 22px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 50px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 60px;
	padding-left: 25px;
	padding-right: 25px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 23px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 17px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}
	
	
	/* Contact Page */
	
	
	.maincontact {
	margin-top: 95px;
	width: 100%;
	
}
	
	
	.h1contactwrapper {
	
	text-align: center;
		margin-left: 50px;
		margin-right: 50px;
		align-items: center;
  justify-content: center;
		display: flex
}
	
	.h1contact {
		font-size: 46px;
		flex-wrap: wrap;
		display: block;
	
		text-align: center;
		
	}
	
	
		/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
		/* Find Us Page */

.resizemap {
	width: 350px;
	height: 450px;

}
	
	.leftpanel {
	margin-right: 0px;
	
	}
	
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 500px;
	height: 600px;
	display: block;
	 background-size: 500px 600px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 500px;
	height: 600px;
	display: block;
	 background-size: 500px 600px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 500px;
	height: 625px;
	display: block;
	 background-size: 500px 625px;
	background-repeat: no-repeat;
		
	}
	
	
		.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 500px;
	height: 500px;
	display: block;
	 background-size: 500px 500px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
		/* Instructors Page */
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 41px;
	
	
	
}
	
			/* Blog */
	
	.entry-title {
    color: #0033ff;
    text-decoration: none;
    text-align: left;
    width: 435px;
}
	

}


/* =========================================================
   Former Sheet 12
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 599px) and  (min-width: 550px){

	
	header {
	height: 100px;
	min-height: 100px;
		display: block;
}
	
	#Logo {
	
width:420px;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 22px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 76px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 93px;
	
}


#revlinkbutton {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 38px;
	
}


.formtxt {
	margin-left: 10%;
	margin-right: 10%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 80%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 19.5px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 20px;
	line-height: 25.8px;
	font-weight: bold;
}

.acttxt p {
	text-align: center;
	font-size: 18px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.Contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	max-width: 250px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 17px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 15px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}
	
	
	/* Contact Page */
	
	
	.maincontact {
	margin-top: 85px;
	width: 100%;
	
}
	
	
	.h1contactwrapper {
	
	text-align: center;
		margin-left: 50px;
		margin-right: 50px;
		align-items: center;
  justify-content: center;
		display: flex
}
	
	.h1contact {
		font-size: 46px;
		flex-wrap: wrap;
		display: block;
	
		text-align: center;
		
	}
	
			/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
		/* Find Us Page */

.resizemap {
	width: 350px;
	height: 450px;

}
	
	.leftpanel {
	margin-right: 0px;
	
	}
	
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 450px;
	height: 575px;
	display: block;
	 background-size: 450px 575px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 450px;
	height: 550px;
	display: block;
	 background-size: 450px 550px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 450px;
	height: 575px;
	display: block;
	 background-size: 450px 575px;
	background-repeat: no-repeat;
		
	}
	
	
		.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 450px;
	height: 450px;
	display: block;
	 background-size: 450px 450px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
		/* Instructors Page */
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 36px;
	
	
	
}

}


/* =========================================================
   Former Sheet 13
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 549px) and (min-width: 500px) {

	
	.timetablemobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
	height: 270px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 400px 270px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	 	.timetablemobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
	height: 290px;
	background-image: url(images/bjj-timetable-pic2.jpg);
	background-repeat: no-repeat;
	background-size: 400px 290px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}
	
	.membershipmobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
	height: 270px;
	background-image: url(images/membershippic2.jpg);
	background-repeat: no-repeat;
	background-size: 400px 270px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}
	
	
	header {
	height: 90px;
	min-height: 90px;
		display: block;
}
	
	#Logo {
	
width:370px;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 22px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 70px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 85px;
	
}


#revlinkbutton {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-left: 10%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 80%;
	text-align: center;
	font-size: 32px;
	
}


.formtxt {
	margin-left: 6%;
	margin-right: 6%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 88%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 19.5px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 20px;
	line-height: 25.8px;
	font-weight: bold;
}

.acttxt p {
	text-align: center;
	font-size: 18px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.Contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	max-width: 250px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 17px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 15px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}
	
			/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
		/* Find Us Page */

.resizemap {
	width: 350px;
	height: 450px;

}
	
	.leftpanel {
	margin-right: 0px;
	
		
}
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 400px;
	height: 500px;
	display: block;
	 background-size: 400px 500px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 400px;
	height: 475px;
	display: block;
	 background-size: 400px 475px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 400px;
	height: 500px;
	display: block;
	 background-size: 400px 500px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 400px;
	height: 400px;
	display: block;
	 background-size: 400px 400px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
		/* Instructors Page */
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 32px;
	
	
	
}
	
	/* Other */

	.maincontact {
	margin-top: 105px;
	width: 100%;
	
}
	
		/* Beginners Page */
	
		.beginnerbottombackgroundpic {
	width: 450px;
	height: 300px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 450px 300px; 
	}
	
		.timetablepic1 {
	display: none;
}

}


/* =========================================================
   Former Sheet 14
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 499px) and (min-width: 415px){


	
	header {
	height: 80px;
	min-height: 80px;
		display: block;
}
	
	#Logo {
	
width:310px;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 22px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 55px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 70px;
	
}


#revlinkbutton {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 31px;
	
}


.formtxt {
	margin-left: 13.5%;
	margin-right: 13.5%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 73%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 19.5px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: none;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 20px;
	line-height: 25.8px;
	font-weight: bold;
}

.acttxt p {
	text-align: center;
	font-size: 18px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.Contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	max-width: 250px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 17px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 15px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}
	
		/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
		.timetablepic1 {
	display: none;
}
	
	.timetablemobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
	height: 270px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 400px 270px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	 	.timetablemobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
	height: 290px;
	background-image: url(images/bjj-timetable-pic2.jpg);
	background-repeat: no-repeat;
	background-size: 400px 290px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}
	
	.freebjjclass {
		
		width: 400px;
		
	}
	
	.centrepanel2 a {
	
	display: block;
	color: #3c0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	
}
	
	.center {
		
		text-align: center;
		
	}
	
	.timetablelefth3 {
	color: #00f;
	font-size: 34px;
	text-align: center;
		max-width: 340px;
		margin-left: auto;
	margin-right: auto;
}
	
	
	
			.h1timetable {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 34px;
}
	
	.timetablepicholder {
	margin-top: 0px;
	Margin-left: 0px;
	Margin-bottom: 2px;
		
		
	}
	
	.timetablepicholderimg{
	width: 95%;
	Height: 95%;
}	
	
	.beginnermobileonlypic {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
	height: 260px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 400px 260px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
		
	}
	
	
		/* Find Us Page */

.resizemap {
	width: 350px;
	height: 450px;

}
	
	.leftpanel {
	margin-right: 0px;
	
		
}

	
		
	.lefth3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
}

.leftp p {
	font-size: 20px;
	text-align: center;
}

	.extrawrapper {

	margin-left: 0px;
	margin-right: 0px;
		
	}
	

	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 390px;
	height: 490px;
	display: block;
	 background-size: 390px 490px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 390px;
	height: 475px;
	display: block;
	 background-size: 390px 475px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 390px;
	height: 490px;
	display: block;
	 background-size: 390px 490px;
	background-repeat: no-repeat;
		
	}
	
	
		.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 390px;
	height: 400px;
	display: block;
	 background-size: 400px 400px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
		/* Instructors Page */
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 28px;
	
	
	
}
	
		/* Other */

	.maincontact {
	margin-top: 90px;
	width: 100%;
	
}
	
		/* Memberships / Join Page */


.membershipmobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
	height: 270px;
	background-image: url(images/membershippic2.jpg);
	background-repeat: no-repeat;
	background-size: 400px 270px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}
	
	.jointxt {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 320px;
	color: #00f;
}

	
	/* Beginners Page */

		.resizearrow {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
	
	.beginnerbottombackgroundpic {
	width: 355px;
	height: 260px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 355px 260px; 
	}

}


/* =========================================================
   Former Sheet 15
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 414px) and (min-width: 370px){

	
	header {
	height: 80px;
	min-height: 80px;
		display: block;
}
	
	#Logo {
	
width: 275px;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 22px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 55px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 75px;
	
}


#revlinkbutton {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 26px;
	
}


.formtxt {
	margin-left: 6%;
	margin-right: 6%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 88%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}
	
	



.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 19.5px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: none;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}
	
	

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
	
}
	
	.h3homemobile {
		width: 100%;
		display: block;
		padding-bottom: 6px;
	}

.acttxt h3 {
	text-align: center;
	font-size: 20px;
	line-height: 25.8px;
	font-weight: bold;
	max-width: 350px;
}

.acttxt p {
	text-align: center;
	font-size: 18px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.Contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 20px;
	color: #00f;
	max-width: 250px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 20px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
}
	
	
	

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 17px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 15px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}
	
	/* Contact Page */
	
	.h1contact {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 26px;
	
}
	
	.maincontact {
	margin-top: 90px;
	
}
	
	.acttxt h3 .actc3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
	
	
}
	
	.contactpagecontact {
		display: none;
	}

	
	/* Find Us Page */

.resizemap {
	width: 350px;
	height: 450px;

}
	
.leftpanel {
	margin-right: 0px;
	
		
}
	
	.lefth3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
}

.leftp p {
	font-size: 20px;
	text-align: center;
}

	.extrawrapper {

	margin-left: 0px;
	margin-right: 0px;
		
	}
	
		.h1find {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 32px;
}
	
	.centreh3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
		
}

h3.centreh3 {
	
	font-size: 26px;
	margin-top: 30px;
}
	
	#findusvid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}
	
	.findpic1 {
	width: 360px;
	height: 300px;
	
	
}


.findpic {
	width: 360px;
	height: 380px;
	margin-left: auto;	
	margin-right: auto;
	margin-bottom: 5px;
	
}


.findtextholder {
	display: flex;
	margin-top: 15px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;

}




.findpictextnumber {
	display: flex;
	text-align: justify;
}


.findpictextindent {
	margin-left: 10px;
	font-size: 16px;
	text-align: justify;
	display: flex;
}



.findpicrightmargin {
	width: 360px;
	height: 300px;
	margin-right: 0px;
}
	
	
	.centrepanel p  {
	
	max-width: 320px;
	text-align: justify;
		font-size: 16px;
}

	.centrepanel2 p {
		margin-left: auto;
	margin-right: auto;
	max-width: 320px;
	text-align: justify;
		font-size: 16px;
	}
	
	.centrepanel2 {
		margin-left: auto;
	margin-right: auto;
	max-width: 320px;
	text-align: justify;
		font-size: 16px;
	}
	
	
	.boldcentre {
	font-weight: bold;
	text-align: center;
		margin-left: auto;
	margin-right: auto;
			align-items: center;
}
	
	.findtextholder {
	font-size: 16px;
	
}
	
	.findpictextindent {
	
	font-size: 16px;
	
}

	
	/* Timetable page */

.timetabletext {
	
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletextflex {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	
	
	.timetabletext2 {
	
	display: block;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
	
	
	
	.timetabletextflex2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	.time {
	margin-right: 5px;
		min-width: 165px;
}

	
	.timetablepic1 {
	display: none;
}
	
	.timetablemobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 360px;
	height: 250px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 360px 250px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	 	.timetablemobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 360px;
	height: 300px;
	background-image: url(images/bjj-timetable-pic2.jpg);
	background-repeat: no-repeat;
	background-size: 360px 300px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}

	.freebjjclass {
		
		width: 360px;
		
	}
	
	.centrepanel2 a {
	
	display: block;
	color: #3c0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	
}
	
	.center {
		
		text-align: center;
		
	}
	
	.timetablelefth3 {
	color: #00f;
	font-size: 34px;
	text-align: center;
		max-width: 340px;
		margin-left: auto;
	margin-right: auto;
}
	
	
	
			.h1timetable {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 34px;
}
	
	.timetablepicholder {
	margin-top: 0px;
	Margin-left: 0px;
	Margin-bottom: 2px;
		
		
	}
	
	.timetablepicholderimg{
	width: 95%;
	Height: 95%;
}	
	
	.beginnermobileonlypic {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 360px;
	height: 260px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 360px 260px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
		
	}
	
		
	/* Memberships / Join Page */
		
.joinh3 {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #00F;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
		
		
h3.joinh3 {
	font-size: 24px;
	
	
}



.membershippicrightmargin {
	width: 270px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}


.membershippic1 {
	width: 260px;
	margin-top: 20px;
	
}


.membershippic {
	width: 270px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}


.membershippictextnumber1 {
	
	font-weight: bold;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.membershippictextnumber2 {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.membershippictextnumberstudent {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
	
		.membershiplefth3 {
	color: #00f;
	font-size: 28px;
	text-align: center;
		max-width: 300px;
		margin-left: auto;
	margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 0px
}
	
	
	.membershipflexwrapper {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}

.membershipflexwrapper1 {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}
	
	.membershiptext2 {
	
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	
	
	
	.membershiptext2 ul li {
	
	color: #00f;
	font-weight: bold;
	
}

.membershiptext2 ul {
	
	margin-top: 0px;
	text-align: left;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 290px;
}
	
	
	.membershiptextheader2 {
	display: block;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 20px;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
		
}
	

	
	.membershipmobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 360px;
	height: 250px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 360px 250px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	
	.membershipmobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 360px;
	height: 260px;
	background-image: url(images/membershippic2.jpg);
	background-repeat: no-repeat;
	background-size: 360px 260px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}
	
	/* Beginners Page */
	
	.beginnnersimagewrap img {
		margin-top: 0px;
		
	}
	
	.beginnnersimagewrap  {
		
		display: none;
	}
	
	.beginnnersimagewrapmobile {
		margin-top: 0px;
		display: block;
		
	}
	
	.begginersh3 {
	color: #00f;
	font-size: 38px;
	text-align: center;
}
	
	.h1beginner {
	color: #00F;
	margin-top: 0px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 26px;
	
}
	
	
	#revlinkbuttonbeginner {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}
	
	.pointwrapper {
	display: block;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.beginnerpoints {
	display: block;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	/*max-width: 650px;*/
}


.beginnerpoints ul li::marker {
  color: black;
}


.beginnerpoints ul li {
	
	color: #00f;
	font-weight: bold;
	margin-bottom: 20px;
	
}

.beginnerpoints ul {
	
	margin-top: 0px; 
		margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	justify-content: center;
	
}
	
	.leftpbeginners p {
	 
	font-size: 18px;
	text-align: justify;
		
}
	
	.begginersh3 {
	color: #00f;
	font-size: 32px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 320px;
	justify-content: center;
}
	
	
		#arrowpic4joinpage {
	display: block;
	text-align: center;
}

	.resizearrow {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.jointxt {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 320px;
	color: #00f;
}

	.beginnerbottombackgroundpic {
	width: 355px;
	height: 260px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 355px 260px; 
	}

	
	/* Join Page */
	
	
	.jointextnumber1  {
	
	
	
	font-weight: bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 20px;
	
	}
	
	
	.jointextnumber1 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 22px;
	
	}


	.jointextnumber2  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 19px;
	font-size: 20px;
	
	
	}
	
	
.jointextnumber2 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 21px;
	
	}
	
	
	.jointextnumber  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	font-size: 20px;
	
	
	}
	
	
.jointextnumber a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 21px;
	
	}
	
	.joinh1 {
	
	color: #3c0;
	font-size: 34px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.joinh2 {
	
	color: #00f;
	font-size: 22px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.membershippicwider {
		width: 350px;
	
	margin-right: 0px;
	margin-bottom: 15px;
	
	
}
	
	.jointextholder {
	display: flex;
	margin-top: 15px;
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;

}
	
	/* formtoemail.php */

.contactconfirmation {
	
	Max-width: 340px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.messagesentpic {
	
	width: 350px;
}
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 350px;
	height: 450px;
	display: block;
	 background-size: 350px 450px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage1-2 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu.jpg);
	width: 350px;
	height: 520px;
	display: block;
	 background-size: 350px 520px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage1-3 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu-Competition-Gold.jpg);
	width: 350px;
	height: 330px;
	display: block;
	 background-size: 350px 330px;
	background-repeat: no-repeat;
		
	}
	
	
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 350px;
	height: 430px;
	display: block;
	 background-size: 350px 430px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 350px;
	height: 350px;
	display: block;
	 background-size: 350px 350px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}
	
	.resizein3 {
display: none;
}
	
	.resizein4 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
	
	
/* 121 Private Lessons Page */
	
	
	.privateimg1 {
	display: none;
	
}
	
	.pics121page1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/121-Private-lessons-Brazilian-Jiu-Jitsu.jpg);
	width: 355px;
	height: 340px;
	display: block;
	 background-size: 355px 340px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page2 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/1-2-1-Lessons.jpg);
	width: 355px;
	height: 290px;
	display: block;
	 background-size: 355px 290px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page3 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/armbar-from-top.jpg);
	width: 355px;
	height: 290px;
	display: block;
	 background-size: 355px 290px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page4 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Martial-Arts-Private-Training.jpg);
	width: 355px;
	height: 290px;
	display: block;
	 background-size: 355px 290px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/private-brazilian-jiu-jitsu-lessons-portsmouth.jpg);
	width: 355px;
	height: 290px;
	display: block;
	 background-size: 355px 290px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page6 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Private-Jiu-Jitsu-Training-Portsmouth.jpg);
	width: 355px;
	height: 290px;
	display: block;
	 background-size: 355px 290px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/BJJ-Private-Lessons-Portsmouth.jpg);
	width: 355px;
	height: 290px;
	display: block;
	 background-size: 355px 290px;
	background-repeat: no-repeat;
		
	}
	
	.resize121 {
display: none;
}

.resize1213 {
display: none;
}


.resize1214 {
display: none;
}


.resize1215 {
display: none;
}
	
	.homeimagewrapmobile {
		margin-top: 0px;
		display: block;
		
	}
	
	
	.homelogowrapmobile {
		margin-top: 0px;
		display: block;
		width: 100%;
		height: 100%; 
	
	}
	
	
	
	

}


/* =========================================================
   Former Sheet 16
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 369px) and (min-width: 358px){
	
	header {
	height: 80px;
	min-height: 80px;
		display: block;
}
	
	#Logo {
	
width:74%;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 22px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 22px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 55px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	
	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 75px;
	
}


#revlinkbutton {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 26px;
	
}


.formtxt {
	margin-left: 6%;
	margin-right: 6%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 88%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 19.5px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 26px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 20px;
	line-height: 25.8px;
	font-weight: bold;
}

.acttxt p {
	text-align: center;
	font-size: 18px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.Contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	max-width: 250px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 17px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 15px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}
	
	
	
	
	/* Timetable page */

.timetabletext {
	
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletextflex {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	
	
	.timetabletext2 {
	
	display: block;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
	
	
	
	.timetabletextflex2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	.time {
	margin-right: 5px;
		min-width: 165px;
}

	
	.timetablepic1 {
	display: none;
}
	
	.timetablemobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 345px;
	height: 250px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 345px 250px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	 	.timetablemobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 350px;
	height: 300px;
	background-image: url(images/bjj-timetable-pic2.jpg);
	background-repeat: no-repeat;
	background-size: 350px 300px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}

	.freebjjclass {
		
		width: 345px;
		
	}
	
	.centrepanel2 a {
	
	display: block;
	color: #3c0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	
}
	
	.center {
		
		text-align: center;
		
	}
	
	.timetablelefth3 {
	color: #00f;
	font-size: 34px;
	text-align: center;
		max-width: 340px;
		margin-left: auto;
	margin-right: auto;
}
	
	
	
			.h1timetable {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 34px;
}
	
	.timetablepicholder {
	margin-top: 0px;
	Margin-left: 0px;
	Margin-bottom: 2px;
		
		
	}
	
	.timetablepicholderimg{
	width: 95%;
	Height: 95%;
}	
	
	.beginnermobileonlypic {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 350px;
	height: 260px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 350px 260px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
	align-content: center;
	margin-bottom: 15px;
		
	}
	
	
		/* Find Us Page */

.resizemap {
	width: 350px;
	height: 450px;

}
	
	.leftpanel {
	margin-right: 0px;
	
		
}
	
	
		#findusvid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}
	
	.findpicrightmargin {
	width: 350px;
	height: 250px;
	margin-right: 0px;
}
	
	
	.findpic1 {
	width: 350px;
	height: 250px;
	
	
}
	
	.findpic {
	width: 350px;
	height: 380px;
	margin-left: auto;	
	margin-right: auto;
	margin-bottom: 5px;
	
}
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 250px;
	
}	
	
	

	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 335px;
	height: 450px;
	display: block;
	 background-size: 335px 450px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage1-2 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu.jpg);
	width: 335px;
	height: 500px;
	display: block;
	 background-size: 335px 500px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage1-3 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu-Competition-Gold.jpg);
	width: 335px;
	height: 290px;
	display: block;
	 background-size: 335px 290px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 335px;
	height: 420px;
	display: block;
	 background-size: 335px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 335px;
	height: 430px;
	display: block;
	 background-size: 335px 430px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 335px;
	height: 350px;
	display: block;
	 background-size: 335px 350px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}
	
	.resizein3 {
display: none;
}
	
	.resizein4 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
	
		/* Beginners Page */
		
	.jointxt {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 280px;
	color: #00f;
}
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 26px;
	
	
	
}
	
	/* Other */
	
	.resizearrow {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
	
	.extrawrapper {
		margin-left: 10px;
		margin-right: 10px;
	}
	
			.maincontact {
	margin-top: 80px;
	
}
	
	/* 121 Private Lessons Page */
	
	
	.privateimg1 {
	display: none;
	
}
	
	.pics121page1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/121-Private-lessons-Brazilian-Jiu-Jitsu.jpg);
	width: 350px;
	height: 315px;
	display: block;
	 background-size: 350px 315px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page2 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/1-2-1-Lessons.jpg);
	width: 350px;
	height: 275px;
	display: block;
	 background-size: 350px 275px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page3 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/armbar-from-top.jpg);
	width: 350px;
	height: 285px;
	display: block;
	 background-size: 350px 285px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page4 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Martial-Arts-Private-Training.jpg);
	width: 350px;
	height: 250px;
	display: block;
	 background-size: 350px 250px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/private-brazilian-jiu-jitsu-lessons-portsmouth.jpg);
	width: 350px;
	height: 285px;
	display: block;
	 background-size: 350px 285px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page6 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Private-Jiu-Jitsu-Training-Portsmouth.jpg);
	width: 350px;
	height: 290px;
	display: block;
	 background-size: 350px 285px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/BJJ-Private-Lessons-Portsmouth.jpg);
	width: 350px;
	height: 285px;
	display: block;
	 background-size: 350px 285px;
	background-repeat: no-repeat;
		
	}
	
	.resize121 {
display: none;
}

.resize1213 {
display: none;
}


.resize1214 {
display: none;
}


.resize1215 {
display: none;
}
	
	
	/* Memberships / Join Page */
		
.joinh3 {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #00F;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
		
		
h3.joinh3 {
	font-size: 24px;
	
	
}



.membershippicrightmargin {
	width: 260px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}


.membershippic1 {
	width: 250px;
	margin-top: 20px;
	
}


.membershippic {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	
}


.membershippictextnumber1 {
	
	font-weight: bold;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.membershippictextnumber2 {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.membershippictextnumberstudent {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
	
		.membershiplefth3 {
	color: #00f;
	font-size: 28px;
	text-align: center;
		max-width: 300px;
		margin-left: auto;
	margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 0px
}
	
	
	.membershipflexwrapper {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}

.membershipflexwrapper1 {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}
	
	.membershiptext2 {
	
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	
	.membershiptext2 ul li {
	
	color: #00f;
	font-weight: bold;
	
}

.membershiptext2 ul {
	
	margin-top: 0px;
	text-align: left;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 290px;
}
	
		.membershiptextheader2 {
	display: block;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 20px;
	max-width: 650px;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}
	
	.membershipmobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 360px;
	height: 250px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 360px 250px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	
	.membershipmobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 345px;
	height: 260px;
	background-image: url(images/membershippic2.jpg);
	background-repeat: no-repeat;
	background-size: 345px 260px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}
	
	
	
	
		/* Join Page */
	
	
	.jointextnumber1  {
	
	
	
	font-weight: bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 20px;
	
	}
	
	
	.jointextnumber1 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 22px;
	
	}


	.jointextnumber2  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 19px;
	font-size: 20px;
	
	
	}
	
	
.jointextnumber2 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 21px;
	
	}
	
	
	.jointextnumber  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	font-size: 20px;
	
	
	}
	
	
.jointextnumber a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 21px;
	
	}
	
	.joinh1 {
	
	color: #3c0;
	font-size: 32px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.joinh2 {
	
	color: #00f;
	font-size: 22px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.membershippicwider {
		width: 350px;
	
	margin-right: 0px;
	margin-bottom: 15px;
	
	
}
	
	.jointextholder {
	display: flex;
	margin-top: 15px;
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;

}
	

}


/* =========================================================
   Former Sheet 17
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 357px) and (min-width: 321px){
	
	header {
	height: 75px;
	min-height: 75px;
		display: block;
}
	
	#Logo {
	
width:74%;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 20px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 20px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 20px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 50px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 67px;
	
}


#revlinkbutton {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 26px;
	
}


.formtxt {
	margin-left: 6%;
	margin-right: 6%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 21px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 88%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 20px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 19.5px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 23px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 18px;
	line-height: 25.8px;
	font-weight: bold;
	width: 275px
}

.acttxt p {
	text-align: center;
	font-size: 16px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.Contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	max-width: 250px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 17px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 15px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	width: 94%;

}
	
	/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
	
	
		/* Find Us Page */

.resizemap {
	width: 315px;
	height: 450px;

}
	
	.leftpanel {
	margin-right: 0px;
	
		
}
	
		#findusvid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}
	
		.findpicrightmargin {
	width: 315px;
	height: 250px;
	margin-right: 0px;
}
	
	
	.findpic1 {
	width: 315px;
	height: 250px;
	
	
}
	
	.findpic {
	width: 315px;
	height: 380px;
	margin-left: auto;	
	margin-right: auto;
	margin-bottom: 5px;
	
}
	
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 250px;
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 310px;
	height: 385px;
	display: block;
	 background-size: 310px 385px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage1-2 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu.jpg);
	width: 310px;
	height: 470px;
	display: block;
	 background-size: 310px 470px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage1-3 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu-Competition-Gold.jpg);
	width: 310px;
	height: 280px;
	display: block;
	 background-size: 310px 280px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 310px;
	height: 365px;
	display: block;
	 background-size: 310px 365px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 310px;
	height: 375px;
	display: block;
	 background-size: 310px 375px;
	background-repeat: no-repeat;
		
	}
	
	
		.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 310px;
	height: 305px;
	display: block;
	 background-size: 310px 305px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}
	
	.resizein3 {
display: none;
}
	
	.resizein4 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
		
	
		/* Beginners Page */
		
	.jointxt {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 280px;
	color: #00f;
}
	
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 26px;
	
	
	
}
	
	/* Timetable page */

.timetabletext {
	
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletextflex {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	
	
	.timetabletext2 {
	
	display: block;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
	
	
	
	.timetabletextflex2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	.time {
	margin-right: 5px;
		min-width: 165px;
}

	
	.timetablepic1 {
	display: none;
}
	
	.timetablemobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 315px;
	height: 240px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 315px 240px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	 	.timetablemobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 315px;
	height: 280px;
	background-image: url(images/bjj-timetable-pic2.jpg);
	background-repeat: no-repeat;
	background-size: 315px 280px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}

	.freebjjclass {
		
		width: 315px;
		
	}
	
	.centrepanel2 a {
	
	display: block;
	color: #3c0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	
}
	
	.center {
		
		text-align: center;
		
	}
	
	.timetablelefth3 {
	color: #00f;
	font-size: 34px;
	text-align: center;
		max-width: 340px;
		margin-left: auto;
	margin-right: auto;
}
	
	
	
			.h1timetable {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 34px;
}
	
	.timetablepicholder {
	margin-top: 0px;
	Margin-left: 0px;
	Margin-bottom: 2px;
		
		
	}
	
	.timetablepicholderimg{
	width: 95%;
	Height: 95%;
}	
	
	.beginnermobileonlypic {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 315px;
	height: 240px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 315px 240px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
		
	}
	
		.resizearrow {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
	
		.extrawrapper {
		margin-left: 10px;
		margin-right: 10px;
	}
	
			.maincontact {
	margin-top: 75px;
	
}
	
		/* 121 Private Lessons Page */
	
	
	.privateimg1 {
	display: none;
	
}
	
	.pics121page1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/121-Private-lessons-Brazilian-Jiu-Jitsu.jpg);
	width: 315px;
	height: 290px;
	display: block;
	 background-size: 315px 290px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page2 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/1-2-1-Lessons.jpg);
	width: 315px;
	height: 240px;
	display: block;
	 background-size: 315px 240px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page3 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/armbar-from-top.jpg);
	width: 315px;
	height: 250px;
	display: block;
	 background-size: 315px 250px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page4 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Martial-Arts-Private-Training.jpg);
	width: 315px;
	height: 220px;
	display: block;
	 background-size: 315px 220px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/private-brazilian-jiu-jitsu-lessons-portsmouth.jpg);
	width: 315px;
	height: 250px;
	display: block;
	 background-size: 315px 250px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page6 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Private-Jiu-Jitsu-Training-Portsmouth.jpg);
	width: 315px;
	height: 260px;
	display: block;
	 background-size: 315px 260px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/BJJ-Private-Lessons-Portsmouth.jpg);
	width: 315px;
	height: 250px;
	display: block;
	 background-size: 315px 250px;
	background-repeat: no-repeat;
		
	}
	
	.resize121 {
display: none;
}

.resize1213 {
display: none;
}


.resize1214 {
display: none;
}


.resize1215 {
display: none;
}
	
	
		/* Memberships / Join Page */
		
.joinh3 {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #00F;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
		
		
h3.joinh3 {
	font-size: 24px;
	
	
}



.membershippicrightmargin {
	width: 230px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}


.membershippic1 {
	width: 220px;
	margin-top: 20px;
	
}


.membershippic {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	
}



.membershippictextnumber1 {
	
	font-weight: bold;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.membershippictextnumber2 {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.membershippictextnumberstudent {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
	
		.membershiplefth3 {
	color: #00f;
	font-size: 28px;
	text-align: center;
		max-width: 300px;
		margin-left: auto;
	margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 0px
}
	
	
	.membershipflexwrapper {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}

.membershipflexwrapper1 {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}
	
	.membershiptext2 {
	
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	
	.membershiptext2 ul li {
	
	color: #00f;
	font-weight: bold;
	
}
.membershiptext2 ul {
	
	margin-top: 0px;
	text-align: left;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 290px;
}
	
		.membershiptextheader2 {
	display: block;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 20px;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.membershipmobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 310px;
	height: 240px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 310px 240px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	
	.membershipmobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 310px;
	height: 240px;
	background-image: url(images/membershippic2.jpg);
	background-repeat: no-repeat;
	background-size: 310px 240px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}
	
	
		/* Join Page */
	
	
	.jointextnumber1  {
	
	
	
	font-weight: bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 20px;
	
	}
	
	
	.jointextnumber1 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 22px;
	
	}


	.jointextnumber2  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 19px;
	font-size: 20px;
	
	
	}
	
	
.jointextnumber2 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 21px;
	
	}
	
	
	.jointextnumber  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	font-size: 20px;
	
	
	}
	
	
.jointextnumber a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 21px;
	
	}
	
	.joinh1 {
	
	color: #3c0;
	font-size: 30px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.joinh2 {
	
	color: #00f;
	font-size: 22px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.membershippicwider {
		width: 350px;
	
	margin-right: 0px;
	margin-bottom: 15px;
	
	
}
	
	.jointextholder {
	display: flex;
	margin-top: 15px;
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;

}
	

}


/* =========================================================
   Former Sheet 18
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 320px) and (min-width: 309px){
	
	header {
	height: 70px;
	min-height: 70px;
		display: block;
}
	
	#Logo {
	
width:74%;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 24px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 20px;
	
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 20px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 20px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 46px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 24px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 65px;
	
}


#revlinkbutton {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 24px;
	
}


.formtxt {
	margin-left: 6%;
	margin-right: 6%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 88%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 19px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 19px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 24px;
	text-align: center;
	
}

.acttxt h3 {
	text-align: center;
	font-size: 19px;
	line-height: 25.8px;
	font-weight: bold;
}

.acttxt p {
	text-align: center;
	font-size: 17px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.Contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	max-width: 250px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 18px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 17px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 14px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
	
}
	
	/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
	
	
		/* Find Us Page */

.resizemap {
	width: 300px;
	height: 350px;

}
	
	.leftpanel {
	margin-right: 0px;
	
		
}
	
		#findusvid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}
	
		.findpicrightmargin {
	width: 300px;
	height: 240px;
	margin-right: 0px;
}
	
	
	.findpic1 {
	width: 300px;
	height: 240px;
	
	
}
	
	.findpic {
	width: 300px;
	height: 340px;
	margin-left: auto;	
	margin-right: auto;
	margin-bottom: 5px;
	
}
	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 250px;
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 295px;
	height: 380px;
	display: block;
	 background-size: 295px 380px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage1-2 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu.jpg);
	width: 295px;
	height: 455px;
	display: block;
	 background-size: 295px 455px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage1-3 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu-Competition-Gold.jpg);
	width: 295px;
	height: 270px;
	display: block;
	 background-size: 295px 270px;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/jimi-parr.jpg");
	width: 295px;
	height: 360px;
	display: block;
	 background-size: 295px 360px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 295px;
	height: 370px;
	display: block;
	 background-size: 295px 370px;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 295px;
	height: 300px;
	display: block;
	 background-size: 295px 300px;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}
	
	.resizein3 {
display: none;
}
	
	.resizein4 {
display: none;
}

.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
	
		/* Beginners Page */
		
	.jointxt {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 280px;
	color: #00f;
}
	
		
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 26px;
	
	
	
}

	
/* Timetable page */

.timetabletext {
	
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletextflex {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	
	
	.timetabletext2 {
	
	display: block;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
	
	
	
	.timetabletextflex2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	.time {
	margin-right: 5px;
		min-width: 165px;
}

	
	.timetablepic1 {
	display: none;
}
	
	.timetablemobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 300px;
	height: 200px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 300px 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	 	.timetablemobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 300px;
	height: 200px;
	background-image: url(images/bjj-timetable-pic2.jpg);
	background-repeat: no-repeat;
	background-size: 300px 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}

	.freebjjclass {
		
		width: 300px;
		
	}
	
	.centrepanel2 a {
	
	display: block;
	color: #3c0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	
}
	
	.center {
		
		text-align: center;
		
	}
	
	.timetablelefth3 {
	color: #00f;
	font-size: 34px;
	text-align: center;
		max-width: 280px;
		margin-left: auto;
	margin-right: auto;
}
	
	
	
			.h1timetable {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 34px;
}
	
	.timetablepicholder {
	margin-top: 0px;
	Margin-left: 0px;
	Margin-bottom: 2px;
		
		
	}
	
	.timetablepicholderimg{
	width: 95%;
	Height: 95%;
}	
	
	.beginnermobileonlypic {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 300px;
	height: 200px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 300px 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
		
	}
	
	
			/* 121 Private Lessons Page */
	
	
	.privateimg1 {
	display: none;
	
}
	
	.pics121page1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/121-Private-lessons-Brazilian-Jiu-Jitsu.jpg);
	width: 300px;
	height: 280px;
	display: block;
	 background-size: 300px 290px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page2 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/1-2-1-Lessons.jpg);
	width: 300px;
	height: 235px;
	display: block;
	 background-size: 315px 240px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page3 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/armbar-from-top.jpg);
	width: 300px;
	height: 240px;
	display: block;
	 background-size: 300px 240px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page4 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Martial-Arts-Private-Training.jpg);
	width: 300px;
	height: 215px;
	display: block;
	 background-size: 300px 215px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/private-brazilian-jiu-jitsu-lessons-portsmouth.jpg);
	width: 300px;
	height: 240px;
	display: block;
	 background-size: 300px 240px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page6 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Private-Jiu-Jitsu-Training-Portsmouth.jpg);
	width: 300px;
	height: 250px;
	display: block;
	 background-size: 300px 250px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/BJJ-Private-Lessons-Portsmouth.jpg);
	width: 300px;
	height: 240px;
	display: block;
	 background-size: 300px 240px;
	background-repeat: no-repeat;
		
	}
	
	.resize121 {
display: none;
}

.resize1213 {
display: none;
}


.resize1214 {
display: none;
}


.resize1215 {
display: none;
}

	
		/* Other */
	
	.resizearrow {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
	
	.extrawrapper {
		margin-left: 10px;
		margin-right: 10px;
	}
	
		.maincontact {
	margin-top: 75px;
	
}
	
	
			/* Memberships / Join Page */
		
.joinh3 {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #00F;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
		
		
h3.joinh3 {
	font-size: 22px;
	max-width: 150px;
	
	
}



.membershippicrightmargin {
	width: 230px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}


.membershippic1 {
	width: 220px;
	margin-top: 20px;
	
}


.membershippic {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	
}



.membershippictextnumber1 {
	
	font-weight: bold;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.membershippictextnumber2 {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.membershippictextnumberstudent {
	
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
	
		.membershiplefth3 {
	color: #00f;
	font-size: 22px;
	text-align: center;
		max-width: 260px;
		margin-left: auto;
	margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 0px
}
	
	
	.membershipflexwrapper {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}

.membershipflexwrapper1 {
	text-align: center;
    flex-wrap: wrap; 
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	display: flex;
	
  	justify-content: center;
	
}
	
	.membershiptext2 {
	
	text-align: justify;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	
	.membershiptext2 ul li {
	
	color: #00f;
	font-weight: bold;
	
}
.membershiptext2 ul {
	
	margin-top: 0px;
	text-align: left;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 290px;
}
	
		.membershiptextheader2 {
	display: block;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 18px;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.membershipmobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 300px;
	height: 200px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 300px 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	
	.membershipmobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 300px;
	height: 200px;
	background-image: url(images/membershippic2.jpg);
	background-repeat: no-repeat;
	background-size: 300px 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}

		/* Join Page */
	
	
	.jointextnumber1  {
	
	
	
	font-weight: bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 18px;
	
	}
	
	
	.jointextnumber1 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 20px;
	
	}


	.jointextnumber2  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 19px;
	font-size: 18px;
	
	
	}
	
	
.jointextnumber2 a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 20px;
	
	}
	
	
	.jointextnumber  {
	
	
	
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	font-size: 18px;
	
	
	}
	
	
.jointextnumber a {
	
	color: #3C0;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 20px;
	
	}
	
	.joinh1 {
	
	color: #3c0;
	font-size: 28px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.joinh2 {
	
	color: #00f;
	font-size: 20px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.membershippicwider {
		width: 350px;
	
	margin-right: 0px;
	margin-bottom: 15px;
	
	
}
	
	.jointextholder {
	display: flex;
	margin-top: 15px;
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;

}
	

}


/* =========================================================
   Former Sheet 19
   ========================================================= */
/* CSS Document */
@media only screen and (max-width: 308px){
	
	header {
	height: 60px;
	min-height: 60px;
		display: block;
}
	
	#Logo {
	
width:70%;
		

}
	
	
	
	#Logo img {
	width:100%;
	
	padding-left: 20px;
	padding-top: 10px;
		
	}
	
	.navbar {
		padding-top: 0px;
	}
	
	
.navbar ul li {
	display: flex;
	margin-right: 0px;
	font-size: 22px;
	height: 31px;
	line-height: 31px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25%;
	

}
	
	
	.navbar ul .dropdown-content .dropdownitemfirst a {
	margin-right: 0px;
	font-size: 18px;
		padding-bottom: 0%;

	padding-top: 0%;
	padding-left: 0%;
		margin-top: 0%;
}

	.navbar ul .dropdown-content .dropdownitem a {
	margin-right: 0px;
	font-size: 18px;
	padding-bottom: 0%;
	padding-top: 0%;
	padding-left: 0%;
}

	.navbar ul .dropdown-content .dropdownitemlast a {
	margin-right: 0px;
	font-size: 18px;
	padding-bottom: 60px;
	padding-top: 0%;
	padding-left: 0%;
		
}
	
	.dropdownbutton1 {
		margin-top: 2%;
		
	}
	
	.Bottommenuitem {
	margin-bottom: 4%;
}
	
	

	
		
	
	.nav-menu {
       position: fixed;
        left: -1000px;
        top: 36px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        transition: 0.3s;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
		float: none;
		height: 100%;
		padding-top: 20px;
		
    }
	
	  .nav-menu.active {
       
		   left: 0px;
		  padding-left: 0px;
		  margin-left: 0px;
    }

    .nav-item {
        margin: 2.5rem 0;
    }
	
	
	button {
		
	}
	
	.dropdown button {
		
	}
	

	/* Dropdown Button */
.dropbtn {
   background-color: #ffffff;
  color: black;
  padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0px;
	padding-right: 0px;
  border: none;
	font-size: 22px;
	
}
	
	.dropbtn.active {
	color: blue;
		
	}
	
.dropdown {
  text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	  display: inline;
	float: none;
	
}
	
	.dropdown-content {
  position: fixed;
        left: -1000px;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		transition: 0.3s;
  z-index: 9999;
		font-size: 22px;
		padding-left: 0%;
		padding-top: 15px;
		
	float:none;
}

	
dropdown-content a {


}
	
	
	.dropdown-content.active {
       position: fixed;
		   left: 0px;
		  max-height: calc(92vh - 176px);
	overflow-y: scroll;
		
    }

	
	/* Show the dropdown menu on hover 
	.dropdown:hover .dropdown-content {
	
	max-height: calc(92vh - 176px);
	overflow-y: scroll;

}
	*/
	
	
	
	
	.menupush {
	float: none;
	padding-top: 0px;
}

	
#socialmenu  {
		padding-top: 0px;
		padding-left: 25%;
		float: left;
		padding-bottom: 20px;
	
}
	
	#instagrammenuicon img {
	padding-left: 0px;
	
}
	
	#youtubemenuicon img {
	padding-left: 26px;
	padding-right: 26px;
}
	
	
	
	#facebookmenuicon img {
	padding-left: 0px;
}
	

	
	.hamburger {
        display: block;
        cursor: pointer;
		float: right;
		padding-left: 7%;
		padding-right: 5.5%;
		padding-top: 20px;
		
    }
	
	.bar {
    display: block;
    width: 35px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
		
}
	
	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
	


.chevron {
 position: relative;
display: inline-block;
width: .6em;
height: .6em;
	color: black;
border-top: 1.7px solid currentColor;
border-right: 1.7px solid currentColor;
vertical-align: text-top;
margin-top: 9%;
	margin-left: 0%;
	transform: rotate(45deg);
}

.chevron.active {
	width: .6em;
height: .6em;
	transform:  translateX(10px) translatey(0px) rotate(-135deg);
}




.show {
	display: block;
}

.main{
	margin-top: 60px;
	
}


#revlinkbutton {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 5%; 
	margin-right: 5%;
	/* [disabled]border: 2px solid #0C0; */
	width: 90%;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	/* border-bottom: 4px solid #e1e1e1; */
	margin-bottom: 10px;
	}


#dividerline1 {
	 border-bottom: 4px solid #e1e1e1;
	margin-bottom: 20px;
	padding-top: 20px;
	
}


.h1home {
	color: #00F;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-left: 10%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 80%;
	text-align: center;
	font-size: 20px;
	
}


.formtxt {
	margin-left: 6%;
	margin-right: 6%;
	color: #33CC00;
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	margin-top: 15px;
	margin-bottom: 0px;
	display: block;
	width: 88%;
}


.greenarrowhome {
	background-image: url(images/Green-Arrow.png);
	
	width: 90px;
	height: 90px;
	background-size: 90px 90px;
	
	background-repeat: no-repeat;
	
	
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	
	text-align: center;
	
	white-space: normal;
	
	
	
}


.extrahomecontactformpicwrapper {

	margin-left: 0px;
	margin-right: 0px;
	
	
	
	
}

.homecontactformpicwrapper {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	display: block;

	
	
}





#bodytxtgroupahomecontact {
	
	width:92%;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-bottom: 0px;
	height: 825px;
}


#cuwrp {
	padding-left: 0px;
	display: block;
	width:92%;
	height: 825px;
}




#cuformhome {
	text-decoration: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 3px #666666;
	-moz-box-shadow: 0px 1px 2px 3px #666666;
	box-shadow: 0px 1px 2px 3px #666666;
	margin-top: 0px;
	background-color: #666666;
	color: #FFF;
	text-shadow: 2px 2px 2px #111;
	background: #008ad2; /* Old browsers */
	background: -moz-linear-gradient(top, #008ad2 0%, #2989d8 31%, #207cca 50%, #0400ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ad2), color-stop(31%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#0400ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008ad2 0%,#2989d8 31%,#207cca 50%,#0400ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ad2', endColorstr='#0400ff',GradientType=0 ); /* IE6-9 */
	/* [disabled]font-size: 22px; */
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0%;
	margin-right: 0%;
	width: 98%;
	height: 825px;
	border: 2px solid #000;
	margin-bottom: 0px;
	float: none;
	display: block;
	padding-bottom: 0px;
	
	
}

.namepadd {
	font-size: 24px;
}

.labelpad {
	font-size: 24px;
}

.buttonwrap {
	
	text-align: center;
}

#cuformhome form input.buttonwrapresize {
	width: 210px;
	height: 90px;
	margin-top: 7.5%;
	margin-left: 0%;
	background-image: url(images/button1.png);
	background-size: 210px 90px;
	background-color: blue;
	border: none;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	white-space: normal;
	word-wrap: break-word;
	padding-left: 8px;
	padding-right: 8px;
	text-shadow: 2px 2px 2px #111;
	
}


#cuformhome form input.buttonwrapresize:hover {
	background-image: url(images/button2-hover.png);
}

#cuformhome form input {
	font-size: 18px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
}
#cuformhome form textarea {
	font-size: 18px;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	
	
}


.homebeginnerad {
	margin-top: 30px;
	Margin-left: 0px;
	float: left;
	
}

.homebeggineradimg{
	width: 95%;
	Height: 95%;
}

.promovid {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%; 
	height: 100%;
	
}

#homepromovid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}

.acttxt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify
		
}

.acttxt h3 .acth3 {
	color: #00f;
	font-size: 21px;
	text-align: center;
	
}
	
	

.acttxt h3 {
	text-align: center;
	font-size: 16px;
	line-height: 25.8px;
	font-weight: bold;
	max-width: 210px;
}

.acttxt p {
	text-align: center;
	font-size: 14px;
	line-height: 25.8px;
	font-weight: normal;
	padding-left: 6%;
	padding-right: 6%;	
}

footer {
	width: 100%;
	height: 400px;
	background-color: #ffffff;
	border-top: 4px solid #e1e1e1;	
	margin-top: 30px;
	
		
}




.footermain {
	display: inline-block;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	text-align: center;
}



.contactfoot {
	text-align: center;
	margin-left: 0px;
	padding-top: 25px;
	width: 100%;
	display: inline-block;
	
	vertical-align: top;
}



.logoassociationfootmobile {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}

	.logoassociationfoot {
	display: none;
	text-align: center;
	width: 100%;
	padding-left: 0%;
	vertical-align: middle;
}


	


.locationfoot {
	
	padding-top: 35px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	
}













.Contactfoottxt {
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	margin-right: 0%;
	font-size: 24px;
	color: #000;
	
}

.emailfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 16px;
	color: #00f;
	max-width: 250px;
	display: inline-block;
}

.phonefoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 16px;
	color: #00f;
	
}



.logoassociationmobile {
	
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}


.logoassociation {
	display: none;
	margin-top: 35px;
	padding-top: 0px;
	width: 100%;
	height: 60px;
	background-image: url(images/UKBJJA-Club-Logo.png);
	background-repeat: no-repeat;
	background-size: 230px 60px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-position: center; 
	

}






.locationfoottxt{
	
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	margin-right: 0%;
	font-size: 22px;
	color: #000;
}

.addressfoot {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0%;
	font-size: 16px;
	color: #00f;
}

.footersocialmenu  {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	
	

}



.instagramfooticon  {
	
	display:inline-block;
}

.instagramfooticon img {
	
	width: 40px;
	padding-top: 0px;
	padding-left: 0px;
	
	
}

.youtubefooticon  {
	display:inline-block;
}

.youtubefooticon  img {
	width: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.facebookfooticon  {
	display:inline-block;
	
}

.facebookfooticon img {
	width: 17px;
	
	padding-left: 0px;
	
}


.foottxt {
	text-align: center;
	font-size: 14px;
	padding-top: 0px;
	vertical-align: bottom;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 25px;
	
}

.contactfoottxt {
	font-size: 22px;
}
	
	
		/* Find Us Page */

.resizemap {
	width: 280px;
	height: 350px;

}
	
		#findusvid {
	width: 96%; 
	aspect-ratio: 16 / 9;
	height: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
		
}
	
		.findpicrightmargin {
	width: 280px;
	height: 330px;
	margin-right: 0px;
}
	
	
	.findpic1 {
	width: 280px;
	height: 330px;
	
	
}
	
	.findpic {
	width: 280px;
	height: 330px;
	margin-left: auto;	
	margin-right: auto;
	margin-bottom: 5px;
	
}

	
	.leftpanel {
	margin-right: 0px;
	
		
}
	
	
		/* Timetable Page */
		
	.timetabletext2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
	
	

	
	/* Instructors Page */
	
	.formtxtins {
	margin-left: auto;
	margin-right: auto;
	color: #33CC00;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*max-width: 900px;*/
	
}
	
	
	.picsinstructorpage1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: 2%;
	margin-right: 2%;
	background-image:url(images/Adam-Sparrow-BJJ-Teacher.jpg);
	width: 91vw;
	height: 135vw;
	 background-size: 91vw 135vw;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage1-2 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu.jpg);
	width: 91vw;
	height: 150vw;
	display: block;
	 background-size: 91vw 150vw;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage1-3 {

	/* [disabled]padding-top: 17px; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Adam-Sparrow-Brazilian-Jiu-Jitsu-Competition-Gold.jpg);
	width: 91vw;
	height: 100vw;
	display: block;
	 background-size: 91vw 100vw;
	background-repeat: no-repeat;
		
	}
	
	.picsinstructorpage5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: 2%;
	margin-right: 2%;
	background-image:url("images/jimi-parr.jpg");
	width: 91vw;
	height: 110vw;
	display: block;
	 background-size: 91vw 110vw;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage11 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 30px;
	background-image:url(images/Fiona-Goode.jpg);
	width: 91vw;
	height: 110vw;
	display: block;
	 background-size: 91vw 110vw;
	background-repeat: no-repeat;
		
	}
	
	
	.picsinstructorpage7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url("images/Zaydur-Rahman.jpg");
	width: 350px;
	height: 420px;
	display: block;
	 background-size: 350px 420px;
	background-repeat: no-repeat;
		
	}
	
	
	
	
	
	
		.picsinstructorpage6 {
			
	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 30px;
	background-image:url("images/Jay-Butler.jpg");
	width: 91vw;
	height: 100vw;
	display: block;
	 background-size: 91vw 100vw;
	background-repeat: no-repeat;
		
	}
	
	
.instructorlefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 245px;
	
}
	
	
	.instructor1lefth3 {
	color: #00f;
	font-size: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	
}
	
	


	
	.resizein2 {
display: none;
}
	
	.resizein3 {
display: none;
}
	
	.resizein4 {
display: none;
}


.resizeinstructor2 {
display: none;	
}

.resizeinstruct11 {
display: none;
}

.resizeinstruct4 {
display: none;
}

.resizeinstruct5 {
display: none;
}

.resizeinstruct7 {
display: none;
}
	
	h2.compresults {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
	}	
		
	.jointxt {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 290px;
	color: #00f;
}
	
	/* Timetable page */

.timetabletext {
	
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletextflex {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	
	
	.timetabletext2 {
	
	display: block;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	
	
}
	
	.timetabletext2 ul {
	
	text-align: left;
	
	
	
}
	
	
	
	
	.timetabletextflex2 {
	
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 4%;
	margin-right: 4%;
	
}
	
	.time {
	margin-right: 5px;
		min-width: 165px;
}

	
	.timetablepic1 {
	display: none;
}
	
	.membershipmobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 260px;
	height: 200px;
	background-image: url(images/membershippic2.jpg);
	background-repeat: no-repeat;
	background-size: 260px 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}
	
	
	
	.timetablemobilepic1 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 260px;
	height: 200px;
	background-image: url(images/bjj-timetable-pic1.jpg);
	background-repeat: no-repeat;
	background-size: 260px 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center;
		align-content: center;
		margin-bottom: 15px;
		
	}
	
	.timetablemobilepic2 {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 400px;
	height: 290px;
	background-image: url(images/bjj-timetable-pic2.jpg);
	background-repeat: no-repeat;
	background-size: 400px 290px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
			margin-bottom: 15px;	
	}

	.freebjjclass {
		
		width: 290px;
		
	}
	
	.centrepanel2 a {
	
	display: block;
	color: #3c0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	
}
	
	.center {
		
		text-align: center;
		
	}
	
	.timetablelefth3 {
	color: #00f;
	font-size: 34px;
	text-align: center;
		max-width: 280px;
		margin-left: auto;
	margin-right: auto;
}
	
	
	
			.h1timetable {
	color: #00F;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 92%;
	text-align: center;
	font-size: 34px;
}
	
	.timetablepicholder {
	margin-top: 0px;
	Margin-left: 0px;
	Margin-bottom: 2px;
		
		
	}
	
	.timetablepicholderimg{
	width: 95%;
	Height: 95%;
}	
	
	.beginnermobileonlypic {
		
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	width: 290px;
	height: 200px;
	background-image: url(images/Portsmouth-Beginners-BJJ.jpg);
	background-repeat: no-repeat;
	background-size: 290px 200px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position: center; 
		align-content: center;
		
	}
	
		/* Other */
	
	.resizearrow {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
	
	.extrawrapper {
		margin-left: 0px;
		margin-right: 0px;
	}
	
		.maincontact {
	margin-top: 65px;
	
}
	
	.centrepanel2 {
	margin-left: 10px;
		margin-right: 10px;
	
}
	
	
			/* 121 Private Lessons Page */
	
	
	.privateimg1 {
	display: none;
	
}
	
	.pics121page1 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/121-Private-lessons-Brazilian-Jiu-Jitsu.jpg);
	width: 280px;
	height: 250px;
	display: block;
	 background-size: 280px 250px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page2 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/1-2-1-Lessons.jpg);
	width: 280px;
	height: 225px;
	display: block;
	 background-size: 280px 225px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page3 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/armbar-from-top.jpg);
	width: 280px;
	height: 230px;
	display: block;
	 background-size: 280px 230px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page4 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Martial-Arts-Private-Training.jpg);
	width: 280px;
	height: 205px;
	display: block;
	 background-size: 280px 205px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page5 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/private-brazilian-jiu-jitsu-lessons-portsmouth.jpg);
	width: 280px;
	height: 230px;
	display: block;
	 background-size: 280px 230px;
	background-repeat: no-repeat;
		
	}
	
	.pics121page6 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/Private-Jiu-Jitsu-Training-Portsmouth.jpg);
	width: 280px;
	height: 230px;
	display: block;
	 background-size: 280px 230px;
	background-repeat: no-repeat;
		
	}
	
	
	.pics121page7 {

	/* [disabled]padding-top: 17px; */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/BJJ-Private-Lessons-Portsmouth.jpg);
	width: 280px;
	height: 230px;
	display: block;
	 background-size: 280px 230px;
	background-repeat: no-repeat;
		
	}
	
	.resize121 {
display: none;
}

.resize1213 {
display: none;
}


.resize1214 {
display: none;
}


.resize1215 {
display: none;
}

	
		/* Other */
	
	.resizearrow {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
	
	.extrawrapper {
		margin-left: 10px;
		margin-right: 10px;
	}
	
		.maincontact {
	margin-top: 80px;
	
}
	
	/* Beginners BJJ */
	
	.h1beginner {
	color: #00F;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 100%;
	font-size: 26px;
	
	
	
}

	
	
}