@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:	#ffffff;	font-family: 	'Quicksand', san-serif;	font-size:	18px;}
h1 {	font-family:	'Oxygen', sans-serif;	text-align:	center;	font-size:	175%;	color:		#78c0a8;	text-transform:	uppercase;	letter-spacing:	3px;	padding:	3% 0 3% 0;}
h2, h3, h4 {	font-family:	'Oxygen', sans-serif;	text-align:	center;	color:		#01637f;	text-transform:	uppercase;	letter-spacing:	1%;}
p {	padding:	2.5%;	color:		#01637f;	text-align:	justify;	}
img {	text-align:	center;	max-width:	100%;	height:		auto;}
/*  id = #  class = . */
#wrapper {	margin: 0 auto;	max-width:	1120px;	background-color:	#ffffff;	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: #cff4ff;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:#01637f;	text-transform: uppercase;	text-decoration:none;}
body .nav .nav-menu li a {	display:inline-block;	padding:15px 20px;	color:#01637f;	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: #01637f;	width:24px;}
.nav-toggled-controls{	border-bottom: 0px solid #01637f;}
.nav.yoga .nav-toggled ul li a {	display:block;	width:100%;	background-color:#cff4ff;	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:	#49d6ff;	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:	#cff4ff;	opacity:		0.9;	width:			100%;	padding:		1% 0;	color:			#01637f;	overflow:		auto;}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;}/*----------- 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;}

/*----------- 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%;	}	

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%;	}
}