/*
Theme Name: Play Connect Grow
Author: Creatency
Author URI: http://creatency.com/
Description: Custom theme for Play Connect Grow, based off WP TwentyTwelve.
Version: 3.0

/* =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%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	color: #666;
	background: #333;
	font-family: 'Oxygen', arial, sans-serif;
	line-height: 1em;
}


/* Global Tags
========================================================================================================================= */
h1, h2, h3, h4, h5, h6, p {font-weight: normal; margin-bottom: 20px; line-height: 1.5em;}
h1 {font-size: 3em; font-weight: 300; letter-spacing: -1px; line-height: 1.2em; color: #333;}
h2 {font-size: 2em; font-weight: 300; letter-spacing: -1px; color: #333;}
h2.dots {background: url(images/pattern_dots.png); color: #666; line-height: 1em; margin: 0 0 30px;}
h2.dots span {display: inline-block; background: #fff; padding: 0 20px 2px 0; margin: -1px 0 0 0; vertical-align: top;}
h3 {font-size: 1.2em; font-weight: 700; letter-spacing: -1px; color: #333;}
h4 {font-size: 1em; font-weight: 400; color: #333;}
h5 {font-size: .9em; font-weight: bold; color: #333; margin: 0 0 10px;}
h6 {font-size: .8em; font-weight: bold; color: #333;}
p {font-size: .85em; font-weight: 300; line-height: 1.8em; color: #888;}
p.headline {font-size: 1.2em; font-weight: 300; line-height: 1.6; color: #333;}
p.headline.small {font-size: 1em;}
p.headline.jumbo {font-size: 1.5em;}
p.headline.light {color: #eee;}

blockquote {
	padding: 10px 0;
	border-top: 5px solid #eee;
	border-bottom: 5px solid #eee;
	margin: 0 0 20px;
}
blockquote.pull-right {
	width: 35%;
	margin-left: 20px;
	border-right: none;
}
blockquote.pull-left {
	width: 35%;
	margin-right: 20px;
	border-left: none;
}
blockquote p {
	font-family: Georgia, serif;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.6em;
	color: #aaa;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.embed-left {
	float: left;
	margin: 0 20px 10px 0;
}
.embed-right {
	float: right;
	margin: 0 0 10px 20px;
}
.bold {
	font-weight: 700 !important;
}
.centered {
	text-align: center !important;
}
.centered-image {
	margin: 0 auto 20px;
}

.no-margin {
	margin: 0 !important;
}
.margin-10 {
	margin: 0 0 10px !important;
}

.polaroid {
	padding: 4px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
}

a {color: #08c; text-decoration: none;}
a:hover {color: #06c; text-decoration: underline;}

.cta-button {
	display: inline-block;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: -0.025em;
	padding: 15px 25px;
	margin: 0 0 15px;
	background: #f90;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: top;
}
.cta-button:hover {
	background: #f60;
	color: #fff;
	text-decoration: none;
}
.cta-button.orange {
	background: #f90;
	color: #fff;
}
.cta-button.orange:hover {
	background: #f60;
}
.cta-button.green {
	background: #9c0;
}
.cta-button.green:hover {
	background: #690;
}
.cta-button.white {
	background: #fff;
}
.cta-button.white:hover {
	background: #333;
	color: #fff;
}
a.cta-button.large {
	font-size: 1.4em;
	padding: 20px 30px;
}
a.cta-button.x-large {
	font-size: 1.6em;
	padding: 25px 35px;
}
.cta-button.block {
	display: block;
	text-align: center;
}
.cta-button i.icon-right {
	margin-left: 10px;
}
.cta-button i.icon-left {
	margin-right: 10px;
}
a.video-link {
	display: inline-block;
	background: #08c;
	color: #fff;
	font-weight: 200;
	padding: 15px 25px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-decoration: none;
	vertical-align: middle;
}
a.video-link:hover {
	background: #06c;
}
a.video-link i {
	margin-left: 4px;
	opacity: .5;
}

hr {border-top: 1px solid #ddd; border-bottom: none;}
hr.thick {border-top: 5px solid #ddd;}
hr.hr-slim {width: 20%;}
hr.hr-slim-centered {width: 20%; margin: 20px auto;}

.clear {clear: both;}

.icon-left {
	margin-right: 5px;
}
.icon-right {
	margin-left: 5px;
}
.icon-container {
	padding: 7px;
	margin: 0 7px 0 0;
	background: #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: top;
}
.icon-container i {
	margin: 0;
}
h2 .icon-container {
	margin-top: 5px;
}

.jumbo-icon {
	display: block;
	font-size: 5em;
	margin: 0 auto;
	text-align: center;
}

.screenshot-image {
	margin: 0 0 20px;
}

/* colors */
.white {color: #fff;}
.black {color: #000;}
.dark-grey {color: #333;}
.lime {color: #9c0;}
.orange {color: #f90;}
.blue {color: #43a6ec;}
.green {color: #9bc40e;}
.yellow {color: #fc0;}

.color-white {color: #fff !important;}
.color-black {color: #000 !important;}
.color-dark-grey {color: #333 !important;}
.color-lime {color: #9c0 !important;}
.color-orange {color: #f90 !important;}
.color-blue {color: #43a6ec !important;}
.color-green {color: #9bc40e !important;}
.color-yellow {color: #fc0 !important;}
.color-yellow-bright {color: #ff0 !important;}

.check-icon {
	color: #9c0;
	margin-right: 3px;
}


/* Header
========================================================================================================================= */
#header {
	width: 100%;
	background: #fff;
	z-index: 1000;
}

/* ---------- Top bar ---------- */
#header .top-bar {
	font-size: .85em;
	font-weight: 700;
	background: #ddd;
}
#header .top-bar ul {
	list-style: none;
	margin: 0;
	text-align: right;
}
#header .top-bar ul li {
	display: inline-block;
	margin: 0;
}
#header .top-bar ul li a {
	display: inline-block;
	padding: 12px 20px;
	color: #333;
}
#header .top-bar ul li a:hover {
	color: #999;
}
#header .top-bar ul li a:hover {
	text-decoration: none;
}
#header .top-bar ul li a i {
	margin-right: 5px;
}
#header .top-bar ul li a.sign-up {
	background: #f90;
	color: #fff;
}
#header .top-bar ul li a.sign-up:hover {
	background: #f60;
}

#header .top-bar .search-form {
	margin: 5px;
	width: 250px;
}
#header .top-bar .search-form input[type="search"] {
	width: 200px;
	padding: 5px 10px;
	border: none;
	font-weight: 300;
}
#header .top-bar .search-form button {
	background: #999;
	color: #fff;
	border: none;
	padding: 5px 8px;
	border-radius: 3px;
}
#header .top-bar .search-form button:hover {
	background: #666;
}

/* user drop-down menu (when logged in) */
#header .top-bar .user-nav {
	margin-left: 10px;
}
#header .top-bar .user-nav .dropdown-toggle {
	background: #fc0;
	color: #333;
	padding: 12px 25px;
	text-decoration: none;
}
#header .top-bar .user-nav .dropdown-toggle:hover {
	background: #f90;
}
#header .top-bar .user-nav.open .dropdown-toggle {
	background: #f90;
	color: #333;
}
#header .top-bar .user-nav .dropdown-toggle .caret {
	margin: 0 0 0 5px;
	opacity: .5;
}
#header .top-bar .user-nav .dropdown-menu {
	left: auto;
	right: 0;
}
#header .top-bar .user-nav .dropdown-menu li {
	display: block;
}
#header .top-bar .user-nav .dropdown-menu li a {
	display: block;
}
#header .top-bar .user-nav .dropdown-menu li a:hover {
	color: #333;
}

/* ---------- Navbar ---------- */
#header .navbar {
	top: inherit;
	background: url(images/color-bar-2px.png) bottom center repeat-x #fff;
	border: none
}
#header .navbar-brand {
	display: block;
	float: left;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: -1px;
}
#header .navbar-brand .brand-play {
	color: #f90;
}
#header .navbar-brand .brand-connect {
	color: #43a6ec;
}
#header .navbar-brand .brand-grow {
	color: #9bc40e;
}


#header .navbar .btn-navbar {
	background: #06c;
}
#header .navbar .btn-navbar:hover {
	background: #014b91;
}
#header .navbar .nav {
  	
  	font-size: 1em;
  	font-weight: 400;
  	margin-right: 0;
}
#header .navbar .nav li {
  	position: relative;
  	margin:0;
  	padding: 0;
}
#header .navbar .nav li a {
  	color: #999; 
  	text-shadow: none;
  	letter-spacing: 0;
  	padding: 20px 30px;
  	margin: 0;
  	line-height: 20px;
}
#header .navbar .nav li a:hover {
  	background: #08c;
  	color: #fff;
  	text-shadow: none;
}
#header .navbar .nav li a i {
	margin-left: 5px;
}

#header .navbar .nav li:hover,
#header .navbar .nav li:hover a {
  	background: #333;
  	color: #fff;
}

#header .navbar .nav li ul.dropdown {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	list-style: none;
	font-size: .95em;
	font-weight: normal;
	margin: 0;
	padding: 10px;
	width: 220px;
	background: #333;
}
#header .navbar .nav li:hover ul.dropdown {
	display: block;
}
#header .navbar .nav li ul.dropdown li {
	border-top: 1px solid #555;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#header .navbar .nav li ul.dropdown li:first-child {
	border-top: none;
}
#header .navbar .nav li:hover ul.dropdown li a {
	position: relative;
	display: block;
	padding: 15px 20px;
	color: #999;
	background: #333;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	text-decoration: none;
	text-shadow: none;
}
#header .navbar .nav li ul.dropdown li a:hover {
	color: #fff;
	background: #666;
	text-decoration: none;
}
#header .navbar .nav li:hover ul.dropdown li a i {
	position: absolute;
	top: 18px;
	right: 20px;
}
#header .navbar .nav li ul.dropdown li ul.dropdown {
	display: none;
	position: absolute;
	top: -10px;
	left: 200px;
}
#header .navbar .nav li ul.dropdown li:hover ul.dropdown {
	display: block;
}
/* user nav dropdown */
#header .navbar .nav li.user-nav a {
	background: #eee !important;
	color: #036 !important;
}
#header .navbar .nav li.user-nav a:hover {
	background: #08c !important;
	color: #fff !important;
}
#header .navbar .nav li.user-nav.open > a {
	background: #036 !important;
	color: #fff !important;
} 
#header .navbar .nav li.user-nav ul li a {
	padding: 10px 15px;
	background: #fff !important;
}
#header .navbar .nav li.user-nav ul li a:hover {
	background: #eee !important;
	color: #036 !important;
}

#header .navbar .navbar-toggle {
	background: none;
	border: none;
}
#header .navbar .navbar-toggle .icon-bar {
	background: #333;
}



/* Content
========================================================================================================================= */
.page h1 {
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
}

.page.page-template-page-sign-up h1,
.page.page-template-page-sign-up-checkout h1,
.page.page-template-page-sign-up-confirmation h1 {
	padding: 0;
	border-bottom: none;
}

#wrapper {
	width: 100%;
	background: #fff;
	padding: 100px 0 0;
}
#main {
	position: relative;
	z-index: 300;
	padding: 20px 0;
	min-height: 400px;
}
#main.homepage {
	background: #ddd;
}
#main.light-grey-bg {
	background: #eee;
}
#main.slim {
	min-height: inherit;
}
.page-banner {
	width: 100%;
	height: auto;
	padding: 25px 0;
	margin: 0 0 20px;
	background: #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.page-banner h1 {
	font-weight: 300;
	line-height: 1.2em;
	margin: 0;
}
.page-banner.no-breadcrumb {
	height: 180px;
	padding-top: 85px;
}

.page-section {
	position: relative;
	background: #eee;
	padding: 50px 0;
}
.page-section.section-tall {
	padding: 100px 0;
}
.page-section.no-bottom-padding {
	padding: 30px 0 0;
}
.page-section.white {
	background: #fff;
}
.page-section.turq {
	background: #2e909c;
}
.page-section.blue {
	background: #036;
}
.page-section.orange {
	background: #f80;
}
/* dark */
.page-section.dark {
	background: #333;
}
.page-section.dark h2 {
	color: #fff;
	text-align: center;
}
.page-section.dark p {
	color: #999;
	margin: 0 10% 20px;
}
/* yellow */
.page-section.yellow {
	background: #fc0;
}
.page-section.yellow h4 {
	color: #333;
}
.page-section.yellow p {
	color: #645000;
}
.page-section h2.centered {
	background: url(images/dots.png) center center repeat-x;
	text-align: center;
}
.page-section h2.centered span {
	padding: 1px 20px;
	background: #eee;
}
.page-section.dark h2.centered span {
	background: #333;
}
.page-section.section-cta {
	padding: 100px 0;
	background: url("images/section-bg-cta.jpg") top center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.page-section.section-cta h2 {
	color: #fff;
}

.page-section .section-label {
	display: block;
	margin: 0 0 10px;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.page-section .section-title {
	font-size: 2em;
}

/* features */
.feature {
	position: relative;
	padding: 0 0 0 75px;
	margin: 0 0 30px;
}
.feature .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	font-size: 3em;
	text-align: center;
}
.feature .feature-title {
	font-weight: 700;
	margin: 0 0 10px;
}

/* benefits */
.benefits h4 {
	position: relative;
	font-weight: 700;
	padding-left: 50px;
}
.benefits h4 i {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	font-size: 2em;
}

.page-content {
	min-height: 500px;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}
.page-content.no-border {
	padding-right: 0;
	border-right: none;
}
.page-content ul {
	margin: 0 0 20px 20px;
}
.page-content ul li {
	margin: 0 0 15px;
	line-height: 1.4em;
}

.grid-content {
	margin: 30px 0;
}
.middle-column {
	margin-top: 30px;
	margin-bottom: 30px;
}
.middle-column h3 {
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 0 10px;
	border-bottom: 5px solid #ddd;
}

.sidebar {
	padding-bottom: 30px;
}
.sidebar h3 {
	font-weight: 700;
	letter-spacing: -1px;
	padding: 0 0 10px;
	margin: 0;
	border-bottom: 4px solid #ddd;
}
.sidebar h3.no-margin {
	margin: 0;
}
.sidebar h3.nav-title {
	margin: 0;
	padding-left: 10px;
}
.sidebar ul.side-nav {
	list-style: none;
	font-size: .85em;
	font-weight: bold;
	margin: 0 0 20px;
}
.sidebar ul.side-nav.light-weight {
	font-size: .75em;
	font-weight: normal;
}
.sidebar ul.side-nav li {
	border-bottom: 1px solid #ddd;
}
.sidebar ul.side-nav li a {
	display: block;
	padding: 15px 10px;
	text-decoration: none;
}
.sidebar ul.side-nav li a:hover {
	background: #eee;
}
.sidebar ul.side-nav li a span.new-text {
	color: #fff;
	background: #9c3;
	padding: 4px 7px;
	margin-left: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-transform: uppercase;
	font-size: .85em;
}

/* sidebar cta */
.sidebar-cta-container {
	padding: 30px 20px 20px;
	margin: 0 0 20px;
	background: url(images/image-placeholder-trans.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.sidebar-cta-container p {
	color: #fff;
	margin: 0 0 10px;
	font-size: 1.2em;
	letter-spacing: -1px;
	line-height: 1.4em;
	text-align: center;
}
.sidebar-cta-container p span {
	display: block;
}
.sidebar-cta-container hr {
	border-top: 3px solid rgba(255, 255, 255, .15);
}
.sidebar-cta-container .cta-button {
	display: block;
	width: 100%;
	padding: 15px 0;
	margin: 0;
	text-align: center;
}

/* ---------- Homepage ---------- */
.hero {
	position: relative;
	width: 100%;
	background: #fff;
}
/* image hero */
.hero.hero-image {
	position: relative
}
.hero.hero-image .value-prop {
	bottom: 0;
}
.hero.hero-image .value-prop .prop-sub-headline {
	width: 60%;
	margin: 0 auto;
}
/* slideshow hero */
.hero-slideshow {
	position: relative;
	margin: 0 auto;
	background: #000;
}
.hero-slideshow .cycle-slideshow {
	opacity: .7;
}
.cycle-slideshow {
	margin: 0 auto;
}
.cycle-slideshow img {
	display: block;
	width: 100%;
}
.cycle-pager {
	height: 80px;
	padding: 30px 0;
	background: #fff;
	text-align: center;
}
.cycle-pager span {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #ccc;
	margin-right: 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-decoration: none;
	text-indent: -9999px;
	cursor: pointer;
}
.cycle-pager span:hover {
	background: #999;
}
.cycle-pager span.cycle-pager-active {
	background: #690;
}
.cycle-pager.pager-homepage {
	display: none;
}

/* video hero */
.hero.hero-video {
	background: #000;
	max-height: 600px;
	overflow: hidden;
}
.hero.hero-video .video-container {
	width: 100%;
	padding-bottom: 53%;
	margin: 0;
}
.hero.hero-video .cycle-slideshow,
.hero.hero-video .cycle-pager {
	display: none;
}
.hero.hero-video .value-prop {
	bottom: 0;
	padding: 200px 0 100px;
}

.value-prop {
	position: absolute;
	bottom: 80px;
	width: 100%;
	padding: 200px 0 50px;
	z-index: 1001;
	text-align: center;
	background: -webkit-gradient(linear, center top, center bottom, from(transparent), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.8));
	background: -moz-linear-gradient(transparent, rgba(0,0,0,0.8));
	background: -o-linear-gradient(transparent, rgba(0,0,0,0.8));
	background: linear-gradient(transparent, rgba(0,0,0,0.8));
}
.value-prop h1 {
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 1em;
	text-align: center;
	color: #fff;
	padding: 20px 40px;
	margin: 0 10% 20px;
	border-bottom: 2px solid rgba(255, 204, 0, .25);
}
.value-prop h1 span {
	display: block;
	font-size: .75em;
	font-weight: 300;
	letter-spacing: -1px;
	text-align: center;
	color: #fc0;
	margin: 10px 0 0;
}
.value-prop p {
	text-align: center;
	color: #fff;
}
.value-prop .headline {
	font-size: 1.5em;
	margin: 0 0 30px;
}
.value-prop .cta-button {
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 20px 40px;
	margin-left: 10px;
	border: 2px solid #f90;
}
.value-prop .cta-button i {
	margin: -2px 0 0 10px;
	line-height: 1;
}
.value-prop .learn-more {
	background: rgba(255, 255, 255, .10);
	color: #fff;
	border: 2px solid rgba(255, 255, 255, .5);
}
.value-prop .learn-more:hover {
	background: #fff;
	color: #333;
	text-decoration: none;
}
.value-prop .learn-more i {
	margin-left: 5px;
}
.value-prop p.definition {
	font-size: 1.6em;
	text-shadow: 2px 2px 2px #000;
}
.value-prop .prop-label {
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	color: #fc0;
	margin: 0;
}


.signup-container {
	position: absolute;
	top: 100px;
	right: 0;
	padding: 40px 20px;
	background: rgba(0, 51, 102, .5);
}
.signup-container p {
	text-align: center;
	color: #999;
	margin: 0 0 5px;
}
.signup-container p a.cta-button {
	font-size: 1.5em;
}
.signup-container p.promo {
	font-weight: bold;
	color: #eee;
}

.feature-container {
	padding: 20px;
}
.feature-container h3 {
	position: relative;
	color: #fff;
	padding-right: 50px;
}
.feature-container h3 .icon-container {
	position: absolute;
	top: -10px;
	right: -15px;
	width: 50px;
	padding: 10px;
	border-radius: 50px;
	font-size: 1.4em;
	text-align: center;
	background: #fff;
}
.feature-container p {
	color: #fff;
}
.feature-container.orange {
	background: #f60;
}
.feature-container.orange h3 .icon-container {
	color: #f60;
}
.feature-container.blue {
	background: #069;
}
.feature-container.blue h3 .icon-container {
	color: #069;
}
.feature-container.green {
	background: #690;
}
.feature-container.green h3 .icon-container {
	color: #690;
}

.welcome-area {
	margin-top: -100px;
	padding: 10px;
	background: #fff;
}
.welcome-area p.intro-video {
	text-align: center;
	background: #000;
}
.welcome-area p.intro-video img {
	cursor: pointer;
}
.welcome-area h4 {
	font-size: 1.3em;
	text-align: center;
	margin: 0 0 10px;
	padding: 10px 0;
	border-bottom: 5px solid #eee;
}
.welcome-area p {
	font-size: .85em;
	color: #aaa;
	margin: 0;
}

.feature-section {
	width: 100%;
	min-height: 400px;
}
.feature-section h2 {
	font-size: 3em;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 40px 0 20px;
}
.feature-section p {
	font-size: 1.2em;
	font-weight: 300;
}
.feature-section.light-text h2 {
	color: #fff;
}
.feature-section.light-text p {
	color: #fff;
}
.feature-section.pricing {
	min-height: 40px;
	padding: 30px 0;
	background: #036;
}
.feature-section.pricing p {
	font-size: 2em;
	text-align: center;
	margin: 0;
}
.feature-section.pricing p span.or-bubble {
	display: inline-block;
	font-size: .75em;
	line-height: 1em;
	padding: 10px;
	margin: 5px 10px 0;
	background: #fff;
	color: #036;
	vertical-align: top;
}
.feature-section.convenience {
	background: url(images/feature-section_convenience.jpg) top center no-repeat #069;
}
.feature-section.convenience p {
	color: #abc9d8;
}
.feature-section.yoga-anywhere {
	background: url(images/feature-section_yoga-anywhere.jpg) top center no-repeat #67a506;
}
.feature-section.yoga-anywhere p {
	color: #dbecc1;
}
.feature-section.better-you {
	background: url(images/feature-section_better-you.jpg) top center no-repeat #fff;
}

.features {
	padding: 20px 0;
}
.features .span6 {
	padding: 10px;
}
.features h2 {
	margin: 0 0 10px;
}
.features p {
	font-size: 1em;
}

.testimonial {
	position: relative;
	margin: 0 0 30px;
}
.testimonial p {
	font-family: Georgia, serif;
	font-size: 1em;
	font-style: italic;
	color: #999;
}
.testimonial p i {
	color: #ccc;
}
.testimonial p i.fa-quote-left {
	margin-right: 3px;
}
.testimonial p i.fa-quote-right {
	margin-left: 3px;
}
.testimonial h4 {
	font-weight: 700;
	margin: 0 0 5px;
}
.testimonial h5 {
	margin: 0;
	font-weight: 300;
}


/* ---------- Lists ---------- */
ul.check-list {
	list-style: none;
	font-size: .85em;
	font-weight: 200;
	margin: 0 0 30px;
}
ul.check-list.lp {
	font-size: 1em;
}
ul.check-list li {
	margin: 0 0 15px;
	padding: 5px 0 5px 30px;
	background: url(images/icon_check-mark_20x20.png) left no-repeat;
}
ul.check-list.lp li {
	margin: 0 0 18px;
}
ul.standard-list {
	list-style: square;
	font-size: .85em;
	font-weight: 200;
	margin: 0 0 20px 18px;
}
ul.standard-list li {
	margin: 0 0 15px;
}
ul.contact-list {
	list-style: none;
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 15px;
}
ul.contact-list li {
	position: relative;
	padding: 20px 0 20px 50px;
	margin: 0;
	color: #333;
	line-height: 1.3em;
	border-top: 1px solid #ddd;
}
ul.contact-list li i {
	position: absolute;
	top: 14px;
	left: 0;
	width: 38px;
	padding: 10px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 100px;
}

span.step-number {
	display: inline-block;
	width: 48px;
	font-size: .75em;
	color: #fff;
	background: #333;
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: top;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
ul.steps-list {
	font-size: .85em;
	list-style: none;
	margin: 0 0 20px;
}
ul.steps-list li {
	margin: 0 0 20px;
}
ul.steps-list li strong {
	color: #000;
}
ul.steps-list li span.step-number {
	padding: 7px 10px;
	font-weight: bold;
}

ul.steps-list.large {
	font-size: 1em;
	font-weight: 300;
}
ul.steps-list.large li {
	clear: both;
	margin: 0 0 25px;
	line-height: 1.5em;
}
ul.steps-list.large li span.step-number {
	float: left;
	padding: 2px 10px;
	margin: -2px 7px 10px 0;
}
f
.jumbo-quote {
	font-family: Georgia, serif;
	font-size: 1.45em;
	font-style: italic;
	color: #aaa;
}


/* ---------- Grids ---------- */

.rsp-grid {
	font-size: 0px;
	margin: 0 0 0 -2%;
}
.rsp-grid .rsp-block {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	width: 31.33%;
	margin: 0 0 2% 2%;
}

.grid-wrapper {
	background: #ddd;
	padding: 30px 0;
}
.grid-wrapper.ccc {
	background: #ccc;
}
.grid-wrapper h2.dots span {
	background: #ddd;
}
.grid-wrapper h3.dots {
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1em;
	color: #999;
	background: url(images/pattern_dots.png);
	margin: 0 0 30px;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
}
.grid-wrapper h3.dots span {
	display: inline-block;
	background: #ddd;
	margin: -3px 0 0;
	padding: 1px 15px 1px 0;
	vertical-align: top;
}
.grid-wrapper h3.dots.centered {
	text-align: center;
}
.grid-wrapper h3.dots.centered span {
	padding: 1px 15px;
}

.grid-header {
	margin: 0 0 30px;
}
.grid-header h3 {
	text-transform: uppercase;
	font-weight: 400;
}

/* ----- Video grids ----- */
ul.video-grid {
	list-style: none;
	font-size: 0px;
}
ul.video-grid.columns-3 {
	margin-left: -3.33%;
}
ul.video-grid.columns-4 {
	margin-left: -4%;
}
ul.video-grid li {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	background: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.video-grid.columns-3 li {
	width: 30%;
	margin: 0 0 3.33% 3.33%;
}
ul.video-grid.columns-4 li {
	width: 21%;
	margin: 0 0 4% 4%;
}
ul.video-grid li a.thumb-link {
	position: relative;
	display: block;
}
ul.video-grid li a.thumb-link i {
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -48px;
	font-size: 6em;
	z-index: 10;
	opacity: .5;
	color: #fff;
}
ul.video-grid li a.thumb-link:hover i {
	opacity: 1.0;
}
ul.video-grid li a.thumb-link img {
	margin: 0;
}
ul.video-grid li h4 {
	font-size: 1em;
	font-weight: 700;
	margin: 0;
}
ul.video-grid li h4 a {
	display: block;
	padding: 10px;
	margin: 0;
	color: #08c;
}
ul.video-grid li:hover {
	background: #d7f3fe;
	text-decoration: none;
}
ul.video-grid li p.video-meta {
	font-size: .85em;
	line-height: 1.5em;
	color: #666;
	margin: 0 10px;
	padding: 10px 0;
	border-top: 1px solid #ddd;
}
ul.video-grid li p.video-meta i {
	width: 12px;
	margin-right: 5px;
	color: #333;
}
/* coloring */
ul.video-grid li.category-6-week-training p.video-meta i,
ul.video-grid li.category-play-therapy-101 p.video-meta i {
	color: #f90;
}
ul.video-grid li.category-mini-modules p.video-meta i {
	color: #9c3;
}
ul.video-grid li.category-workshops p.video-meta i {
	color: #6cf;
}
ul.video-grid li p.video-meta i.fa-clock-o {
	color: #333;
}

ul.video-grid li p.video-meta span {
	padding: 0 7px;
	border-left: 1px solid #ddd;
}
/* tags */
p.tags {
	margin: 0;
}
p.tags span {
	display: inline-block;
	padding: 3px 5px;
	margin: 0 2px 5px 0;
	background: #9c3;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.video-grid li.post {
	padding: 0;
}

/* ---------- Tabs Navigation ---------- */
.tabs-nav {
	width: 100%;
	overflow: auto;
	margin: 0 0 20px;
	background: #fff;
}
.tabs-nav.vertical {
	background: #f5f5f5;
	border-top: 5px solid #ccc;
	border-bottom: 5px solid #ccc;
	filter: none;
}
.tabs-nav ul {
	list-style: none;
	font-weight: 700;
	font-size: .85em;
}
.tabs-nav ul li {
	display: inline-block;
	float: left;
	border-right: 1px solid #ccc;
}
.tabs-nav.vertical ul li {
	display: block;
	float: none;
	border-right: none;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #ddd;
}
.tabs-nav.vertical ul li:first-child {
	border-top: none;
}
.tabs-nav.vertical ul li.index {
	padding: 15px;
	background: #333;
	color: #fff;
}
.tabs-nav ul li.filter {
	float: right;
	font-weight: 400;
	border: none;
}
.tabs-nav.vertical ul li:last-child,
.tabs-nav.vertical ul li.last {
	border-bottom: none;
}
.tabs-nav ul li a {
	position: relative;
	display: block;
	padding: 15px 20px;
	color: #333;
	text-decoration: none;
	vertical-align: top;
}
.tabs-nav.vertical ul li a {
	padding: 15px;
}
.tabs-nav ul li.filter a {
	background: #555;
	margin: 10px;
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 0 0 5px #000;
}
.tabs-nav ul li a:hover {
	background: #ddd;
}
/* ----- highlight active tabs ----- */

.tabs-nav ul li i {
	position: absolute;
	top: 16px;
	right: 17px;
	margin: 0;
	opacity: .5;
}
.tabs-nav ul li.index i {
	opacity: 1.0;
}

.tabs-nav ul li.training-nav-all a {
	border-left: 5px solid #999;
}
.tabs-nav ul li.training-nav-6-week-training a {
	border-left: 5px solid #f90;
}
.tabs-nav ul li.training-nav-mini-modules a {
	border-left: 5px solid #9c3;
}
.tabs-nav ul li.training-nav-workshops a {
	border-left: 5px solid #6cf;
}

.tabs-nav ul li a .sub-nav-toggle {
	top: 0;
	right: 0;
	padding: 16px 18px;;
	background: #999;
	color: #fff;
	cursor: pointer;
}
.tabs-nav ul li a .sub-nav-toggle:hover {
	background: #333;
}

/* tabs sub-nav */
.tabs-nav ul.sub-nav {
	display: none;
	border-left: none;
}

/* show sub-nav on 6-week training pages */
.page-id-33 .tabs-nav ul.sub-nav,
.parent-pageid-33 .tabs-nav ul.sub-nav {
	display: block;
}

.tabs-nav ul li.training-nav-6-week-training ul li a {
	border-left: none;
}

.tabs-nav ul.sub-nav li {
	border-bottom: 1px solid #ccc;
}
.tabs-nav ul.sub-nav li:first-child {
	margin: 0;
	border-top: 1px solid #ccc;
}
.tabs-nav ul.sub-nav li a {
	background: #eee;
	padding: 12px 20px;
}
.tabs-nav ul.sub-nav li a:hover {
	background: #ddd;
}
.tabs-nav ul.sub-nav li a.active {
	background: #999;
}

.no-search-results {
	display: none;
}


/* ---------- Training Class page ---------- */
h1.training-title {
	font-size: 2em;
}
.training-info hr {
	border-top: 1px solid #ccc;
}
.training-info h5 {
	padding: 5px 10px;
	background: #eee;
	color: #333;
	border-top: 1px solid #ccc;
	border-left: 4px solid #ccc;
}
.training-info h5 span {
}
.training-info h5 i {
	margin-right: 3px;
}
.training-category p {
	font-size: 1.2em;
}
.training-category p a {
	display: block;
	font-size: .9em;
}
.training-category p a:first-child {
	font-size: 1em;
}
.training-length p {
	font-size: 1.2em;
}

.video-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 50px;
	margin: 0 0 20px;
	background: url(images/loading.gif) center center no-repeat #000;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.video-cta-container {
	position: relative;
	margin: 0 0 20px;
}
.video-cta-container img {
	display: block;
}
.video-cta-container .container-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15% 0 0;
	background: rgba(0, 0, 0, .5);
	z-index: 10;
}
.video-cta-container .container-overlay p {
	color: #fff;
}

/* media */
iframe,
object,
embed {
	max-width: 100%;
}
.video-sample-box {
	padding: 15px;
	background: #036;
}
.video-sample-box p {
	font-size: .85em;
	color: #eee;
	margin: 0;
}

/* ---------- Sign up page ---------- */
.pricing-block {
	position: relative;
	margin: 0 0 30px;
}

.pricing-block-header {
	padding: 30px;
	background: #333;
}
.pricing-block-header h2 {
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #fff;
	margin: 0;
}
.pricing-block-header h2 span {
	font-weight: 700;
	color: #f90;
}
.pricing-block.green .pricing-block-header h2 span {
	color: #9bc40e;
}
.pricing-block.blue .pricing-block-header h2 span {
	color: #43a6ec;
}
.pricing-block-header h2 span.highlight {
	font-size: .5em;
	letter-spacing: 0;
	color: #ff6;
	vertical-align: top;
}
.pricing-block-header h2 span.highlight i {
	margin: 11px 0 0;
	vertical-align: top;
}
.pricing-block p.price {
	font-size: 2em;
	line-height: 1.2em;
	color: #fff;
	margin: 0 0 10px;
}
.pricing-block p.price span {
	font-weight: bold;
}
.pricing-block p.price span.old-price {
	text-decoration: line-through;
	font-size: .7em;
	font-weight: normal;
	color: #999;
}
.pricing-block p.offer-promo {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333;
	margin: 0 0 5px;
}
.pricing-block p.offer-ends {
	font-weight: normal;
	color: #f60;
	margin: 0 0 10px;
}

.pricing-block-body {
	padding: 30px;
	border: 3px solid #ddd;
	border-top: none;
}
.pricing-block ul {
	list-style: none;
	font-size: .95em;
	font-weight: 200;
	line-height: 1.4em;
	color: #333;
	margin: 0 0 20px;
}
.pricing-block ul li {
	position: relative;
	padding: 12px 0 12px 20px;
	border-top: 2px solid #eee;
}
.pricing-block ul li:first-child {
	border-top: none;
	padding-left: 0;
}
.pricing-block ul li i {
	position: absolute;
	top: 14px;
	left: 0;
}
.pricing-block ul li .price {
	font-size: 2.4em;
	font-weight: 700;
}
.pricing-block ul li .price sup {
	font-size: 60%;
}
.pricing-block .plan-highlight {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
}
.pricing-block .renewal {
	display: block;
	font-size: .85em;
	margin: 10px 0 0;
}
.pricing-block .cta-button {
	display: block;
	width: 100%;
	background: #f90;
	color: #fff;
	text-align: center;
}
.pricing-block .cta-button:hover {
	background: #f60;
	color: #fff;
}
.pricing-block .cta-button.button-dark {
	background: #f60;
}
.pricing-block .cta-button.button-dark:hover {
	background: #f90;
}
/* green */
.pricing-block.green .cta-button {
	background: #9bc40e;
	color: #fff;
}
.pricing-block.green .cta-button:hover {
	background: #7fa401;
}
.pricing-block.green .cta-button.button-dark {
	background: #690;
}
.pricing-block.green .cta-button.button-dark:hover {
	background: #9bc40e;
}
/* blue */
.pricing-block.blue .cta-button {
	background: #43a6ec;
	color: #fff;
}
.pricing-block.blue .cta-button:hover {
	background: #2786ca;
}
.pricing-block.blue .cta-button.button-dark {
	background: #069;
}
.pricing-block.blue .cta-button.button-dark:hover {
	background: #43a6ec;
}

.pricing-block .cta-button.grey {
	background: #ddd;
	color: #333;
}
.pricing-block .cta-button.grey:hover {
	background: #ccc;
}

.sign-up-progress-bar {
	background: #f5f5f5;
	border: 1px solid #ddd;
	margin: 20px 0;
	overflow: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.sign-up-progress-bar ul {
	list-style: none;
	font-size: .8em;
	font-weight: bold;
	margin: 0;
}
.sign-up-progress-bar ul li {
	display: inline-block;
	float: left;
	padding: 10px;
	color: #999;
	border-right: 1px solid #ddd;
}
.sign-up-progress-bar ul li.active {
	background: #fff;
	color: #333;
}
.sign-up-progress-bar ul li span.step-number {
	display: inline-block;
	width: auto;
	font-size: .75em;
	margin: -1px 6px 0 0;
	padding: 1px 8px 2px;
	background: #999;
	color: #fff;
}
.sign-up-progress-bar ul li.active span.step-number {
	background: #333;
}

/* checkout pages */
.sidebar-promo-container {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sidebar-promo-container.living-social {
	background: url(images/living-social-bubbles_cutoff_200x169.png) top right no-repeat #000;
	border: none;
	margin-top: -34px;
}
.sidebar-promo-container.living-social h5 {
	color: #fff;
	padding: 0 0 10px;
	border-bottom: 1px solid #fff;
}
.sidebar-promo-container.living-social p {
	color: #999;
	margin: 0 0 10px;
}

/* ---------- Blog ---------- */
h1 span.blog-description {
	font-size: .75em;
	font-weight: 700;
	padding: 10px;
	letter-spacing: 0;
	vertical-align: top;
}

.post-list {
	list-style: none;
	font-size: .85em;
	margin: 0 0 30px;
}
.post-list.categories {
	font-size: 1em;
	font-weight: 700;
}
.post-list li {
	border-top: 1px solid #ddd;
}
.post-list li:first-child {
	border-top: none;
}
.post-list li a {
	display: block;
	padding: 15px 0;
}
.post-list li a:hover {
	color: #333;
	text-decoration: none;
}

.post-date {
	font-weight: bold;
	color: #333;
	padding: 10px 0;
	margin: 0 0 10px;
}
.post-category {
	font-size: .85em;
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid #ddd;
}

.post {
	padding: 20px 0;
	border-top: 1px solid #ddd;
}
.post:first-child {
	padding: 0 0 20px;
	border-top: none;
}
.post h2 {
	font-size: 1.5em;
	margin: 0 0 5px;
}
.post p {
	font-size: .85em;
	margin: 0 0 5px;
}
.post p.post-date {
	padding: 0;
	border-bottom: none;
}
.post img {
	display: block;
	margin: 0 0 10px;
}

.post-title {
	font-size: 2.5em;
	line-height: 1.2em;
	margin: 0;
}
.separator {
	margin: 0 3px;
	color: #ccc;
	font-weight: 300;
}

/* social share links */
ul.share-links {
	list-style: none;
	font-size: 1.2em;
	margin: 0;
}
ul.share-links li {
	display: inline-block;
	margin: 0;
}
ul.share-links li a {
	display: inline-block;
	line-height: 1;
	vertical-align: top;
	padding: 10px;
	width: 40px;
	background: #93f;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}
ul.share-links li a:hover {
	background: #63f;
}
ul.share-links li.facebook a {
	background: #4c66a4;
}
ul.share-links li.facebook a:hover {
	background: #2b4585;
}
ul.share-links li.twitter a {
	background: #55acee;
}
ul.share-links li.twitter a:hover {
	background: #277ec1;
}
ul.share-links li.google a {
	background: #dd4b39;
}
ul.share-links li.google a:hover {
	background: #ad2312;
}


.featured-image-container {
	position: relative;
	margin: 0 0 10px;
}
.post-image-container {
	position: relative;
	margin: 0 0 20px;
}
.image-container {
	position: relative;
	margin: 0 0 20px;
}
.image-container img {
	display: block;
}
.image-container .image-caption {
	position: absolute;
	bottom: 30px;
	left: 0;
	padding: 10px 20px;
	background: rgba(0, 0, 0, .7);
}
.image-container .image-caption h3 {
	color: #fff;
	margin: 0 0 5px;
}
.image-container .image-caption p {
	color: #999;
	margin: 0;
}
.date-stamp {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	padding: 10px;
	background: #08c;
	font-size: .75em;
	font-weight: 700;
	color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.date-stamp i {
	margin: 6px 7px 0 0;
	vertical-align: top;
}
.single .date-stamp {
	font-size: 1em;
}

.comments-title i {
	margin-right: 3px;
}

/* ---------- Confirmation page ---------- */
.confirmation-container {
	padding: 15px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
}
.confirmation-container p strong {
	color: #333;
}

/* ---------- Dashboard ---------- */
.dashboard p.headline {
	line-height: 1.2em;
}
.dashboard h5 i {
	margin-top: 2px;
}
.dashboard ul.side-nav li a i {
	float: right;
	opacity: .35;
}
.dashboard ul.side-nav li a:hover i {
	opacity: 1.0;
}
.quick-links {
	list-style: none;
	margin: 0 0 20px;
	font-size: 1.2em;
}
.quick-links li {
	margin: 0 0 20px;
}
.quick-links li a {
	position: relative;
	display: block;
	padding: 20px 30px 20px 20px;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
}
.quick-links li a.orange {
	background: #f90;
}
.quick-links li a.orange:hover {
	background: #f60;
}
.quick-links li a.blue {
	background: #43a6ec;
}
.quick-links li a.blue:hover {
	background: #08c;
}
.quick-links li a.green {
	background: #9bc40e;
}
.quick-links li a.green:hover {
	background: #690;
}
.quick-links li a i {
	position: absolute;
	top: 20px;
	right: 20px;
}

.comparison-table {
	font-size: .85em;
}
.comparison-table thead th {
	color: #333;
	font-weight: 900;
}
.comparison-table th.orange {
	color: #f60;
}
.comparison-table th.blue {
	color: #08c;
}
.comparison-table th.green {
	color: #690;
}
.comparison-table strong {
	color: #333;
}
.comparison-table tr.row-orange th,
.comparison-table tr.row-orange td {
	background: #fff7eb;
}
.comparison-table tr.row-blue th,
.comparison-table tr.row-blue td {
	background: #edf6ff;
}
.comparison-table tr.row-green th,
.comparison-table tr.row-green td {
	background: #f8ffe1;
}



.comparison-table .comparison-pricing {
	width: 25%;
}

.plans-table thead {
	font-size: 1.2em;
}
.plans-table th {
	color: #333;
}
.plans-table .checked {
	color: #9c3;
}
.plans-table .un-checked {
	color: #c00;
}

/* ----- Contact page ----- */
.contact-title {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	color: #333;
	margin: 0 0 15px;
}
.contact-address {
	display: block;
	padding: 10px 0;
	line-height: 1.4;
	color: #999;
	border-top: 1px solid #ddd;
}
.contact-item {
	display: block;
	padding: 10px 0;
	border-top: 1px solid #ddd;
}

/* Footer
========================================================================================================================= */
#footer {
	background: #333;
	padding: 30px 0;
}
#footer h3 {
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: -1px;
	color: #999;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 5px solid #444;
}
#footer hr {
	border-top: 1px solid #444;
	border-bottom: none;
}
ul.footer-nav {
	list-style: none;
	
	font-size: .9em;
	margin: 0 0 20px;
}
ul.footer-nav li {
	border-top: 1px solid #444;
}
ul.footer-nav li:first-child {
	border-top: none;
}
ul.footer-nav li a {
	display: block;
	color: #999;
	padding: 15px 0;
}
ul.footer-nav li a:hover {
	color: #fff;
	text-decoration: none;
}
ul.footer-nav li i {
	margin: 1px 5px 0 0;
	opacity: .35;
	width: 20px;
}

/* social (round) icons */
ul.footer-nav .social-icons {
	padding: 15px 0 0;
}
ul.footer-nav .social-icons a {
	display: inline-block;
	width: auto;
	margin: 0 8px 10px 0;
	padding: 0;
	font-size: 3em;
}
ul.footer-nav .social-icons a i {
	width: auto;
	opacity: .5;
}

#footer label {
	color: #999;
}
#footer input[type="text"],
#footer input[type="email"] {
	background: #444;
	border: none;
	box-shadow: none;
	color: #fff;
	width: 100%;
	margin: 0 0 15px;
}

p.copyright {
	color: #555;
	font-size: .85em;
	margin: 0;
}
p.copyright a {
	color: #555;
	text-decoration: underline;
}
p.copyright a:hover {
	text-decoration: none;
}

p.site-credit {
	color: #555;
	font-size: .85em;
	text-align: right;
	margin: 0;
}
p.site-credit a {
	color: #777;
}
p.site-credit a:hover {
	color: #fff;
}

/* Forms
========================================================================================================================= */
.form-field {
	margin-bottom: 15px;
}
label {
	display: block;
	font-size: .85em;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}
label span.label-hint {
	font-size: .9em;
	font-weight: normal;
	color: #bbb;
}
label.error {
	font-weight: normal;
	color: #f00;
	margin: 5px 0 0;
}
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="password"],
textarea {
	display: block;
	width: 100%;
	padding: 10px;
	height: auto;
	background: #f9f9f9;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
}
select,
select[multiple], select[size] {
	padding: 10px;
	border-radius: 4px;
	background: #f5f5f5;
	color: #333;
	border: 1px solid #999;
}
.ui-dialog-content input[type="text"],
.ui-dialog-content input[type="email"],
.ui-dialog-content input[type="password"],
.ui-dialog-content textarea {
	padding: 5px;
}
textarea {
	height: 100px;
}
input[type="submit"],
button[type="submit"] {
	color: #fff;
	background: #f90;
	padding: 10px 20px;
	font-weight: 400;
	font-size: 1em;
	border-radius: 4px;
	border: none;
	cursor: pointer;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: #f60;
	color: #fff;
}

span.required {
	color: #c00;
}

.form-container {
	padding: 20px;
	margin: 0 0 20px;
	border: 2px solid #ddd;
}


/* Bootstrap Over-rides
========================================================================================= */
.container,
.navbar-static-top .container {
	width: 1170px;
}
.container.no-pad {
	padding: 0;
}
.breadcrumb {
	padding: 18px 0 15px;
	margin: 0;
	background: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}
.breadcrumb p {
	margin: 0;
	color: #ccc;
}
.breadcrumb strong {
	font-weight: normal;
	color: #333;
}
.popover {
	max-width: 250px;
}
.popover.top {
	margin-top: -15px;
}
.popover-title {
	font-size: 1em;
}
.popover-content {
	padding: 9px 14px;
	font-size: .9em;
	color: #666;
}

.carousel-control {
	top: 0;
}
.carousel-control i {
	font-size: 3em;
	margin-top: 40%;
}
.carousel ul.video-grid li {
	margin-bottom: 0;
}

.dropdown-menu > li > a {
	font-size: .85em;
	padding: 8px 15px;
}
.dropdown-menu .divider {
	margin: 1px;
}
.alert {
	font-weight: 300;
}
.alert h3 {
	margin: 0 0 10px;
}
.alert p {
	font-size: .8em;
	color: #333;
}
.alert p:last-child {
	margin: 0;
}
.alert i {
	margin-right: 5px;
}
.alert.alert-neutral {
	background: #f5f5f5;
	border: 1px solid #eee;
}

.panel-heading h2,
.panel-heading h3 {
	margin: 0;
}

.modal-content {
	border-radius: 0;
}
.modal-header {
	padding: 15px;
	background: #ddd;
}
.modal-header h3 {
	margin: 0;
	font-weight: 700;
	letter-spacing: -1px;
	color: #333;
}
.modal-header .modal-title {
	font-size: 1.2em;
}
.modal-header .close {
	font-size: 3em;
	margin-top: -15px;
}
.modal-body {
	padding: 15px;
	background: #fff;
}
.modal-body p:last:child {
	margin: 0;
}
.modal-footer {
	padding: 15px;
	text-align: left;
}
.modal-footer p {
	margin: 0;
	text-align: left;
}
.modal .alert {
	margin: 0 0 10px;
}
.modal label {
  	color: #333;
  	text-shadow: none;
}
.modal input[type="text"],
.modal input[type="password"] {
  	padding: 10px;
}
.modal button[type="submit"] {
	display: block;
	width: 100%;
}
.navbar-form {
  	padding-right:15px;
}

/* buttons */
.btn {
	font-size: 1em;
	font-weight: 700;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.btn i {
	margin: 5px 0 0 5px;
	opacity: .5;
	vertical-align: top;
}
.btn.btn-lg {
	padding: 12px 30px;
	font-size: 1.2em;
}
.btn.btn-primary {
	background: #09c;
    color: #fff;
    border-color: #09c;
}
.btn.btn-primary:hover {
	background: #036;
	border-color: #036;
}
.btn.btn-trans {
	background: none;
	color: #fff;
	border: 2px solid #fff;
}
.btn.btn-trans:hover {
	background: #fff;
	color: #f60;
	border-color: #fff;
}


/* Plugins
========================================================================================= */

.ui-dialog {
	z-index: 2000 !important;
}

/* ---------- MemberMouse ---------- */
/* general styles */
.mm-button {
	font-family: 'Oxygen', Arial, sans-serif !important;
	font-weight: 700 !important;
	text-shadow: none !important;
	letter-spacing: -1px;
}
.mm-button.large {
	padding: 15px !important;
}
.mm-button.green {
	background: #9c3 !important;
	box-shadow: none !important;
	border: none !important;
}
.mm-button.green:hover {
	background: #690 !important;
}
/* checkout pages */
.mm-checkoutContainer {
	color: #333;
	margin: 0 auto 20px !important;
	max-width: none !important;
	font-size: 1em !important;
}
.mm-checkoutContainer h3 {
	font-size: 1.4em !important;
	text-transform: uppercase;
}
.mm-checkoutContainer p.mm-formError, .mm-formError {
	font-size: 21px;
	background:#CC3C3F;
	padding:5px 10px;
	border-radius:5px;
	color: #fff;
	text-shadow:1px 1px 0px rgba(0,0,0,0.25);		
}
.mm-checkoutSection2 {
	margin: 0 0 40px;
}
.mm-checkoutSection2 h2 .mm-data {
	font-size: 1em !important;
}
.mm-checkoutSection2 p.mm-productDesc {
	line-height: 1.6em;
	font-style: normal !important;
}
.mm-checkoutSection2 .mm-prices {
	width: 150px;
}
.mm-checkoutSection2 ul {
	float: none !important;
	padding: 0 !important;
	list-style: none;
}
.mm-checkoutSection2 ul li {
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #eee;
	clear: left;
}
.mm-checkoutSection2 ul li:last-child {
	border-top: 4px solid #eee;
}
p.checkout-terms {
	font-size: .75em;
	color: #aaa;
}
.mm-checkoutSection2 ul li .mm-title {
	width:140px;
	float:left;
	display:block;
	padding:0;
	font-weight:bold;
}
.mm-checkoutSection2 ul li mm-data {
	float:left;
	display:block;
	margin:0 0 10px;
	padding:0;
}
.mm-checkoutSection2 .mm-purchaseSection {
	clear:both;
	background:#fff;
	overflow:auto;
	border-radius:5px;
	padding: 10px 0px 10px 0px;
}
.mm-purchaseSection .mm-button {
	display: block;
	width: 100% !important;
}
.mm-paypalCheckoutBtn {
	display: none; /* hide to prevent further PayPal registrations */
	padding-top:15px;
	height:47px;
	width:195px;
	background:url(../../images/paypal-checkout.gif) no-repeat top center;
}
.mm-checkoutInfoBlock {
	 padding:20px;
	 border:2px solid #e5e5e5;
	 margin-bottom:20px;
	 border-radius:5px;
	 overflow:auto;
}
.mm-checkoutInfoBlock .mm-formField {
	padding-bottom: 0;
	margin-bottom: 10px;
	clear: left;
	overflow: auto;
	color: #666;
	font-size: 1em;
}
.mm-checkoutInfoBlock .mm-formField label {
	font-size: .85em;
	float: none;
}
.mm-checkoutInfoBlock .mm-formField .mm-selectList {
	max-width: 100%;
}
.mm-checkoutInfoBlock .mm-formField .mm-expMonthList,
.mm-checkoutInfoBlock .mm-formField .mm-expYearList,
.mm-checkoutInfoBlock .mm-checkout-expiration-date select {
	width: 100px;
	padding-right:5px;
}
.mm-checkoutInfoBlock .mm-couponSection {
	clear:both;
}
.mm-checkoutInfoBlock .mm-couponSection .mm-formField {
	width:auto;
	float:none;
}
.mm-checkoutInfoBlock .mm-couponSection .mm-applyCouponBtn a {
	padding: 6px 15px;
	background:#BBDEEA;
	color:#333;
	border-radius:50px;
	text-decoration:none;
	text-shadow:1px 1px 0px rgba(255,255,255,0.33);
}
.mm-checkoutInfoBlock .mm-couponSection .mm-applyCouponBtn a:hover {
	background:#8ec9dc;
}
.mm-checkoutInfoBlock .mm-checkoutInfoBlockBlock .mm-couponSuccessMessage {
	background: #e5f8d5;
	padding: 10px;
	border-radius: 5px;
	color: #390;
	border: 1px solid #390;
	font-size: .85em;
}
.mm-checkoutInfoBlock .mm-checkoutInfoBlockBlock .mm-couponErrorMessage {
	background:#CC3C3F;
	padding:5px 10px;
	border-radius:5px;
	color: #fff;
	text-shadow:1px 1px 0px rgba(0,0,0,0.25);
}
.mm-paypalCheckoutBtn {
    background: url(images/paypal-checkout.gif) no-repeat scroll center top transparent;
}
.mm-couponSection input[type="text"] {
	margin-right: 5px;
}
.mm-couponSection .mm-button {
	background: #08c !important;
	color: #fff !important;
	text-shadow: none !important;
	border: none !important;
	padding: 15px 20px !important;
	vertical-align: top;
}
.mm-couponSection .mm-button:hover {
	background: #06c !important;
}
/* login page */
.mm-remember-me {
	font-size: .75em;
	font-weight: 300;
}
.mm-remember-me input[type="checkbox"] {
	margin: -3px 2px 0 0;
}
.mm-error {
	padding: 5px 10px !important;
	color: #c00 !important;
	font-size: .75em !important;
}
/* account page */
.mm-myaccount-module {
	margin: 0 0 20px !important;
}
.mm-myaccount-module-header {
	
	text-transform: uppercase;
}
.mm-myaccount-module-header img {
	display: inline-block;
	vertical-align: top !important;
	margin: 1px 0 0 !important;
}
.mm-myaccount-module-header .mm-icon {
	background: #333;
	color: #fff;
	padding: 8px 10px;
	margin-right: 5px;
}
.mm-myaccount-module table th,
.mm-myaccount-module table td {
	padding: 8px 0;
	border-top: 1px solid #ddd;
}
.mm-myaccount-module table thead {
	border-bottom: 3px solid #ddd;
}
.mm-myaccount-module table thead th {
	border: none;
}
.mm-myaccount-label {
	font-weight: 700;
	color: #333;
	margin-right: 5px;
}

.mm-update-button {
	font-size: .8em !important;
	background: #08c !important;
	padding: 3px 6px !important;
	color: #eee !important;
}
.mm-update-button:hover {
	text-decoration: none !important;
	color: #fff !important;
	background: #06c !important;
}
.ui-dialog .ui-dialog-content {
	font-family: 'Helvetica Neue', Arial, sans-serif;
}
.mm-myaccount-dialog-section-header {
	
	font-weight: 400;
	background: none !important;
	color: #000 !important;
	padding: 10px 0 0 !important;
	border-top: 4px solid #eee;
	border-radius: 0 !important;
	text-shadow: none !important;
}
.mm-myaccount-dialog-section-header:first-child {
	padding: 0 !important;
	border-top: none;
}

#mm-form-container td {
	padding: 5px 0;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(images/trans-black_50.png);
	opacity: 1.0 !important;
}

/* ---------- Disqus ---------- */
#disqus_thread {
	padding-top: 20px;
	border-top: 4px solid #eee;
}

/* ---------- Contact Form 7 ----------*/
.screen-reader-response {
	display: none;
}

/* ---------- Eventbrite ---------- */
#events-container {
	min-height: 200px;
	background: url(images/loading.gif) 50% 50% no-repeat;
}
.eb_event_list_item {
	padding: 15px 0;
	background: #fff;
	border-top: 2px solid #eee;
}
.eb_event_list_title {
	display: block;
	margin: 0 0 10px;
}
.eb_event_list_date {
	display: inline-block;
	font-weight: 700;
	color: #333;
	margin-right: 10px;
}
.eb_event_list_time {
	color: #999;
}
.eb_event_list_location {
	display: block;
	margin: 10px 0 0;
	color: #690;
}


/* ====================================================================================== */
/* Responsive                                                                             */
/* ====================================================================================== */

/* Super DESKTOP */
@media (max-width: 1599px) { 
	
	.hero {
		height: auto;
	}
	
}

@media (max-width: 1199px) {
	
	.container,
	#header .container {
		width: auto;
		padding: 0 30px;
	}
	
	#header .navbar .nav {
		font-size: .9em;
	}

	.hero.hero-video .video-container {
		padding-bottom: 52%;
	}
	
	.cg-container {
		font-size: .75em;
	}
	.page-banner.lp.promo .promo-hero {
		margin: 0 100px;
	}

}

/* iPad Landscape */
@media (max-width: 1024px) {
	
	.hero .video-container {
		display: none;
	}

	.hero.hero-video .cycle-slideshow,
	.hero.hero-video .cycle-pager {
		display: block;
	}
	.hero.hero-video .value-prop {
		padding: 100px 0 50px;
	}
	.cycle-pager.pager-homepage {
		display: block;
	}

}

/* Large TABLET */
@media (max-width: 979px) {

	.btn.block {
		padding: 15px 15px 17px;
	}
	
	#header .navbar-brand {
		margin: 13px 0 0 15px;
		font-size: 1.2em;
	}
	#header .navbar .nav {
		font-size: .8em;
	}
	#header .navbar .nav li a {
		padding: 15px 20px;
	}
	#header .navbar .nav li:hover ul {
		top: 50px;
	}
	#header .navbar .nav li:hover ul li a {
		padding: 10px;
	}
	
	#wrapper {
		padding: 88px 0 0;
	}
	
	.value-prop,
	.hero.hero-video .value-prop {
		padding: 30px 0;
	}
	.value-prop h1 {
		font-size: 2.5em;
	}
	.value-prop h1 .sub-line {
		padding: 5px 0 0;
	}
	.value-prop .cta-button {
		font-size: 1em;
		padding: 20px 30px;
	}
	
	.cg-container .cell {
		height: auto !important;
	}
	.welcome-area {
		margin-top: 0;
	}
	
	.post-block {
		width: 48%;
	}
	
	#testimonial-slideshow .left-column {
		margin: 0 10px 10px 0;
	}
	#testimonial-slideshow p {
		font-size: .75em;
	}

}

/* Small TABLET */
@media (max-width: 768px) {

	h1,
	.post-title {
		font-size: 2em;
		line-height: 1.2em;
	}
	h2 {
		font-size: 1.5em;
	}
	h2.dots span {
		margin: -4px 0 0 12px;
	}
	h2 .icon-container {
		margin-top: 1px;
	}
	p.headline {
		font-size: 1em;
	}
	
	a.cta-button.x-large {
		font-size: 1.3em;
		padding: 20px 30px;
	}
	
	#header .navbar .nav li a {
		padding: 15px;
	}
	#header .navbar .nav li a i {
		width: 20px;
		text-align: center;
		margin: 0;
	}
	#header .navbar .nav li:hover ul.dropdown {
		display: none;
	}
	#header .top-bar .search-form {
		width: 200px;
	}
	#header .top-bar .search-form input[type="search"] {
		width: 160px;
	}
	
	.tabs-nav ul li {
		float: none;
		display: block;
		margin: 0;
		border-right: none;
		border-bottom: 1px solid #555;
	}
	.tabs-nav ul li a {
		padding: 10px;
	}
	
	.page-content {
		padding-right: 0;
		border-right: none;
	}
	.page-section {
		padding: 30px 0;
	}
	.page-section.section-tall {
		padding: 50px 0;
	}
	.page-section.section-cta {
		padding: 50px 0;
	}
	.page-section .section-title {
		font-size: 1.5em;
	}
	
	.sidebar {
		padding-top: 10px;
		border-top: 1px solid #333;
	}
	.sidebar-cta-container {
		padding: 50px;
	}
	.sidebar-cta-container p {
		font-size: 1.5em;
	}
	
	/* blog */
	.post-featured-image {
		margin: 0 0 10px;
	}
	
	
	/* homepage */
	.hero-slideshow {
		background: #fff;
	}
	.hero-slideshow .cycle-slideshow {
		opacity: 1.0;
	}
	.hero.hero-video {
		max-height: inherit;
	}
	
	.value-prop,
	.hero.hero-video .value-prop {
		position: static;
		padding: 15px;
		background: #fff;
	}
	.value-prop .prop-label {
		font-size: 1em;
		margin: 0 0 10px;
	}
	.value-prop h1 {
		font-size: 1.5em;
		letter-spacing: -1px;
		line-height: 1.4;
		color: #333;
		padding: 0 0 15px;
		margin: 0 0 15px;
	}
	.value-prop h1 span {
		letter-spacing: 0;
		color: #f90;
	}
	.value-prop p {
		color: #666;
	}
	.value-prop .headline {
		font-size: 1.2em;
	}
	.value-prop .cta-button {
		display: block;
		margin: 10px;
	}
	.value-prop .cta-button.learn-more {
		background: #999;
		color: #fff;
		border: none;
	}
	
	.hero.hero-image .value-prop {
		padding: 30px;
		background: #333;
	}
	.hero.hero-image .value-prop .prop-label {
		color: #fc0;
	}
	.hero.hero-image .value-prop h1 {
		color: #fff;
	}
	.hero.hero-image .value-prop .prop-sub-headline {
		width: auto;
	}
	.hero.hero-image .value-prop p {
		color: #aaa;
	}
	
	.cycle-pager {
		height: 50px;
		padding: 15px 0;
	}
	
	.pricing-block-header h2 span.highlight i {
		margin-top: 7px;
	}
	
	.feature-section {
		min-height: 100px;
		background-image: none !important;
		padding: 20px 10px;
	}
	.feature-section h2 {
		font-size: 2em;
		margin: 0 0 10px;
	}
	.feature-section p {
		font-size: 1em;
	}
	
	.form-container {
		padding: 20px 0;
		border-right: none;
		border-left: none;
	}
	
	.mm-myaccount-block {
		float: none !important;
		width: 100% !important;
	}
	
	span.step-number {
		width: 28px;
	}
	.sign-up-progress-bar ul li span.step-number {
		width: auto;
	}
	
	p.site-credit {
		text-align: left;
		margin: 10px 0 0;
	}
	
	.ui-dialog table,
	.ui-dialog thead,
	.ui-dialog tbody,
	.ui-dialog tr,
	.ui-dialog th,
	.ui-dialog td {
		display: block !important;
		width: 100% !important;
	}
	.ui-dialog thead {
		display: none !important;
	}
	

}

/* MOBILE */
@media (max-width: 600px) {

	.embed-left,
	.embed-right {
		width: 30%;
	}
	
	#header .top-bar .search-form {
		display: none;
	}
	#header #user-nav .btn span.user-text {
		display: none;
	}
	#header #user-nav .btn span.caret {
		margin: 8px 0 0;
	}
	ul.video-grid,
	ul.image-grid {
		margin-left: 0 !important;
	}
	ul.video-grid li,
	ul.image-grid li {
		width: 100% !important;
		margin: 0 0 20px !important;
	}

	.page-section h2.centered {
		background: none;
	}
	
	.sign-up-progress-bar ul li {
		display: block;
		float: none;
		border-right: none;
		border-top: 1px solid #ccc;
	}
	.sign-up-progress-bar ul li:first-child {
		border-top: none;
	}
	
	.filter-column {
		width: 48%;
	}
	
	.post-block-container {
		margin-left: 0;
	}
	.post-block {
		width: 100% !important;
		margin: 0 0 20px;
	}
	
	/* training pages */
	.video-cta-container .container-overlay {
		position: static;
		background: #333;
		padding: 15px;
	}
	.video-cta-container .container-overlay .cta-button {
		display: block;
	}
	
	/* buttons */
	.btn-mobile-block {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}

}