﻿* {margin: 0;padding: 0;outline: none;}
html, body {min-height: 100%;min-width: 300px;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 16px;background:url(../images/body_bg.png) repeat;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;color: #5e0000;}
h1 {font-size: 36px; margin: 3% 0 1% 0;}
h1 a {font-size: 36px}
h2 {font-size: 19px;font-weight:bold;}
h2.home{font-family: 'Allura', cursive;font-size: 26px;}
h3 {font-size: 18px;font-weight: bold;margin: 10px 0;}
p, li {color: #231F20;font-size: 16px;line-height: 22px;}
p {margin-bottom: 10px;}
hr {display: block;width: 150px;height: 1px;border: 0;outline: none;background: #b4D335;margin: 10px 0;}
ul {list-style:none;}
img {border: none;}
input[type="submit"], input[type="reset"], img {color: #000;outline: none;text-decoration: none;-moz-transition: background-color .4s, border .4s, color .4s;-webkit-transition: background-color .4s, border .4s, color .4s;-ms-transition: background-color .4s, border .4s, color .4s;-o-transition: background-color .4s, border .4s, color .4s;transition: background-color .4s, border .4s, color .4s;}
a {color: #fff;font-size: 16px;outline: none;text-decoration: none;}
a:hover {color: #000;}
#preload {display: none;}
span.approved {display: inline-block;font-size: 16px;color: #FFF;}
.error, #form label.error, .error p, .error li {display: inline-block;font-size: 22px;color: #B10D29;}
#form input[type=text].error, #form input[type=tel].error, #form input[type=email].error, #form input[type=password].error, input.error, textarea.error, #form select.error {border: 1px solid #B10D29;}
#msg_box {font-size: 16px;color: #FFF;}
.opacity {position: absolute;left: 0;top: 0;bottom: 0;right: 0;background-color: #FFF;opacity: 0.8;filter: alpha(opacity=0.8);}
.button {background: #5e0000;color: #FFF !important;padding: 5px;display: inline-block;cursor:pointer;border: 2px outset buttonface;font-weight: normal;}
.button:hover {font-weight: normal;color:#000;}
#admin_buttons {padding: 10px 0;}
/* Template Initialization Start */
#content_wrapper, #banner_wrapper {position: relative;width: 100%;max-width: 1040px;margin: 0 auto;left: 0;right: 0;}
#header_wrapper > div, #content_wrapper > div, #footer_wrapper > div, #banner_wrapper > div {position: relative;}
#header_wrapper .header_container, #content_wrapper .content_container, #footer_wrapper .footer_container {position: relative;padding: 0px 1%;margin:0 auto;max-width:1040px;}
#content_wrapper .content_container {margin: 20px auto;padding:10px 1%;}
/* Template Initialization End */
/* Form Start */
#form {font-size: 16px;}
#form div {position:relative;margin: 10px 0 10px 0;}
#form div a.register {position: absolute;top: 0;right: 0;}
#form label {display: inline-block;color: #231F20;width: 100%;margin-bottom: 5px;}
#form div input[type=text], #form div input[type=tel], #form div input[type=email], #form div input[type=password], #form div select { border: 1px solid #CCC; border-radius: 3px; width: 30%; min-width: 150px; display: inline-block; vertical-align: top; padding: 1%; box-shadow: 0px 0px 1px 0px #000;}
#form textarea {width:98%;resize: none;height: 100px; box-shadow: 0px 0px 1px 0px #000;}
#form select {width: 100%;padding: 1%;border: 0px;}
#form input[type=submit] {background: #79000F;width: auto;color: #FFF;padding: 5px 25px;cursor: pointer;}
#form .remember_me input {width: auto;display: inline-block;}
#form .remember_me p {display: inline-block;margin-left: 5px;}
/* Form End */
/* Loading Container Start */
#loading_container {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;z-index: 2;opacity: 0.5;}
#loading_container img {height: 20px;position: absolute;top: 40%;left: 50%;}
/* Loading Container End */
/* Timepicker Start */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
/* Timepicker End */
/* Standard Column Styles Start */
#columns_div .columns_2, #columns_div .columns_3, #columns_div .columns_4, #columns_div .columns_5 {position: relative;display: inline-block;vertical-align: top;}
@media (min-width: 451px) {#columns_div .columns_2 {width: 48.3%;margin-right: 2%;}}
@media (max-width: 450px) {#columns_div .columns_2, #columns_div .columns_4 {	width: 100%;}}
@media (min-width: 551px) {#columns_div .columns_3 {width: 30.4%;margin-right: 3%;}}
@media (max-width: 550px) {#columns_div .columns_3 {width: 100%;}}
@media (min-width: 651px) {#columns_div .columns_4 {width: 21%;margin-right: 3.95%;}#columns_div .columns_4:nth-child(4n) {margin-right: 0;}}
@media (max-width: 650px) and (min-width: 451px) {#columns_div .columns_4 {width: 48.3%;margin-right: 2%;}#columns_div .columns_4:nth-child(2n) {	margin-right: 0;}}
@media (min-width: 751px) {#columns_div .columns_5 {width: 16.4%;margin-right: 3%;}}
@media (max-width: 750px) {#columns_div .columns_5 {width: 100%;}}
#columns_div .columns_2:nth-child(2n), #columns_div .columns_3:nth-child(3n), #columns_div .columns_5:nth-child(5n) {margin-right: 0;}
/* Standar Column Styles End */

/* Header Start */
#header_wrapper > div {
	background-color: #5e0000;
}
#header_wrapper .header_container {
	padding: 20px 1%;
	min-height: 100px;
}
/*@media (max-width:460px) {
	#header_wrapper .header_container {
		height: auto;
	}
}*/
#language_switcher {
	position: absolute;
	display: inline-block;
	right: 1%;
	top: 15px;
}
@media (max-width: 768px) {
	#language_switcher a.admin, #language_switcher span {
		display: none !important;
	}
}
#social_icons {
	position: absolute;
	display: inline-block;
	right: 1%;
	top: 40px;
	text-align: right;
}
@media (max-width: 600px) {
	#social_icons {
		position: initial;
		text-align: left;
		margin-left: 3%;
	}
}
#social_icons .header_phone a {
	font-weight: bold;
}
#social_icons a.linkedIn {
	display: inline-block;
	background: url(../images/sm_linkedin.png) no-repeat center center;
	width: 28px;
	height: 27px;
}
#social_icons a.googlePlus {
	display: inline-block;
	background: url(../images/sm_google.png) no-repeat center center;
	width: 28px;
	height: 27px;
}
#logo {
	background: url(../images/large/logo_header.png) no-repeat center center;
	height: 82px;
	width: 321px;
	/*position: absolute;*/
	display: inline-block;
	/*top: 20px;*/
	margin-left: 3%;
}
@media (max-width: 600px) {
	#logo {
		max-width: 90%;
		background-size: contain;
		margin-left: 1%;
	}
}

	/* Nav Start */
	#nav {
		background: #b7b19b; /* Old browsers */
		background: -moz-linear-gradient(left,  #b7b19b 13%, #cdcab4 37%, #b7b19b 66%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(13%,#b7b19b), color-stop(37%,#cdcab4), color-stop(66%,#b7b19b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #b7b19b 13%,#cdcab4 37%,#b7b19b 66%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #b7b19b 13%,#cdcab4 37%,#b7b19b 66%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #b7b19b 13%,#cdcab4 37%,#b7b19b 66%); /* IE10+ */
		background: linear-gradient(to right,  #b7b19b 13%,#cdcab4 37%,#b7b19b 66%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b19b', endColorstr='#b7b19b',GradientType=1 ); /* IE6-9 */
		height:50px;
	}
	#nav > div {
		position: relative;
		margin: 0 auto;
		max-width: 1040px;
		text-align: center;
	}
	@media (min-width:601px) {
		#menu li a {
			font-weight: bold;
			font-size:14px;
			padding-right:5px;
			color:#4d4d4d;
			border-right:1px solid #4d4d4d;
		}
		#menu li:last-child a {
			border:none;
		}
		#menu li a:hover {
			color: #5e0000;
		}
	}
	
	/* Nav End */
/* Header End */

/* Banner Start */
#banner_wrapper {
	margin-top: 20px;
	margin-bottom: -19px;
}
@media (min-width:601px) and (max-width:768px) {
	#banner_wrapper {
		margin:0;
	}
}
@media (max-width:600px) {
	#banner_wrapper {
		display: none;
	}
}
#banner_wrapper div > a.button {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	z-index: 10;
}
/* Banner End */

/* Content Start */
body {
	font-family: 'Open Sans', sans-serif;
}
.content_container img.sub_banner {
	width:102%;
	margin: -10px -1% 0;
}
@media (max-width:768px) {
	.content_container img.sub_banner {
	width:104%;
	margin: -10px -2% 0;
}
}
@media (max-width: 600px) {
	.content_container img.sub_banner {
		display: none;
	}
}
h2 {
	background:url(../images/logo_h2.png) no-repeat;
	background-position-y: 7px;
	padding: 0 0 5px 35px;
	border-bottom: 1px solid #4d4d4d;
	margin: 2% 0;
	font-weight: lighter;
	font-size: 28px;
}
@media (max-width: 600px) {
	h2 {
		background: none;
		padding: 0 0 5px 0;
		font-size: 20px;
	}
}
h3 {
	margin: 30px 0 10px 0;
}
@media (max-width:768px) {
	#content_wrapper .content_container {
		margin: 0;
		padding: 10px 2%;
	}
}
.content_container a {
	color: #5e0000;
	font-weight:bold;
}
.content_container ol {
	margin-left: 4%;
}
.content_container ul {
	margin: 2%;
}
.content_container ul li {
	background:url(../images/logo_bullet.png) no-repeat;
	background-position-y:10px;
	padding-left: 19px;
	line-height: 30px;
}
.content_container img.coach_img {
	float: right;
	margin: 0 0 1% 2%;
}
@media (min-width:921px) {
.about_coach {
	width: 46%;
	margin-right: 1%;
	margin-left: 2%;
	display: inline-table;
}
}
.about_coach h3 {
	background: url(../images/underline.png) no-repeat;
	background-position-y: bottom;
	padding-bottom: 2%;
}
.about_coach img {
	float: right;
	margin-left: 2%;
}
@media (max-width:400px) {
	.about_coach img {
		float: none;
		margin: 0;
		display: block;
	}
}
.center {
	text-align:center;
}
/* Content End */

/* Footer Start */
#footer_wrapper {
	width: 100%;
	color: #FFF;
}
#footer_wrapper > div {
	background-color: #5e0000;
	overflow: auto;
}
#footer_wrapper .footer_container {
	padding: 20px 1%;
}
#footer_wrapper div.stripe {
	background: #b7b19b; /* Old browsers */
	background: -moz-linear-gradient(left,  #b7b19b 13%, #cdcab4 37%, #b7b19b 66%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(13%,#b7b19b), color-stop(37%,#cdcab4), color-stop(66%,#b7b19b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #b7b19b 13%,#cdcab4 37%,#b7b19b 66%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #b7b19b 13%,#cdcab4 37%,#b7b19b 66%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #b7b19b 13%,#cdcab4 37%,#b7b19b 66%); /* IE10+ */
	background: linear-gradient(to right,  #b7b19b 13%,#cdcab4 37%,#b7b19b 66%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b19b', endColorstr='#b7b19b',GradientType=1 ); /* IE6-9 */
	height: 8px;
}
#footer_nav {
	width: 50%;
	float: left;
	 column-count: 2;
}
#footer_nav a {
	width: 100%;
	float: left;
}
#footer_social {
	width: 25%;
	float: left;
}
#footer_social a.linkedIn {
	display: inline-block;
	background: url(../images/sm_linkedin.png) no-repeat left center;
	height: 27px;
	padding-left: 32px;
	margin-bottom: 2%;
}
#footer_social a.googlePlus {
	display: inline-block;
	background: url(../images/sm_google.png) no-repeat left center;
	height: 27px;
	padding-left: 32px;
}
#footer_contact {
	width: 25%;
	text-align: right;
	float: left;
}
#footer_contact p {
	color: #fff;
}
/* Footer End */

#circle-home {width: 90%; background-color:#EDEDED; padding: 2%; margin: 2% auto; text-align:center;}
#circle-home div {width: 65%; display: inline-block; vertical-align: top; text-align:left; padding-right: 2%;}
#circle-home div:nth-child(2) {width: 30%; text-align:right;}
#circle-home h2 {background-image:none; padding-left: 0px; border-bottom: none;}
#circle-home .button {background-color:#fff; border:1px solid #5e0000; padding: 8px; color: #000; text-transform:uppercase;}
#circle-home .button:hover {color:#5e0000 !important; border-color:#000;}
#circle-home a {color: #000 !important; font-weight: 300; margin-top: 4%;}

.intro {display: block; margin: 0 auto; text-align: center; width: 60%;}
.intro h2 {background-image: none; border:none;padding-left: 0;}
.circle-left, .circle-right {display: inline-block; vertical-align: top;}
.circle-left {width: 50%; text-align: left;}
.circle-left p {font-size:1rem;}
.circle-right {width:48%; text-align:center;}
.circle-right p {font-size: 0.7rem;}

.three-circles {width: 85%; margin: 0 auto; text-align:center;}
.three-circles div {width: 30%; display: inline-block; vertical-align: top;padding: 1.5%;}
.three-circles h4 {text-transform:uppercase;; font-size: 1.2rem; padding:2% 0;}
.three-circles p {font-size: 0.9rem;}

.contactFrom label, .contactFrom textarea, .contactFrom input {padding: 5px; font-family: 'Open Sans', sans-serif; font-size: 0.9rem;}
