/* START RESET */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6, 
p,
blockquote,
pre,
a, 
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


.pin {
    position: fixed;
    top: 10vw;
}




body {
	line-height: 1;
	/*cursor: url( "../Images/cursor.png"), default;*/
	min-height: 100%;
	height: auto;
	width: 100%;
	padding: 0;
	margin: 0;
	letter-spacing: 0.02vw;
	font-size: 12px;
	font-size: calc(0px + 1vw);
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	color: rgba(93, 88, 88, 0.9);

	background-color: rgba(240,248,255,0.5);
 /* background-image: url("../Images/Virtuvian-Man.png");
	background-size: 90%;
	background-position: 50% 10%;
	background-attachment: fixed;
	background-repeat: no-repeat;*/
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET */
/* END RESET */
/* END RESET */
/* END RESET */
/* END RESET */
/* END RESET */
html * {
	max-height: 1000000px;
}
/* if you want to prevent overscrolling in ios add position: fixed; poss add via jquery sniif for iOS*/

/* Start of Preloader */
#Preloader {
	width: 100%;
	height: 100vh;
	z-index: -1000;
	position: fixed;
	text-align: center;
}

#Scroll {
	position: fixed;
	z-index: 100;
	right: 0vw;
	bottom: 8vw;
	height: 6vw;
	width: 6vw;
	margin: 0 3% 0 0;
	/*  background-image: url("../Images/back.png");*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}


#Back-1 {
	position: fixed; 
	top: 6vw;
	left: 0;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	/*  background-image: url("../Images/Vine.png"), url("../Images/Sun-Rays.png"); */
	background-position: 50% 50%, top left;
	background-repeat: no-repeat, no-repeat;
	background-size: contain, cover;
}
.Back-TC {
	position: fixed;
	top: 6vw;
	left: 0;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	/*  background-image: url("../Images/Vine.png"), url("../Images/Sun-Rays.png"); */
	background-position: 100% 50%, top left;
	background-repeat: no-repeat, no-repeat;
	background-size: contain, cover;
}



#Container {
	z-index: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; 
	position: relative;
	padding: 0;
	margin: 0;
}
#Panel-Head {
	position: relative;
	width: 100%;
	height: 8vw;
	padding: 0;
	margin: 0;
	z-index: 2;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
/* Menu is acting as Header container its height must be set to auto*/
#Menu {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	height: auto;
	top: 0;
	left: 0;
	z-index: 25;
}
/* LOGO is acting as header as the MENU div opens with Tabs this sets the height
   LOGO height sets the height of the closed Menu */
#Logo {
	width: 100%;
	height: 8vw;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background-color: rgba(1, 14, 10, 0.81);
	border-bottom: rgba(235, 238, 0, 0.8) solid 0.2vw;
}
/* LOGO Image */
img.Menu {
	max-width: 6%;
	width: 6%;
	height: auto; 
	left: 2.5vw;
	z-index: 100; opacity: 0.8;
	position: absolute;
	margin: 0;
	top: 15%;
	/*transform: translateY(-80%);*/
}
/* Shadows  */
.shadow {
	box-shadow: 0 2.5vw 6vw -1vw black;
}
.Line-Shadow,
.Line-Shadow-Two {
	width: 60vw;
	height: 1vw;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin: 6vw auto 6vw auto;
	z-index: 3;
}
.Line-Shadow-Two {
	margin: 4vw auto 1vw auto;
}
.shadow-two {
	box-shadow: 0 1.5vw 4vw -1vw black;
}


/* Shadows  */
#mLink { 
	position: relative;
	float: left;
	top: 0vw;
	width: auto; 
	height: auto;
	padding: 0 0 0 1.5vw;
	margin: -0.2vw 0 0.8vw 0;
	/* Margin bottom pushed Health Div down */
	line-height: 2vw;
	text-align: left; 	
	left: 10.5vw;
	
	/*vertical-align: middle;*/
}

.mLink { 
	color: rgba(154, 154, 154, 1.00);
	font-size: 2.1vw;
	margin: 0;
}
.super {
	vertical-align: super;
	font-size: 1vw;
	margin: 0vw 0 0 -1.5vw;
	transform: rotate(-25deg);
	transform-origin: 19% 100%;
}



#Health {
	/* Margin bottom pushed Health Div down */
	clear: left;
	float: left; 
	position: relative;
	left: 12.2vw;
	height: auto;
	width: auto;
	padding: 0; 
	margin: 0;
	line-height: 2vw;
	text-align: left;
	/*vertical-align: middle;*/
}
.Edu {
	color: rgba(170, 181, 20, 1.00);
	font-size: 1.6vw;
	margin: 0vw;
	vertical-align: middle;
	font-style: italic;
}
/*  Row height is controlled by line-height - auto must be used on div */
#Row {
	position: relative;
	top: 0; 
	float: right;
	width: auto; 
	height: auto;
	padding: 0;
	margin: 2vw 4vw 0.8vw 0;
	line-height: 1.6vw; 
	text-align: right;
	vertical-align: middle;
}
a.Menu-Phone:link {
	margin: 0 0 0 0.5vw;
	padding: 0;
	text-decoration: none;
	vertical-align: middle;
	color: rgba(0, 146, 13, 1.00);
}
/* ////////////////////////// */
.Helpline,
a.Menu-Phone:link {
	font-size: 1.6vw; 
}
/* ////////////////////////// */
.Helpline,
a.Enrol-Here:link,
a.Enrol-Here:hover,
a.Enrol-Here:visited
{
	color: rgba(170, 181, 20, 0.8);
	font-size: 1.6em;
	text-decoration: none;
	vertical-align: middle;
}
a.Enrol-Here:hover {
	color: rgba(231, 247, 2, 1.00);
}
a.Enrol-Here:visited {
	color: rgba(119, 119, 119, 1.00);
}
/* ////////////////////////// */


/* ///////////////////////// */
a.Menu-Link:link,
a.Menu-Link:hover,
a.Menu-Link:visited {
	font-size: 1.4vw;
	text-decoration: none;
	vertical-align: middle;
}
a.Menu-Link:link {
	color: rgba(119, 119, 119, 1.00);
}
a.Menu-Link:hover {
	color: rgba(231, 247, 2, 1.00) !important;
}
a.Menu-Link:visited {
	color: rgba(119, 119, 119, 1.00);
}

/*  Tab Container controlled by line-height - auto must be used on div*/
#tab-container { 
	clear: right;
	/* Clear Right clears the float right which is set on the Row Div above*/
	float: right;
	margin: 0vw 4vw 1.3vw 0;
	padding: 0;
	z-index: 10; 
	position: relative;
	width: auto;
	height: 2vw; 
}
#Gareth {
	position: relative;
	/* Position needs to be absolute to place text in middle with trnasform translate */
	top: 50%; 
	transform: translateY(-50%);
	text-align: right;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	cursor: pointer;
	z-index: 99;
}
/* This controls the background div of the menu when it opens*/
#tab-1 {
	top: 0.5vw;
	height: auto;
	position: relative;
	width: 100%;
	overflow-y: scroll;
	z-index: 50;
	background-color:rgba(75,75,75,0.88);
}
/* #Drop conatins drop menu list */
/* CHANGE the Bottom padding for extra scroll */
#Drop {
	position: relative;
	height: auto;
	width: 100%;
	padding: 6vw 0 40vw 0;
}
/* LISTS BELOW FOR DESKTOP DROP DOWN MENU */
/* List Mobile is a Block List such as the Break Panel*/
.List-Mobile {
	padding: 0;
}
ul.List-Mobile  {
	padding: 0;
	line-height: 2em;
	text-align: left;
	margin: 2vw auto 0 auto;
	list-style-type: none;
	width: 76%; 
}
ul.List-Mobile > li {
	position: relative;
    display: block;
    margin: 2vw 0 0 0;
	padding: 0;	
	border-bottom: 1px solid rgba(77, 77, 77, 0.5);
	background-color:rgba(147,187,163,0.42);
}
ul.List-Mobile > li > a {
    display: block;
    margin: 0; 
	padding: 4% 4% 4% 20%;	
	text-decoration: none;
	font-weight: 400; 
}
ul.List-Mobile > li:hover { 
	background-color:rgba(212,213,155,0.86);
}
p.Heading-Drop {
	font-size: 1.4em;
	color: rgba(16, 16, 16, 1);
}
p.Text-Drop {
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.2em;
	margin: 0;
	padding: 0.2vw 0 0 0;
	color: rgba(60, 46, 66, 1.00);
}
/* .................. */
/* .................. */
/* .................. */
/* .................. */
/* .................. */
/* .................. */
ul.List-Mobile > li.Prices,
ul.List-Mobile > li.All-Courses,
ul.List-Mobile > li.Nutrient,
ul.List-Mobile > li.Funding,
ul.List-Mobile > li.Tutor,
ul.List-Mobile > li.GP-Ref,
ul.List-Mobile > li.Home,
ul.List-Mobile > li.Contact,
ul.List-Mobile > li.Taiji,
ul.List-Mobile > li.PT,
ul.List-Mobile > li.Gym
{
	background-size: 7%;
	background-position: 5% 50%;
	background-repeat: no-repeat;
}
/* ......................... */
/* ......................... */
/* ......................... */
/* ......................... */





/* ......................... */
/* ......................... */
/* ......................... */
/* ......................... */
.List-Link-Wrap, 
.List-Link-Wrap2
{
	margin: 3vw 0 0 0; 
	padding: 0;
}
.List-Link-Wrap2 {
	margin-top: 0; 
}
.List-Link {
	padding: 0;
}
ul.List-Link  
{ 
	padding: 0;
	text-align: left;
	margin: 0vw auto 2vw auto;
	list-style-type: none;
	text-decoration: none;
	width: 95%; 
}
ul.List-Link > li 
{   
	position: relative;
    display: block;
    margin: 0.65vw 0 0 0;
	padding: 0;	
	border-bottom: 1px solid rgba(77, 77, 77, 0.5);
	background-color: rgba(16,101,25,0.02);
}

/* ......................... */
ul.List-Link > li:first-child
{
	margin-top: 0vw;
}
ul.List-Link > li:last-child
{
	margin-bottom: 0vw;
}


/* ......................... */
ul.List-Link > li > a 
{   
	color:rgba(4,85,126,1.00);
	font-size: 1.2em;
    display: block;
    margin: 0; 
	padding: 8% 0% 8% 33%;	
	text-decoration: none;
}
ul.List-Link > li > a:hover 
{ 
	background-color:rgba(126,157,79,0.07);
	color: rgba(244,0,250,1.00);
}

ul.List-Link > li.Hearts,
ul.List-Link > li.Head,
ul.List-Link > li.Gate,
ul.List-Link > li.FAQ,
ul.List-Link > li.Tick,
ul.List-Link > li.Pakua,
ul.List-Link > li.Dot-Black,
ul.List-Link > li.Location,
ul.List-Link > li.Lungs,
ul.List-Link > li.Health,
ul.List-Link > li.Wax,
ul.List-Link > li.Date,
ul.List-Link > li.GYM,
ul.List-Link > li.PT,
ul.List-Link > li.TC,
ul.List-Link > li.Qigong,
ul.List-Link > li.Fitness,
ul.List-Link > li.Apple,
ul.List-Link > li.GP,
ul.List-Link > li.Cancer,
ul.List-Link > li.Diabetes,
ul.List-Link > li.Funding,
ul.List-Link > li.Other
{
  background-repeat: no-repeat;
  background-size: 12%;
  background-position: 12% 50%;
}
ul.List-Link > li.Date
{
  background-size: 15%;
}
ul.List-Link > li.Location
{
  background-size: 10%;
}
ul.List-Link > li.Dot-Black
{
  background-size: 10%;
}
/* .................. */
/* .................. */
/* .................. */
/* .................. */
/* .................. */
/* .................. */


/* ......................... */
/* ......................... */
/* ......................... */
/* ......................... */
/* ......................... */
/* ......................... */
/* ......................... */
/* ......................... */

.List-Horiz {
	display: block;
	position: relative;
	width: 90%;
	margin: 1vw auto 4vw auto;
	padding: 1.5vw 0 .5vw 0;
	border-top: 1px solid rgba(5, 49, 89, 0.3);
	border-bottom: 1px solid rgba(5, 49, 89, 0.3);

}
ul.List-Link-Horiz  
{   
   padding: 0;
   margin: 0 auto;
   list-style-type: none;
   text-decoration: none;
   width: 100%; 
   text-align : justify;
}


ul.List-Link-Horiz::after {
   content: "";
   width: 100%; 
   display: inline-block;
   height: 0; /*prob also font-size: 0 */
}



ul.List-Link-Horiz > li 
{   
	display: inline-block;
	position: relative;
    width: 31%;
    margin: 0;
	padding: 0;	
}


/* ......................... */
ul.List-Link-Horiz > li > a 
{   
    display: block;
    margin: 0; 
	padding: 0%;	
	text-decoration: none;
	height: 3vw;
}
ul.List-Link-Horiz > li > a:hover 
{ 
	background-color:rgba(126,157,79,0.07);
}


/* .................. */
ul.List-Link-Horiz > li.Reps,
ul.List-Link-Horiz > li.YMCA,
ul.List-Link-Horiz > li.CIMSPA,

/* .................. */
ul.List-Link-Horiz > li.Gate,
ul.List-Link-Horiz > li.Pakua,
ul.List-Link-Horiz > li.FAQ
{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}

/* .................. */
/* .................. */
/* .................. */
/* .................. */



/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */

.closeMobileMenu {
	position: relative;
	width: 100%;
	height: 4em;
	margin: 2em 0;
	text-align: center;
	vertical-align: middle;
	line-height: 4em;
	z-index: 3;
}
.button1 {
	position: relative;
	background-color: #4CAF50;
	border: none;
	color: rgba(255, 255, 255, 1.00);
	padding: 0.5em 2em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.6em;
	margin: 1.5em auto 6em auto;
	cursor: pointer;
}
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */


/*  Large Screen ul Tabs  */
#Gareth>ul.Menu-Tabs {
	text-align: right;
	margin: 0; 
	padding: 0;
	list-style: none;
	line-height: 1.4vw;
}
#Gareth>ul.Menu-Tabs li {
	padding: 0 1.5vw;
	border-right: 0.1vw solid rgba(137, 137, 137, 0.8);
	display: inline-block;
	cursor: pointer;
}
#Gareth>ul.Menu-Tabs li:last-child,
#tab-container>#Gareth>ul.Menu-Tabs li:nth-child(2) {
	border-right: none;
	padding-right: 0;
}
/* Start of Drop Down Menu */
/* #Gareth conatins the Menu List */
#Gareth>ul.Menu-Tabs>#tab1,
#Gareth>ul.Menu-Tabs>#tab6 
{
	display: none;
}

/* /////////////////////////////// */
/* /////////////////////////////// */
#Panel-Head-Div {
	position: relative;
	width: 100%;
	height: auto;
	padding: 1.5vw 0 1vw 0;
	margin: 0;
	z-index: 3;
	background-color: rgba(8, 23, 1, 0.87);
	border-top: 0.2vw solid rgba(0, 117, 71, 1.00);
}
#Contain-Div-Left {
	margin: 0; 
	left: 12.3%; 
	position: relative;
	height: auto;
	width: auto;
	line-height: 1.5em;
	float: left;
	vertical-align: middle;
	text-align: left;
}
#Contain-Div-Right {
	margin: 0 4vw 0 0; 
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: auto;
	width: auto;
	line-height: 3.4em;
	vertical-align: middle;
	text-align: right;
	padding-right: 3.6%;
	background-size: 28%;
	background-position: right center;
	background-repeat: no-repeat;
}
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
#Tips-Menu { 
	position: relative;
	width: 100%;
	height: 8vw;
	padding: 0;
	margin: 0;
	z-index: 2;
	background-color: rgba(8, 23, 1, .2);
	border-bottom: 1px solid rgba(77, 77, 77, 0.5); 
}
/* List Tips */
#List-Tips { 
	z-index: 1;
	position: relative;
	text-align: right;
	height: auto;
	margin: 0 auto;
	padding: 1.5% 0;
	width: 90%;
	cursor: pointer;
}
/*  Large Screen ul Tabs  */
#List-Tips > ul.List-Tips {
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#List-Tips > ul.List-Tips li {
	padding: 0 3% 0 5%;
	width: auto;
	border-right: 0.1vw solid rgba(137, 137, 137, 0.8);
	display: inline-block;
	cursor: pointer;
	line-height: 2.5vw; 
}
#List-Tips > ul.List-Tips li.Tick {
	background-size: contain; 
	background-position: 5% 50%;
	background-repeat: no-repeat;
}
#List-Tips > ul.List-Tips li:last-child {
	border-right: none;
	padding-right: 0;
 /* background-size: 15%; */
}

a.College-Link:link,
a.College-Link:visited {
	color: rgba(43,43,43,1.00);
	font-size: 1.2em;
	text-decoration: none;
	vertical-align: middle;
}

a.College-Link:hover {
	color: rgba(187,0,3,1.00);
	text-decoration: none;
	vertical-align: middle;
}
/* ////////////////////////// */
a.Pest-Link:link {
	color: rgba(0, 0, 0, 1.00);
	text-decoration: none;
}

a.Pest-Link:hover {
	color: rgba(212, 0, 3, 1.00) !important;
	text-decoration: none;
}

a.Pest-Link:visited {
	color: rgba(0, 0, 0, 1.00);
	text-decoration: none;
}
/* //////////// On Top ////////////// */

#Panel-Top,
#Panel-Top-TC,
#Panel-Top-GP,
#Panel-Top-Nutrition,
#Panel-Course-List,
#Panel-Course-List-2,
#Panel-Course-Tai-Chi,
#Panel-Course,
#Panel-Support,
#Panel-Catalogue,
#Panel-Catalogue2,
#Panel-Catalogue2-Top,
#Panel-Catalogue3,
#Panel-Catalogue-Single,
#Panel-Tutor,
#Panel-Contact,
#Panel-Contact-Top,
.Panel-Levels,
.Panel-Catalogue,
.Panel
{ 
    z-index: 0;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding: 10vw 0 0 0;
	margin: 0;
	border-top: 1px solid rgba(5, 49, 89, 0.3);
	border-bottom: 1px solid rgba(5, 49, 89, 0.3);
}
#Panel-Top,
#Panel-Top-TC,
#Panel-Top-GP,
#Panel-Top-Nutrition,
#Panel-Contact-Top,
#Panel-Contact,
#Panel-Catalogue2-Top
{ 
	padding-top: 8vw;
}



#Panel-Top,
#Panel-Top-TC,
#Panel-Top-GP,
#Panel-Top-Nutrition,
#Panel-Course-List,
#Panel-Course-List-2,
#Panel-Course-Tai-Chi,
#Panel-Course,
#Panel-Support,
#Panel-Catalogue,
#Panel-Catalogue2,
#Panel-Catalogue2-Top,
#Panel-Catalogue3,
#Panel-Catalogue-Single,
#Panel-Tutor,
#Panel-Contact,
#Panel-Contact-Top,
.Panel-Levels,
.Panel-Levels-Tutor,
.Panel-Catalogue,
.Panel
{   
	z-index: 0;
	background-position: 0vw 6vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 65%, 100%; 
}
.Catalogue 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%;
}
.Class 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%;
}
.Better 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%;
}

.Single 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%;
}
.PTrainer 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 65%, 100%;
}
.Tutor-Support 
{   
	background-position: 0vw 6vw, bottom right;
	background-size: 65%, 40%; 
}
.Support 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%; 
}
.Special 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%; 
}
.Course-Tai-Chi
{ 
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%; 
}
.Tai-Chi-Single
{ 
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%; 
}
.Course2 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%; 
}
.Tutor-Support 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%; 
}
.Online 
{   
	background-position: 0vw 6vw, bottom center;
	background-size: 100%, 100%; 
}
.Contact 
{   padding-top: 12vw;
	padding-bottom: 42vw; 
	background-position: 0vw 8vw, bottom center;
	background-size: 100%, 100%; 
}


/* ..................... */
/* ..................... */
.Top-Courses 
{   padding-top: 8vw;
	background-position: 0vw 6vw, bottom center;
	background-size: 65%, 100%;
}

.Top,
.Levels-Tutor-Top,
.Nutrition-Top,
.Contact-Top,
.Referral-Top 
{   
	padding-top: 8vw;
	background-position: 0vw 4vw, bottom center;
	background-size: 100%, 100%; 
}
/* ..................... */
/* ..................... */




/*  ........................ */
/*  ........................ */
/*  ........................ */
/*  ........................ */
.Index10 {z-index: 10;}
.Index9 {z-index: 9;}
.Index8 {z-index: 8;}
.Index7 {z-index: 7;}
.Index6 {z-index: 6;}
.Index5 {z-index: 5;}
.Index4 {z-index: 4;}
.Index3 {z-index: 3;}
.Index2 {z-index: 2;}
.Index1 {z-index: 1;}
.Index0 {z-index: 0;}
.Index-1 {z-index: -1;}
.Index-2 {z-index: -2;}
.Index-3 {z-index: -3;}
/*  ........................ */
/*  ........................ */
/*  ........................ */
/*  ........................ */


.Top,
.Levels-Tutor-Top,
.Nutrition-Top,
.Contact-Top,
.Referral-Top 
{   
	padding-top: 8vw;
	background-position: 0vw 4vw, bottom center;
	background-size: 100%, 100%; 
}



#Panel-Top
{   
	background-position: 0vw 4.5vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 100%, 100%;
}
#Panel-Top-TC
{   
	background-position: 0vw 5vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 95%, 100%;
}

#Panel-Top-GP
{   
	background-position: 0vw 3vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 100%, 100%;
}

#Panel-Course
{   
	background-position: 0vw 7vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 55%, 100%;
	padding: 12vw 0 0 0;
}
#Panel-Catalogue3
{   
	background-position: 0vw 10vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 55%, 100%;
	padding: 12vw 0 0 0;
}
#Panel-Catalogue-Single
{   
	background-position: 0vw 7vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 60%, 100%;
	padding: 12vw 0 0vw 0; 
	z-index: -4;
}



#Panel-Contact
{   
	background-position: 0vw 11vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 85%, 100%;
}
#Panel-Contact-Top
{   
	background-position: 0vw 5vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 70%, 100%;
}
#Panel-Catalogue
{   z-index: -10;
	background-position: 0vw 10vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 65%, 100%;
	padding: 12vw 0 0 0; 
}
#Panel-Catalogue2,
#Panel-Catalogue2-Top
{   
	z-index: 0;
	background-position: 0vw 5vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 69%, 100%;
}
#Panel-Tutor
{ 
	background-position: 0vw 9vw, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: 90%, 100%;
	padding: 12vw 0 0 0;
}
/* .................. */


.New {
	display: block;
	width: 10vw;
	position: fixed; 
	height: 6vw;
	z-index: 20;
	top: 15vw; margin: 0; padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 90%; right: 0vw;
}


/* .................. */
#Panel-Video2
{   
	background-color:rgba(57,120,168,0.02);
    z-index: 0;
	position: relative;
	overflow: hidden;
	width: 100vw;
	height: 50vw;
	padding: 10% 0 5% 0;
	margin:  0;
	border-top: 1px solid rgba(5, 49, 89, 0.3);
	border-bottom: 1px solid rgba(5, 49, 89, 0.3);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}


.Video-Container
{
  position: relative;
  width: 80%;
  height: 90%;
  padding: 0;
  margin: 0 auto;
  display: block;
  z-index: -1;
}
video {
  /* override other styles to make responsive */
  width: 100% !important;
  height: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}


.Video-Overlay
{ 
  display: block;
  background-color:rgba(0,71,18,0.7);
  width: 50vw;
  height: auto;
  z-index: 2;
  padding: 0;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  
}
h1.Video
{ line-height: 3em;
  vertical-align: middle; 
  font-size: 4em;
  color:rgba(248,244,244,1.00);
  font-weight: 400;
  padding: 0;
  margin: 0 auto;
  z-index: 1;
}
p.Video {
  color: pink; font-size: 2em;
  line-height: 2em;
  vertical-align: middle; 
}

#Panel-Course-List,
#Panel-Course-List-2
{ 
    margin: 0;
	background: rgb(68,188,213);
    background: linear-gradient(90deg, rgba(68,188,213,0.1) 0%, rgba(254,251,201,0.3) 50%, rgba(0,212,255,0.1) 100%);
}
/* ////////// Z-Index -1 /////////// */
#Panel-Catalogue3
{ 
	z-index: -1;
}
#Panel-Course-List
{ 
	z-index: 1;
}
#Panel-Course-List-2
{ 
	z-index: -1;
}
#Panel-Course-Tai-Chi,
#Panel-Course
{
	z-index: -2;
}
#Panel-Tutor
{
	z-index: -3;
}
.Panel-Levels,
.Panel-Levels-Tutor
{
	z-index: -2;
}
#Panel-Support {
	z-index: -1;
}
#Divide-Left { 
	z-index: -4;
}
#Panel-Contact {
	z-index: 1;
	padding-bottom: 42vw;
}
/* ///////////////////////////////// */
/* ///////////////////////////////// */
/* ///////////////////////////////// */
#Panel-Polaroid-Home,
#Panel-Home-Pictures

             { 
			 /* Needs to have opacity less than 1.0 - something to do with z-index stacking issue caused by transform rotate*/
	         opacity:0.99; 
	         position: relative;        
	         width: 99%; height: 45vw; 
	         margin: 0; padding: 6vw 0 2vw 0; 
			 border: solid 1px rgba(184,184,184,0.50);
             }
.Polaroid {
	        position: absolute; margin: 0; padding: 0;
	        background-position: center;
			background-repeat: no-repeat;
			background-size: contain; 
}
.L-Most { /* Left Most */
	         z-index: 2;
	         bottom: -26%; left: 7%; 
	         width: 28vw; height: 28vw;   
}
.L-Mid {  /* Left  */
	         z-index: 8;
	         width: 34vw; height: 34vw; 
	         bottom: -31%; left: 15%;
             }
.Center {  
	         /* Center needs to have transform: translateZ(1000px); to compensate for safari z-index stack issue*/  
	         z-index: 11;
	         transform: translateZ(1000px);
             position: relative; 
	         width: 45vw; height: 45vw;
             top: 13%; 
	         margin: 0 auto; 	         
}
.Liver {  
	         /* Center needs to have transform: translateZ(1000px); to compensate for safari z-index stack issue*/  
	         z-index: 11;
	         transform: translateZ(1000px);
             position: relative; 
	         width: 45vw; height: 45vw;
             top: 12%; 
	         margin: 0 auto; 	         
}
.R-Mid { /* right  */
		     transform: translateZ(750px);
	         top: 33%; left: 51%; 
	         width: 32vw; height: 32vw;   
			 z-index: 8;
             }
.R-Most { /* right most  */
			 transform: translateZ(500px);
	         bottom: -15%; left: 70%; 
	         width: 20vw; height: 20vw; 
			 z-index: 2;
/*	         transform: perspective(40vw) rotateY(45deg);
*/           }


/* ///////////////////////////////// */
/* ///////////////////////////////// */
/* ///////////////////////////////// */
/* ///////////////////////////////// */
.Contain-Top,
.Contain-Top-TC,
.Contain-Top-GP,
.Contain-Top-Nutrition,
.Contain-Course-Tai-Chi,
.Contain-Levels,
.Contain-Levels-Tutor,
.Contain-Course,
.Columns-Course-List,
.Contain-Support,
.Contain-Catalogue,
.Contain-Catalogue2,
.Contain-Tutor,
.Contain-Contact,
.Contain-Contact-Top,
.Contain
{
	display: block;
	position: relative;
	z-index: 2;
	top: 0;
	width: 75%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

/* /////////////////////////////// */




/* TABS FORMATTING */
#Tab-Control,
.Tab-Control5,
.Tab-Control6
{  
	position: relative; margin: 0;
	padding: 0; height: auto; width: auto; 
}
.Tab-Control6
{   width: 18%; float: left;
}
ul.tabsLevelsSide > li > p.tabTitle { 
   padding: 0; 
   margin: 0;
   position: relative;
   font-size: 1.4vw;
   text-align: center;
   color: rgba(25, 25, 25, 1.00);
}


.Starty
{  
	background-color: rgba(44,124,58, 0.2);
}
.Starty2
{  
	background-color: rgba(127,145,151,0.2);
}
ul.tabsCourse li:hover,
ul.tabsLevels li:hover, 
ul.tabsLevelsSide li:hover 
{
	background-color: rgba(193, 193, 193, 0.2);
}


ul.tabsCourse,
ul.tabsLevels, 
ul.tabsLevelsSide 
{ 
   position: relative; 
   width: 100%;
   height: auto;
   list-style-type: none;
   padding: 0;
   margin: 0;
   text-align: justify;
   font-size: 0;
   border-top: 1px solid rgba(5, 49, 89, 0.3);
   border-bottom: 0.5vw solid rgba(2, 153, 59, 1.00);
   box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);	
}
ul.tabsCourse::after,
ul.tabsLevels::after, 
ul.tabsLevelsSide::after 
{
   content: "";
   width: 100%;
   display: inline-block;
}

ul.tabsCourse li,
ul.tabsLevels li
{
   cursor: pointer;
   /* font-size: 1vw; */  
   display: inline-block;
   text-align: center;
   margin: 0;
   padding: 0;
   border-right: 1px solid rgba(5, 49, 89, 0.3);
   border-bottom: 0;
}

ul.tabsLevelsSide > li
{
   cursor: pointer; 
   /* font-size: 1vw; */  
   display: block;
   text-align: center;
   margin: 0 0 1vw 0;
   padding: 7vw 0 2vw 0;
   height: auto;
   border-right: none;
   border-bottom: 1px solid rgba(5, 49, 89, 0.3);
}


ul.tabsCourse li { 
  width: 16.3%;	
}
ul.tabsLevels li { 
  width: 24.6%;
}
ul.tabsCourse li:first-child,
ul.tabsLevels li:first-child {
	border-left: 1px solid rgba(5, 49, 89, 0.1);
}
/*ul.tabsCourse > li.Start,
ul.tabsLevels > li.Start
{  
	background-color: rgba(102, 153, 59, 0.3);
}*/




/* This pushes the li to a div height of choice */
.containDrawTitle
{   
	width: auto; 
	position: relative; 
	margin: 0; 
	padding: 0;
	height: 20vw; 
	border-bottom: 2px solid rgba(77, 77, 77, 0.5);
	background-color:rgba(226,218,218,0.1);
}
/* this colors the level bar not the back og the image */
.drawerTitle5 {	
	background-color: rgba(102, 153, 59, .1);
}
.drawerTitle5:hover {	
	background-color: rgba(102, 153, 59, .3);
}


/* Just change the li */
ul.tabsCourse > li.Scroll,
ul.tabsCourse > li.Entry,
ul.tabsCourse > li.Chinese-Clock,
ul.tabsCourse > li.Accredited,
ul.tabsCourse > li.Assessment,
ul.tabsCourse > li.FAQs,

/* Just change the li */
ul.tabsCourse > li.Content-PT,
ul.tabsCourse > li.Entry-PT,
ul.tabsCourse > li.Clock-PT,
ul.tabsCourse > li.Accredited-PT,
ul.tabsCourse > li.Assessment-PT,
ul.tabsCourse > li.FAQs-PT
{
	background-repeat: no-repeat;
}

/* ....................... */
ul.tabsCourse > li.Scroll,
ul.tabsCourse > li.Content-PT
{
	background-size: 70%;
	background-position: 50% 30%;
}

/* ....................... */
ul.tabsCourse > li.Entry,
ul.tabsCourse > li.Entry-PT
{
	background-size: 45%;
	background-position: 50% 30%;
}

/* ....................... */
ul.tabsCourse > li.Chinese-Clock,
ul.tabsCourse > li.Clock-PT
{
	background-size: 50%; 
	background-position: 50% 25%;
}

/* ....................... */
ul.tabsCourse > li.Accredited,
ul.tabsCourse > li.Accredited-PT
{
	background-size: 45%;
	background-position: 50% 30%;
}

/* ....................... */
ul.tabsCourse > li.Assessment,
ul.tabsCourse > li.Assessment-PT
{
	background-size: 50%;
	background-position: 50% 23%;
}

/* ....................... */
ul.tabsCourse > li.FAQs,
ul.tabsCourse > li.FAQs-PT
{
	background-size: 60%;
	background-position: 50% 28%;
}
/* //////////////////////// */
/* end tabs control */
ul.tabsLevels > li.Level1,
ul.tabsLevels > li.Level2,
ul.tabsLevels > li.Level3,
ul.tabsLevels > li.Level4,
ul.tabsLevels > li.CPD,

/* ....................... */
ul.tabsLevels > li.L1,
ul.tabsLevels > li.L2,
ul.tabsLevels > li.L3,
ul.tabsLevels > li.L4,

/* ....................... */

ul.tabsLevelsSide > li.Tutor,
ul.tabsLevelsSide > li.Level1,
ul.tabsLevelsSide > li.Level2,
ul.tabsLevelsSide > li.Level3,
ul.tabsLevelsSide > li.Level4,
ul.tabsLevelsSide > li.CPD
{
	background-repeat: no-repeat;
}
ul.tabsLevels > li.Level1
{ 
	background-size: 45%;
	background-position: 50% 30%;
}
ul.tabsLevels > li.Level2
{
	background-size: 48%;
	background-position: 50% 30%;
}
ul.tabsLevels > li.Level3
{   
	background-size: 45%;
	background-position: 50% 25%;
}
ul.tabsLevels > li.Level4
{
	background-size: 45%;
	background-position: 50% 25%;
}
ul.tabsLevels > li.CPD
{
	background-size: 55%;
	background-position: 50% 25%;
}


/* ..................... */
ul.tabsLevels > li.L1
{ 
	background-size: 70%;
	background-position: 50% 20%;
}

ul.tabsLevels > li.L2
{ 
	background-size: 80%;
	background-position: 50% 20%;
}

ul.tabsLevels > li.L3
{ 
	background-size: 70%;
	background-position: 50% 20%;
}
ul.tabsLevels > li.L4
{ 
	background-size: 70%;
	background-position: 50% 20%;
}



/* ..................... */
ul.tabsLevelsSide > li.Tutor:hover, 
ul.tabsLevelsSide > li.Level1:hover, 
ul.tabsLevelsSide > li.Level2:hover, 
ul.tabsLevelsSide > li.Level3:hover, 
ul.tabsLevelsSide > li.Level4:hover, 
ul.tabsLevelsSide > li.CPD:hover 
{
	background-color: rgba(111,172,193,1.00);
}

ul.tabsLevelsSide > li.Level1
{ 
	background-size: 25%;
	background-position: 50% 30%;
}
ul.tabsLevelsSide > li.Level2
{
	background-size: 32%;
	background-position: 50% 20%;
}
ul.tabsLevelsSide > li.Level3
{   
	background-size: 25%;
	background-position: 50% 20%;
}
ul.tabsLevelsSide > li.Level4 
{
	background-size: 25%;
	background-position: 50% 20%;
}
ul.tabsLevelsSide > li.CPD 
{
	background-size: 35%;
	background-position: 50% 20%;
}
ul.tabsLevelsSide > li.Tutor 
{ 
	background-size: 70%;
	background-position: 50% 40%;
	padding-top: 12vw;
	/*background-color: rgba(108,153,123,0.1);*/
}
ul.tabsLevelsSide > li:last-child { 
	margin-bottom: 0; 
}

/* /////////////////////////////// */
/* ACCORDIAN FORMATTING */
.accordWrapper,
.accordWrapper2,
.accordWrapper3,
.accordWrapper4,
.accordWrapper5, 
.accordWrapper6
{ 	
  width: 100%;
  position: relative;
  margin: 2vw auto 0vw auto;
  padding: 0;
  z-index: 0; 
}
.accordWrapper2,
.accordWrapper5
{ 
  margin: 2vw auto -6vw auto;
  border-right: 0.5px solid rgba(5, 49, 89, 0.2);
  border-bottom: 0.5px solid rgba(5, 49, 89, 0.2);
  border-left: 0.5px solid rgba(5, 49, 89, 0.2);
  border-radius: 0vw 0vw 0vw 0vw;
  box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.3);
}
.accordWrapper6
{ width: 80%; float: right; 
  margin: 0vw 0 -6vw 0;
  border-right: 0.5px solid rgba(5, 49, 89, 0.2);
  border-bottom: 0.5px solid rgba(5, 49, 89, 0.2);
  border-left: 0.5px solid rgba(5, 49, 89, 0.2);
  border-radius: 0vw 0vw 0vw 0vw;
  box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.3);
}

ul.Accord-Control,
ul.Accord-Control2,
ul.Accord-Control3,
ul.Accord-Control4,
ul.Accord-Control5, 
ul.Accord-Control6 
{ 
  position: relative;
  width: 100%;
  height: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: justify;
	
}

ul.Accord-Control::after,
ul.Accord-Control2::after,
ul.Accord-Control3::after,
ul.Accord-Control4::after,
ul.Accord-Control5::after, 
ul.Accord-Control6::after 
{
  content: ""; 
  width: 100%;
  display: block;  
}
ul.Accord-Control li.Drawer,
ul.Accord-Control2 li.Drawer2,
ul.Accord-Control3 li.Drawer3,
ul.Accord-Control4 li.Drawer4,
ul.Accord-Control5 li.Drawer5, 
ul.Accord-Control5 li.Drawer6,
ul.Accord-Control6 li.Drawer7
{
   position: relative; 
   width: 100%;
   text-align: left;
   margin: 0;
   padding: 0; 
   border-top: none;
   z-index: 0;
}



ul.Accord-Control5 > li.Level1,
ul.Accord-Control5 > li.Level2,
ul.Accord-Control5 > li.Level3,
ul.Accord-Control5 > li.Level4,

/* ......................... */
ul.Accord-Control6 > li.Tutor,
ul.Accord-Control6 > li.Level1,
ul.Accord-Control6 > li.Level2,
ul.Accord-Control6 > li.Level3,
ul.Accord-Control6 > li.Level4,

/* ......................... */
ul.Accord-Control2 > li.Scroll,
ul.Accord-Control2 > li.Entry,
ul.Accord-Control2 > li.Chinese-Clock,
ul.Accord-Control2 > li.Accredited,
ul.Accord-Control2 > li.Assessment,
ul.Accord-Control2 > li.FAQs,

/* ......................... */
ul.Accord-Control2 > li.Scroll-PT,
ul.Accord-Control2 > li.Entry-PT,
ul.Accord-Control2 > li.Clock-PT,
ul.Accord-Control2 > li.Accredited-PT,
ul.Accord-Control2 > li.Assessment-PT,
ul.Accord-Control2 > li.FAQs-PT
/* ......................... */

{
   background-repeat: no-repeat;
   background-position: 50% 2vw;
}


ul.Accord-Control2 > li.Scroll, 
ul.Accord-Control2 > li.Scroll-PT
{
   background-size: 35%;
}
ul.Accord-Control2 > li.Entry, 
ul.Accord-Control2 > li.Entry-PT 
{
   background-size: 16%;
}
ul.Accord-Control2 > li.Chinese-Clock,
ul.Accord-Control2 > li.Clock-PT

{
   background-size: 15%;
}
ul.Accord-Control2 > li.Accredited, 
ul.Accord-Control2 > li.Accredited-PT 
{
   background-size: 18%;
}
ul.Accord-Control2 > li.Assessment, 
ul.Accord-Control2 > li.Assessment-PT 
{
   background-size: 18%;
}
ul.Accord-Control2 > li.FAQs, 
ul.Accord-Control2 > li.FAQs-PT 
{
   background-size: 15%;
}





/* ////////////////////// */
ul.Accord-Control5 > li.Level1 
{
   background-size: 75%;
}
ul.Accord-Control5 > li.Level2 
{
   background-size: 40%;
}
ul.Accord-Control5 > li.Level3 
{
   background-size: 40%;
}
ul.Accord-Control5 > li.Level4 
{
   background-size: 40%;
}

/* ////////////////////// */
ul.Accord-Control6 > li.Tutor 
{
   background-size: 75%;
}
ul.Accord-Control6 > li.Level1 
{
   background-size: 75%;
}
ul.Accord-Control6 > li.Level2 
{
   background-size: 40%;
}
ul.Accord-Control6 > li.Level3 
{
   background-size: 40%;
}
ul.Accord-Control6 > li.Level4 
{
   background-size: 40%;
}
/* /////////// */






/* /////////// */
.Content,
.Active,
.Content3,
.Active3,
.Content4
{ 
  position: relative;  
  width: auto; height: auto;
  margin: 1vw auto;
  padding: 0;
}
.Content2,
.Active2,
.Content5,
.Active5,
.Content6,
.Active6
{ 
  position: relative; 
  width: 80%;
  margin: 0 auto;
  padding: 0;
}



/* //////////////////////// */
.Inner,
.Inner2
{ 
  position: relative;  
  width: auto; height: auto;
  margin: 2vw auto 2vw 7vw;
  padding: 2vw 2vw 2vw 5vw;
  border-left: 0.3vw solid rgba(0, 117, 71, 1.00);
}
.Inner2 {
  margin: 2vw auto 2vw 3vw;
}
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
.Float-About { 
   display: block;
   width: 80%;
   margin: 0 auto; 
   position: relative;
/*   text-align: justify;
*/}
/* /////////////////////////////// */
/* /////////////////////////////// */
ul.About {  
   position: relative;
   width: 100%;
   height: auto;
   list-style-type: none;
   text-align: justify;
   padding: 0;
   margin: 0 0 10vw 0;
}
ul.About::after {
   content: "";
   width: 100%; 
   display: inline-block; 
}
ul.About > li.Two
{ 
   vertical-align: top; 
   top: 0;
   position: relative;
   cursor: pointer;
   display: inline-block;
   width: 48%; 
}
/* /////////////////////////////// */


/* /////////////////////////////// */
ul.List-Tutor {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.List-Tutor {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 2vw;
	vertical-align: middle;
}
ul.List-Tutor > li
{
	margin: 0vw 0vw 2vw 0;
	padding: 1vw 0 3vw 0;
	display: block;
	border-bottom: 1px solid rgba(140, 135, 135, 0.16);
	text-align: left;
}

ul.List-Tutor > li:last-child {
	border-bottom: 0;
}
/* End List Content */
/* End List Content */

/* Catalogue FORMATTING */
/* End Catalogue Base Style */
ul.catControl,
ul.catControlSide
{ 
  position: relative;
  width: 100%;
  height: auto;
  list-style-type: none;
  text-align: justify;
  padding: 0;
  margin: 0;
 
}
ul.catControl::after
{
  content: "";
  width: 100%; 
  display: inline-block; 
}
ul.catControlSide::after
{
  content: "";
  width: 100%; 
  display: block; 
}


ul.catControl li.One,
ul.catControl li.Two,
ul.catControl li.Three,
ul.catControl li.Four,
ul.catControl li.Text 
{ 
  vertical-align: top; 
  top: 0;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 0 0 4vw 0;
  padding: 0;
  text-align: center;
  border-radius: 0.3vw;
  border: solid 1px rgba(206, 206, 206, 0.4);
  box-shadow: 0vw 1vw 1vw -0.4vw rgba(0,0,0,0.1);
}
ul.catControlSide li 
{ 
  vertical-align: top; 
  top: 0;
  position: relative;
  cursor: pointer;
  display: block;
  margin: 0 0 4vw 0;
  padding: 0;
  text-align: center;
  border-radius: 0.3vw;
  border: solid 1px rgba(206, 206, 206, 0.4);
  box-shadow: 0vw 1vw 1vw -0.4vw rgba(0,0,0,0.1);
}





ul.catControl li.One 
{ 
  width: 100%;
  margin-bottom: 4vw; 
}
ul.catControl li.Two {
  width: 48%;
}
ul.catControl li.Three {
  width: 32%;
}
ul.catControl li.Four,
ul.catControlSide li.Four
{
  width: 24%; 
}
ul.catControl li.Text { 
	margin-top: 4vw;
	margin-bottom: 0;
	border: none;
	box-shadow: none;

}
/*.Reveal-Top
{ 
  position: relative; 
  display: block;
  margin: 2vw auto 0 auto;
  padding: 0; 
}*/

.Reveal,
.Reveal-Open
{ 
  display: block; 
  width: 100%; 
  height: auto;
  margin: 1vw auto 0 auto;
  padding: 0;
  position: relative;
}



ul.List-Reveal-Two,
ul.List-Reveal-Three {
  display: block;
  position: relative;
  width: 100%;
  border: 0;
  margin: 2vw auto 0 auto;
  padding: 0;
  list-style-type: none;
  line-height: 4.2vw;
  vertical-align: middle;
  text-align: left;
}
ul.List-Reveal-Three > li.Tick,
ul.List-Reveal-Three > li.Location,
ul.List-Reveal-Three > li.Date,
ul.List-Reveal-Three > li.Cost { 
  position: relative;
  cursor: pointer;
  padding: 0 0 0 41%;
  margin: 0;
  border-top: 0.1vw solid rgba(83, 83, 83, 0.2);
  border-bottom: 0.1vw solid rgba(83, 83, 83, 0.2);
}
ul.List-Reveal-Three > li.Tick {
  background-size: 14%;
  background-position: 18% center;
  background-repeat: no-repeat;
}
ul.List-Reveal-Three > li.Location {
  background-size: 10%;
  background-position: 18% center;
  background-repeat: no-repeat;
}
ul.List-Reveal-Three > li.Date {
  background-size: 14%;
  background-position: 18% center;
  background-repeat: no-repeat;
}
ul.List-Reveal-Three > li.Cost {
  background-size: 14%;
  background-position: 18% center;
  background-repeat: no-repeat;
}
/* Reveal Two */
/* Reveal Two */
/* Reveal Two */
ul.List-Reveal-Two > li.Tick,
ul.List-Reveal-Two > li.Location,
ul.List-Reveal-Two > li.Date,
ul.List-Reveal-Two > li.Cost 
{ 
  line-height: 5.5vw;
  position: relative;
  cursor: pointer;
  padding: 0 0 0 44%;
  margin: 0;
  border-top: 0.1vw solid rgba(83, 83, 83, 0.2);
  border-bottom: 0.1vw solid rgba(83, 83, 83, 0.2);
  background-repeat: no-repeat;
}
ul.List-Reveal-Two > li.Tick
{
  background-size: 14%;
  background-position: 22% center;
}
ul.List-Reveal-Two > li.Location
{
  background-size: 9%;
  background-position: 22% center;
}
ul.List-Reveal-Two > li.Date
{
  background-size: 14%;
  background-position: 22% center;
}
ul.List-Reveal-Two > li.Cost 
{
  background-size: 14%;
  background-position: 18% center;
}
/* Reveal One */
/* Reveal One */
/* Reveal One */
ul.List-Reveal-One 
{ 
  text-align: center;
  width: 75%;
  list-style: none; 
  margin: 0 auto;
}
ul.List-Reveal-One > li.Tick,
ul.List-Reveal-One > li.Location,
ul.List-Reveal-One > li.Date,
ul.List-Reveal-One > li.Cost 
{ 
  vertical-align: middle;
  position: relative;
  cursor: pointer; 	
  display: inline-block;
  width: 30%; 
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat; 
}
ul.List-Reveal-One > li.Tick 
{
  background-size: 43%;
  background-position: 50% 20%;
}
ul.List-Reveal-One > li.Location 
{
  background-size: 30%;
  background-position: 50% 16%;
}
ul.List-Reveal-One > li.Date 
{
  background-size: 40%;
  background-position: 50% 22%;
}
ul.List-Reveal-One > li.Cost 
{
  background-size: 14%;
  background-position: 18% center;
}
/* /////////////// */
/* /////////////// */
/* /////////////// */
ul.List-Reveal-Two > li:first-child,
ul.List-Reveal-Two > li:last-child,
ul.List-Reveal-Three > li:first-child,
ul.List-Reveal-Three > li:last-child {
  border-top: 0vw solid rgba(83, 83, 83, 0.2);
  border-bottom: 0vw solid rgba(83, 83, 83, 0.2);
}



/* .......................... */
/* .......................... */
/* .......................... */

ul.List-Cat-Info { 
  display: block;
  position: relative;
  width: 80%;
  border: 0;
  margin: 4vw auto 0 auto;
  padding: 0;
  list-style-type: none;
  line-height: 4.2vw;
  vertical-align: middle;
  text-align: left;
}
ul.List-Cat-Info > li.Heart,
ul.List-Cat-Info > li.FAQs,
ul.List-Cat-Info > li.Head
{ 
  position: relative; 
  cursor: pointer;
  padding: 0 0 0 37%;
  margin: 0;
  border-top: 0.1vw solid rgba(83, 83, 83, 0.2);
  border-bottom: 0.1vw solid rgba(83, 83, 83, 0.2);
  background-repeat: no-repeat;
}
ul.List-Cat-Info > li.Heart,
ul.List-Cat-Info > li.Head {
  background-size: 14%; 
  background-position: 7% center;
  background-repeat: no-repeat;
}
ul.List-Cat-Info > li.FAQs {
  background-size: 18%; 
  background-position: 4% center;
}
ul.List-Cat-Info > li.Head {
  background-size: 14%; 
  background-position: 7% center;
}
ul.List-Cat-Info > li:first-child,
ul.List-Cat-Info > li:last-child 
{
  border-top: none;
  border-bottom: none;
}

/* .......................... */


/* Controls the icons at the pot of the catalogue  */
/* Controls the icons at the pot of the catalogue  */
/* Controls the icons at the pot of the catalogue  */
ul.List-Icons-One,
ul.List-Icons-Two,
ul.List-Icons-Three,
ul.List-Icons-Four 
{ 
   text-align: center;
   display: inline-block;
   width: 100%;
   list-style: none;
   margin: 3vw auto 3vw auto;
   padding: 2vw 0;
   border-top: 0.1vw solid rgba(83, 83, 83, 0.2);
   border-bottom: 0.1vw solid rgba(83, 83, 83, 0.2);
}
ul.List-Icons-Four 
{ 
   margin: 5vw auto 3vw auto;
}
ul.List-Icons-One > li,
ul.List-Icons-Two > li,
ul.List-Icons-Three > li,
ul.List-Icons-Four > li
{
   position: relative;
   display: inline-block;
   cursor: pointer;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat; 
}
ul.List-Icons-One > li 
{
   padding: 5% 0%; 
   margin: 0 4%;
   width: 10%; 
}
ul.List-Icons-Two > li 
{ 
   padding: 7% 0%; 
   margin: 0 2.5%;
   width: 20%; 
}
ul.List-Icons-Three > li 
{
   padding: 10% 0%; 
   margin: 0 4%;
   width: 20%; 
}
ul.List-Icons-Four > li 
{
   padding: 8% 0%; 
   margin: 0; 	background-size: 50%;
   width: 100%;
}

/* Products */
/* Products */
/* Products */
/* Products */
/* Products */
/* Products */
.Certificates,
.Diplomas,
.Specialist-CPD,
.Gym-Instructor,
.Personal-Trainer,
.GP-Referral,
.GP-Referral2,
.Others,
.Chronic,
.Nutrition,
.Yoga,
.Cardiac,
.Pulmonary,
.CPD2,
.Nervous,
.Chi-Kung,
.Meditation,
.Meditation2,
.Tai-Chi,
.Tai-Chi,
.Tai-Chi-Chuan,
.CPD,
.Medical,
.Tai-Chi2,
.Tai-Chi3,
.NHS,
.PT-One,
.GP-One,
.Nutrition-One,
.Clinical,
.Clinical2
{	
    display: block;
    width: 100%;
    border-radius: 1vw;
    border-bottom: 0.5vw solid;
    box-shadow: 0vw 1.3vw 1vw -0.4vw rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 1);
    height: 25vw;
    margin: 0 auto 1vw auto;
    z-index: 1;
}
.Cardiac,
.Pulmonary,
.CPD2,
.Nervous,
.Others
{
height: 20vw;
}
.CPD {
	background-size: 92%;
	background-position: center;
	background-repeat: no-repeat;
}
.GP-Referral {
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
}
.Others {
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
}
.Nutrition {
	background-size: 75%;
	background-position: center;
	background-repeat: no-repeat;
}

/* ........................ */
/* ........................ */
/* ........................ */
/* ........................ */

.Certificates {
    background-size: 65%, 35%;
    background-position: center, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.Diplomas {
    background-size: 95%; 
    background-position: center;
    background-repeat: no-repeat;
}
.Specialist-CPD {
    background-size: 68%;
    background-position: center;
    background-repeat: no-repeat;
}
.Gym-Instructor {
    background-size: 83%, 35%;
    background-position: center, 0 0;
    background-repeat: no-repeat, no-repeat;
}


/* ....................... */
/* ....................... */
/* ....................... */

.Cardiac {
    background-size: 75%, 35%;
    background-position: center, 0 0;
    background-repeat: no-repeat, no-repeat;
}
.Pulmonary {
    background-size: 70%, 35%;
    background-position: center, 0 0;
    background-repeat: no-repeat, no-repeat;
}
.Nervous {
    background-size: 61%, 35%;
    background-position: center, 0 0;
    background-repeat: no-repeat, no-repeat;
}
.Yoga,
.Chi-Kung,
.Meditation
{
	background-size: 60%; 
	background-position: center;
	background-repeat: no-repeat;
}
.CPD2 {
    background-size: 80%, 35%;
    background-position: center, 0 0;
    background-repeat: no-repeat, no-repeat;
}
.Personal-Trainer {
    background-size: 83%;
	background-position: center;
	background-repeat: no-repeat;
}
.Tai-Chi
{
	background-size: 68%, 20%;
	background-position: center, 0 0;
	background-repeat: no-repeat, no-repeat;
}
.NHS
{
	background-size: 12%, 100%;
	background-position: 0 0, center;
	background-repeat: no-repeat, no-repeat;
}
.Clinical,
.Clinical2
{
	height: 36vw;
	background-size: 12%, cover;
	background-position: 0 0, 0 0vw;
	background-repeat: no-repeat, no-repeat;
}
.PT-One
{
	height: 36vw;
	background-size: 12%, 100%;
	background-position: 0 0, center;
	background-repeat: no-repeat, no-repeat;
}
.GP-One
{
	height: 36vw;
	background-size: 12%, 100%;
	background-position: 0 0, center;
	background-repeat: no-repeat, no-repeat;
}
.Nutrition-One
{
	height: 36vw;
	background-size: 12%, 80%;
	background-position: 0 0, center;
	background-repeat: no-repeat, no-repeat;
}
.Tai-Chi-Chuan
{
	height: 36vw;
	background-size: 20%, cover;
	background-position: 0 0, center;
	background-repeat: no-repeat, no-repeat;
}
.Chronic {
	background-size: 45%;
	background-position: center;
	background-repeat: no-repeat;
}
.Medical
{
	height: 36vw;
	background-size: 12%, cover;
	background-position: 0 0, center;
	background-repeat: no-repeat, no-repeat;
}
.Tai-Chi2
{
	height: 36vw;
	background-size: 12%, cover;
	background-position: 0 0, center;
	background-repeat: no-repeat, no-repeat;
}
.Tai-Chi3,
.Meditation2
{
	background-position: center;
	background-repeat: no-repeat;
}
.Tai-Chi3
{
	background-size: 98%;
}
.Meditation2
{
	background-size: 88%;
}
.GP-Referral2
{
	background-size: 98%;
	background-position: 50% 75%;
	background-repeat: no-repeat;
}




/* End Products */
/* End Products */
/* End Products */
/* End Products */
/* End Products */
/* End Products */

/* /////////////////////////////// */
#Divide-Left,
#Divide-Right,
#Divide-Left-PT,
#Divide-Right-PT,
#Divide-Left-TC,
#Divide-Right-TC,
#Divide-Left-GP,
#Divide-Right-GP,
#Divide-Left-Nutrition,
#Divide-Right-Nutrition,
.Divide
{ 
	position: relative;
    display: inline-block;
	padding: 30% 50%;
	margin: 0;
	z-index: -5;
}
#Divide-Left::before,
#Divide-Right::before,
#Divide-Left-PT::before,
#Divide-Right-PT::before,
#Divide-Left-TC::before,
#Divide-Right-TC::before,
#Divide-Left-GP::before,
#Divide-Right-GP::before,
#Divide-Left-Nutrition::before,
#Divide-Right-Nutrition::before,
.Divide::before
{
	content:""; 
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
	z-index:0;
	border-top: solid 1px rgba(131, 131, 131, 0.3);
	border-bottom: solid 1px rgba(131, 131, 131, 0.3);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient- editor/#fbfff4+10,1e5799+90&1+0,0+100 */
	/* background: radial-gradient(ellipse at top center, rgba(251, 255, 244, 1) 0%, rgba(251, 255, 244, 0.9) 30%, rgba(30, 87, 153, 0.1) 90%, rgba(30, 87, 153, 0) 100%);*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
    background-color: rgba(0,67,8,0.5);
	background-blend-mode:screen;
	opacity: 1;	
}
/*#Divide-Left-GP::before {
	background-size: 100%;
	background-position: 50% 20%;
}

#Divide-Left-Nutrition::before {
	background-size: 100%;
	background-position: 50% 30%;
}*/



.Contain-Divide-Left,
.Contain-Divide-Right,
.Contain-Divide-Left-PT,
.Contain-Divide-Right-PT,
.Contain-Divide-Left-TC,
.Contain-Divide-Right-TC,
.Contain-Divide-Left-GP,
.Contain-Divide-Right-GP,
.Contain-Divide
{
	position: absolute;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: auto;
	line-height: 1.4em;
	z-index: 0;
}
.Left-Nut,
.Contain-Divide-Left,
.Contain-Divide-Left-TC,
.Contain-Divide-Left-PT,
.Contain-Divide-Left-GP,
.Contain-Divide-Left
{ 
	padding: 0 0 0 6%;
	top: 20%;
	left: 10%;
    border-left: 0.3vw solid rgba(0, 117, 71, 1.00);
	text-align: left;
	/*	transform: translateY(-30%);*/
}
.Right-Nut,
.Contain-Divide-Right,
.Contain-Divide-Right-PT,
.Contain-Divide-Right-TC
{
	display: block;
	padding: 0 6% 0 0;
	top: 30%; 
    right:  10%;
	border-right: 0.3vw solid rgba(0, 117, 71, 1.00);
	text-align: right;
	/*	transform: translateY(-30%);*/
}


.Contain-Divide-Right-TC
{
	top: 18%;
}



/* ////////////////////////// */
/* ////////////////////////// */
/* ////////////////////////// */
/* ////////////////////////// */
.Panel-Info {
	display: block;
	position: relative;
	padding: 0;
	margin: 0 auto 6vw auto;
	z-index: 2;
	top: 0;
	width: 75%;
	height: auto;
	text-align: center;
}
.Contain-List {  
	display: block;
	width: 90%;
    margin: 0 auto; 
	padding: 0;
    position: relative;
}
ul.List-Course { 
	text-align: justify;
    font-size: 0.1px;
	list-style-type: none;
	position: relative;
	width: 100%; 
	height: auto;
	margin: 0; 
	padding: 0;
	vertical-align: middle;
}
ul.List-Course::after { 
  content: "";
  width: 100%;
  display: inline-block;  
}
/* /////////////////////////////// */
ul.List-Course > li
{
   background-color: rgba(254, 255, 209, 0.4);
   border-bottom: 1px solid rgba(2, 153, 59, 1.00);
}

ul.List-Course > li.CIMSPA,
ul.List-Course > li.Ofqual,
ul.List-Course > li.YMCA,
ul.List-Course > li.REPs,

/* ....................... */
ul.List-Course > li.Awards,
ul.List-Course > li.Tian,
ul.List-Course > li.SoundSense,
ul.List-Course > li.Login


{   line-height: 2vw; 
	padding: 2.5% 0% 2.5% 14%;
	margin: 0;
	vertical-align: middle;
	width: 34%; 
	position: relative; 
	display:inline-block;
	height: auto; 
	background-size: 16%;
	background-position: 6% center;
	background-repeat: no-repeat;
	box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);
}

ul.List-Course > li.Awards
{   
background-size: 14%;
background-position: 9% center;
}
ul.List-Course > li.Login
{   
background-size: 13%;
background-position: 9% center;
}	
ul.List-Course > li.Tian
{   
background-size: 16%;
}		
ul.List-Course > li.SoundSense
{   
background-size: 20%;
	background-position: 5% center;
}	
	




ul.List-Course > li:nth-child(3),
ul.List-Course > li:nth-child(4)
{ margin-top: 2vw;}
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
.List-Wrapper
{   display: block;
	width: 100%; 
	margin: 0; 
	padding: 0; 
  }


/* ...................... */

ul.List-TC,
ul.List-TC-Side
{   
	position: relative; 
    width: 80%; 
	margin: 0 auto;
	padding: 0;
	text-align: left; 
	list-style-type: none; 
}
ul.List-TC-Side 
{
	width: 100%; 
	margin-top: 5vw;
	margin-bottom: 12vw;
}
/* ..................... */
ul.List-TC > li,
ul.List-TC-Side > li
{ 
	margin: 0; 
	padding: 6% 0 7% 23%;  
	border-top: 1px solid rgba(140, 135, 135, 0.16);
	border-bottom: 1px solid rgba(140, 135, 135, 0.16);
	background-size: 13%;
	background-position: 0 3vw;
	background-repeat: no-repeat;
}
ul.List-TC-Side > li
{
	padding: 6% 0 7% 26%;  
}
/* ...................... */
/* ....  JUST NEST li ... */
/* ...................... */
ul.List-TC > li.Nest,
ul.List-TC-Side > li.Nest
{
	margin: 1.5vw 0 2vw 0; 
	padding: 0 0 0 23%; 
	border: none;  
}

/* ...................... */
ul.List-TC > li:first-child, 
ul.List-TC-Side > li:first-child 
{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	background-position: 0 0; 

}

/* ...................... */
/* ...................... */
/* ...................... */
/* ...................... */
ul.List-TC > li:last-child, 
ul.List-TC-Side > li:last-child 
{
    border-bottom: none;
	margin-bottom: 2vw; 
}
/* ...................... */


/* ...................... */
/* ...................... */
ul.List-TC-Nest > li
{
	margin: 0;  
	padding: 5% 0% 5% 15%; 
	width: auto;
	border-bottom: 1px solid rgba(140, 135, 135, 0.16);
	background-position: 0 2.5vw; 
	background-size: 10%;
	background-repeat: no-repeat; 
}

/* ...................... */
ul.List-TC-Nest > li:first-child
{
    border-top: none; 
}
/* ...................... */
ul.List-TC-Nest > li:last-child
{
	border-bottom: none;
}



/* .................... */

/* ................... */
ul.List-TC > li.Heart2,
ul.List-TC-Side > li.Heart2
{
	background-size: 16%;
}
ul.List-TC > li.Bagua,
ul.List-TC-Side > li.Bagua
{
	background-size: 16%;
}
ul.List-TC > li.Dao,
ul.List-TC-Side > li.Dao
{
	background-size: 16%;
	opacity: .8;
}
ul.List-TC > li.Fan,
ul.List-TC-Side > li.Fan
{
	background-size: 16%;
}
ul.List-TC > li.Wax,
ul.List-TC-Side > li.Wax
{
	background-size: 16%;
}
ul.List-TC > li.Salmon,
ul.List-TC-Side > li.Salmon
{
	background-size: 20%;
}
ul.List-TC > li.Gold-Top,
ul.List-TC-Side > li.Gold-Top
{
	background-size: 18%;
	background-position: 0 0; 
}
ul.List-TC > li.Gold,
ul.List-TC-Side > li.Gold
{
	background-size: 15%;
	background-position: 0 2.5vw;
}
ul.List-TC > li.YinYang,
ul.List-TC-Side > li.YinYang
{
	background-size: 12%;
}
ul.List-TC > li.Next,
ul.List-TC-Side > li.Next
{
	background-size: 17%;
}
ul.List-TC > li.Clock,
ul.List-TC-Side > li.Clock
{
	background-size: 16%;
}
ul.List-TC > li.YMCA,
ul.List-TC-Side > li.YMCA
{
	background-size: 19%;
}
ul.List-TC > li.CIMSPA,
ul.List-TC-Side > li.CIMSPA
{
	background-size: 17%;
}
ul.List-TC > li.Ofqual,
ul.List-TC-Side > li.Ofqual
{
	background-size: 14%;
}
ul.List-TC > li.Enter,
ul.List-TC-Side > li.Enter
{
	background-size: 17%;
}
ul.List-TC > li.Assess,
ul.List-TC-Side > li.Assess
{
	background-size: 14%;
}
ul.List-TC > li.Calendar,
ul.List-TC-Side > li.Calendar
{
	background-size: 17%;
}
ul.List-TC > li.Locations,
ul.List-TC-Side > li.Locations
{
	background-size: 16%;
}


/* /////////////////////////////// */
/* /////////////////////////////// */
/* ////// NESTED LIST //////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */


/* ......................... */



/* ........................ */
ul.List-TC-Nest > li.PDF
{ 
	background-size: 8%;
}
ul.List-TC-Nest > li.Tian
{ 
	background-size: 8%;
}
ul.List-TC-Nest > li.Next
{ 
	background-size: 11%;
}
ul.List-TC-Nest > li.YMCA
{ 
	background-size: 11%;
}
ul.List-TC-Nest > li.Tick
{ 
	background-size: 8%;
}
ul.List-TC-Nest > li.Arrow
{ 
	background-size: 7%;
}
ul.List-TC-Nest > li.Assess
{ 
	background-size: 7%;
}
ul.List-TC-Nest > li.Meditate
{ 
	background-size: 7%;
}
ul.List-TC-Nest > li.Bonzi
{ 
	background-size: 7%;
}
ul.List-TC-Nest > li.Lady
{ 
	background-size: 7%;
}
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */


/* //////////////////////// */
.Book-Bottom-Tabs { 
   display: block; 
   position: relative;
   width: 65%; height: auto;
   margin: 6vw auto 14vw auto;
   padding: 0; 
   text-align: center; 
}
.Finance { 
   display: block; 
   position: relative; 
   width: 50%; height: auto;
   margin: 0vw auto;
   padding: 0; 
   text-align: center; 
}
.Credit {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.Image { 
	position: relative; 
	display: block;
	width: 100%; 
	height: auto;
	margin: 0 auto;
	padding: 0; 
}

.PayPal-Logo {
   width: 100%; height: 5vw; 
   margin: 0vw auto;
   padding: 0; 
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat; 
   }
.PayPal-Button { 
   width: 100%; height: 6vw; 
   margin: 4vw auto 2vw auto;
   background-size: 35%;
   }

/* /////////////////////////////// */
/* /////////////////////////////// */
#Wrap-Tai-Chi,
#Wrap-Tai-Chi2,
#Wrap-Home-Top,
#Wrap-PT,
#Wrap-GP,
#Wrap-Nutrition,
#Wrap-Nutrition2,
#Wrap-Contact,/* //// See opacity note for z-index /// */
#Wrap-Images,
#Wrap-Quality,
#Wrap-Bagua,
#Wrap-YinYang-Hand,
#Wrap-Shoes,
#Wrap-Sheild,
#Wrap-Levels,
#Wrap-Levels2,
#Wrap-Scroll,
#Wrap-Bells,
#Wrap-Heart,
#Wrap-Plaster,
#Wrap-TC1,
#Wrap-Lungs,
#Wrap-Cat3,
#Wrap-Steth,
#Wrap-Cat-Single 
{  
	z-index: 2;
	position: relative; 	
	width: 100%;
	height: 35vw;
	padding: 0;
	margin: 0; 
}
#Wrap-GP,
#Wrap-Nutrition,
#Wrap-Nutrition2,
#Wrap-Tai-Chi,
#Wrap-PT,
#Wrap-Nutrition
{
	margin-top: -4vw;
}
#Wrap-Tai-Chi2
{
	margin-top: 4vw;
}
#Wrap-Heart
{  
	margin-top: -2vw; 
}
#Wrap-Plaster
{  
	margin-top: 4vw; 
}
#Wrap-TC1
{  
	margin-top: -4vw; 
}


#Wrap-Tai-Chi,
#Wrap-Tai-Chi2,
#Wrap-Home-Top,
#Wrap-PT,
#Wrap-GP,
#Wrap-Nutrition,
#Wrap-Nutrition2,
#Wrap-Contact 
{ 
	/*	 Needs to have opacity less than 1.0 on the parent element so the children rotate 
	  - something to do with z-index stacking issue caused by transform rotate */
    opacity: 0.99; 
}
#Wrap-Contact { 
	height: 22vw; 
}

#Wrap-Lungs,
#Wrap-Cat3,
#Wrap-Steth,
#Wrap-Cat-Single,
#Wrap-Scroll,
#Wrap-Bells
{ 
	margin-top: -7vw; 
	pointer-events: none;
	z-index: 2;
}

#Wrap-Home-Top
{ 
	margin-top: -3vw; 
	pointer-events: none;
	z-index: 2;
}

/* /////////////////////////////// */
#Center-Tai-Chi,
#Center-Tai-Chi2,
#Center-PT,
#Center-GP,
#Center-Nutrition,
#Center-Nutrition2,
#Center-Contact,
#Center-Images,
#Center-Quality,
#Center-Bagua,
#Center-YinYang-Hand,
#Center-Shoes,
#Center-Levels,
#Center-Levels2,
#Center-Scroll,
#Center-Bells,
#Center-Heart,
#Center-YinYang-Hand,
#Center-Plaster,
#Center-TC1,
#Center-Lungs,
#Center-Cat3,
.Center,
#Center-Steth,
#Center-Cat-Single
{ 
	position: relative; 
	width: 35%; 
	height: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#Center-Images
{
	bottom: -18%;
	width: 30%; 
	height: auto;
}
#Center-Quality
{
	bottom: -30%;
	width: 35%; 
	height: auto; 
}
#Center-Bagua { 
	width: 25%; 
	height: auto;
	bottom: -38%;
/*	background-size: 60%;*/
}
#Center-YinYang-Hand { 
	width: 45%; 
	height: 110%;
	bottom: -27%;
/*	background-size: 60%;*/
}
#Center-Shoes{ 
	width: 55%; 
	height: auto;
	bottom: -30%;
/*	background-size: 60%;*/
}
#Center-Levels { 
	width: 21%; 
	height: auto;
	bottom: -42%;
/*	background-size: 60%;*/
}
#Center-Levels2 { 
	width: 21%; 
	height: 30vw;
	bottom: -35%;
/*	background-size: 60%;*/
}
#Center-Scroll
{ 
	bottom: -40%;
	width: 30%; 
	height: auto;
}
#Center-Bells
{ 
	bottom: -30%; 
	width: 40%; 
	height: auto;
}
#Center-Heart
{
	height: 110%;
	bottom: -18%;
}

#Center-Plaster
{ 
	height: 70%;
	width: 30%; 
	bottom: -40%;
}
#Center-TC1
{  
	height: 70%; width: 38%;
	bottom: -42%; 
}

#Center-Lungs { 
	width: 30%; 
	height: 95%;
	bottom: -30%;
}
#Center-Cat3 { 
	width: 25%; 
	height: 95%;
	bottom: -30%;
}





/* ................. */
/* ................. */
/* ................. */
.Wrap
{  
	z-index: 2;
	display: block;
	position: relative; 	
	width: 100%;
	height: 35vw;
	padding: 0;
	margin: 0; 
}
.Wrap
{ 
	margin-top: 2vw; 
	pointer-events: none;
	z-index: 2;
}
/* ................. */
/* ................. */
/* ................. */

/* .............. */
.Center-Digestive { 
	position: relative; 
	width: 60%; 
	height: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -20%;
}
.Center-Digestive { 
	width: 30%; 
	height: 95%;
	bottom: -15%;
}
.Left-Digestive
{
	position: absolute;
	z-index: 1;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
.Left-Digestive { 
	width: 30%;
	height: 60%;
	top: 5%;
	left: 21%;
}

/* .............. */
/* .............. */
/* .............. */




#Center-Steth { 
	width: 35%; 
	height: 85%;
	bottom: -32%;
}
#Center-Cat-Single { 
	width: 45%; 
	height: 95%;
	bottom: -30%;
}
#Center-Tai-Chi, 
#Center-Tai-Chi2 
{ 
	width: 49%; 
	height: 100%;
	bottom: -10%;
}
#Center-PT { 
	width: 49%; 
	height: 100%;
	bottom: -10%;
}
#Center-GP { 
	width: 49%; 
	height: 100%;
	bottom: -10%;
}
#Center-Nutrition 
{ 
	width: 49%; 
	height: 100%;
	bottom: -10%;
}
#Center-Nutrition2 
{ 
	width: 49%; 
	height: 100%;
	bottom: -10%;
}
#Center-Contact { 
	width: 28%; 
	height: 90%;
	bottom: -30%;
}
#Right-Tai-Chi,
#Right-Tai-Chi2,
#Left-Tai-Chi,
#Left-Tai-Chi2,
#Right-PT,
#Right-GP,
#Left-PT,
#Left-GP,
#Left-Nutrition,
#Right-Nutrition,
#Right-Contact,
#Left-Contact,
#Right-Scroll,
#Right-Bells,
#Left-Scroll,
#Left-Bells,
#Left-Images,
#Left-Quality,
#Right-Bagua,
#Right-YinYang-Hand,
#Right-Quality,
#Right-Shoes,
#Right-Levels,
#Left-Heart,
#Left-YinYang-Hand,
#Left-Plaster,
#Left-TC1,
#Right-Heart,
#Right-Plaster,
#Right-TC1,
#Left-Lungs,
#Right-Lungs,
#Left-Cat3,
#Right-Cat3,
#Left-Levels2,
#Right-Levels2,
#Left-Cat-Single,
#Left-Steth,
#Right-Cat-Single,
#Right-Steth
{
	position: absolute;
	z-index: 1;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	/*  transform: translate(-22%, 0%); */
	/*  transform: perspective(20vw) rotateY(15deg); */
}
#Right-Tai-Chi,
#Right-Tai-Chi2,
#Right-PT, 
#Right-GP,
#Right-Nutrition
{
	width: 22%; 
	height: 42%; 
	bottom: -3%;
	left: 65%;
	transform-style: preserve-3d;
	transform: translate(-80%, 0%);	
	transform: perspective(20vw) rotateY(15deg); 
	z-index: 10;
}
#Left-Tai-Chi,
#Left-Tai-Chi2,
#Left-PT, 
#Left-GP, 
#Left-Nutrition 
{  
/*	opacity: 0.99;*/
	z-index: 10;
	width: 10%;
	height: 55%;
	bottom: -4%;
	left: 22%;
	transform-style: preserve-3d;
	transform: translate(-22%, 0%);
	transform: perspective(20vw) rotateY(-15deg);
}
#Right-Contact {
	width: 20%; 
	height: 90%;  
	top: -5%;
	left: 62%; 
	z-index: 10;
}
#Left-Contact {  
/*	opacity: 0.99;*/
	z-index: 10;
	width: 20%; 
	height: 75%;
	top: 10%;
	left: 20%;
}
#Right-Scroll,
#Right-Bells
{ 
    width: 20%;
	height: 45%;
	bottom: 25%;
	left: 58%;
}
#Left-Scroll,
#Left-Bells
{ 
	width: 30%;
	height: 40%;
	bottom: -5%;
	left: 18%;
	z-index: 6;
}
#Left-Images,
#Left-Quality
{
	width: 25%;
	height: 55%;
	top: 10%;
	left: 25%;
}
#Right-Bagua,
#Right-YinYang-Hand,
#Right-Shoes,
#Right-Quality
{
	width: 25%;
	height: 60%;
	bottom: 40%;
	left: 50%;
	z-index: 1; 
}
#Right-Levels
{
	width: 25%;
	height: 60%;
	top: 7%;
	left: 49%;
	z-index: 1; 
}

#Left-Levels2 { 
	width: 30%;
	height: 50%;
	top: 15%;
	left: 54%;
	transform: rotate(-10deg);
}
#Right-Levels2 { 
	width: 25%;
	height: 50%;
	top: 10%;
	left: 26%;
	z-index: 1;
}

#Left-Heart,
#Left-YinYang-Hand,
#Left-Plaster,
#Left-TC1
{
	width: 30%;
	height: 60%;
	top: 10%;
	left: 20%; 
	}
#Right-Heart,
#Right-Plaster,
#Right-TC1
{
	width: 25%;
	height: 60%;
	bottom: 20%;
	left: 55%;
}
#Left-Lungs { 
	width: 30%;
	height: 60%;
	top: 10%;
	left: 53%;
}
#Right-Lungs { 
	width: 25%;
	height: 60%;
	top: 15%;
	left: 23%;
}
#Left-Cat3 { 
	width: 30%;
	height: 60%;
	top: 10%;
	left: 54%;
}
#Right-Cat3 {  
	width: 25%;
	height: 60%;
	top: 0%;
	left: 23%;
}
#Left-Cat-Single { 
	width: 35%;
	height: 50%;
	top: 20%;
	left: 15%;
}
#Left-Steth { 
	width: 35%;
	height: 50%;
	top: 20%;
	left: 15%;
}
#Right-Cat-Single { 
	width: 40%;
	height: 35%;
	top: 15%;
	left: 48%;
	transform: rotate(-10deg);
}
#Right-Steth { 
	width: 40%;
	height: 35%;
	top: 15%;
	left: 48%;
	transform: rotate(-10deg);
}
/* ////////  MAPS  for Contact Page //////// ///// */
.iframe-container {
	width: 100%;
	margin: 0vw auto;
	overflow: hidden;
	padding-top: 73.25%;
	position: relative;
}
.iframe-container iframe {
	border: 0;
	padding: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* ////////  END Maps  //////// ///// */
/* ////////  MAPS all other pages //////// ///// */
.iframe-Map {
	width: 98%;
	margin: 0 auto 2vw auto;
	overflow: hidden;
	padding-top: 43.25%;
	position: relative;
}
.iframe-Map iframe {
	border: 0;
	padding: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* ////////  END Maps  //////// ///// */




/* ////// foooooooter ////// */
#Panel-Fixed { 	
	pointer-events: none;
	position: fixed;
	width: 100%; 
	height: auto;
	padding: 0;
	bottom: 5.7vw; /* //////// bottom to compenste for border //////// */
	margin: 0;
	z-index: 110;
}
/* /////////////////////////////// */
ul.List-Foot {   
	pointer-events: auto;
	text-align: justify;
    font-size: 0.1px;
	list-style-type: none;
	position: relative;
	width: 28%; 
	height: auto;
	margin: 0 auto; 
	padding: 0;
}
ul.List-Foot::after { 
  content: "";
  width: 100%;
  display: inline-block;  
}
/* /////////////////////////////// */
ul.List-Foot > li.CRRU,
ul.List-Foot > li.Ofqual,
ul.List-Foot > li.Middle,
ul.List-Foot > li.YMCA,
ul.List-Foot > li.REPs,

/* .................... */
ul.List-Foot > li.Login,
ul.List-Foot > li.SoundSense,
ul.List-Foot > li.Awards,
ul.List-Foot > li.Tian,
ul.List-Foot > li.YouTube
{   
	vertical-align: bottom;
	width: auto; 
	position: relative; 
	display:inline-block;
	height: auto; 
	padding: 0;
	margin: 0;
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
}
/* /////////////////////////////// */





/* ////////////////////////// */
.zoom {
  transition: transform .2s; 
  transform-origin:  bottom;
}
.zoom:hover {
	transform: scale(1.5);
	transform-origin:  bottom;}
/* ////////////////////////// */
#Red-Arrow {
	width: 3.5vw;
	height: 3.5vw;
	top: -2.8vw;
	left: 4%;
	position: absolute;
	background-size: 100%;
	background-position: right center;
	background-repeat: no-repeat;
	z-index: 100;
}
/* /////////////////////////////// */
/* /////////////////////////////// */
#List-Fixed { 
	z-index: 101;
	background-color: rgba(43, 42, 42, 0.8);
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	bottom: 0;
	height: auto;
	border-bottom: 0.3vw solid rgba(144, 176, 0, 1);
}
ul.List-Bottom {  
	text-align: justify;
    font-size: 0.1px;
	list-style-type: none;
	position: relative;
	width: 100%; 
	height: auto;
	margin: 0; 
	padding: 0; 
}
ul.List-Bottom::after { 
    content: "";
    width: 100%;
    display: inline-block;  
}
ul.List-Bottom > li {
	line-height: 5vw;
	height: 5vw; 
	vertical-align: middle;
	text-align: center;
	width: 13%; 
	position: relative; 
	display:inline-block;
	padding: 0;
	margin: 0;
}
/* /////////////////////////////// */
ul.List-Bottom > li.Course
{ 
	width: 40%;
}

/* ////////////////////////// */
a.Location:link,
a.Times:link,
a.Bullet:link
{
	color: rgba(93, 88, 88, 0.9);
	text-decoration: none;
}
/* ////////////////////////// */
/* ///////////////////////// */
a.Call-Now:link,
a.Call-Now:hover,
a.Call-Now:visited {
	text-decoration: none;
	vertical-align: middle;
}
a.Call-Now:link {
	color:rgba(255,255,255,1.00);
}
a.Call-Now:hover {
	color: rgba(231, 247, 2, 1.00) !important;
}
a.Call-Now:visited {
	color: rgba(119, 119, 119, 1.00);
}
/* ///////////////////////// */
a.Button1:link,
a.Button1:hover,
a.Button1:visited,
a.Button2:link,
a.Button2:hover,
a.Button2:visited,
a.Button3:link,
a.Button3:hover,
a.Button4:link,
a.Button4:hover,
a.Button23:visited,
a.ButtonMid:link,
a.ButtonMid:hover,
a.ButtonMid:visited
{
	font-size: 1.5em;
	position: relative;
	background-color: rgba(76, 175, 80, 1);
	border: none;
	color: rgba(255, 255, 255, 1.00);
	padding: 0.8em 2em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	margin: 4vw auto;
	cursor: pointer;
	border-bottom: 1px solid rgba(2, 153, 59, 1.00);
	box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);
/*	border-radius: 0.2vw; */
}
a.Button2:link,
a.Button2:hover,
a.Button2:visited,
a.Button3:link,
a.Button3:hover,
a.Button3:visited
{
	margin: 0vw auto;
}
a.Button4:link,
a.Button4:hover,
a.Button4:visited
{
	margin: 2vw auto;
	font-size: 1.2em;
}

a.Button2:link,
a.Button3:link {
	color:rgba(255,255,255,1.00);
}
a.Button2:hover,
a.Button3:hover {
	color: rgba(231, 247, 2, 1.00) !important; 
}
a.Button2:visited,
a.Button3:visited {
	color: rgba(119, 119, 119, 1.00);
}
a.ButtonMid:link,
a.ButtonMid:hover,
a.ButtonMid:visited
{
	position: relative;
	padding: 0.8em 2em;
	vertical-align: middle;
	margin: 0vw auto 6vw auto;
	transform: translateX(-50%);
	left: 50%;
}



/* ////////////////////////// */
a.Location:hover,
a.Times:hover,
a.Bullet:hover {
	color: rgba(0, 186, 33, 1.00);
	text-decoration: none;
}
a.Location:visited,
a.Times:visited,
a.Bullet:visited{
	color: rgba(208, 0, 3, 1.00);
	text-decoration: none;
}
/* ///////////////////////// */
/* ///////////////// */
a.Body-Link:link,
a.Body-Link:visited {
	color: rgba(0, 75, 163, 1.00);
	font-size: 1em;
	line-height: 1.6em;
	text-decoration: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
a.Body-Link:hover {
	color: rgba(1, 104, 170, 1.00);
	text-decoration: none;
	vertical-align: top;
	line-height: 1.6em;
}
/* ///////////////// */

/* ////// remember if you set the font size to ems you ned to change the 0.1px set on the ul  //////// */
/* ///////////////// */
a.Foot-Text:link,
a.Foot-Cart:link
{
	color: rgba(2, 221, 247, 1.00);
	margin: 0; padding: 0;
	text-decoration: none;
	font-size: 1.6vw;
	}
a.Foot-Text:hover,
a.Foot-Cart:hover {
	color: rgba(254, 0, 237, 1.00);
	margin: 0; padding: 0; 
	font-size: 1.8vw;
	}
a.Foot-Text:visited,
a.Foot-Cart:visited {
	color: rgba(0, 255, 57, 1.00);
	margin: 0; padding: 0;
	text-decoration: none;
	}
p.Foot-Title {
   margin: 0; 
   padding: 0;
   color: rgba(0, 249, 24, 1.00);
   font-size: 1.6vw;
}


/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
hr.One 
{
	position: relative;
	padding: 0;
	margin: 0.8vw auto 4vw auto;
	border: 0;
	height: 0.5vw;
	min-height: 5px;
	background-color: rgba(0, 117, 71, 1.00);
}
hr.Two,
hr.Two-Last 
{
	width: 100%;
	height: 1px; padding: 0;
	margin: 0vw auto 0 auto;
	min-height: 1px;
	background-color: rgba(30, 30, 30, 0.2);
}
hr.Two-Last
{
	margin-bottom: 0vw;
}
/*/////////////////////////*/
.Clear {
	clear: both;
}
/*/////////////////////////*/
.firstLetter 
{
	float: left;
	font-size: 5.26em;
	line-height: 0.5;
	margin: 0.205em 0.153em 0 0;
	text-indent: 5vw;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
/* /////////////////////////////// */
h1.Title,
h2.Title,
h3.Title,
h4.Title,
h5.Title,
h6.Title,
p.Title-Course,
p.Title-Course-Large
{
  color: rgba(99, 99, 99, 0.85);
  font-weight: 400;
  padding: 0;
  margin: 0;
  z-index: 1;   
  font-family: 'Bilbo Swash Caps', cursive; 
  font-size: 6em;
  letter-spacing: 0.05vw;
}

h1.Title,
h2.Title,
h3.Title,
h4.Title,
h5.Title,
h6.Title 
{
 /* font-size: 4em; */
  line-height: 1.1em;
  font-family: 'Bilbo Swash Caps', cursive;
  font-size: 7em;
  letter-spacing: 0.12vw;
}



p.Title-Course,
p.Title-Course-Large 
{
  vertical-align: middle;
  line-height: 6vw;
  font-size: 3em;
  text-align: center;
  margin: 1vw auto;
  padding: 0;
/*  background-color: rgba(204, 228, 202, 0.4);    
*/	background: linear-gradient(90deg, rgba(68,188,213,0.1) 0%, rgba(254,251,201,0.3) 50%, rgba(0,212,255,0.1) 100%);

  border-bottom: 0.1vw solid rgba(83, 83, 83, 0.5);
  border-radius: 1vw;
}
p.Title-Course-Large 
{
  font-size: 5em;
  line-height: 9vw;

}
p.tabTitle { 
   padding: 75% 0 15% 0; 
   margin: 0;
   position: relative;
   font-size: 1.4vw;
   text-align: center;
   color: rgba(25, 25, 25, 1.00);
}


p.Heading-Course 
{
	font-size: 2.5em;
	line-height: 3em;
	font-weight: 300;
	text-align: center;
	width: 100%;
	position: absolute;
    bottom: 0vw;
    left: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(77, 77, 77, 0.3);

}
p.Heading-Tabs,
p.Heading-Tabs-Side,
p.Heading-Sub
{
	font-size: 3em; 
	margin: 4vw 0 2vw 0;
	font-weight: 400;
	text-align: center;
}
p.Heading-Tabs,
p.Heading-Tabs-Side
{
	font-size: 6.5em; 
    font-family: 'Bilbo Swash Caps', cursive;  
	transform: rotate(-2deg);
	margin: 4vw 0 1.2vw 0;
}
p.Heading-Tabs-Side
{margin-top: 1.8vw; }

p.Heading-Sub
{
	font-size: 2.2em;
	margin: 0;
}

p.Heading-List
{
	font-size: 2em;
	margin: 0 0 1vw 0;
	font-weight: 400;
	text-align: left;
}
p.Book-Bottom 
{
	font-size: 2em; 
	margin: 4vw auto; 
	cursor: pointer; 
	font-weight: 400;
}
p.Body-List {
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: left;
}
p.Body-List-Nested {
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
	font-style: italic;
}
p.Body,
p.Body-Small,
p.Body-Tab,
p.Body-Levels,
p.Body-Maps 
{
	padding: 0;
	margin: 0 0 0.75vw 0;
	font-size: 1.4em;
	line-height: 1.6em;
}
p.Body-Maps {
	margin: 0; 
}
p.Body-Levels

{ 
	text-indent: 4vw;
	margin: 4vw 0 6vw
}


/* /// Controls p tags within Accordion ///// */
/*.Reveal-Top p.Body:first-of-type,
p.Body-Small:first-of-type
{ 
	text-indent: 4vw;
}
.Reveal-Top p.Body:last-of-type
{ 
  margin-bottom: 4vw;
}
p.Body-Tab:last-of-type
{ 
	text-indent: 4vw;
	margin: 4vw 0;
}
*/

/*.List-Tutor p.Body-Small:nth-child(3)
{
   color: red; margin: 0;
}
 ///  ///// */
.One p.Text-Cat-Three:nth-child(2) 
{ 
    color: green;  
}


/*/////////////////////////*/
/*/////////////////////////*/
/*//////// Accordion headings ////////*/
p.Heading {
	font-size: 2em;
	line-height: 2em;
	margin: 0;
	padding: 0;
	font-weight: 300;
	text-align: left;
}
/* Info Text */
p.Info-Heading
{   display: block;
	margin: 0 0 2vw 0;
	padding: 0;
	text-align: center;
	font-size: 2.8em;
	vertical-align: top;
	font-weight: 400;
	
}
p.Info-Body 
{
	font-size: 1.6em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: 300;
}
/* List Text */
p.List-Title {
	font-size: 1.4vw;
	margin:0;
	}
p.List-Text {
	margin: 0;
	font-size: 1vw;
	}
/* Divides Text */
p.Heading-Divide,
p.Heading-Divide-Dark,
p.Heading-Divide-Dark2 
{
	font-size: 3.6em;
	line-height: 1.5em;
	font-weight: 600;
	color:rgba(255,255,255,1.00);
}
p.Heading-Divide-Dark {
    color: rgba(32,31,31,1.00);
}
p.Heading-Divide-Dark2
{
	color: rgba(32,31,31,0.7);
}
p.Divide-Sub,
p.Divide-Sub-Dark,
p.Divide-Sub-Dark2
{
	font-size: 2em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: 300;
	color:rgba(255,255,255,0.80);
}
p.Divide-Sub-Dark
{
	color: rgba(38, 34, 34, 0.95)
}
p.Divide-Sub-Dark2 
{
	color: rgba(32,31,31,0.7);
}


/* heading divide */
/* text for top banner under header */
p.Div-Head,
p.Div-Sub {
	font-size: 1.4em;
	margin: 0 0 0.4vw 0;
	padding: 0;
	color: rgba(202, 202, 202, 0.70);
	vertical-align: middle;
	font-weight: 300;
}
p.Div-Sub {
	font-size: 1.1em;
	font-weight: 300;
	color: rgba(221, 221, 221, 0.4);
}
p.Text-Cat,
p.Text-Cat-Two,
p.Text-Cat-Three,
p.Text-Cat-Four,
p.Terms-Small,
p.Reveal-One 
{ 
    position: relative;
    display: block; 
    width: auto;
    font-size: 1.2em;
    line-height: 1.6em; 
    margin: 0 auto;
    padding: 0; 
    text-align: center;
}
p.Reveal-One {
   font-size: 1em;
   line-height: 1.2em;
   margin: 0 auto 2.5vw;
}
p.Reveal-One:first-child {
   color: green;
   margin: 9vw 0 0.5vw 0;
}
p.Terms-Small {
   font-size: 1.2em;
   font-style: italic;
   margin: 1vw auto;
}
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* //////// FORM //////// */
#Image-PDF  { 
	         position: relative; margin: -12vw auto -20vw auto; 
	         width: 32vw; height: 32vw; padding: 0;
			 background-position: center;
			 background-repeat: no-repeat;
	         background-size: contain; z-index: 20; 
	         }	
.Brochure
{
	         width: 100%; 
			 height: auto;  
			 position: relative; 
			 margin: 0vw auto; 
			 padding: 14vw 0; 
			 z-index: 0;
			 background-position: bottom right;
			 background-repeat: no-repeat;
			 background-size: 20%;
	         background-color:rgba(240,240,240,0.6);
            }
.Contain-Brochure {
	         width: 54%; 
			 height: auto;  
			 position: relative; 
			 margin: 0 auto; 
			 padding: 8%;
			 border: 0.3vw solid rgba(0,117,71,1.00);
			 z-index: 1;
	         background-color: rgba(255,254,254,1.00);
            }
#Form-Container  
{ 
			position: relative;
	        z-index: 2; 
			width: 84%; 
	        height: auto; 
			margin: 4vw auto 0 auto; 
	        padding: 0 8%;
	        }

/* /////////////////////// */
p.Brochure-Heading,
p.Brochure,
p.Form-Text, 
p.Form-Text-Bold {
	   text-align: center;
	   font-size: 2.8em;
	   line-height: 1.4em;  
	   vertical-align: middle; 
	   font-family: 'Roboto', sans-serif; 
	   font-weight:500;
	   margin: 0 0 1.5vw 0;
	   padding: 0;
	  
	}
p.Brochure {
	font-size: 1.3em;
	font-style: italic;
	font-weight: 300;
	 background-color: white; /* to compnestae for class .brochure */
}

p.Form-Text, 
p.Form-Text-Bold  { 
    font-size: 1em;  
}
p.Form-Text-Bold {  
	font-style: italic; 
	margin-bottom: 2vw;
}
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* //////// FORM //////// */

input[type=text], select, textarea {
		  width: 100%; background-color:rgba(226,242,188,0.27);
		  padding: 1vw; 
		  border: 1px solid #ccc;
		  border-radius: 0.5vw;
}
input:focus { background:rgba(152,195,222,0.1); }

input[type=submit] {
	  cursor: pointer; border: none;
	  width: 100%; height: 100%;
	  z-index: 10;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: contain; 
	  background-color: rgba(255,255,255,1.00); 
      }
/* /////////////////////// */
.row-submit { 
	   position: relative; 
	   padding: 0;
	   width: 40%; 
	   height: 10vw;
	   margin: 4vw auto 0vw auto;        
       }
.row { 
	   position: relative; 
	   width: 90%; 
	   height: auto; 
	   margin: 0.8vw auto;
	   padding: 0;
	   }
/* /////////////////////// */
.row-check {  
	   position: relative; 
	   width: 3vw; 
	   height: 3vw; 
	   margin: 2vw auto 0 auto;
	   padding: 0;}
/* /////////////////////// */
input[type=checkbox] { 
	margin: 0; 
    min-height: 20px; 
	min-width: 20px;
}
#Confirm { 
	 /*  text-align: center; */
	   margin: 0; 
	   padding: 0;
	   position: absolute;
	   top: 50%; left: 50%;
       transform: translate(-50%,-50%);
      }
#PhoneNumber, #Forename, #Email, #Surname {
	  width: 44%; 
	  margin: 0.5vw 0; 
	  height: 1.5vw;
      font-size: 1.2em; 
	 }
/* /////////////////////// */
.left {float: left;}
.right {float: right;}
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */


/* //////// FORM //////// */
/* //////// FORM //////// */
/* //////// FORM //////// */
/* //////// FORM //////// */








/* /////////////////////// */
.thick,
.Level1-Color,
.Level2-Color,
.Level3-Color,
.Level4-Color {
	font-weight: 700;
}
.Level1-Color {	
	color: rgba(33,129,0,0.81);
}
.Level2-Color {	
	color: rgba(33,129,0,0.81);
}
.Level3-Color {	
	color: rgba(115,0,1,0.8);
}
.Level4-Color {	
	color: rgba(0,63,139,1.00);
}
.New-Color {	
	color:rgba(0,94,174,1.00);
}
/* /////////////////////// */ 
.Cat-Padding-One,
.Cat-Padding-Two,
.Cat-Padding-Three,
.Cat-Padding-Four
{  
	margin: 0 auto;
    position: relative;
	height: auto;
	padding: 7.5% 10% 10% 10%;
}
.Cat-Padding-One {
	width: 70%; 
	padding-top: 6%;
	padding-bottom: 10%;
}
.Cat-Padding-Two {
	width: 70%; 
}
.Cat-Padding-Three {
	width: 75%; 
}
.Cat-Padding-Four { 
	width: 80%; 
}
/* /////////////////////// */ 
/* /////////////////////// */
/* ////////// */
.on-the-line, 
.on-the-line2 
{ 
   text-align: center; 
   height: 6vw; 
   line-height: 6vw; 
   margin: 0vw auto;
   padding: 0;
}
.on-the-line2 
{ 
  margin-top: 1vw;
}

.on-the-line:after,
.on-the-line:before,
.on-the-line2:after,
.on-the-line2:before 
{
   border-top: solid 1px rgba(146,145,145,0.5);
   content: '';
   display: inline-block;
   margin: 0;
   width: 10%;
   vertical-align: middle;
}
img.Open-Close-Top,
img.Open-Close {  	
	position: relative; 
	vertical-align: middle;  
	height: auto; 
	width: 3%; 
	opacity: 0.4;
	min-width: 2.5vw;   margin: 0 0.2vw;
} 
img.Open-Close-Top {  	
	width: 5%; margin: 0 2vw;
	opacity: 0.4;
} 


img.imgText
{   
	display: block;
	position: relative;
	max-width: 80%;
    height: auto;
    height: inherit !important;
}
img.imgText2 { 
	position: relative; 
	width: 75%; 
	height: auto;  
	margin: 0vw auto; 
	/*display: block;*/
}
.imgTutor {
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;
}
#Image-What-Next {
	position: relative;
	margin: -7.5vw auto;
	width: 25vw;
	height: 15vw; 
	padding: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
}

/* end Open Close */
/* end Open Close */
/* end Open Close */
/* end Open Close */


/* .....Desk top ....... */
.Content-Image,
.Entry-Image, 
.Time-Image, 
.Accredited-Image, 
.Assessment-Image, 
.FAQ-Image,
/* .............. */

.Content-Image-PT,
.Content-Image-TC,
.Content-Image-GP,
.Content-Image-Nutrition,
.Entry-Image-PT, 
.Time-Image-PT, 
.Accredited-Image-PT, 
.Assessment-Image-PT, 
.FAQ-Image-PT,
/* .............. */
.Assessment-Image-TC, 
.Time-Image-TC,

/* .............. */
.Entry-Image-Nut, 
.Time-Image-Nut 

{
    width: 100%;
    height: 18vw; 
	margin: 5vw auto 6vw auto; 
	padding: 0;
	border-bottom: 0.2vw solid rgba(0,193,219,1.00);
	box-shadow: 0vw 0.5vw 1vw -0.4vw rgba(0,0,0,0.5);
	z-index: 1; 
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.Content-Image-TC
{
	border-bottom: 0.4vw solid rgba(204,0,3,1.00);
	background-size: 100%;
	background-position: 0% 20%;
}
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
.Accord-CIMSPA,
.Accord-BLF,
.Accord-Bagua,
.Accord-Park,
.Accord-Specialist,
.Accord-Ofqual,
.Accord-Chartered,
.Accord-Award,
.Accord-YMCA,
.Accord-Diet,
.Accord-Lung
{ 
	display: block;
    position: relative; 
	float: left; 
	padding: 0; 
	margin: 0 1.5vw 0.5vw 0;
	z-index: 1; 
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
}
.Accord-BLF {
    width: 12vw; 
	height: 18vw;
}

/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */

.box1 {height: 100px; width: 50px; background-color: pink;}
.box2 {height: 100px; width: 50px; background-color: yellow;}
.box3 {height: 100px; width: 50px; background-color: pink;} 
.box4 {height: 100px; width: 50px; background-color: pink;}
.box5 {height: 100px; width: 50px; background-color: pink;}
.box6 {height: 100px; width: 50px; background-color: yellow;}
.box7 {height: 100px; width: 50px; background-color: pink;} 
.box8 {height: 100px; width: 50px; background-color: pink;}




/* /////////////////////// */
/* /////////////////////// */ 
/* /////////////////////// */

#Picture-Half     
{
		position: relative;
		width: 75%;
		height: 35vw;
		padding: 0;
		margin: 10vw auto;
		z-index: 2;
							
}

.Half-Nutrition
 {  
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover; }







/* /////////////////////// */
/* /////////////////////// */ 
/* /////////////////////// */ 
/* /////////////////////// */ 
/* /////////////////////// */
/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/open-sans-v17-latin-300.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg');
	/* Legacy iOS */
	font-display: swap
}

/* open-sans-300italic - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/open-sans-v17-latin-300italic.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/open-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v17-latin-300italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
	font-display: swap
}


/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v17-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
	/* Legacy iOS */
	font-display: swap
}


/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/open-sans-v17-latin-700.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg');
	/* Legacy iOS */
	font-display: swap
}


/* open-sans-800 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/open-sans-v17-latin-800.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */
	url('../fonts/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/open-sans-v17-latin-800.svg#OpenSans') format('svg');
	/* Legacy iOS */
	font-display: swap
}


/* ////////////// */
.Mobile,
.Mob-Review {
	display: none;
}

.Desk-Review,
.Computer {
	display: block;
}
@media only screen and (min-width: 1px) and (max-width: 640px) {
	.Mobile {
		display: block;
		margin: 1vw 0;
	}
	.Computer {
		display: none;
	}
}
/* /// END of Media 640px /// */

@media only screen and (min-width: 1px) and (max-width: 640px) {
	.Mobile {
		display: block;
	}
	.Computer {
		display: none;
	}

body {font-size: calc(12px + 1vw);}	
/* ///////// */

	
#Row {display: none;}
/* # Logo governs height of green bar*/
/* must be vws panel head is the image under the menu top header */
#Logo,
#Panel-Head,
#tab-container,
#mLink
	{ 
	height: 20vw;
	line-height: 20vw;
	}
/* also set line hights on Menu Tabs */

img.Menu {
	max-width: 18%;
	width: 18%;
	left: 2.5%;
	top: 20%;
}
	
	
#tab-container>#Gareth>ul.Menu-Tabs>#tab2,
#tab-container>#Gareth>ul.Menu-Tabs>#tab4,
#tab-container>#Gareth>ul.Menu-Tabs>#tab5,
#Row,
#Health,
.super,
#List-Tips > ul.List-Tips li:last-child
{
	     display: none;
	   }	

a.Menu-Link:link,
a.Menu-Phone:link,
.mLink {
		font-size: 1.3em;
	   }
.Edu   {
	   font-size: 1em;
       }	
	

#mLink {
		position: relative; 
		top: 50%;
		transform: translateY(-50%);
		width: auto;
		height: auto;
		left: 20%;
	}
#tab-container { 
		position: absolute;
		left: 0;
	    top: 0%;
		height: 20vw;
		width: 95%;
		float: none;
	}
	

#tab-container>#Gareth>ul.Menu-Tabs
	{
		line-height: 10vw; 
	}
#tab-container>#Gareth>ul.Menu-Tabs li 
	{
		padding: 0vw 2.8vw;
		display: inline-block;
		cursor: pointer;
	}

	
	
	
	
/* Sub Menu Bar */
#Panel-Head-Div { 
	position: relative;
	height: 16vw;
	margin: 0; width: 100vw;
}	

#Contain-Div-Left { 
		top: 5px;
/*		transform: translateY(-50%);
*/		left: 10%;
		height: auto; 
		width: 40%; width: 200px;
		line-height: 1.5em;
		float: none;
		vertical-align: middle;
		text-align: left;
	}
/* contain div right has enrol in . it */
#Contain-Div-Right {
		margin: 0 5% 0 0; 
		right: 0; 
		padding-right: 10%;
	    background-size: 30%; 

	}
    p.Div-Head {
		margin-bottom: 0.1vw;
		font-size: 1.1em;
	   font-size: 16px;
	} 
    p.Div-Sub {
		font-size: 1em;
	}
.Helpline,
a.Enrol-Here:link,
a.Enrol-Here:hover,
a.Enrol-Here:visited
{
	font-size: 1.2em;
}

/* List Tips */
#List-Tips { 
	padding: 5% 0;
}	
#List-Tips > ul.List-Tips li.Tick {
	background-position: 8% 50%;
}
#List-Tips > ul.List-Tips li {
	padding: 0 5% 0 15%;
	line-height: 6vw; 
}
#List-Tips > ul.List-Tips li:nth-child(2) {
	border-right: none;
	padding-right: 0;
 /* background-size: 15%; */
}


	
/* Mobile Nav System */	
#tab-1 {
	top: 20vw;
}
#Drop {
	padding: 12vw 0 70vw 0;
}
.closeMobileMenu {
		margin: 4em 0;
	}
ul.List-Mobile  {
		width: 90%;
	}
	

/* This contorls the padding within the li - remember the a link is needed */
ul.List-Mobile > li > a {
		/* padding: 16vw 4vw 6vw 4vw; */
		text-align: center;
	    padding: 0;
	    padding: 20vw 4vw 6vw 4vw; 
	}
p.Heading-Drop {
		font-size: 1.8em;
		margin: 4vw 0 1vw 0;
	}
p.Text-Drop {
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 0vw 0 0.5vw 0;
	}
	
/* ........................ */	
	
	
ul.List-Mobile > li.All-Courses {
		background-size: 36%;
		background-position: 50% 7vw;
	}
ul.List-Mobile > li.Nutrient {
		background-size: 22%;
		background-position: 50% 6vw;
	}
ul.List-Mobile > li.Funding {
		background-size: 36%;
		background-position: 50% 7vw;
	}	
ul.List-Mobile > li.Taiji {
		background-size: 30%;
		background-position: 50% 4vw;
	}
ul.List-Mobile > li.Tutor {
		background-size: 25%;
		background-position: 50% 4vw;
	}
ul.List-Mobile > li.GP-Ref {
		background-size: 25%;
		background-position: 50% 4vw;
	}
ul.List-Mobile > li.PT {
		background-size: 25%;
		background-position: 50% 4vw;
	}
ul.List-Mobile > li.Gym {
		background-size: 25%;
		background-position: 50% 4vw;
	}
	
ul.List-Mobile > li.Home {
		background-size: 32%;
		background-position: 50% 4vw;
	}
ul.List-Mobile > li.Prices {
		background-size: 22%;
		background-position: 55% 6vw;
	}

/* end mobile header */
	

	
/* ........................ */	

h1.Title,
h2.Title,
h3.Title,
h4.Title,
h5.Title,
h6.Title 
{
  font-size: 2.6em;
  line-height: 1.5em; 
}
p.Body,
p.Body-Small,
p.Body-Tab,
p.Body-Levels,
p.Body-Maps 
{
	padding: 0;
	margin: 0 0 2vw 0;
	font-size: 1em;
	line-height: 1.6em;
}		
p.Info-Heading
{ 
	margin: 0 0 6vw 0;
	padding: 0; 
	line-height: 1.5em;
	font-size: 2em;
}
p.Info-Body 
{
	font-size: 1em;
	line-height: 1.5em;
}
/* List Text */
p.List-Title {
	font-size: 4vw;
	line-height: 4vw;
	margin:0; 
	}
p.List-Text {
	margin: 2vw 0 0 0;
	font-size: 3vw;
	line-height: 3vw;
	}	
p.Title-Course,
p.Title-Course-Large 
{
  vertical-align: middle;
  font-size: 2.4em; 
  line-height: 2em;
  text-align: center;
  margin: 2vw auto 0 auto;
  padding: 0;
}
/*p.Title-Course-Large 
{
  font-size: 3.3em;
  line-height: 6.5vw;
} on-the-line
*/
p.Text-Cat,
p.Text-Cat-Two,
p.Text-Cat-Three,
p.Terms-Small,
p.Reveal-One,
.Cat-Padding-One > p.Text-Cat-Three:first-child

{ 
    font-size: 1em;
    line-height: 1.4em;
	margin-top: 6vw;
	margin-bottom: 8vw;
}
.Cat-Padding-One > p.Text-Cat-Three:first-child
{ 
	text-align: left;
}	
.Reveal-Top
{ 
  /*position: relative; 
  display: block; 
  height: 100px; 
  margin: 2vw auto 0vw auto; overflow: auto;
  padding: 0; */
	 min-height: 100px; width: 100%;
}
	
p.Heading-List
{
	font-size: 2em; 
	line-height: 1.2em;
	margin: 2vw 0 2vw 0;
	font-weight: 400;
	text-align: left;
}
	/* Divides Text */
p.Heading-Divide,
p.Heading-Divide-Dark,
p.Heading-Divide-Dark2
{
	font-size: 1.8em;
	line-height: 1.6em;
	font-weight: 400;
}
p.Divide-Sub, 
p.Divide-Sub-Dark, 
p.Divide-Sub-Dark2 
{
	font-size: 1.2em;
	line-height: 1.2em;
}
p.Heading-Tabs,
p.Heading-Sub
{
	font-size: 2em; 
	margin: 8vw 0 4vw 0;
	font-weight: 400;
	text-align: center;
}
p.Heading-Sub
{
	font-size: 1.6em;
	margin: 0;
}
p.Heading-Course 
{
	font-size: 1.4em;
	line-height: 2em;
	font-weight: 300;
	text-align: center;
	width: 100%;
	position: absolute;
    bottom: 0vw;
    left: 0;
	margin: 0;
	padding: 0;
	
}	
p.Heading {
	font-size: 1.4em;
	line-height: 2em;
	margin: 0;
	padding: 0;
	font-weight: 300;
	text-align: left;
}
	
	
	
	
p.Book-Bottom 
{
	font-size: 2em; 
	line-height: 1.3em;
	margin: 6vw auto; 
	font-weight: 400;
}	
	

a.Button1:link,
a.Button1:hover,
a.Button1:visited,
a.Button2:link,
a.Button2:hover,
a.Button2:visited,
a.Button3:link,
a.Button3:hover,
a.Button3:visited,
a.Button4:link,
a.Button4:hover,
a.Button4:visited
{
	font-size: 1em;
	position: relative;
	background-color: rgba(76, 175, 80, 1);
	border: none;
	color: rgba(255, 255, 255, 1.00);
	padding: 0.8em 2em;
	margin: 4vw auto;
	line-height: 1.6em;
}	
	
.Line-Shadow,
.Line-Shadow-Two {
	width: 60vw;
	height: 1vw;
	margin: 10vw auto 10vw auto;

}	
.Line-Shadow-Two {
	margin: 8vw auto;
}
	
ul.List-Tutor {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 2vw;
	vertical-align: middle;
}
ul.List-Tutor > li
{
	margin: 0vw 0vw 2vw 0;
	padding: 1vw 0 8vw 0;
	display: block;
	border-bottom: 1px solid rgba(140, 135, 135, 0.16);
	text-align: left;
}
	
	
	

ul.List-Course > li.CIMSPA,
ul.List-Course > li.Ofqual,
ul.List-Course > li.YMCA,
ul.List-Course > li.REPs,

/* ...................... */
ul.List-Course > li.Awards,
ul.List-Course > li.Tian,
ul.List-Course > li.SoundSense,
ul.List-Course > li.Login
{   
	 
	padding: 8.5% 0% 8.5% 30%;
	width: 70%; 
}
	
	
/* ...................... */
/* ...................... */
/* ...................... */
ul.List-Course > li:nth-child(2),
ul.List-Course > li:nth-child(3),
ul.List-Course > li:nth-child(4)
{ margin-top: 6vw;}

	
ul.catControl li.One { 
  width: 100%;
  margin-bottom: 2vw; 
}
ul.catControl li.Two {
  width: 100%;
}
ul.catControl li.Three {
  width: 100%;
}
ul.catControl li.Four {
  width: 100%;
}
.Cat-Padding-One,
.Cat-Padding-Two,
.Cat-Padding-Three,
.Cat-Padding-Four
{  
	width: auto; 
}

	
/* //// 320px images */
#Wrap-Tai-Chi,
#Wrap-Tai-Chi2,
#Wrap-Home-Top,
#Wrap-PT,
#Wrap-GP,
#Wrap-Nutrition,
#Wrap-Nutrition2,
#Wrap-Contact, /* //// See opacity note for z-index /// */
#Wrap-Images,
#Wrap-Quality,
#Wrap-Bagua,
#Wrap-YinYang-Hand,
#Wrap-Shoes,
#Wrap-Sheild,
#Wrap-Levels,
#Wrap-Levels2,
#Wrap-Scroll,
#Wrap-Bells,
#Wrap-Lungs,
#Wrap-Cat3,
#Wrap-Steth,
#Wrap-Cat-Single { 
	height: 65vw; 
}

#Wrap-Quality { 
	height: 55vw; 
}
#Wrap-Scroll,
#Wrap-Bells,
#Wrap-Heart,
#Wrap-Plaster,
#Wrap-TC1
	{
	height: 50vw; 
	}
/* /////////////////////////////// */
/* /////////////////////////////// */
/* ///////////////////////////////// */
/* ///////////////////////////////// */


/* /////////////////////////////// */
/* /////////////////////////////// */
#Center-Tai-Chi,
#Center-Tai-Chi2,
#Center-PT,
#Center-GP,
#Center-Nutrition,
#Center-Nutrition2,
#Center-Images,
#Center-Quality,
#Center-Bagua,
#Center-Shoes,
#Center-Levels,
#Center-Levels2,
#Center-Scroll,
#Center-Bells,
#Center-Heart,
#Center-Plaster,
#Center-TC1,
#Center-Lungs,
#Center-Cat3,
#Center-Steth,
#Center-Cat-Single 
{ 
	position: relative; 
	width: 60%; 
	height: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -20%;
}
#Center-Plaster,
#Center-TC1
{
	width: 75%; 
	height: 50%;
	bottom: -25%;
}
#Center-Heart
{
	width: 55%; 
	height: 50%;
	bottom: -15%;
}	
	
	
	
#Center-YinYang-Hand
{
	width: 83%;  
	bottom: -27%; 
}
#Center-Images { 
	width: 55%; 
	height: 100%;
	bottom: -10%;
}
#Center-Tai-Chi,
#Center-Tai-Chi2
{ 
	width: 100%; 
	height: 100%;
	bottom: -12%;
}
#Center-PT { 
	width: 80%; 
	height: 100%;
	bottom: -10%;
}
#Center-GP { 
	width: 80%; 
	height: 100%;
	bottom: -10%;
}
#Center-Nutrition 
{ 
	width: 100%; 
	height: 100%;
	bottom: -10%;
}
#Center-Nutrition2 
{ 
	width: 80%; 
	height: 100%;
	bottom: -10%;
}
#Right-Tai-Chi,
#Left-Tai-Chi,
#Right-Tai-Chi2,
#Left-Tai-Chi2,
#Right-PT,
#Right-GP,
#Left-PT,
#Left-GP,
#Right-Nutrition,
#Left-Nutrition
{
	  display: none;
}
#Right-Contact,
#Left-Contact {
	  display: none;
}
#Left-Images
{   
	width: 25%;
	height: 40%;
	top: 5%;
	left: 18%;
}
#Left-Quality
{   
	width: 35%;
	height: 60%;
	top: 0%;
	left: 18%;
}
#Left-Heart,
#Left-YinYang-Hand,
#Left-Plaster,
#Left-TC1
{ 
	width: 50%; 
	height: 55%;
	top: -10%;
	left: 10%;
	}
#Right-Heart,
#Right-Plaster,
#Right-TC1	
{
	display: none;
}
#Left-Lungs { 
	width: 50%;
	height: 50%;
	top: 0%;
	left: 25%;
}
#Center-Lungs { 
	width: 70%; 
	bottom: -12%;
	}
#Right-Lungs { 
	width: 50%;
	height: 50%;
	top: 0%;
	left: 10%;
}
#Center-Cat3 { 
	width: 50%; 
	bottom: -32%;
	}
#Center-Steth 
{ 
	width: 70%; 
	bottom: -22%;
	}
#Right-Cat3 { 
	width: 5%;
	height: 5%;
	bottom: 0%;
	left: 23%;
}
#Center-Cat-Single { 
	width: 50%; 
	bottom: -32%;
	}
#Right-Cat-Single { 
	width: 5%;
	height: 5%;
	bottom: 0%;
	left: 23%;
}
#Right-Steth { 
	width: 5%;
	height: 5%;
	bottom: 0%;
	left: 23%;
}
#Center-Bagua { 
	width: 32%; 
	height: auto;
	bottom: -53%;
/*	background-size: 60%;*/
}
#Center-Shoes { 
	width: 85%; 
	height: auto;
	bottom: -43%;
/*	background-size: 60%;*/
}
#Right-Bagua,
#Right-YinYang-Hand,
#Right-Quality,
#Right-Shoes
{
	width: 40%;
	height: 60%;
	bottom: 35%;
	left: 45%;
	z-index: 1; 
}
#Center-Levels { 
	width: 32%; 
	height: auto;
	bottom: -53%;
/*	background-size: 60%;*/
}
#Center-Levels2 { 
	width: 32%; 
	height: auto;
	bottom: -53%;
/*	background-size: 60%;*/
}
#Right-Levels
{
	width: 40%;
	height: 60%;
	bottom: 35%;
	left: 45%;
	z-index: 1; 
}
/* //////////// On Top ////////////// */

#Panel-Course-List,
#Panel-Course-List-2,
#Panel-Course-Tai-Chi,
#Panel-Course,
#Panel-Support,
#Panel-Catalogue,
#Panel-Catalogue2,
#Panel-Catalogue2-Top,
#Panel-Catalogue3,
#Panel-Catalogue-Single,
#Panel-Tutor,
#Panel-Contact,
.Panel-Levels,
.Panel-Levels-Tutor
{ 
	padding: 18vw 0 0 0;
}
#Panel-Course-List,
#Panel-Course-List-2,
#Panel-Course-Tai-Chi,
#Panel-Course,
#Panel-Support,
#Panel-Catalogue,
#Panel-Catalogue2,
#Panel-Catalogue2-Top,
#Panel-Catalogue3,
#Panel-Catalogue-Single,
#Panel-Tutor,
#Panel-Contact,
.Panel-Levels,
.Panel-Levels-Tutor
{ 
	background-position: 0vw 13vw, bottom center;
	background-size: 130%, 100%;
}
#Panel-Catalogue-Single { 
	background-position: 0vw 8vw;
	background-repeat: no-repeat;
	background-size: 120%;
}
	
#Panel-Top,
#Panel-Top-TC,
#Panel-Top-GP,
#Panel-Contact-Top,
#Panel-Top-Nutrition
	{
	padding: 19vw 0 0 0;
	background-position: 0vw 8vw, bottom center;
	background-size: 150%, 100%;
	}
#Panel-Tutor
{ 
    padding: 24vw 0 0 0;
	background-position: 0vw 16vw, bottom center;
	background-size: 150%, 100%;
}	
	

.Top,
.Levels-Tutor-Top,
.Nutrition-Top,
.Contact-Top,
.Referral-Top 
{   
	padding-top: 8vw;
	background-position: 0vw 3.5vw, bottom center;
	background-size: 150%, 100%; 
}
	
.Support,
.Online,
.Catalogue,
.Class,
.Better,
.Single,
.PTrainer,
.Tutor-Support,
.Support,
.Special,
.Course-Tai-Chi,
.Tai-Chi-Single,
.Course2,
.Tutor-Support
{   
	background-position: 0vw 12vw, bottom center;
	background-size: 170%, 100%; 
	padding-top: 18vw;
}
.Contact 
{  
	padding-top: 24vw;
	background-size: 158%, 100%;
	background-position: 0vw 19vw, bottom center;

}



	


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.Contain-List {  
	width: 90%;
    margin: 12vw auto 16vw; 
	padding: 0; 
    position: relative;
}	
.Content-Image,
.Entry-Image, 
.Time-Image, 
.Accredited-Image, 
.Assessment-Image, 
.FAQ-Image,
	
/* ............... */
.Content-Image-PT,
.Content-Image-TC,
.Content-Image-Nutrition,
.Content-Image-GP,
.Entry-Image-PT, 
.Time-Image-PT, 
.Accredited-Image-PT, 
.Assessment-Image-PT, 
.FAQ-Image-PT 
/* ............... */

/* .............. */
.Entry-Image-Nut, 
.Time-Image-Nut 

{
    height: 35vw; 
	margin: 10vw auto 6vw auto; 
}	
/* ............... */
	
	
	
.Accord-Bagua,
.Accord-Park,
.Accord-Specialist,
.Accord-Ofqual,
.Accord-Chartered,
.Accord-Award,
.Accord-YMCA,
.Accord-Diet,
.Accord-Lung
{
	width: 40vw;
	height: 40vw;
	float: none; 
	margin: 2vw auto 6vw auto;
}
.Accord-CIMSPA,
.Accord-BLF,
.Accord-Award 
{
	width: 65%; 
	height: 60vw;
	float: none; 
	margin: 6vw auto;
	background-position: top center;
}
.Inner > .Accord-Award {
    width: 100%; 
	height: 30vw;
	background-position: top left;
}
	
.Inner > .Accord-Diet {
    width: 60vw; 
	height: 40vw;
	background-position: top center;
}
.Inner > .Accord-Specialist
{
    width: 70vw; 
	height: 70vw;
	background-position:  center center;
}		
	
#Center-Scroll,
#Center-Bells
{ 
	bottom: -35%;
	width: 46%; 
	height: auto;
}	
#Right-Scroll,
#Right-Bells
{ 
    width: 20%;
	height: 45%;
	top: 15%;
	left: 62%; 
}
#Left-Scroll,
#Left-Bells
{ 
	display: none;
}
	
	
	
/* Products */
/* Products */
/* Products */
/* Products */
.Certificates,
.Diplomas,
.Specialist-CPD,
.Gym-Instructor,
.Personal-Trainer,
.GP-Referral,
.GP-Referral2,
.Others,
.Chronic,
.Nutrition,
.Yoga,
.Heart,
.Pulmonary,
.Cardiac,
.CPD2,
.Nervous,	
.Chi-Kung,
.Meditation,
.Meditation2,
.Tai-Chi,
.Tai-Chi-Chuan,
.CPD,
.Medical,
.Tai-Chi2,
.Tai-Chi3,
.NHS,
.PT-One,
.GP-One,
.Nutrition-One,
.Clinical,
.Clinical2
{
    height: 64vw; 
}
.Tai-Chi
{
	background-size: 78%, 20%;
}
.Tai-Chi-Chuan
{
	background-size: 78%, 20%;
}
.Yoga,
.Chi-Kung,
.Meditation,
.Meditation2
{
	background-size: 70%;
	background-position: 50% 75%;
}	
.Medical,
.Tai-Chi2,
.Tai-Chi3,
.NHS,
.Clinical,
.Clinical2,
.GP-One,
.Nutrition-One,
.PT-One
{
	background-size: 22%, cover;
}
.Gym-Instructor {
	background-size: contain, 22%;
}	
	

.Image-Fan
	{ 
	position: relative; 
	display: block;
	width: 100%; background-color: red;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
	
	
	
	
ul.List-Icons-One > li {
   padding: 15% 0%; 
   margin: 0 4%;
   width: 20%; 
}
ul.List-Icons-One,
ul.List-Icons-Two,
ul.List-Icons-Three,
ul.List-Icons-Four { 
   margin: 6vw auto; 
   padding: 6vw 0;
}	
ul.List-Icons-Four > li {
   padding: 20% 0%; 
   margin: 0; 
  }
	
ul.List-Icons-One > li,		
ul.List-Icons-Two > li,	
ul.List-Icons-Three > li
 {
   padding: 20% 0%; 
   margin: 0 0%;
   width: 25%; 
}	
ul.List-Icons-One > li:nth-child(2), 	
ul.List-Icons-Two > li:nth-child(2), 	
ul.List-Icons-Three > li:nth-child(2)	
	{margin: 0% 7% ;}
	
	
/* ////////// */
/* ////////// */
/* ////////// */
.on-the-line,
.on-the-line2 { 
   text-align: center; 
   height: 16vw;
   line-height: 16vw;
   margin: 8vw auto 3vw auto;
}
.on-the-line:after,
.on-the-line:before,
.on-the-line2:after,
.on-the-line2:before 
{
   margin: 0 0.8vw;
   width: 30%; 
}


	
img.Open-Close-Top,
img.Open-Close {  	
	width: 15%; 
	opacity: 0.8;
	min-width: 5vw;  
	margin: 0 0.5vw;
} 
/* ////////// */
/* ////////// */
/* ////////// */
	
	
/* /////////////////////////////// */
ul.About {  
   width: 100%;
   text-align: justify;
}

ul.About > li.Two
{ 
   display: inline-block;
   width: 100%; 
   margin-bottom: 6vw;
}
/* /////////////////////////////// */
img.imgText2 { 
	width: 100%; 
	height: auto;  
	margin: 0vw auto; 
}
#Divide-Left,
#Divide-Right,
.Divide-Left,
.Divide-Right,
#Divide-Left-PT,
#Divide-Right-PT,
#Divide-Left-TC,
#Divide-Right-TC,
#Divide-Left-GP,
#Divide-Right-GP,
#Divide-Left-Nutrition,
#Divide-Right-Nutrition
{ 
	padding: 60% 50%;
}	
#Image-What-Next {
	position: relative; 
	margin: -20vw auto;
	width: 50vw;
	height: 40vw;
}
#List-Content,
#List-Entry,
#List-Duration,
#List-Accredited,
#List-Assessment,
#List-FAQs,
.List-Levels
  { 
	width: 90%;
	margin: 0 auto; 
  }	
ul.List-Tabs > li.Heart,
ul.List-Tabs > li.Medicine,
ul.List-Tabs > li.Salmon,
ul.List-Tabs > li.Lungs,
ul.List-Tabs > li.Gold,
ul.List-Tabs > li.PDF,
ul.List-Tabs > li.Calendar,
ul.List-Tabs > li.Locations,
ul.List-Tabs > li.Enter,
ul.List-Tabs > li.Next,
ul.List-Tabs > li.Time,
ul.List-Tabs > li.Clock,
ul.List-Tabs > li.YMCA,
ul.List-Tabs > li.CIMSPA,
ul.List-Tabs > li.Ofqual,
ul.List-Tabs > li.Assess,
	
/* ................... */
ul.List-Level > li.CIMSPA,
ul.List-Level > li.Bagua,
ul.List-Level > li.PDF,
ul.List-Level > li.YMCA,
ul.List-Level > li.Logo,
ul.List-Level > li.Nest
ul.List-Level > li.Heart,
ul.List-Level > li.Lungs,
ul.List-Level > li.Tutor,
ul.List-Level > li.INXS
 { 
	margin: 3vw 0 8vw 0; 
	padding: 8% 0 0 23%;
	background-size: 18%;
	background-position: 0vw 8vw;
	background-repeat: no-repeat;
	border-top: 1px solid rgba(140, 135, 135, 0.16);
	}
ul.List-Tabs > li:first-child,
ul.List-Level > li:first-child
{
	border-top: none; 
}	
ul.List-Tabs > li.Medicine {
	background-size: 15%;	
}
ul.List-Tabs > li.Salmon {
	background-size: 20%;	
}
ul.List-Level > li.Level1 {
	background-size: 15%;	
}
ul.List-Level > li.Tutor {
	background-size: 15%;	
}
ul.List-Level > li.INXS {
	background-size: 15%;	
}
	
/* /////////////////////////////// */
/* /////////////////////////////// */
ul.List-Tabs > li.Nest 
{ 
	margin: 3vw 0vw 0vw 0; 
	padding: 2vw 0 0 10vw; 
}
ul.List-Nest > li:first-child {
	margin-top: 0; 
	padding-top: 0;
	background-position: 0 0;
}
ul.List-Nest > li:last-child {
	border-bottom: none;
	padding: 10% 0% 15% 20%;}
/* /////////////////////////////// */
	
	
	
.Book-Bottom-Tabs { 
   display: block; 
   position: relative;
   width: 90%; height: auto;
   margin: 16vw auto 20vw auto;
   padding: 0; 
   text-align: center; 
}	
.Finance { 
   width: 100%; 
   margin: 6vw 0;
}	
/* /////////////////////////////// */
/* /////////////////////////////// */
ul.Accord-Control li.Drawer,
ul.Accord-Control2 li.Drawer2,
ul.Accord-Control3 li.Drawer3,
ul.Accord-Control4 li.Drawer4,
ul.Accord-Control5 li.Drawer5
{ 
   margin: 4vw 0vw;
   padding: 0; 
   border-top: none;
}	
ul.Accord-Control > li:first-child {
	margin: 0; 
}		
/* /////////////////////////////// */
.containDrawTitle
{  
	height: 45vw; 
}
ul.Accord-Control2 > li.Scroll,
ul.Accord-Control2 > li.Entry,
ul.Accord-Control2 > li.Chinese-Clock,
ul.Accord-Control2 > li.Accredited,
ul.Accord-Control2 > li.Assessment,
ul.Accord-Control2 > li.FAQs,
/* ////// */
ul.Accord-Control2 > li.Scroll-PT,
ul.Accord-Control2 > li.Entry-PT,
ul.Accord-Control2 > li.Clock-PT,
ul.Accord-Control2 > li.Accredited-PT,
ul.Accord-Control2 > li.Assessment-PT,
ul.Accord-Control2 > li.FAQs-PT,
/* ///////// */
ul.Accord-Control5 > li.Level1,
ul.Accord-Control5 > li.Level2,
ul.Accord-Control5 > li.Level3,
ul.Accord-Control5 > li.Level4

{  
   background-color:rgba(255,255,255,0.2);
   margin: 2% 0%;
   background-repeat: no-repeat;
   background-position: 50% 4vw;
   border-top: solid 1px rgba(169,169,169,0.3);
}
ul.Accord-Control2 > li.Scroll, 
ul.Accord-Control2 > li.Scroll-PT 
{
   background-size: 65%;
}
/* /////// */
ul.Accord-Control2 > li.Entry,
ul.Accord-Control2 > li.Entry-PT
{
   background-size: 30%; 
}
/* /////// */
ul.Accord-Control2 > li.Chinese-Clock,
ul.Accord-Control2 > li.Clock-PT
{
   background-size: 30%; 
}
/* /////// */
ul.Accord-Control2 > li.Accredited,
ul.Accord-Control2 > li.Accredited-PT
{
   background-size: 35%;
}
ul.Accord-Control2 > li.Assessment,
ul.Accord-Control2 > li.Assessment-PT
{
   background-size: 35%;
}
ul.Accord-Control2 > li.FAQs,
ul.Accord-Control2 > li.FAQs-PT
{
   background-size: 30%; 
}
	/* ///////// */
	/* ///////// */
	/* ///////// */
	/* ///////// */
ul.Accord-Control5 > li.Level1 
{
   background-size: 35%;
   background-position: 50% 8vw;
}	
ul.Accord-Control5 > li.Level2 
{
   background-size: 35%;
}
ul.Accord-Control5 > li.Level3 
{
   background-size: 30%;
}	
ul.Accord-Control5 > li.Level4 
{
   background-size: 30%;
}	
	
	
	
	
.Inner
{ 
  margin: 2vw auto 2vw 5vw;
}

.Contain-Divide-Left,
.Contain-Divide-Right,
.Contain-Divide-Left-PT,
.Contain-Divide-Right-PT,
.Contain-Divide-Left-TC,
.Contain-Divide-Right-TC,
.Contain-Divide-Left-GP,
.Contain-Divide-Right-GP,
.Contain-Divide-Left-Nutrition,
.Contain-Divide-Right-Nutrition
{  
	top: 20%;
}
#Divide-Right::before,
#Divide-Right-PT::before,
#Divide-Right-TC::before
{
	background-position: 80% 0%;
}
	
	
/* Reveal One */
/* Reveal One */
ul.List-Reveal-One 
{ 
  text-align: center;
  width: 90%; 
}
ul.List-Reveal-One > li.Tick,
ul.List-Reveal-One > li.Location,
ul.List-Reveal-One > li.Date,
ul.List-Reveal-One > li.Cost 
{  	
  display: block;
  width: auto; 
  padding: 22vw 0 6vw 0;
  margin: 6vw 0;
  background-color:rgba(0,184,255,0.02);
  border-top: 0.5px solid rgba(5, 49, 89, 0.2);
  border-right: 0.5px solid rgba(5, 49, 89, 0.2);
  border-bottom: 0.5px solid rgba(5, 49, 89, 0.2);
  border-left: 0.5px solid rgba(5, 49, 89, 0.2);
  border-radius: 0vw 0vw 0vw 0vw;
  box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.3);
}
ul.List-Reveal-One > li.Tick 
{ 
  background-size: 25%;
  background-position: 50% 23%;
}
ul.List-Reveal-One > li.Location 
{
  background-size: 19%;
  background-position: 50% 19%;
}
ul.List-Reveal-One > li.Date 
{
  background-size: 25%;
  background-position: 50% 22%;
}
ul.List-Reveal-One > li.Cost 
{
  background-size: 14%;
  background-position: 18% center;
}
p.Reveal-One,
p.Reveal-One:first-child {
   font-size: 1em;
   margin: 0 auto;
}

	
ul.List-Reveal-Two,
ul.List-Reveal-Three
{
   margin: 6vw auto 0 auto;
}

ul.List-Reveal-Two > li.Tick,
ul.List-Reveal-Two > li.Location,
ul.List-Reveal-Two > li.Date,
ul.List-Reveal-Two > li.Cost,
ul.List-Reveal-Three > li.Tick,
ul.List-Reveal-Three > li.Location,
ul.List-Reveal-Three > li.Date,
ul.List-Reveal-Three > li.Cost
{ 
  line-height: 6vw;
  position: relative;
  cursor: pointer;
  padding: 5vw 0 5vw 44%;
}

	
	
#Picture-Half
{ width: 80%;
  height: 45vw;
  margin: 18vw auto;
}
	
	
	
	
	
	
	
	
/* ////// foooooooter ////// */

#Panel-Fixed { 	
	bottom: 11vw;
}
/* /////////////////////////////// */
ul.List-Foot {  
	pointer-events: auto;
	text-align: justify;
    font-size: 0.1px;
	list-style-type: none;
	position: relative;
	width: 66%; 
	height: auto;
	margin: 0 auto; 
	padding: 0;
}
/* /////////////////////////////// */
/*ul.List-Foot > li.CRRU,
ul.List-Foot > li.REPs { 
	padding: 8%; 
	}

ul.List-Foot > li.Middle { 
	padding: 10%;
	background-image: url("../Images/Icon-Cimspa.png");
}
ul.List-Foot > li.Ofqual,
ul.List-Foot > li.YMCA { 
	padding: 9%; 
}
ul.List-Foot > li.Ofqual{ 
	 background-image: url("../Images/Icon-Ofqual.png"); 
}
ul.List-Foot > li.YMCA { 
	 background-image: url("../Images/YMCA-Logo-Circle.png"); 
}	*/
/* ////////////////////////// */
#Red-Arrow {
	width: 6.5vw; 
	height: 6.5vw;
	top: -4.6vw;
	left: 6%;
}
/* /////////////////////////////// */
/* /////////////////////////////// */
ul.List-Bottom > li { 
	line-height: 10.5vw; 
	height: 10.5vw; 
}
/* /////////////////////////////// */
ul.List-Bottom > li.Book,
ul.List-Bottom > li.Cart
{ width: 25%; }
	
ul.List-Bottom > li.Course 
{ width: 35%; }	
	
/* /////////////////////////////// */	
p.Foot-Title,
a.Foot-Text:link,
a.Foot-Cart:link {
	font-size: calc(12px + 1vw);

}
/* /////////////////////////////// */
/* /////////////////////////////// */
	
#Panel-Contact {
	z-index: 1;
	padding-bottom: 72vw;
}
.Contact {
	z-index: 1;
	padding-bottom: 72vw;
}
	
#Scroll {
		right: 0vw;
		bottom: 12vw;
		height: 8vw;
		width: 8vw;
		margin: 0 2% 0 0;
	}	
	
	
ul.List-Icons-Four > li.Awards4 {	
		background-size: 100%; }
	
	
/* /////////////////////// */
/* //////// FORM //////// */
#Image-PDF  { 
	         position: relative; 
	         margin: -20vw auto -40vw auto; 
	         width: 60vw; height: 60vw; padding: 0;
  
	}	

.Brochure
{           
	         width: 100%; 
			 height: auto;  
			 position: relative; 
			 margin: 0vw auto 0 auto; 
			 padding: 24vw 0 28vw 0; 
			 z-index: 0;
			 background-position: bottom right;
			 background-repeat: no-repeat;
			 background-size: 20%;
	         background-color:rgba(240,240,240,0.6);
            }
.Contain-Brochure {
	         width:70%; 
			 height: auto;  
			 position: relative; 
			 margin: 0 auto; 
			 padding: 20% 4% 10% 4%; 
			 border: 0.3vw solid rgba(0,117,71,1.00);
			 z-index: 1;
	         background-color: rgba(255,254,254,1.00);
            }
#Form-Container  
{           
			position: relative;
	        z-index: 2; 
			width: 90%;
	        height: auto; 
			margin: 8vw auto; 
	        padding: 0;
	        }

/* /////////////////////// */
p.Brochure-Heading,
p.Brochure,
p.Form-Text, 
p.Form-Text-Bold {
	   text-align: center;
	   font-size: 1em;
	   line-height: 1.6em;  
	   vertical-align: middle; 
	   font-family: 'Roboto', sans-serif; 
	   font-weight: 500;
	   margin: 0 0 1.5vw 0;
	   padding: 0;
	   color:rgba(83,82,82,1.00);
	}
p.Brochure-Heading {
	  font-size: 2.6em;
	  line-height: 1.3em; 
	   margin-bottom: 6vw;
	}
p.Brochure {
	  font-style: italic;
	  font-weight: 300;
}
p.Form-Text-Bold {  
	  font-style: italic; 
	  margin-bottom: 6vw;
}
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* //////// FORM //////// */
input[type=text], select, textarea {
		  background-color:rgba(226,242,188,0.27);
		  padding: 2vw 0 2vw 3%; 
	      text-align: left;
		  border: 1px solid #ccc;
		  border-radius: 0.5vw;
	      width: auto;
}
input:focus { background:rgba(152,195,222,0.1); }

#PhoneNumber, #Forename, #Email, #Surname {
	  width: 97%; 
	  margin: 1.5vw 0; 
	  height: 5.5vw;
      font-size: 1em; 
	 }	
.row { 
	   position: relative; 
	   width: 100%; 
	   height: auto; 
	   margin: 0.8vw auto;
	   padding: 0;
	   }	
/* /////////////////////// */
.left {float: none;}
.right {float: none;}
/* /////////////////////// */
/* /////////////////////// */
.row-check {  
	   position: relative; 
	   width: 12vw; 
	   height: 12vw; 
	   margin: 2vw auto 0 auto;
	   padding: 0;}
/* /////////////////////// */
.row-submit { 
	   position: relative; 
	   padding: 0; 
	   width: 50%; 
	   height: 16vw;
	   margin: 8vw auto 0vw auto;        
       }
/* /////////////////////// */
input[type=submit] {
	  cursor: pointer; 
	  border: none;
	  width: 100%; 
	  height: 100%; 
	  z-index: 2;
      }
	
	
input[type=checkbox] { 
	margin: 0; 
    min-height: 20px; 
	min-width: 20px;
}
#Confirm { 
	 /*  text-align: center; */
	   margin: 0; 
	   padding: 0;
	   position: absolute;
	   top: 50%; left: 50%;
       transform: translate(-50%,-50%);
      }


/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */
/* /////////////////////// */


/* //////// FORM //////// */
/* //////// FORM //////// */
/* //////// FORM //////// */
/* //////// FORM //////// */

/* ///////////////////////////////// */
/* ///////////////////////////////// */
#Panel-Polaroid-Home

             { 
	         height: 80vw; 
             }
.L-Most { /* Left Most */
	         display: none;
             
}
.L-Mid {  /* Left  */
	         width: 45vw; height: 45vw; 
	         top: 37%; left: 3%;
             }
.Center {  
	         width: 70vw; height: 70vw;
             top: 15%; 	         
}
.Liver {  
	         width: 80vw; height: 80vw;
             top: 15%; 	         
}
.R-Mid { /* right  */
	         top: 35%; left: 53%; 
	         width: 45vw; height: 45vw;   
             }
.R-Most { /* right most  */
			  display: none;
	    }
/* ///////////////////////////////// */
/* ///////////////////////////////// */
	

	
	
	
/* ///////////////////////////////// */
/* ///////////////////////////////// */
	
	

/* /// END of Media 320px /// */
}



/* ........................ */
/* ........................ */
/* ........................ */
/* ........................ */
/* ........................ */
/* ........................ 
.mLink { 
	color: rgba(206,206,206,1.00);
}
.Edu,
.Helpline {
	color: rgba(0,251,245,1.00);
}
a.Menu-Phone:link
 {
	color: rgba(0,251,245,0.6);
}
a.Enrol-Here:link
{
	color: rgba(0,251,245,0.6);
}
a.Enrol-Here:hover
{
	color: yellow;
}
a.Menu-Link:link {
	color: rgba(255,253,0,1.00);
}
a.Menu-Link:hover {
	color: rgba(253,0,250,1.00) !important;
}
a.Menu-Link:visited {
	color: rgba(255,253,0,1.00);
}

a.Foot-Text:link,
a.Foot-Cart:link
{
	color: rgba(255,253,0,0.6);

	}
a.Foot-Text:hover,
a.Foot-Cart:hover {
	color: rgba(254, 0, 237, 1.00);
}
a.Foot-Text:visited,
a.Foot-Cart:visited {
	color: rgba(0, 255, 57, 1.00);
	}
p.Foot-Title {
   color: rgba(255,253,0,1.00);
}
p.Div-Head,
p.Div-Sub {	color: rgba(0,251,245,0.6);
}
#Menu {color: red; }
hr.One {background-color: cadetblue; color: cadetblue; }
#Panel-Head-Div {background-color:rgba(112,122,126,0.96);  }
#Logo {
   background-color:rgba(0,119,218,0.81);
	border-bottom: 0.6vw solid rgba(0,208,255,1.00);
}
#List-Fixed { 
	border-bottom: 0.3vw solid rgba(0,208,255,1.00);
}
a.Button1:link,
a.Button2:link,
a.Button3:link,
a.Button4:link
{
	background-color: rgba(5,63,121,0.6); 
	color: rgba(255, 255, 255, 1.00);
	border-bottom: 1px solid rgba(5,63,121,0.8); 
	box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);
}
a.Button1:hover,
a.Button2:hover,
a.Button3:hover,
a.Button4:hover
{
	background-color: rgba(5,63,121,0.6); 
	color: rgba(208,255,0,1.00);
	border-bottom: 1px solid rgba(5,63,121,0.8); 
	box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);
}
a.Button1:visited,
a.Button2:visited,
a.Button3:visited,
a.Button4:visited,
a.Button23:visited
{
	background-color: rgba(5,63,121,0.6); 
	color: rgba(252,0,0,1.00);
	border-bottom: 1px solid rgba(5,63,121,0.8); 
	box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);
}
ul.tabsCourse,
ul.tabsLevels, 
ul.tabsLevelsSide 
{ 
   border-bottom: 0.5vw solid rgba(5,63,121,0.8);
}
ul.List-Course > li {
   border-bottom: 1px solid rgba(5,63,121,0.8); 
   background-color: rgba(88,118,120,0.2);
}
.Contain-Brochure
{
  border: 0.3vw solid rgba(0,92,156,1.00);
}
.Inner
{
border-left: 0.3vw solid rgba(0,235,34,1.00);
}
.Inner,
.Inner2 {
border-left: 0.3vw solid rgba(0,92,156,1.00);
}
.Contain-Divide-Left,
.Contain-Divide-Left-TC,
.Contain-Divide-Left-PT,
.Contain-Divide-Left-GP
{ 
    border-left: 0.3vw solid rgba(0,116,205,1.00);
}
.Contain-Divide-Right,
.Contain-Divide-Right-PT,
.Contain-Divide-Right-TC
{
	border-right: 0.3vw solid rgba(6,55,107,1.00);
}

input[type=text], select, textarea {
		  background-color: rgba(88,118,120,0.2);
}
input:focus { background:rgba(152,195,222,0.1); }
.Starty,
.Starty2
{  
	background-color: rgba(0,92,156,0.4);
}

.Certificates,
.Diplomas,
.Specialist-CPD,
.Gym-Instructor,
.Personal-Trainer,
.GP-Referral,
.GP-Referral2
{	
    border-bottom: 0.5vw solid rgba(0,203,30,1.00);
    background-color: rgba(128,148,162,0.04);
}
.Others,
.Chronic,
.Nutrition,
.Yoga,
.Cardiac,
.Pulmonary,
.CPD2,
.Nervous
{	
    border-bottom: 0.5vw solid rgba(0,203,30,1.00);
    background-color: rgba(128,148,162,0.3);
}
.Chi-Kung,
.Meditation,
.Meditation2,
.Tai-Chi,
.Tai-Chi,
.Tai-Chi-Chuan,
.CPD,
.Medical,
.Tai-Chi2,
.Tai-Chi3,
.NHS,
.PT-One,
.GP-One,
.Nutrition-One,
.Clinical,
.Clinical2
{	
    border-bottom: 0.5vw solid rgba(158,10,13,1.00);;
    background-color: rgba(128,148,162,0.04);
}


 ........................ */
/* ........................ */
/* ........................ */
/* ........................ */
/* ........................ */
/* ........................ */