@import url(http://fonts.googleapis.com/css?family=Merienda:400,700); 
/*--- Nav Font --*/
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700);
/*--- Body Font --*/
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
/*--- Heading Font --*/
/* --- 'Oxygen', sans-serif; --- */
@import url(https://fonts.googleapis.com/css?family=Oxygen); 
/*--- Heading Font --*/
/* reset styles */
* {	margin: 0;	border: 0;	padding: 0;}
body {	background-color:	#1b1b1b;	font-family: 	'Quicksand', san-serif;	font-size:	18px;}
h1 {	
	font-family:	'Oxygen', sans-serif;
	text-align:	center;	
	font-size:	175%;	
	color:		#ea4335;	
	text-transform:	uppercase;	
	letter-spacing:	3px;	
	padding:	3% 0 3% 0;
	}
h2, h3, h4 {	
font-family:	'Oxygen', sans-serif;	
text-align:	center;	
color:		#ea4335;	
text-transform:	uppercase;	
letter-spacing:	1%;
}
p {	padding:	2.5%;	color:		#ea4335;	text-align:	justify;	}
img {	text-align:	center;	max-width:	100%;	height:		auto;}
a { text-decoration:none; }
/*  id = #  class = . */
#wrapper {	margin: 0 auto;	max-width:	1120px;	background-color:	#1b1b1b;	overflow:	auto;}
header {	width:	97%;}#logo {	float:	left;	margin:	3% 0 0 5%;}#callout {	float:		right;	margin:		3% 3% 2% 0;	height:		auto;	overflow:	hidden;}#callout h2 {	text-align:	right;	color:		#78c0a8;}#callout h2 a {	color:		#78c0a8;	text-decoration:none;}#callout p {	text-align:	center;	padding:	0%;	color:		#fo7818;}#banner-wrapper {	max-width:	1020px;	margin:		0 auto;	padding:	0 0 3% 0;}/*--------------------------------------------------- Start Navigation Style --*/nav {    box-shadow: 3px 4px 24px 0 rgba(0, 0, 0, 0.07);	margin-top: 2px;	background: #536469;font-family: 'Merienda', cursive;}.nav ul {	width: 100%;	overflow:hidden;	list-style:none;}.nav-button:hover {	cursor:pointer;}.navigation {	clear: both;	width: 100%;	position: relative;}.nav a {	color:#ffffff;	text-transform: uppercase;	text-decoration:none;}
body .nav .nav-menu li a, .subfooter li  {	
	display:inline-block;	
	padding:15px 20px;	
	color:#ffffff;	
	font-size: 18px;	
	font-weight: 700;
}
.nav.yoga .nav-menu li.active a {	color: #01637f;	text-decoration: underline;}.nav.yoga .nav-menu li a:hover {	color: #01637f;	text-decoration: underline;}.nav.yoga .nav-toggled {	/*width:100%;*/	min-height:36px;	border-radius:6px;}.nav.yoga .nav-toggled-controls {	display:block;	height:36px;	color: #01637f;	text-align:left;	position:relative;}.nav.yoga .nav-toggled-title {	position:relative;	top:9px;	left:15px;	font-size:16px;}.nav.yoga .nav-button {	display:block;	position:absolute;	right:15px;	top:8px;}.nav.yoga .nav-button span {	display:block;	margin-top:4px;	height:2px;	background: #ffffff;	width:24px;}.nav-toggled-controls{	border-bottom: 0px solid #01637f;}.nav.yoga .nav-toggled ul li a {	display:block;	width:100%;	background-color:#536469;	text-align:left;	padding:10px 0px 10px 15px;	border-bottom:1px solid #444444;	text-align: center;	font-size: 16px;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}.nav.yoga .nav-toggled ul li a:active {	background-color:#cff4ff;	color: #01637f;	border-top:1px solid #01637f;}.nav.yoga .nav-toggled ul li a:hover {	background: #cff4ff;	text-decoration: none;	color: #01637f;	border-bottom: 1px solid #1fbbe8;}.nav.yoga .nav-toggled ul li {	position: relative;}.toggle-sm:after {	position: absolute;	right: 15px;	top: 10px;	font-size: 18px;	line-height: 25px;}.nav .nav-menu {	text-align: center;	overflow: visible;	min-height: 56px;}.nav .nav-menu li {	display:inline-block;	padding:0px;	margin:0px !important;	position: relative;}.nav-button:hover {	cursor:pointer;}.nav .nav-toggled ul {	display:none;	margin:0px ;	padding:0px ;}.nav ul {	overflow: visible;}body .nav .nav-menu li a {	padding: 15px 30px;}#hidden-drew-credit a {	visibility: hidden;}/*--- End Navigation Style --*//*-------------------- Start image slider ------------------------------- */.slider {	max-width:	1020px;	boz-shadow:	1% 2% 5% 0 rgba(0, 0, 0, 0.07);}.slider1 img {	width:	100%;	margin:	0 auto;}.slider .bx-wrapper .bx-controls-direction a {	outline: 0 none;	position: absolute;	text-indent: -9999px;	top:	40%;	height:	71px;	width:	40px;	z-index:	-1;	transition: all 0.7s;}.slider .bx-wrapper:hover .bx-controls-direction a {	z-index:	5;}.slider .bx-wrapper .bx-prev {	background:	#cff4ff url("http://www.w3newbie.com/wp-content/uploads/left-arrow.png") no-repeat 8px 13px;	left: 	0px;}.slider .bx-wrapper .bx-prev:hover {	background:	#cff4ff url("http://www.w3newbie.com/wp-content/uploads/left-arrow.png") no-repeat 8px 18px;}.slider .bx-wrapper .bx-next {	background:	#cff4ff url("http://www.w3newbie.com/wp-content/uploads/right-arrow.png") no-repeat 10px 12px;	right: 	0px;}.slider .bx-wrapper .bx-next:hover {	background:	#cff4ff url("http://www.w3newbie.com/wp-content/uploads/right-arrow.png") no-repeat 10px 17px;}/*-------------------- end image slider ------------------------------- *//*--------------------  ---------------------------------------*/
.one-third {	width:	28%;	float:	left;	margin:	2% 0 3% 4%;	text-align:	center;}
.one-half { width: 44%; float: left; margin: 2% 0% 3% 4%; text-align: center; }
.one-third i {	color:	#f0a830;	font-size:	585%;}
.clearfix {	clear:	both;}h2.welcome {	margin-top:	4%;}




.left-col {	width:	60%;	float:	left;	margin:	4% 0 4% 4%;}.sidebar {	width:	26%;	float:	left;	margin:	4%;}.sidebar img {	opacity:	1;}.one-third img {	padding:	2% 0 6% 0;}.homepage-ad {	width:	96%;	min-height:	70px;	margin:	5% auto;	border:	2px solid red;}.homepage-ad p {	text-align:	center;}.page-callout {	width:	90%;	min-height:	70px;	margin:	1% auto;	border:	1px solid #49d6ff;}.page-callout-text-box {	float:	left;	width:	70%;	font-size:	22px;	font-weight:	bold;}.button-holder {	float:	left;	width:	25%;	padding:	1%;}.btn {	float:	left;	-webkit-border-radius: 	8px;	-moz-border-radius: 	8px;	border-radius: 		8px;	color:			#ffffff;	font-size:		22px;	background-color:	#536469;	padding:		5px 5px 5px 5px;	font-weight:		bold;	text-decoration:	none;}.btn:hover {	background-color:	#1fbbe8;	text-decoration:	none;}.playbtn {	margin:	2% 10%;	width: 80%;	text-align: center;}.adbtn {	background-color:	red;}#contact_form input[type="text"], #contact_form input[type="email"], #contact_form textarea, #contact_form input[type="submit"], .reg_form input[type="text"], .reg_form input[type="email"], .reg_form input[type=number], .reg_form textarea, .reg_form select, .reg_form input[type="submit"] {    width: 95%;    display: block;    margin-bottom: 5px;    font-size:	110%;    padding:	5px;    border:	1px solid #cff4ff;} #contact_form input[type="submit"] { 	background:	#cff4ff; }  #email_btn, .regbtn, .selectregbtn {	-webkit-border-radius: 	8px;	-moz-border-radius: 	8px;	border-radius: 		8px;	color:			#ffffff;	font-size:		22px;	line-height:		30px;	text-align:		center;	background-color:	#49d6ff;	padding:		10px 5px 10px 5px;	font-weight:		bold;	text-decoration:	none;	width:			95%; 	 }.selectregbtn {	padding:		5px 5px 5px 5px;	margin-bottom:		5px;}
/*----------- start footer -----------------------*/
footer {	
	background-color:	#4285f4;
	opacity:		0.9;
	width:			100%;
	padding:		1% 0;
	color:			#01637f;
	overflow:		auto;
	}
footer p, footer h3 {color:#000000;}
footer h3 {
	text-decoration:	underline;
	}
.footercontact {	text-align:		center;}
.phone a {	color:			#01637f;	text-decoration:	none;}
.social {	list-style-type:	none;	margin:			3% 0;	padding:		0;}
.social li {	display: inline;	}
.social i {	color:	#1fbbe8;	font-size:	195%;	padding:	3%;}
.social i:hover {	color:	#78c0a8;}
.google-maps {	position:	relative;	padding-bottom:	75%;	height:		0;	overflow:	hidden;}
.google-maps iframe {	position:	absolute;	top: 0;	left:0;	width:100% !important;	height:100% !important;}
.footer_email_link {	line-height:	40px;}
.footer_home_link {	text-align:	center;}
.footer_home_link a {	color:	#ffffff;}
/*----------- end footer -------------------------*/.session_selection_box {	border:	1px solid #1fbbe8;	width:	31%;	margin: 1%;	float: left;	}.session_selection_box h3, .session_selection_box h4 {  font-family: 	'Quicksand', san-serif;}.session_selection_box h4 {color:		#78c0a8;}.week_period_box_wrapper {	width: 80%;	margin: 2% 10% 5% 10%;	height:	40px;	text-align:	center;}.week_day {	width:	14%;	height: 100%;	background-color: #ffffff;	float: left;	margin: 0%;	}.week_day_period {	width: 90%;	margin: 0%;	height:	50%;	background-color: #ffb376;	background-color:	#cff4ff;}.week_day_period_selected {	background-color: #1fbbe8;	background-color:	#49d6ff;}

.general_content {	
	width:	96%;	margin: 2% 2%;	background-color: #cff4ff;}

.subfooter {
  background-color: #fbbc05;
  width:	100%;
}

.subfooter h3 {color:#ffffff;}
.subfooter a {color:#ffffff;}
/*----------- media queries ----------------------------*/@media screen and (max-width: 800px) {	p {		padding:	2% 5%;			}	img {		max-width:	95%;		margin:	1.25% 2.5%;	}	#wrapper {		margin-top:	-1%;	}	#callout {		width:	100%;		margin: 3% 0 2% 0;			}	#callout p {		display:	none;	}	.slider .bx-wrapper .bx-controls {		display:	none;	}	
.one-third, one-half {		float:	left;		width:	100%;		margin:	4% 0;	}
.one-half {		float:	left;		width:	100%;		margin:	4% 0;	}
.one-third i {		font-size:	355%;	}	

.subfooter li  {	
	display:block;	
	}

h1 {		font-size:	125%;		letter-spacing:	2px;			}	h2.welcome {		font-size:	120%;		padding:	6%;	}	.left-col {		width:	100%;		margin:	0 0 3% 0;			}	.sidebar {		width:	100%;		margin:	0;	}	img {		width:	100%;	}	.sidebar img {		opacity:	0.9;	}	.homepage-ad {		width:	90%;		min-height:	160px;	}	.page-callout {		width:	90%;		min-height:	160px;	}	.page-callout-text-box {		width:	95%;	}	.button-holder {		width:	95%;		padding:	1%;		margin 2% 2.5%;	}	.social i {		font-size:	175%;	}	.session_selection_box {		width:	96%;		margin: 2%;	}}