/*
Theme Name: MemberDev
Author: Creatency
Author URI: http://creatency.com/
Description: Custom theme for MemberDev, based off WP TwentySixteen.
Version: 1.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;
	font-family: 'Roboto', arial, sans-serif;
	font-weight: 300;
	line-height: 1em;
}

body.page-template-page-intake-account,
body.page-template-page-intake-scope,
body.page-template-page-intake-quote {
	background: url(images/hero-bg-waves-dark.jpg) center center fixed no-repeat;
	background-size: cover;
}

/* Global Tags
========================================================================================================================= */
h1, h2, h3, h4, h5, h6, p {font-weight: 300; margin-bottom: 20px; line-height: 1.5em;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -0.025em; color: #1a1b21;}
h3, h4, h5, h6 {font-weight: 700;}
h1 {font-size: 3em; line-height: 1.2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}
p {font-size: 1em; font-weight: 300; line-height: 1.8em; color: #666;}

.headline {font-size: 1.5em; font-weight: 300; letter-spacing: -0.025em; line-height: 1.6; color: #1a1b21;}
.headline.headline-small {font-size: 1.2em;}
.headline.headline-large {font-size: 2em; margin: 0 0 30px;}
.headline.headline-jumbo {font-size: 2.5em; line-height: 1.4;}
.headline.headline-super {font-size: 3em; line-height: 1.2; color: #434c6d;}
.headline.headline-titan {font-size: 4em; font-weight: 900; line-height: 1.2; color: #1a1b21;}
.headline.headline-block {
	padding: 15px 30px;
	background: #434c6d;
	color: #fff;
}
.headline-content p {
	font-size: 1.2em;
}
/*.headline.headline-thin {font-weight: 100;}*/

.small {
	font-size: .85em;
	font-weight: inherit;
}
.content-small p {
	font-size: .8em;
}

a {
	color: #09c;
	text-decoration: none;
	word-break: break-word;
	-webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
a:hover {
	color: #036;
	text-decoration: underline;
}

blockquote {
	padding: 20px;
	margin: 0 0 20px;
	background: #f5f5f5;
	color: #999;
	font-size: 1.2em;
	line-height: 1.8;
	border-left: 4px solid #ccc;
}
blockquote p:last-child {
	margin: 0;
}
blockquote.small {
	font-size: 1em;
}
blockquote.bold p {
	font-weight: 700;
}
blockquote.color-dark p {
	color: #1a1b21;
}

code {
	display: block;
	padding: 10px;
	background: #fff;
	color: #999;
}

pre {
	padding: 20px;
	margin: 0 0 20px;
}

figcaption {
	display: block;
	padding: 10px;
	margin: 0 0 20px;
	font-size: .85em;
	background: #f5f5f5;
}

sup {
	font-size: .7em;
}

hr {
	border-top-color: #ddd;
}
.hr-10 {
	margin: 10px 0;
}
.hr-15 {
	margin: 15px 0;
}
.hr-20 {
	margin: 20px 0;
}
.hr-30 {
	margin: 30px 0;
}
.hr-50 {
	margin: 50px 0;
}
.hr-aqua {
	border-top-color: #02bad5 !important;
}
.hr-blue {
	border-top-color: #434c6d !important;
}
.hr-dark {
	border-top: 1px solid #036;
}
.hr-thick {
	border-top-width: 5px;
}
.hr-trans {
	border-top: 1px solid rgba(255, 255, 255, .25);
}
.hr-blank {
	border: none;
}
.hr-spacer {
	border: none;
	margin: 30px 0;
}
.hr-spacer-50 {
	border: none;
	margin: 50px 0;
}
.hr-slim {
	width: 10%;
	margin: 20px 0;
	border-top-width: 2px;
}
.hr-slim-centered {
	width: 10%;
	margin: 20px auto;
}
.hr-gradient-blue-aqua {
	height: 3px;
	border: none;
	background: rgb(67,76,109);
	background: linear-gradient(135deg, rgba(67,76,109,1) 0%, rgba(2,186,213,1) 100%);
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}
img.user-avatar {
	border-radius: 500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
}

iframe {
	max-width: 100%;
	margin: 0 0 20px;
}

.beta-tag {
	display: inline-block;
	padding: 5px 10px;
	background: #9c0;
	color: #fff;
	font-size: .6em;
	line-height: 1;
	vertical-align: top;
}
.capitalize {
	text-transform: capitalize;
}
.caps {
	text-transform: uppercase;
}
.centered {
	text-align: center;
}
.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.no-margin {
	margin: 0 !important;
}
.margin-10 {
	margin: 0 0 10px !important;
}
.helper-text {
	font-weight: 300;
	color: #999;
}
.font-300 {
	font-weight: 300 !important;
}
.font-400 {
	font-weight: 400 !important;
}
.font-700 {
	font-weight: 700 !important;
}
.font-900 {
	font-weight: 900 !important;
}
.spaced-3 {
	letter-spacing: 3px;
}
.spaced-5 {
	letter-spacing: 5px;
}
.strikethrough {
	text-decoration: line-through;
	opacity: .5;
}
.block-element {
	display: block;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.image-embed {
	margin: 0 0 20px;
}
.logo-embed {
	display: block;
	max-width: 285px;
	padding: 0 30px;
}
.logo-quote {
	display: block;
	margin: 0 0 20px;
}
.partner-embed {
	padding: 30px;
	margin: 0 0 20px;
}
.embed-left {
	float: left;
	margin: 0 20px 10px 0;
}
.embed-right {
	float: right;
	margin: 0 0 10px 20px;
}
.embed-center {
	margin: 0 auto 30px;
}
.embed-screenshot {
	padding: 30px 0 30px 40px;
	margin: 0 0 20px;
    background: url(images/pattern-diagonal.png) top left repeat-y;
}
.embed-screenshot img {
	box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}
.text-right {}
.bio-image {
	display: block;
	width: 100%;
	margin: 0 0 20px;
}
.plan-image {
	display: block;
	width: auto;
	max-height: 100px;
	margin: 0 0 20px;
}
.plan-image.image-small {
	max-height: 50px;
}
.platform-icon {
	display: block;
	width: 100%;
	max-width: 150px;
	margin: 0 auto 30px;
}
.platform-image {
	display: block;
	width: 30%;
	margin: 0 0 20px;
}
.platform-concept {
	display: block;
	margin: 0 auto;
}
.platform-graphic {
	padding: 30px;
	margin: 50px 0 0;
}
.platform-screenshot {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.process-image {
	display: block;
	width: 50%;
	margin: 0 0 20px;
}
.service-graphic {
	padding: 30px;
}

.brand {
	font-weight: 700;
	letter-spacing: -0.025em;
	color: #434c6d;
}
.brand .brand-dev {
	color: #02bad5;
}
.brand-icon {
	display: block;
	width: 150px;
	margin: 30px 0 20px;
}
.brand-icon.icon-centered {
	margin: 20px auto;
}
.brand-icon.icon-small {
	width: 75px;
}
.brand-image {
	display: block;
	margin: 0 0 20px;
}
.brand-image.image-padded {
	padding: 50px;
}
.brand-image.brand-different {
	padding: 50px;
	opacity: .35;
}
.brand-logo {
	display: block;
	width: 200px;
	margin: 0 0 20px;
}
.brand-logo.logo-centered {
	margin: 0 auto 20px;
}

/* colors */
.color-brand {color: #02bad5 !important;}
.color-brand-blue {color: #434c6d !important;}
.color-lime {color: #9f0 !important;}

.color-aqua {color: #02bad5 !important;}
.color-aqua-light {color: #23dffa !important;}
.color-aqua-dark {color: #0a748f !important;}
.color-aqua-blue {color: #0190bf !important;}

.color-blue {color: #005af7 !important;}
.color-blue-light {color: #49aafb !important;}
.color-green {color: #33c64f !important;}
.color-green-light {color: #63ebac !important;}
.color-purple {color: #9102fa !important;}
.color-purple-light {color: #b861e5 !important;}

.color-yellow {color: #fc0 !important;}
.color-orange {color: #f60 !important;}
.color-orange-light {color: #ffa400 !important;}
.color-red {color: #c00 !important;}

.color-black {color: #000 !important;}
.color-white {color: #fff !important;}
.color-grey {color: #999 !important;}
.color-grey-blue {color: #748ca2 !important;}
.color-grey-dark {color: #313238 !important;}
.color-dark {color: #1a1b21 !important;}
.color-slate {color: #757ca8 !important;}

/* trans colors */
.color-trans-white-25 {color: rgba(255, 255, 255, .25) !important;}
.color-trans-white-50 {color: rgba(255, 255, 255, .5) !important;}
.color-trans-white-75 {color: rgba(255, 255, 255, .75) !important;}

/* plan colors */
.color-starter {color: #33c64f !important;}
.color-starter-light {color: #63ebac !important;}

.color-builder {color: #33c64f !important;}
.color-builder-light {color: #63ebac !important;}

.color-community {color: #005af7 !important;}
.color-community-light {color: #49aafb !important;}

.color-hybrid {color: #9102fa !important;}
.color-memberdev-lite {color: #ffa400 !important;}

/* status colors */
.color-active, .color-open, .color-complete {color: #33c64f !important;}
.color-planned {color: #02bad5 !important;}
.color-in-progress {color: #005af7 !important;}
.color-deployed {color: #1a1b21 !important;}

/* backgrounds */
.bg-lime {background: #9f0 !important;}
.bg-aqua {background: #02bad5 !important;}
.bg-aqua-light {background: #23dffa !important;}
.bg-aqua-dark {background: #0a748f !important;}
.bg-aqua-blue {background: #0190bf !important;}

.bg-blue {background: #005af7 !important;}
.bg-blue-dark {background: #313b60 !important;}
.bg-green {background: #33c64f !important;}
.bg-orange {background:  #f60 !important;}
.bg-purple {background: #6e4bad !important;}
.bg-red {background: #c00 !important;}
.bg-yellow {background: #fc0 !important;}

.bg-grey-dark {background: #313238 !important;}
.bg-grey-blue {background: #748ca2;}
.bg-dark {background: #1a1b21 !important;}
.bg-slate {background: #757ca8 !important;}

/* ----- icons ----- */
.icon-container {
	display: inline-block;
	padding: 10px;
	margin: 0 5px 0 0;
	text-align: center;
	background: #066cd2;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.icon-container i {
	color: #fff;
}
.icon-left {
	margin-right: 5px;
}
.icon-right {
	margin-left: 5px;
}
.icon-circle {
	display: block;
	width: 100px;
	height: 100px;
	padding: 26px 0;
	margin: 0 auto 20px;
	font-size: 3em;
	text-align: center;
	background: #434c6d;
	color: #fff;
	border-radius: 100px;
}
.icon-circle.circle-white {
	background: #fff;
	color: #434c6d;
}
.icon-jumbo {
	display: block;
	font-size: 5em;
	line-height: 1;
}
.icon-jumbo.icon-standalone {
	padding: 20px 0;
}
/* duotone icons */
.duotone-icon {
	position: relative;
	display: inline-block;
	width: 50px;
	font-size: 2em;
	line-height: 1;
	text-align: center;
}
.duotone-icon i {
	display: inline-block;
}
.duotone-icon .icon-top {
	position: absolute;
	right: -15%;
	bottom: -20%;
	font-size: .75em;
	opacity: .75;
}

/* ----- titles ----- */
.jumbo-title {
	font-size: 3em;
	font-weight: 700;
	line-height: 1.2;
}
.jumbo-title .title-block {
	display: block;
}
.jumbo-title .title-gradient {
	display: inline-block;
	font-size: 2.25em;
	background: #005af7;
	background: -webkit-linear-gradient(to right, #005af7 0%, #23dffa 100%);
	background: -moz-linear-gradient(to right, #005af7 0%, #23dffa 100%);
	background: linear-gradient(to right, #005af7 0%, #23dffa 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.jumbo-title .title-icon {
	font-size: 1.5em;
	margin-left: 15px;
}
.list-title {
	padding: 0 0 15px;
	margin: 0;
	border-bottom: 1px solid; 
}
.pushed-title {
	margin: 30px 0 15px;
}
.resource-title {
	font-size: 2.5em;
}
.spaced-title {
	letter-spacing: 5px;
	text-transform: uppercase;
}
.status-title {
	display: block;
	font-weight: 700;
	text-transform: capitalize;
	color: #1a1b21;
}
.utility-title {
	position: relative;
	padding-right: 100px;
}
.utility-title .title-toggle {
	position: absolute;
	top: 0;
	right: 0;
	font-size: .8em;
	font-weight: 400;
}

/* ----- buttons ----- */
.btn {
	display: inline-block;
	padding: 12px 35px;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.2;
	border-radius: 50px;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.btn.btn-default {
	background: none;
	color: #1a1b21;
	border: 2px solid #1a1b21;
}
.btn.btn-default:hover {
	background: #1a1b21;
	color: #fff;
	border-color: #1a1b21;
}
.btn.btn-primary {
	background: #02bad5;
	color: #fff;
	border: 2px solid #02bad5;
}
.btn.btn-primary:hover {
	background: #0a748f;
	color: #fff;
	border-color: #0a748f;
}
.btn.btn-action {
	background: #1a1b21;
	color: #fff;
	border: 2px solid #1a1b21;
}
.btn.btn-action:hover {
	background: #7c7c88;
	color: #fff;
	border-color: #7c7c88;
}
.btn.btn-cta {
	color: #1a1b21;
	background: #99ff00;
}
.btn.btn-cta:hover {
	color: #99ff00;
	background: #1a1b21;
}
/*
.btn.btn-cta {
	position: relative;
	color: #1a1b21;
	background: #99ff00;
	background: -moz-linear-gradient(-45deg, #99ff00 0%, #ccff00 100%);
	background: -webkit-linear-gradient(-45deg, #99ff00 0%,#ccff00 100%);
	background: linear-gradient(135deg, #99ff00 0%,#ccff00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff00', endColorstr='#ccff00',GradientType=1 );
}
.btn.btn-cta:after {
	position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    opacity: 0;
    padding: 10px 33px;
    content: "Get Started";
    border-radius: 50px;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.btn.btn-cta.btn-sm:after {
	padding: 8px 23px;
}
.btn.btn-cta.btn-lg:after {
	padding: 13px 38px;
}
.btn.btn-cta:hover:after {
	background: #92c801;
	opacity: 1.0;
}
*/
.btn.btn-fire {
	position: relative;
	margin: 0 5px 0 0;
	color: #fff;
	background: #ff3300;
	background: -moz-linear-gradient(-45deg, #ff3300 0%, #fd9501 100%);
	background: -webkit-linear-gradient(-45deg, #ff3300 0%,#fd9501 100%);
	background: linear-gradient(135deg, #ff3300 0%,#fd9501 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#fd9501',GradientType=1 );
}
.btn.btn-fire:after {
	position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    opacity: 0;
    padding: 10px 33px;
    content: "Free Project Quote";
    border-radius: 50px;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.btn.btn-fire.btn-sm:after {
	padding: 8px 23px;
}
.btn.btn-fire.btn-lg:after {
	padding: 13px 38px;
}
.btn.btn-fire:hover:after {
	background: #be3600;
	opacity: 1.0;
}
.btn.btn-trans {
	background: rgba(255, 255, 255, .15);
	color: #fff;
}
.btn.btn-trans:hover {
	background: #fff;
	color: #434c6d;
}
.btn.btn-cta-trans {
	background: none;
	color: #02bad5;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}
.btn.btn-cta-trans:hover {
	background: #02bad5;
	color: #fff;
	border-color: #02bad5;
}
.btn.btn-white {
	background: #fff;
	color: #434c6d;
	border: 2px solid #fff;
}
.btn.btn-white:hover {
	background: #1a1b21;
	color: #fff;
	border: 2px solid #1a1b21;
}
.btn.btn-green,
.btn.btn-save {
	background: #33c64f;
	color: #fff;
	border-color: #33c64f;
}
.btn.btn-green:hover,
.btn.btn-save:hover {
	background: #2e845c;
	border-color: #2e845c;
}
.btn.btn-blue {
	background: #005af7;
	color: #fff;
	border-color: #005af7;
}
.btn.btn-blue:hover {
	background: #174579;
	border-color: #174579;
}
.btn.btn-purple {
	background: #9102fa;
	color: #fff;
	border-color: #9102fa;
}
.btn.btn-purple:hover {
	background: #532a7b;
	border-color: #532a7b;
}
.btn.btn-cancel {
	border: 2px solid rgba(0, 0, 0, .1);
}
.btn.btn-cancel:hover {
	border-color: #000;
}
.btn.btn-link {
	padding: 5px 10px;
}
/* button sizes */
.btn-micro {
	font-size: .8em;
	padding: 7px 20px;
}
.btn-sm {
	font-size: .85em;
	padding: 10px 25px;
}
.btn-lg {
	font-size: 1.2em;
	padding: 15px 40px;
}
.btn-xl {
	font-size: 1.5em;
	padding: 15px 50px;
}

.btn-block {
	padding-right: 0;
	padding-left: 0;
}
.btn-block+.btn-block {
	margin-top: 10px;
}

/* social buttons */
.btn.btn-facebook {
	padding: 10px 20px;
	background: #3a5795;
	color: #fff;
}
.btn.btn-facebook:hover {
	background: #1e3870;
}

/* ----- links ----- */
.link-white {
	color: #fff;
	text-decoration: none;
}
.link-white:hover {
	color: rgba(255, 255, 255, .5);
	text-decoration: none;
}
.link-aqua-light {
	color: #4cd5e9;
	text-decoration: none;
}
.link-aqua-light:hover {
	color: #fff;
}
.link-lime {
	color: #9f0;
	text-decoration: none;
}
.link-lime:hover {
	color: #fff;
}
.link-orange-light {
	color: #fd9501;
	text-decoration: none;
}
.link-orange-light:hover {
	color: #fff;
}

/* ----- lists ----- */
ol {
	margin: 0 0 20px 22px;
}
ol li {
	margin: 0 0 20px;
}
dl {
	margin: 0 0 20px;
}
dl dt {
	font-weight: 300;
	margin: 0 0 5px;
}
/* list sizes */
.list-small {
	font-size: .85em;
}
.list-medium {
	font-size: 1.2em;
	letter-spacing: -0.025em;
}
.list-large {
	font-size: 1.4em;
	letter-spacing: -0.025em;
}

/* standard list */
.standard-list {
	list-style: square;
	margin: 0 0 20px 20px;
}
.standard-list li {
	margin: 0 0 15px;
	line-height: 1.5;
}
/* check list */
.check-list {
	list-style: none;
	margin: 0 0 20px;
}
.check-list li {
	line-height: 1.5;
	margin: 0 0 15px;
}
.check-list.two-column li {
	display: inline-block;
	width: 48%;
}
.check-list li i {
	margin: 0 5px 0 0;
	color: #02bad5;
}
.no-bullets {
	list-style: none;
	margin: 0 0 20px;
}
/* icon list */
.icon-list {
	list-style: none;
	line-height: 1.4;
	color: #333;
	margin: 0 0 20px;
}
.icon-list li {
	position: relative;
	padding: 15px 0 15px 30px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.icon-list li i {
	position: absolute;
	top: 16px;
	left: 0;
	width: 20px;
	font-size: 1.2em;
	text-align: center;
}
.icon-list li .list-title {
	padding: 0;
	margin: 0 0 5px;
	border: none;
}
.icon-list li .list-desc {
	font-size: .85em;
	margin: 0;
}
.icon-list.list-trans {
	color: #fff;
}
.icon-list.list-trans li {
	border-top-color: rgba(255, 255, 255, .15);
}
.icon-list.list-large {
	font-weight: 300;
}
.icon-list.list-medium li,
.icon-list.list-large li {
	padding: 17px 0 17px 40px;
}
.icon-list li.feature i {
	width: 60px;
	font-size: 1em;
}
/* item list */
.item-list {
	list-style: none;
	line-height: 1.4;
	color: #333;
	margin: 0 0 20px;
}
.item-list li {
	position: relative;
	padding: 20px 20px 20px 65px;
	margin: 0 0 15px;
	background: rgba(0, 0, 0, .15);
	vertical-align: top;
}
.item-list.list-light li {
	background: rgba(0, 0, 0, .05);
}
.item-list li i {
	position: absolute;
	top: 14px;
	left: 10px;
	width: 40px;
	font-size: 2em;
	text-align: center;
}
.item-list li i.mdi-credit-card {
	top: 18px;
	font-size: 1.4em;
}
.item-list.list-columns-2,
.item-list.list-columns-3 {
	font-size: 0;
	margin-left: -2%;
}
.item-list.list-columns-2 li {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	width: 48%;
	margin: 0 0 2% 2%;
}
.item-list.list-columns-3 li {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	width: 31.33%;
	margin: 0 0 2% 2%;
}
.item-list.list-featured li {
	padding: 25px 25px 25px 70px;
	/*background: rgba(0, 0, 0, .5);*/
}
.item-list.list-featured li i {
	top: 19px;
	left: 15px;
}
/* module list */
.module-list {
	list-style: none; 
	margin: 0 0 20px;
}
.module-list li {
	margin: 0;
	border-top: 1px solid #ddd;
}
.module-list li a {
	position: relative;
	display: block;
	padding: 20px 0 20px 60px;
}
.module-list li a .module-number {
	position: absolute;
	top: 18px;
	left: 0;
	width: 42px;
	padding: 8px 0;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #333;
	border: 2px solid #ccc;
	border-radius: 100px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.module-list li a .module-label {
	display: block;
	font-size: .85em;
	font-weight: 700;
	color: #999;
	margin: 0 0 5px;
}
.module-list li a .module-title {
	display: block;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}
.module-list li.active a .module-number {
	background: #333;
	color: #fff;
	border-color: #333;
}
.module-list li.active a .module-title {
	color: #333;
}
.module-list li a:hover {
	text-decoration: none;
}
.module-list li a:hover .module-number {
	background: #333;
	color: #fff;
	border-color: #333;
}
.module-list li a:hover .module-title {
	color: #333;
}
/* inline list */
.inline-list {
	list-style: none;
	margin: 0;
	color: #33505e;
}
.inline-list li {
	display: inline-block;
	margin: 0 20px 0 0;
}
.inline-list li i {
	color: #85a6b5;
}
/* nav list */
.nav-list {
	list-style: none;
	font-weight: 400;
	margin: 0 0 20px;
}
.nav-list li {
	border-top: 1px solid #ddd;
}
.nav-list li a {
	position: relative;
	display: block;
	padding: 15px;
	text-decoration: none;
}
.nav-list li a:hover {
	background: #069;
	color: #fff;
}
.nav-list li.list-current a {
	background: #036;
	color: #fff;
}
.nav-list li.list-deal a {
	color: #690;
}
.nav-list li.list-deal a:hover {
	background: #690;
	color: #fff;
}
.nav-list li a > i {
	position: absolute;
	top: 15px;
	right: 15px;
}
.nav-list.list-inline li {
	display: inline-block;
	border-top: none;
	border-left: 1px solid #ddd;
}
.nav-list.list-inline li:first-child {
	border-left: none;
} 
.nav-list.list-inline li a {
	padding: 15px 50px 15px 15px;
}
.nav-list.list-light li {
	border-color: rgba(255, 255, 255, .25);
}
.nav-list.list-light li a {
	color: #fff;
}
/* status list */
.status-list {
	list-style: none;
	line-height: 1.4;
	color: #333;
	margin: 0 0 20px;
}
.status-list .list-item {
	position: relative;
	padding: 15px 0 15px 30px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.status-list .list-icon {
	position: absolute;
	top: 16px;
	left: 0;
	width: 20px;
	font-size: 1.2em;
	line-height: 1;
	text-align: center;
}
.status-list .list-icon.js-milestone {
	cursor: pointer;
}
.status-list .list-icon.js-milestone:hover {
	color: #09c;
}
.status-list .list-title {
	padding: 0 70px 0 0;
	margin: 0 0 5px;
	font-weight: 700;
	color: #1a1b21;
	border: none;
}
.status-list .list-detail {
	font-size: .85em;
	margin: 0;
}
.status-list .list-toggle {
	position: absolute;
	top: 16px;
	right: 0;
	font-size: .85em;
}
.status-list .list-content {
	padding: 10px 0;
}
.status-list .list-content p {
	margin-bottom: 10px;
}

/* step list */
.step-list {
	list-style: none; 
	margin: 0 0 20px;
}
.step-list li {
	position: relative;
	padding: 0 0 0 40px;
	margin: 0 0 15px;
	line-height: 1.5;
}
.step-list li .step-label {
	display: block;
	margin: 0 0 5px;
	font-weight: 700;
	color: #1a1b21;
}
.step-list li .step-number {
	position: absolute;
	top: -2px;
	left: 0;
	width: 30px;
	height: 30px;
	padding: 8px 0;
	font-size: .8em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background: #1a1b21;
	color: #fff;
	border-radius: 100px;
}
/* user list */
.user-list {
	list-style: none;
	margin: 0 0 20px;
}
.user-list li {
	min-height: 70px;
	padding: 10px 0 10px 60px;
	border-top: 1px solid #cbdae4;
}
.user-list li:first-child {
	border-top: none;
}
.user-list li .user-avatar {
	top: 10px;
}

/* social */
.social-nav {
	list-style: none;
	margin: 0;
}
.social-nav li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.social-nav li a {
	display: inline-block;
	line-height: 1;
	text-align: center;
	padding: 12px 0;
	width: 40px;
	height: 40px;
	background: #434c6d;
	color: #fff;
	border-radius: 100px;
}
.social-nav li a:hover {
	background: #1a1b21;
}
.social-nav.nav-large {
	font-size: 1.5em;
}
.social-nav.nav-large li a {
	width: 60px;
	height: 60px;
	padding: 15px 0;
}
.social-nav.nav-block li {
	display: block;
	margin: 0 0 10px;
}
.social-nav.nav-block li a {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	text-align: left;
}
.social-nav.nav-block li a i {
	margin-right: 10px;
}
.social-nav.nav-block li a .block-text {
	font-size: .85em;
}

/* social share links */
ul.share-links {
	list-style: none;
	font-size: 1.2em;
	margin: 0 0 20px;
}
ul.share-links li {
	display: inline-block;
	margin: 0;
}
ul.share-links li a {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	width: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
ul.share-links li a:hover {
	background: #666;
}
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;
}
ul.share-links li.linkedin a {
	background: #287bbc;
}
ul.share-links li.linkedin a:hover {
	background: #1b5480;
}

.screen-reader-text {
	display: none;
}

.container-padded-30 {
	padding: 30px;
}

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

.spacer-diagonal {
	display: block;
	width: 100%;
	height: 20px;
	margin: 20px 0;
	background: url(images/pattern-diagonal.png) repeat-x;
}
.spacer-diagonal.diagonal-40 {
	margin: 40px 0;
}

.spacer-gradient {
	height: 5px;
	margin: 20px 0;
	background: #63ebac;
	background: -moz-linear-gradient(-45deg, #63ebac 0%, #49aafb 100%);
	background: -webkit-linear-gradient(-45deg, #63ebac 0%,#49aafb 100%);
	background: linear-gradient(135deg, #63ebac 0%,#49aafb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63ebac', endColorstr='#49aafb',GradientType=1 );
}

/* Header
========================================================================================================================= */
.site-header {
	position: fixed;
	width: 100%;
	padding: 15px 0;
	background: #1a1b21;
	z-index: 1000;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header.header-top-visible {
	padding: 0 0 15px;
}
.site-header .container {
	position: relative;
}
/* header top */
.site-header .header-top {
	width: 100%;
	padding: 10px 0;
	margin: 0 0 15px;
	background: #005af7;
}
.site-header .header-top p {
	padding-right: 100px;
	font-size: .85em;
	color: #fff;
	margin: 0;
}
.site-header .header-top .top-action {
	position: absolute;
	top: -1px;
	right: 15px;
	padding: 5px 15px;
	font-size: .8em;
}

/*
.site-header .header-brand {
	position: absolute;
	top: -6px;
	left: 15px;
	width: 200px;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1002;
}
.site-header .header-brand .brand-icon {
	color: #fc0;
}
.site-header .header-brand:hover {
	color: #fc0;
}
*/
.site-header .header-brand {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 15px;
	font-size: 1.8em;
	font-weight: 700;
	letter-spacing: -1px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1002;
}
.site-header .header-brand .brand-icon {
	display: inline-block;
	width: 35px;
	height: 30px;
	background: url(images/memberdev-icon-white-small.png) top center no-repeat;
	background-size: 35px auto;
	margin: -6px 3px 0 0;
	vertical-align: top;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header .header-brand .brand-text .bold {
	color: #02bad5;
}
.site-header .header-brand:hover {
	color: #02bad5;
}
.site-header .header-nav {
	float: right;
}
.site-header .header-nav ul {
	list-style: none;
	font-weight: 700;
}
.site-header .header-nav ul > li {
	position: relative;
	display: inline-block;
	margin: 0 0 0 5px;
}
.site-header .header-nav ul > li > a {
	display: block;
	height: 40px;
	padding: 12px 20px;
	color: rgba(255, 255, 255, .75);
	text-decoration: none;
	vertical-align: top;
	border-radius: 100px;
}
.site-header .header-nav ul > li > a:hover {
	background: rgba(255, 255, 255, .25);
	color: #fff;
}
.site-header .header-nav ul > li.nav-cta > a {
	color: #ff3300;
}
.site-header .header-nav ul > li.nav-cta > a:hover {
	background: #ff3300;
	color: #fff;
}
.site-header .header-nav ul > li.nav-login > a {
	color: #02bad5;
}
.site-header .header-nav ul > li.nav-login > a:hover {
	background: #02bad5;
	color: #fff;
}
.site-header .header-nav ul > li.nav-quote > a {
	color: #99ff00;
}
.site-header .header-nav ul > li.nav-quote > a:hover {
	background: #99ff00;
	color: #1a1b21;
}
.site-header .header-nav ul > li > a .nav-icon {
	margin-right: 5px;
	opacity: .25;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header .header-nav ul > li > a:hover .nav-icon {
	opacity: 1.0;
}
/* hover sub-menu */
.site-header .header-nav ul > li.nav-menu:hover > a,
.site-header .header-nav ul > li.nav-menu > a:hover {
	background: #fff;
	color: #1a1b21;
	border-radius: 0;
}
.site-header .header-nav .nav-sub-menu {
	display: none;
}
.site-header .header-nav li:hover .nav-sub-menu {
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	width: 220px;
	padding: 10px;
	background: #fff;
	font-size: .9em;
	font-weight: 400;
	margin: 0;
	z-index: 100;
}
.site-header .header-nav li:hover .nav-sub-menu li {
	display: block;
	float: none;
	border-left: none;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.site-header .header-nav li:hover .nav-sub-menu li:first-child {
	border-top: none;
}
.site-header .header-nav li:hover .nav-sub-menu li a {
	position: relative;
	display: block;
	height: auto;
	padding: 15px 5px;
	color: #1a1b21;
	text-align: left;
	border-radius: 0;
}
.site-header .header-nav li:hover .nav-sub-menu li a:hover {
	padding-left: 15px;
	background: #1a1b21;
	color: #fff;
}
/* dropdown (click) */
.site-header .header-nav li.nav-dropdown {
	position: relative;
}
.site-header .header-nav li.nav-dropdown.open > a,
.site-header .header-nav li.nav-dropdown.show > a {
	background: #1a1b21;
	color: #fff;
	border-radius: 0;
}
.site-header .header-nav .dropdown-menu {
	top: auto;
	right: 0;
	min-width: 220px;
	padding: 15px;
	margin: 0;
	font-size: .9em;
	background: #1a1b21;
	border: none;
	border-radius: 0; 
}
.site-header .header-nav .dropdown-menu li {
	display: block;
	float: none;
	margin: 0;
	border-left: none;
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.site-header .header-nav .dropdown-menu li.divider {
	background: rgba(255, 255, 255, .1);
}
.site-header .header-nav .dropdown-menu li:first-child {
	border-top: none;
}
.site-header .header-nav .dropdown-menu li a {
	position: relative;
	display: block;
	height: auto;
	padding: 15px;
	color: rgba(255, 255, 255, .75);
	border-radius: 0;
}
.site-header .header-nav .dropdown-menu li a i {
	position: absolute;
	top: 17px;
	right: 15px;
	width: 20px;
	font-size: 1.2em;
	text-align: center;
}
.site-header .header-nav .dropdown-menu li a:hover {
	background: rgba(255, 255, 255, .1);
	color: #fff;
}

/* mobile */
.site-header .header-mobile-navicon {
	display: none;
	position: absolute;
	top: 2px;
	right: 0;
	padding: 12px 15px;
	line-height: 1;
    cursor: pointer;
    outline: none;
    user-select: none;
    -webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1001;
}
.site-header .header-mobile-navicon .bars {
	display: inline-block;
    width: 32px;
    height: 2px;
    background: #999;
    transition: 0.3s;
    position: relative;
}
.site-header .header-mobile-navicon .bars:before,
.site-header .header-mobile-navicon .bars:after {
	display: inline-block;
    width: 32px;
    height: 2px;
    background: #999;
    border-radius: 0.28571rem;
    -webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.28571rem center;
    transform-origin: 0.28571rem center;
}
.site-header .header-mobile-navicon .bars:before {
	top: 10px;
}
.site-header .header-mobile-navicon .bars:after {
	top: -10px;
}

/* close state */
.site-header .header-mobile-navicon.navicon-close {
	-webkit-transform: scale3d(0.8,0.8,0.8);
    transform: scale3d(0.8,0.8,0.8);
}
.site-header .header-mobile-navicon.navicon-close .bars {
	background: transparent;
}
.site-header .header-mobile-navicon.navicon-close .bars:before,
.site-header .header-mobile-navicon.navicon-close .bars:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 2px;
    width: 42px;
}
.site-header .header-mobile-navicon.navicon-close .bars:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}
.site-header .header-mobile-navicon.navicon-close .bars:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}

/* restyle header styling (on scroll down) */
.site-header.header-restyle {
	/*background: #fff;*/
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

/* homepage header styling */
.page-template-page-homepage .site-header {
	background: none;
}
.page-template-page-homepage .site-header .header-brand .brand-icon {
	background: url(images/memberdev-icon-white-small.png) top center no-repeat;
	background-size: 35px auto;
}
.page-template-page-homepage .site-header.header-restyle {
	background: #1a1b21;
}

/* checkout header */
.page-template-page-checkout .site-header {
	display: none;
}

/* pages where we hide the header all together */
.page-template-page-platform .site-header,
.page-template-page-platform-community .site-header,
.page-template-page-platform-courses .site-header,
.page-template-page-platform-membership .site-header,
.page-template-page-platform-quote .site-header,
.page-template-page-core-offer .site-header,
.page-template-page-course-sales-page .site-header,
.page-template-page-dfy-membership-site .site-header,
.page-template-page-dfy-membermouse .site-header,
.page-template-page-lp-lead-magnet .site-header,
.page-template-page-fitness-membership-websites .site-header {
	display: none;
}

/* get started headers */
.page-template-page-get-started .site-header,
.page-template-page-get-started-test .site-header,
.page-template-page-welcome-custom .site-header,
.page-template-page-welcome-platform .site-header {
	display: none;
}

/* intake headers */
.page-template-page-intake-account .site-header,
.page-template-page-intake-scope .site-header,
.page-template-page-intake-quote .site-header {
	display: none;
}

/* posts where we hide the header all together */
.single-course .site-header,
.single-customer .site-header,
.single-feature_request .site-header,
.single-lead .site-header,
.single-module .site-header,
.single-project .site-header,
.single-project_scope .site-header {
	display: none;
}

/* Structure
========================================================================================================================= */
/* ---------- Columns ---------- */
.column-row {
	width: 100%;
	overflow: auto;
}
.column {
	position: relative;
	float: left;
}
.column-content {
	padding: 10%;
}
/* column sizes */
.column.column-10 {
	width: 10%;
}
.column.column-20 {
	width: 20%;
}
.column.column-30 {
	width: 30%;
}
.column.column-40 {
	width: 40%;
}
.column.column-50 {
	width: 50%;
}
.column.column-60 {
	width: 60%;
}
.column.column-70 {
	width: 70%;
}
.column.column-80 {
	width: 80%;
}
.column.column-90 {
	width: 90%;
}
.column.column-100 {
	width: 100%;
}
/* column colors */
.column-row.row-white {
	background: #fff;
}
.column-row.row-black {
	background: #000;
	color: #fff;
}
.column-row.row-grey {
	background: #333;
	color: #fff;
}
.column-row.row-red {
	background: #900;
}
.column-row.row-red p {
	color: #fff;
}
/* column backgrounds */
.column-image {
	min-height: 550px;
}
.column-image-igs {
	height: 550px;
	background: url(images/testimonial-bg-igs.jpg) center center no-repeat #151515;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.column-image-pcg {
	height: 550px;
	background: url(images/testimonial-bg-pcg-light.jpg) center center no-repeat #f5f5f5;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.column-image-ry {
	height: 550px;
	background: url(images/testimonial-bg-ry-light.jpg) center center no-repeat #f5f5f5;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.column-image-strengthnet {
	height: 550px;
	background: url(images/testimonial-bg-strengthnet.jpg) center center #151515;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
/* column floats */
.column-pull-right {
	float: right;
}

/* ---------- Grids ---------- */
/* ----- block grid ----- */
.block-grid {
	display: table;
	width: 100%;
}
.block-grid .grid-cell {
	display: table-cell;
	vertical-align: top;
}
.block-grid .grid-cell.cell-20 {
	width: 20%;
}
.block-grid .grid-cell.cell-25 {
	width: 25%;
}
.block-grid .grid-cell.cell-30 {
	width: 30%;
}
.block-grid .grid-cell.cell-40 {
	width: 40%;
}
.block-grid .grid-cell.cell-33 {
	width: 33.33%;
}
.block-grid .grid-cell.cell-50 {
	width: 50%;
}
.block-grid .grid-cell.cell-60 {
	width: 60%;
}
.block-grid .grid-cell.cell-70 {
	width: 70%;
}
.block-grid .grid-cell.cell-75 {
	width: 75%;
}
.block-grid .grid-cell.cell-80 {
	width: 80%;
}
.block-grid .grid-cell .cell-content {
	padding: 100px;
}
.block-grid .grid-cell.cell-image {
	min-height: 300px;
}
/* uses masronry.js plugin */
.masonry-grid {
	margin-left: -2%;
}
.masonry-grid .grid-item {
	display: block;
	float: left;
	width: 31.33%;
	margin: 0 0 2% 2%;
}
/* responsive grid */
.rsp-grid {
	font-size: 0;
	margin-left: -3%;
}
.rsp-grid .grid-container {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	margin: 0 0 3% 3%;
	vertical-align: top;
}
.rsp-grid .grid-container.container-25 {
	width: 22%;
}
.rsp-grid .grid-container.container-33 {
	width: 30.33%;
}
.rsp-grid .grid-container.container-50 {
	width: 47%;
}
.rsp-grid .grid-container.container-66 {
	width: 63.66%;
}

.table-grid {
	display: table;
	width: 100%;
	margin: 0 0 20px;
}
.table-grid .grid-cell {
	display: table-cell;
	width: 25%;
	padding: 15px 30px;
	vertical-align: middle;
}
.table-grid .grid-cell .cell-logo {
	display: block;
	width: auto;
	max-height: 80px;
	margin: 0 auto;
	opacity: .5;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.table-grid .grid-cell .cell-logo:hover {
	opacity: 1.0;
	transform: scale(1.10);
}
.table-grid .grid-cell .cell-logo.logo-clear {
	opacity: 1.0;
}

/* -------------------- App -------------------- */
/* ----- app nav ----- */
.app-nav {
	position: fixed;
	top: 0;
	width: 250px;
	height: 100%;
	background: #1a1b21;
	vertical-align: top;
	z-index: 100;
}
.app-nav .nav-brand {
	display: block;
	height: 110px;
	padding: 47px 30px;
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: -1px;
	background-size: 70%;
	color: #fff;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1002;
}
.app-nav .nav-brand .brand-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(images/memberdev-icon-white-small.png) top center no-repeat;
	background-size: 30px auto;
	margin: -5px 8px 0 0;
	vertical-align: top;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.app-nav .nav-brand .brand-text .bold {
	color: #02bad5;
}
.app-nav .nav-brand:hover {
	color: #999;
}
.app-nav .nav-user {
	padding: 20px 30px;
}
.app-nav .nav-user .user {
	margin: 0;
}
.app-nav .nav-user .user .program-label {
	display: block;
	border: none;
}
.app-nav .nav-user .user .program-label .label-type {
	display: block;
	padding: 5px 10px;
	font-size: .85em;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1.2;
	text-align: left;
}
.app-nav .nav-menu ul {
	list-style: none;
	font-size: .9em;
	font-weight: 700;
	padding: 0 20px;
	margin: 0;
}
.app-nav .nav-menu ul li {
	margin: 0;
}
.app-nav .nav-menu ul li:first-child {
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.app-nav .nav-menu ul li a {
	position: relative;
	display: block;
	padding: 20px 0 20px 55px;
	color: rgba(255, 255, 255, .7);
	text-decoration: none;
}
.app-nav .nav-menu ul li a:hover {
	background: #000;
	color: #fff;
}
.app-nav .nav-menu ul li a:hover > i {
	color: #02bad5;
}
.app-nav .nav-menu ul li a sup {
	display: inline-block;
	font-size: .7em;
	font-weight: 700;
	line-height: 1;
	margin-left: 3px;
	vertical-align: middle;
}
.app-nav .nav-menu ul li.menu-admin a > i {
	color: #02bad5;
}
/* active menu highlighting */
.app-nav.nav-dashboard .nav-menu li.menu-dashboard a,
.app-nav.nav-profile .nav-menu li.menu-profile a,
.app-nav.nav-projects .nav-menu li.menu-projects a,
.app-nav.nav-courses .nav-menu li.menu-courses a,
.app-nav.nav-tickets .nav-menu li.menu-tickets a,
.app-nav.nav-affiliates .nav-menu li.menu-affiliates a,
.app-nav.nav-feature-requests .nav-menu li.menu-feature-requests a,
.app-nav.nav-account .nav-menu li.menu-account a {
	background: rgba(255, 255, 255, .15);
	color: #fff;
}
.app-nav .nav-menu ul li a > i {
	position: absolute;
	top: 20px;
	left: 5px;
	width: 40px;
	font-size: 1em;
	font-weight: 300;
	text-align: center;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.app-nav .nav-mobile-navicon {
	display: none;
	position: absolute;
	top: -1px;
	right: 0;
	padding: 18px 15px;
	line-height: 1;
    cursor: pointer;
    user-select: none;
    -webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1001;
}
.app-nav .nav-mobile-navicon .bars {
	display: inline-block;
    width: 32px;
    height: 2px;
    background: #999;
    transition: 0.3s;
    position: relative;
}
.app-nav .nav-mobile-navicon .bars:before,
.app-nav .nav-mobile-navicon .bars:after {
	display: inline-block;
    width: 32px;
    height: 2px;
    background: #999;
    border-radius: 0.28571rem;
    -webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.28571rem center;
    transform-origin: 0.28571rem center;
}
.app-nav .nav-mobile-navicon .bars:before {
	top: 10px;
}
.app-nav .nav-mobile-navicon .bars:after {
	top: -10px;
}

/* close state */
.app-nav .nav-mobile-navicon.navicon-close {
	-webkit-transform: scale3d(0.8,0.8,0.8);
    transform: scale3d(0.8,0.8,0.8);
}
.app-nav .nav-mobile-navicon.navicon-close .bars {
	background: transparent;
}
.app-nav .nav-mobile-navicon.navicon-close .bars:before,
.app-nav .nav-mobile-navicon.navicon-close .bars:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 2px;
    width: 42px;
}
.app-nav .nav-mobile-navicon.navicon-close .bars:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}
.app-nav .nav-mobile-navicon.navicon-close .bars:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}

/* ----- app body ----- */
.app-body {
	min-height: 100vh;
	margin-left: 250px;
	background: #f5f5f5;
}
.app-body.body-admin {
	/* background: #333339; */
}

/* ----- app header ----- */
.app-header {
	position: relative;
	min-height: 110px;
	padding: 35px 380px 30px 40px;
	background: #fff;
	/*
	background: #434c6d;
	background: -moz-linear-gradient(-45deg, #434c6d 0%, #02bad5 100%);
	background: -webkit-linear-gradient(-45deg, #434c6d 0%,#02bad5 100%);
	background: linear-gradient(135deg, #434c6d 0%,#02bad5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434c6d', endColorstr='#02bad5',GradientType=1 );
	*/
}
.app-header .breadcrumb {
	font-size: 1em;
	padding: 15px 0;
	margin: 0;
	background: none;
}
/*
.app-header .breadcrumb a {
	color: #fff;
}
*/
.app-header .header-label {
	color: #4cd5e9;
}
.app-header h1 {
	font-size: 2.4em;
	font-weight: 700;
	margin: 0;
}
.app-header h1 > i {
	display: inline-block;
	margin: 2px 5px 0 0;
	opacity: .5;
	vertical-align: top;
}
.app-header h1 .header-prefix {
	color: #02bad5;
}
.app-header p {
	color: rgba(0, 0, 0, .75);
}
.app-header p:last-child {
	margin: 0;
}
/* header meta */
.app-header .header-utility {
	position: absolute;
	top: 40px;
	right: 40px;
}
.app-header .header-utility .utility-nav {
	font-size: .85em;
	font-weight: 900;
	list-style: none;
	margin: 0;
}
.app-header .header-utility .utility-nav li {
	display: inline-block;
	border-left: 1px solid rgba(0, 0, 0, .15); 
}
.app-header .header-utility .utility-nav li:first-child {
	border-left: none;
}
.app-header .header-utility .utility-nav li a {
	display: inline-block;
	padding: 12px 15px;
	text-decoration: none;
}
.app-header .header-utility .utility-nav li a:hover {
	background: rgba(0, 0, 0, .05);
	color: #1a1b21;
}
/* hero header */
.app-header.header-hero {
	position: relative;
	padding: 0;
	max-height: 400px;
	background: #151515;
	overflow: hidden;
}
.app-header.header-hero > img {
	display: block;
	width: 100%;
	opacity: .4;
}
.app-header.header-hero .header-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 50px;
	z-index: 5;
}
.app-header.header-hero .header-content h1 {
	margin: 0 0 20px;
}
/* admin header */
.app-header.header-admin {
	background: #333339;
}
.app-header.header-admin h1 {
	color: #fff;
}

/* ----- app section ----- */
.app-section {
	padding: 40px;
}
.app-section h1 {
	font-size: 2em;
	font-weight: 700;
}
.app-section.section-light {
	background: #f5f5f5;
}
.app-section.section-dark {
	background: #434c6d;
}

/* ---------- checkout ---------- */
.page-template-page-checkout {
	background: url(images/hero-bg-desk-dark.jpg) top center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
.checkout-container {
	padding: 30px;
	box-shadow: 2px 4px 5px rgba(0, 0, 0, .15);
}
.checkout-container br {
	display: none;
}

.checkout-container.checkout-guest #mm-field-password {
	display: none;
}

/* checkout columns */
.checkout-container.container-columns {
	padding: 0;
}
.checkout-container.container-columns .mm-checkoutContainer {
	margin: 0;
}
.checkout-container.container-columns .mm-checkoutContainer .mm-formError {
	padding: 10px;
	margin: 0;
	font-size: 1em;
	border-radius: 0;
}
/* margin out all p's to avoid WP spacing issues */
.checkout-container.container-columns p {
	font-size: 1em;
	margin: 0;
}
.checkout-container.container-columns p.headline {
	font-size: 1.2em;
}
/* add back margin to specific p's */
.checkout-container.container-columns .mm-productDesc,
.checkout-container.container-columns .checkout-terms {
	margin: 0 0 10px;
}
.checkout-column {
	display: table-cell;
	padding: 50px;
	vertical-align: top;
}
.checkout-column.column-product {
	width: 45%;
	background: #1a1b21;
}
.checkout-column.column-product img {
	display: block;
	width: 250px;
	margin: 0 0 20px;
}
.checkout-column.column-product .mm-checkoutSection {
	padding: 0;
}
.checkout-column.column-product .section-image {
	display: block;
	margin: 0 0 15px;
}
.checkout-column.column-product .product-title {
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}
.checkout-column.column-product .mm-productDesc {
	color: rgba(255, 255, 255, .5);
}
.checkout-column.column-product a:hover {
	color: #fff;
}
.checkout-column.column-payment {
	width: 55%;
	background: #fff;
}
.checkout-column.column-payment .row {
	margin-right: -5px;
	margin-left: -5px;
}
.checkout-column.column-payment .row > [class^="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}
.checkout-column.column-payment input {
	outline: none;
}
.checkout-column.column-payment .mm-checkoutInfoBlock {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
}
.checkout-column.column-payment .mm-checkoutInfoBlock h3 {
	font-size: 1em;
	margin: 0 0 10px;
}
.checkout-column.column-payment .mm-checkoutInfoBlock .mm-ccLogos img {
	width: 166px;
	margin: 0 0 10px;
}
.checkout-column.column-payment .mm-checkoutInfoBlock .billing-details {
	font-size: 1em;
	text-transform: none;
}
.checkout-column.column-payment .mm-paymentbuttons {
	margin: 0 0 20px;
}
.checkout-column.column-payment .mm-paymentbuttons .mm-button {
	width: 100% !important;
}
.checkout-column.column-payment .checkout-disclaimer {
	padding: 15px;
	margin: 0 0 15px;
	border: 1px solid #ccc;
}
.checkout-column.column-payment .checkout-disclaimer .disclaimer-link {
	font-size: .9em;
	font-weight: 700;
	margin: 0 0 10px;
}
.checkout-column.column-payment .checkout-disclaimer label {
	display: block;
}
.checkout-column.column-payment .checkout-disclaimer .mm-remember-me {
	margin: 10px 0 0 !important;
}
/* new Stripe elements fields */
.checkout-column.column-payment .mm-stripe-elements-container {
	height: auto;
	padding: 15px;
	background: #eee;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.checkout-column.column-payment #mm_field_cc_number_div,
.checkout-column.column-payment #mm_field_cc_cvv_div,
.checkout-column.column-payment #mm_field_cc_exp_div {
	width: 100%;
}

.g-recaptcha {
	margin: 0 0 20px;
}

.checkout-container.container-columns p.checkout-detail {
	font-size: .8em;
	margin: 0 0 10px;
}
.checkout-container.container-columns p.checkout-security {
	position: relative;
	font-size: 1em;
	font-weight: 700;
	padding-left: 22px;
	margin: 0 0 10px;
}
.checkout-container.container-columns p.checkout-security i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.4em;
}
.checkout-container.container-columns p.checkout-terms {
	font-size: .75em;
}

/* ----- page header ----- */
.page-header {
	position: relative;
	padding: 120px 0 30px;
	margin: 0;
	border-bottom: none;
	/*background: #005662;*/
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header .header-brand {
	display: block;
	width: 200px;
	margin: 0 0 30px;
}
.page-header .header-brand.brand-centered {
	margin: 0 auto 30px;
}
.page-header .header-brand.brand-400 {
	width: 400px;
}
.page-header .header-label {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 10px;
}
.page-header h1 {
	font-weight: 900;
	padding: 0;
	margin: 0 0 20px;
	border: none;
}

.page-header .header-content.content-light h2,
.page-header .header-content.content-light h3,
.page-header .header-content.content-light h4,
.page-header .header-content.content-light h5,
.page-header .header-content.content-light h6,
.page-header .header-content.content-light p,
.page-header .header-content.content-light ul {
	color: #fff;
}

.page-header .utility-buttons {
	position: absolute;
	top: 15px;
	right: 0;
}
.page-header .utility-buttons .dropdown {
	display: inline-block;
}

.page-header h1 hr {
	display: inline-block;
	width: 20%;
	margin: 30px 30px 0;
	border-top: 2px solid rgba(255, 255, 255, .25);
	vertical-align: top;
}
.page-header .headline {
	color: #333;
}
.page-header .header-cta {
	text-align: right;
}
.page-header .header-cta .btn-cta {
	padding: 12px 50px;
}

.page-header .breadcrumb {
	font-size: .85em;
	margin: 0 0 15px;
	border: none;
	color: #aaa;
}
.page-header .breadcrumb > span {
	color: #aaa;
}
.page-header .breadcrumb > .breadcrumb-spacer {
	display: inline-block;
	margin: 0 5px; 
}
.page-header .breadcrumb > span a {
	color: #02bad5;
}
.page-header .breadcrumb > span a:hover {
	color: #000;
}

.page-header .header-nav {
	padding: 15px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.page-header .header-nav .nav li a {
	color: rgba(255, 255, 255, 0.75);
}
.page-header .header-nav .nav li a:hover {
	color: #fff;
}

/* get started header */
.page-header.header-get-started {
	padding: 50px 0 30px;
}
/* jumbo headers */
.page-header.header-jumbo h1 {
	font-size: 3.5em;
}
.page-header.header-jumbo {
	padding: 150px 0 50px;
}

.page-header.header-featured-image {
	padding: 340px 0 0;
}
/* page header backgrounds */
.page-header.header-about {
	background: url(images/section-bg-different-dark.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-content {
	background: url(images/section-bg-course-desk.jpg) center center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-desk {
	background: url(images/hero-bg-desk-dark.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-dfy {
	background: url(images/hero-bg-entrepreneur.jpg) bottom center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-ecommerce {
	background: url(images/hero-bg-particles.jpg) center center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-fitness {
	background: url(images/section-bg-fitness.jpg) center center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-global {
	background: url(images/section-bg-global.jpg) #1a1b21;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-lp-accelerator {
	background: url(images/hero-bg-waves-light.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-lp-platform {
	background: url(images/hero-bg-waves-dark.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-platform {
	background: url(images/hero-bg-waves-dark.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-wordpress {
	background: url(images/page-header-bg-wordpress.jpg) center center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-course {
	padding: 70px 0;
	background: url(images/section-bg-course-desk.jpg) center center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* lp header (landing pages) */
.page-header.header-lp {
	padding: 50px 0 30px;
}

/* special header styling */
.page-header.header-platform.platform-main {
	padding: 60px 0 0;
}
.page-header.header-platform.platform-sub {
	padding: 60px 0 50px;
}

/* headers with nav */
.page-header.header-with-nav {
	padding: 60px 0 0;
}
.page-header.header-with-nav .header-nav {
	padding: 15px 0;
	margin: 30px 0 0;
	background: rgba(0, 0, 0, .5);
}
.page-header.header-with-nav .nav-menu {
	list-style: none;
	font-weight: 700;
	margin: 0;
}
.page-header.header-with-nav .nav-menu li {
	display: inline-block;
	margin: 0;
	border-left: 1px solid rgba(255, 255, 255, .25);
}
.page-header.header-with-nav .nav-menu li:first-child {
	border-left: none;
}
.page-header.header-with-nav .nav-menu li a {
	display: block;
	padding: 15px 30px;
	color: #fff;
	text-decoration: none;
}
.page-header.header-with-nav .nav-menu li a:hover {
	background: #fff;
	color: #02bad5;
}

/* ----- page sections ----- */
.page-section {
	position: relative;
	padding: 80px 0;
}
.page-section.section-slim {
	padding: 40px 0;
}
.page-section.section-light {
	background: #f5f5f5;
}
.page-section.section-dark hr {
	border-top: 2px solid rgba(0, 0, 0, .1);
}

.page-section.section-dark {
	background: #313b60;
}
.page-section.section-dark h2,
.page-section.section-dark h3 {
	color: #fff;
}
.page-section.section-dark p {
	color: rgba(255, 255, 255, .75);
}
.page-section.section-dark hr {
	border-top: 2px solid rgba(255, 255, 255, .1);
}
/* section colors */
.page-section.section-color-white {
	background: #fff;
}
.page-section.section-color-metal {
	background: #333;
}
.page-section.section-color-turq {
	background: #0099b0;
}
.page-section.section-color-aqua {
	background: #0a748f;
}
.page-section.section-color-brand {
	background: #02bad5;
}
.page-section.section-color-green {
	background: #2e845c;
}
.page-section.section-color-blue {
	background: #174579;
}
.page-section.section-color-purple {
	background: #532a7b;
}

.page-section.section-blue-membermouse {
	background: rgb(6,108,210);
	background: linear-gradient(180deg, rgba(6,108,210,1) 0%, rgba(1,78,154,1) 100%);
}
.page-section.section-no-bottom-padding {
	padding-bottom: 0;
}

.page-section .container {
	position: relative;
	z-index: 5;
}
.page-section .container.container-raised {
	padding: 30px;
	margin: -150px auto 80px;
	background: #1a1b21;
}

.page-section .section-label {
	position: relative;
	display: block;
	padding-left: 100px;
	margin: 0 0 20px;
	font-size: 1.2em;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #f60;
}
.page-section .section-label:before {
	position: absolute;
	top: 10px;
	left: 0;
	content: "";
	height: 4px;
	width: 80px;
	background: rgba(0, 0, 0, .25);
}

/* section content */
.page-section .section-content {

}
.page-section .section-content.content-light h2,
.page-section .section-content.content-light h3,
.page-section .section-content.content-light h4,
.page-section .section-content.content-light h5,
.page-section .section-content.content-light h6,
.page-section .section-content.content-light p,
.page-section .section-content.content-light ul {
	color: #fff;
}

/* section menu */
.page-section.section-menu {
	padding: 15px 0;
	background: #434c6d;
	background: -moz-linear-gradient(-45deg, #434c6d 0%, #02bad5 100%);
	background: -webkit-linear-gradient(-45deg, #434c6d 0%,#02bad5 100%);
	background: linear-gradient(135deg, #434c6d 0%,#02bad5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434c6d', endColorstr='#02bad5',GradientType=1 );
}
.page-section .section-nav {
	list-style: none;
	font-weight: 700;
	margin: 0;
}
.page-section .section-nav li {
	display: inline-block;
	margin: 0;
	border-left: 1px solid rgba(255, 255, 255, .25);
}
.page-section .section-nav li:first-child {
	border-left: none;
}
.page-section .section-nav li a {
	display: block;
	padding: 15px 30px;
	color: #fff;
	text-decoration: none;
}
.page-section .section-nav li a:hover {
	background: #fff;
	color: #02bad5;
}
/* alert sections */
.page-section.section-alert {
	padding: 30px 0;
	background: #ff6600;
	background: -moz-linear-gradient(-45deg, #ff6600 0%, #ff9900 100%);
	background: -webkit-linear-gradient(-45deg, #ff6600 0%,#ff9900 100%);
	background: linear-gradient(135deg, #ff6600 0%,#ff9900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff9900',GradientType=1 );
}

/* cta sections */
.page-section.section-cta {
	background: #434c6d;
	overflow: hidden;
}
.page-section.section-cta .container {
	position: relative;
}
.page-section.section-cta h2 {
	color: #fff;
	margin: 0 0 10px;
}
.page-section.section-cta p {
	color: rgba(255, 255, 255, .75);
	margin: 0 0 30px;
}
.page-section.section-cta .cta-icon {
	position: absolute;
	bottom: -75px;
	right: 15px;
	width: 380px;
	z-index: 10;
}

/* raised sections */
.page-section.section-raised {
	padding-top: 200px;
	margin-top: -75px;
}
/* pull/push sections */
.page-section.section-raised > .container {
	position: relative;
	margin-top: -100px;
}
.page-section.section-pull {
	padding-bottom: 0;
}
.page-section.section-pull .section-header {
	margin-top: -140px;
}
.page-section.section-push {
	padding-bottom: 100px;
}

/* diagonal sections */
.page-section.section-diagonal {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.page-section.section-diagonal.diagonal-white:after {
	content: "";
	position: absolute;
    bottom: -219rem;
    left: -150rem;
    width: 1000rem;
    height: 403rem;
    background: #f5f5f5;
    transform: rotate(-30deg);
}
/* diagonal sections */
.page-section.section-diagonal.diagonal-light:after {
	content: "";
	position: absolute;
    bottom: -219rem;
    left: -150rem;
    width: 1000rem;
    height: 403rem;
    background: #fff;
    transform: rotate(-30deg);
}
.page-section.section-diagonal.diagonal-blue {
	background: #313b60;
	background: -moz-linear-gradient(45deg, #313b60 0%, #10548e 100%);
	background: -webkit-linear-gradient(45deg, #313b60 0%,#10548e 100%);
	background: linear-gradient(45deg, #313b60 0%,#10548e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313b60', endColorstr='#10548e',GradientType=1 );
	overflow: hidden;
}
.page-section.section-diagonal.diagonal-blue .container:before {
    display: block;
    content: " ";
    position: absolute;
    bottom: -150rem;
    left: -170rem;
    width: 250rem;
    height: 200rem;
    background: rgba(0, 0, 0, .1);
    -webkit-transform: rotate(-30deg);
    transform: rotate(30deg);
}
.page-section.section-diagonal.diagonal-grid-blue {
	background: url(images/gridline2x-white-top-right.png) top left no-repeat #313b60;
}
.page-section.section-diagonal-grid {
	background: url(images/gridline2x-bg-white-right.png) top right no-repeat #fff;
}
.page-section.section-diagonal-grid.grid-home {
	padding-bottom: 140px;
}

/* sections with background images */
.page-section.section-auth {
	padding: 120px 0 50px;
	background: url(images/hero-bg-desk-dark.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-checkout {
	padding: 30px 0;
	background: none;
}
.page-section.section-courses-cta {
	background: url(images/section-bg-courses.jpg) center center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-insider-cta {
	padding: 140px 0 50px;
	background: url(images/section-bg-courses.jpg) center center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-intro {
	background: url(images/section-bg-matrix-light-gradient.jpg) #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-graph {
	padding: 100px 0;
	background: url(images/section-bg-graph-aqua-dark.jpg) #035b72;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-different {
	padding: 50px 0;
	background: url(images/section-bg-denver-bw.jpg) top left #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-different-home {
	padding: 70px 0;
	background: url(images/section-bg-different.jpg) center center no-repeat #fff;
	background-attachment: fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-different-dark {
	padding: 70px 0;
	background: url(images/section-bg-different-dark.jpg) center center no-repeat #fff;
	background-attachment: fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-bg-metrics {
	padding: 100px 0;
	background: url(images/section-bg-metrics.jpg) #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
.page-section.section-desk {
	padding: 100px 0;
	background: url(images/hero-bg-desk-dark.jpg) top center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-desk-gradient {
	padding: 100px 0;
	background: url(images/hero-bg-desk-gradient.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-desk-course {
	padding: 100px 0;
	background: url(images/section-bg-course-desk.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-fitness {
	padding: 100px 0;
	background: url(images/section-bg-fitness.jpg) center center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-igs {
	background: url(images/testimonial-bg-igs.jpg) center center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-strengthnet {
	background: url(images/testimonial-bg-strengthnet.jpg) center center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-bg-projects {
	padding: 100px 0;
	background: url(images/projects-collage-v1.jpg) top center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-bg-projects-diagonal {
	padding: 100px 0;
	background: url(images/projects-collage-v2-diagonal.jpg) center center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-bg-projects-diagonal.projects-fixed {
	padding: 100px 0;
	background: url(images/projects-collage-v2-diagonal.jpg) top center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-attachment: fixed;
}
/* fixed sections */
.page-section.section-fixed {
	background-attachment: fixed !important;
}
/* gradient sections */
.page-section.section-gradient {
	background: #434c6d;
	background: -moz-linear-gradient(-45deg, #434c6d 0%, #02bad5 100%);
	background: -webkit-linear-gradient(-45deg, #434c6d 0%,#02bad5 100%);
	background: linear-gradient(135deg, #434c6d 0%,#02bad5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434c6d', endColorstr='#02bad5',GradientType=1 );
}
/* section header */
.page-section .section-header {
	position: relative;
	padding: 30px 50px 30px 100px;
}
.page-section .section-header .header-icon {
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 3em;
	line-height: 1;
}
.page-section .section-header .header-utility {
	position: absolute;
	top: 30px;
	right: 30px;
}
.page-section .section-header .header-utility .utility-label {
	display: block;
	padding: 10px 30px;
	margin: 0 0 10px;
	background: rgba(255, 255, 255, .15);
	color: #fff;
	border-radius: 100px;
}
.page-section .section-header.header-dark {
	background: #1a1b21;
}
.page-section .section-header.header-aqua {
	background: #0a748f;
}
.page-section .section-header.header-green {
 background: #018630;
}
.page-section .section-header.header-blue {
	background: #036;
}
.page-section .section-header.header-purple {
	background: #306;
}
.page-section .section-header.header-white {
	background: #fff;
}
.page-section .section-header.header-content {
	padding: 30px;
	margin-bottom: 50px;
}
.page-section .section-header.header-testimonial {
	padding-top: 50px;
}
/* main features section */
.main-features .page-section {
	padding: 30px 0 80px;
}
.main-features .page-section .container {
	width: auto;
	padding: 0;
}
.main-features .page-section .section-header {
	margin: 0 -30px 30px;
}
.main-features .page-section .section-header.header-first {
	margin: -30px -30px 30px;
}

/* section blocks */
.page-section .section-block.block-aqua {
	background: #0a748f;
}
.page-section .section-block.block-blue {
	background: #2e3965;
}
.page-section .section-block.block-light {
	background: #f5f5f5;
	border-bottom: 3px solid #e5e5e5;
}
.page-section .section-block.block-white {
	background: #fff;
}
.page-section .section-block.block-raised {
	position: relative;
	margin: -100px 0 50px;
	border-bottom: 3px solid #ddd;
}
.page-section .section-block .block-content {
	padding: 50px;
}
.page-section .section-block .block-content.content-30 {
	padding: 30px;
}

/* slideshow section */
.page-section.section-slideshow {
	position: relative;
	padding: 0;
}
.page-section.section-slideshow .cycle-pager {
	width: 100%;
	z-index: 100;
}

/* section module */
.section-module {
	padding: 20px;
	margin: 0 0 20px;
	background: #fff;
}

/* section raised containers */
.section-raised-container {
	position: relative;
	margin-top: -150px;
	z-index: 10;
}
.section-raised-container .container {
	padding: 30px;
	margin: 0 auto;
	background: #1a1b21;
}
.section-raised-container .col-feature {
	padding: 0;
}
.section-raised-container .feature {
	margin: 0;
}

/* ----- page overlay ----- */
.page-overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	overflow: auto;
	z-index: 1000;
}
.page-overlay.visible {
	display: block;
}
.page-overlay .overlay-wrap {
	padding: 30px 0;
}
.page-overlay .overlay-header {
	position: relative;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #02bad5;
}
.page-overlay .overlay-header .header-title {
	color: #fff;
	margin: 0;
	font-size: 1.5em;
	font-weight: 700;
}
.page-overlay .overlay-header .header-close {
	position: absolute;
	top: 5px;
	right: 0;
	font-family: Helvetica;
	font-size: 3em;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	opacity: .5;
}
.page-overlay .overlay-header .header-close:hover {
	opacity: 1.0;
}
.page-overlay .overlay-body {
}
/* menu overlay */
.page-overlay.overlay-menu {
	background: rgba(0, 0, 0, .85);
}
.page-overlay.overlay-menu .overlay-nav .nav-title {
	color: #02bad5;
}
/* overlay nav menu */
.page-overlay.overlay-menu .overlay-nav .nav-menu {
	list-style: none;
	font-size: .9em;
}
.page-overlay.overlay-menu .overlay-nav .nav-menu li {
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.page-overlay.overlay-menu .overlay-nav .nav-menu li a {
	position: relative;
	display: block;
	padding: 15px 0;
	color: rgba(255, 255, 255, .75);
	text-decoration: none;
}
.page-overlay.overlay-menu .overlay-nav .nav-menu li a:hover {
	padding-left: 15px;
	background: #02bad5;
	color: #fff;
}
.page-overlay.overlay-menu .overlay-nav .nav-menu li a i {
	position: absolute;
	top: 17px;
	right: 10px;
	width: 24px;
	text-align: center;
	opacity: .5;
}

/* ---------- Post ---------- */
.post-banner {
	padding: 50px;
	margin: 0 -50px 30px;
	background: url(images/banner-bg-resource.jpg) center center no-repeat #035b72;
	-webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}
.post-banner .banner-icon {
	display: block;
	font-size: 5em;
	line-height: 1;
	color: #fff;
	margin: 0 0 15px;
}
.post-banner h1 {
	font-weight: 700;
	color: #fff;
	margin: 0;
}
.post-banner.banner-resource {
	padding: 100px 0 30px;
	margin: 0;
}
.post-banner.banner-resource p:last-child {
	margin: 0;
}
.post-banner.banner-resource .breadcrumb {
	padding: 0;
	margin: 0;
	border: none;
}

.post-body {
	padding-right: 30px;
	border-right: 1px solid #ddd;
}

.post-featured-image {
	position: relative;
	margin: -320px -30px 30px;
	max-height: 500px;
	overflow: hidden;
}
.post-featured-image img {
	width: 100%;
}
.post-featured-image .image-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 30px;
	z-index: 5;
}
.post-featured-image .image-label {
	display: inline-block;
	padding: 10px 20px;
	margin: 0;
	background: #fff;
	color: #434c6d;
}
.post-featured-image .image-title {
	display: block;
	padding: 20px;
	margin: 0;
	background: rgba(2, 186, 213, .7);
	color: #fff;
}
/* post content */
.post-content h2 {
	font-weight: 900;
}
.post-content ul,
.post-content ol {
	margin: 0 0 30px 20px;
	color: #1a1b21;
}
.post-content li {
	margin: 0 0 10px;
	line-height: 1.5;
}
.post-content li strong {
	color: #1a1b21;
	font-weight: 700;
}
.post-content ul ul,
.post-content ol ul {
	margin: 10px 0 10px 20px;
}
.post-content .share-links {
	margin: 0 0 30px;
}
.post-content.content-with-rail {
	position: relative;
	padding: 0 0 0 230px;
}
.post-content.content-with-rail .content-rail {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
}
.post-content ul.check-list,
.post-content ul.icon-list {
	margin-left: 0;
}
.post-content ul.icon-list li {
	margin-bottom: 0;
}

/* post navigation */
.post-nav {
	padding: 20px;
	margin: 0 0 15px;
	background: #fff;
	border: 2px solid #ddd;
	overflow: auto;
}
.post-nav .nav-links {
	display: table;
	width: 100%;
}
.post-nav .nav-previous,
.post-nav .nav-next {
	display: table-cell;
	width: 50%;
}
.post-nav .nav-previous {
	border-right: 1px solid #ddd;
}
.post-nav .nav-next {
	text-align: right;
	border-left: 1px solid #ddd;
}
.post-nav .nav-previous:before,
.post-nav .nav-next:before {
	display: block;
	font-size: .85em;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #999;
}
.post-nav .nav-previous:before {
	content: "Previous";
}
.post-nav .nav-next:before {
	content: "Next";
}
.post-nav a {
	display: block;
	position: relative;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.4;
}
.post-nav .nav-previous a {
	padding: 10px 10px 10px 35px;
}
.post-nav .nav-next a {
	padding: 10px 35px 10px 10px;
	text-align: right;
}
.post-nav .nav-previous a:before,
.post-nav .nav-next a:before {
	position: absolute;
	top: 10px;
	font-family: FontAwesome;
	font-size: 1.4em;
	line-height: 1;
}
.post-nav .nav-previous a:before {
	left: 0;
	content: "\f137";
}
.post-nav .nav-next a:before {
	right: 0;
	content: "\f138";
}
.post-nav .no-link {
	display: inline-block;
	padding: 5px 10px;
	margin: 10px 0 0;
	font-size: .85em;
	font-weight: 700;
	background: #eee;
	color: #333;
}


/* ---------- Sidebar ---------- */
/* resource styling for "squeezed" content */
.sidebar.sidebar-resource .well-meta .headline-small {
	font-size: 1em;
}
.sidebar.sidebar-resource .well-meta ul {
	font-size: .9em;
}


/* Components
========================================================================================================================= */
/* ---------- Accordions ---------- */
.accordion {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.accordion-toggle {
    position: relative;
    display: block;
    padding: 20px 20px 20px 60px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none !important;
}
.accordion-toggle:hover {
    text-decoration: none;
}
.accordion-toggle .toggle-icon {
    position: absolute;
    top: 17px;
    left: 15px;
    font-size: 1.5em;
    line-height: 1;
    color: #1ab1db;
}
.accordion-toggle.open {
    color: #1ab1db;
}
.accordion-content {
    display: none;
    padding: 0 20px 20px 60px;
}
.accordion-content p {
    font-size: .9em;
}
.accordion-content p:last-child {
    margin: 0;
}
/* light accordions */
.accordion.accordion-light {
    border-top: 1px solid rgba(255, 255, 255, .1);
}

/* ---------- Cards ---------- */
.card {
	position: relative;
	background: #fff;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .25);
	word-wrap: inherit;
}
.card .card-image {
	position: relative;
	background: #151515;
	overflow: hidden;
}
.card .card-image > a {
	display: block;
}
.card .card-image img {
	display: block;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card .card-image > a:hover img {
	opacity: .5;
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
	transform:scale(1.15);
}
.card-image > a:after {
	content: "View →";
	opacity: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
	padding: 15px 20px;
	color: #fff;
	font-weight: 700;
	background: rgba(2, 186, 213, .5);
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card-image:hover > a:after {
	opacity: 1.0;
	margin-top: -48px;
}
.card .card-image .image-tag {
	position: absolute;
	top: 20px;
	left: 20px; 
}
.card .card-image .image-tag a {
	display: block;
	padding: 10px 20px;
	font-size: .85em;
	font-weight: 700;
	background: #02bad5;
	color: #fff;
	border-radius: 100px;
	text-decoration: none;
	z-index: 10;
}
.card .card-image .image-tag a:hover {
	background: #fff;
	color: #02bad5;
}
.card .card-image .image-label {
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 7px 15px;
	font-weight: 900;
	background: #fc0;
	color: #151515;
}
.card .card-image .image-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .8));
}
.card .card-content {
	padding: 30px;
} 
.card .card-content .content-title {
	margin: 0 0 15px;
}
.card .card-content .content-title a {
	display: block;
	color: #151515;
	text-decoration: none;
}
.card .card-content .content-title a:hover {
	color: #08c;
}
.card .card-content p {
	font-size: .85em;
}
.card .card-content p.headline {
	font-size: 1.2em;
}.card .card-content p.headline.headline-small {
	font-size: 1em;
}
/* card header */
.card-header {
	padding: 30px;
	border-bottom: 1px solid #ddd;
}
.card-header .card-title {
	margin: 0;
}
/* card body */
.card-body {
	padding: 30px;
}
/* full cards */
.card.card-full .card-header {
	border-bottom: none;
}
.card.card-full .card-body {
	border-left: 1px solid #ddd;
}
/* product cards */
.card.card-product {
	background: rgba(0, 0, 0, .5);
	margin: 0 0 30px;
}
.card.card-product .card-icon {
	display: block;
	width: auto;
	max-height: 100px;
	margin: 0 0 15px;
}
.card.card-product .card-title sup {
	font-size: .6em;
}
.card.card-product .card-content {
	padding: 40px;
}
/* study cards */
.card.card-study {
	background: none;
	box-shadow: none;
}
.card.card-study .card-content {
	padding: 20px;
}
/* dark cards */
.card.card-dark {
	background: #151515;
}
/* fixed height cards */
.card.card-fixed-height .card-image {
	max-height: 180px;
}
/* status cards */
.card.card-status {
	border-left: 3px solid;
	box-shadow: none;
	margin: 0 0 15px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card.card-status:hover {
	transform: scale(1.05);
}
.card.card-status .status-block {
	display: block;
	padding: 15px;
	text-decoration: none;
}
.card.card-status .status-block .block-title {
	display: block;
	font-weight: 900;
	line-height: 1.2;
	margin: 0 0 5px;
	color: #1a1b21;
}
.card.card-status .status-meta {
	font-size: .8em;
}
.card.card-status .status-meta .meta-label {
	color: #555;
}
.card.card-status.status-qualified {
	border-color: #1a1b21;
}
.card.card-status.status-demo {
	border-color: #005af7;
}
.card.card-status.status-scope {
	border-color: #02bad5;
}
.card.card-status.status-quote {
	border-color: #33c64f;
}
/* wide cards */
.card.card-wide {
	min-height: 180px;
	padding: 0 150px 0 340px;
	margin: 0 0 30px;
	overflow: hidden;
}
.card.card-wide .card-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 340px;
	max-height: 180px;
	overflow: hidden;
}
.card.card-wide .card-action {
	position: absolute;
	top: 30px;
	right: 30px;
}

/* misc card helpers */
.card.card-raised,
.card.card-product.card-raised {
	margin-top: -15px;
}

/* ---------- content ---------- */
.content-padded-feature {
	padding: 50px;
}

/* ---------- Control Toggle ---------- */
.control-toggle {
	position: relative;
	display: block;
	width: 100px;
	height: 40px;
	margin: 0 auto 30px;
	background: #748ca2;
	border-radius: 100px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.control-toggle .toggle-text {
	position: absolute;
	top: 10px;
	font-size: 1.2em;
	font-weight: 700;
	color: #1a1b21;
	cursor: pointer;
	text-decoration: none;
}
.control-toggle.toggle-light .toggle-text {
	color: #fff;
}
.control-toggle .toggle-text:hover,
.control-toggle.toggle-light .toggle-text:hover {
	color: #1985e3;
}
.control-toggle .toggle-text .text-sub {
	display: block;
	font-size: .85em;
	text-align: center;
	margin: 15px 0 0;
}
.control-toggle .toggle-text.text-left {
	left: -80px;
}
.control-toggle .toggle-text.text-right {
	right: -80px;
}
.control-toggle .toggle-icon {
	display: block;
	width: 100%;
	height: 40px;
	cursor: pointer;
}
.control-toggle .toggle-icon:after {
	position: absolute;
	top: 5px;
	left: 5px;
	content: "";
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 100px;
	z-index: 100;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
/* active toggling */
.control-toggle.active {
	background: #02bad5;
}
.control-toggle .toggle-icon.icon-default {
	display: block;
}
.control-toggle .toggle-icon.icon-active {
	display: none;
}
.control-toggle.active .toggle-icon.icon-default {
	display: none;
}
.control-toggle.active .toggle-icon.icon-active {
	display: block;
}
.control-toggle.active .toggle-icon:after {
	left: inherit;
	right: 5px;
}

/* ---------- courses ---------- */
.course-progress {
	position: relative;
	width: 100%;
	height: 20px;
	margin: 0 0 20px;
	background: #ddd;
	border-radius: 20px;
}
.course-progress .progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	background: #33c64f;
	background: -moz-linear-gradient(-45deg, #33c64f 1%, #63ebac 100%);
	background: -webkit-linear-gradient(-45deg, #33c64f 1%,#63ebac 100%);
	background: linear-gradient(135deg, #33c64f 1%,#63ebac 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33c64f', endColorstr='#63ebac',GradientType=1 );
	border-radius: 20px;
	z-index: 5;
}

.course-progress-label {
	display: block;
	font-weight: 300;
	line-height: 1.4;
	margin: 10px 0;
}

/* course actions (UI buttons/links) */
.course-actions .btn {
	display: block;
	width: 100%;
	margin: 0 0 10px;
}

/* ---------- features ---------- */
.feature {
	position: relative;
	margin: 0 0 30px;
}
.feature .feature-icon {
	display: block;
	font-size: 3em;
	color: #434c6d;
	margin: 0 0 15px;
}
.feature .feature-image {
	display: block;
	width: 150px;
	margin: 0 0 15px;
}
.feature .feature-logo {
	display: block;
	width: 250px;
	min-height: 60px;
	margin: 0 0 15px;
}
.feature .feature-label {
	text-transform: uppercase;
}
.feature .feature-header {
	position: relative;
	min-height: 80px;
	padding: 0 0 0 110px;
	margin: 0 0 20px;
}
.feature .feature-header .header-icon {
	position: absolute;
	top: 5px;
	left: 0;
	width: 85px;
}
.feature .feature-header .header-label {
	font-size: 1.2em;
	font-weight: 300;
	letter-spacing: 3px;
	line-height: 1.4;
	text-transform: uppercase;
	margin: 0 0 5px;
}
.feature .feature-header .header-title {
	line-height: 1.2;
	margin: 0 0 10px;
}
/* large features */
.feature.feature-large {
	padding: 0 0 0 230px;
}
.feature.feature-large .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
}
.feature.feature-large .feature-label {
	font-size: 1.2em;
	text-transform: uppercase;
}
.feature.feature-large .feature-title {
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 10px;
}

/* centered features */
.feature.feature-centered .feature-icon {
	text-align: center;
}
.feature.feature-centered .feature-title,
.feature.feature-centered p {
	text-align: center;
}

/* compact features */
.feature.feature-compact {
	min-height: 80px;
	padding-left: 80px;
	margin: 0 0 20px;
}
.feature.feature-compact .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
}
.feature.feature-compact .feature-title {
	margin: 0 0 10px;
}
/* hero features */
.feature.feature-hero {
	min-height: 100px;
	padding-left: 100px;
	margin: 0 0 20px;
}
.feature.feature-hero .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	font-size: 4em;
}
.feature.feature-hero .feature-title {
	margin: 0 0 5px;
}

/* padded features */
.feature.feature-padded {
	padding: 30px;
}

/* color features */
.feature.feature-green {
	background: #365401;
}
.feature.feature-blue {
	background: #036;
}
.feature.feature-purple {
	background: #306;
}
/* background features */
.feature.feature-design-development {
	background: url(images/service-bg-design-development.jpg) bottom center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.feature.feature-ux {
	background: url(images/service-bg-ux.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.feature.feature-analytics {
	background: url(images/service-bg-analytics.jpg) top center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.feature.feature-dfy {
	background: url(images/section-bg-metrics-001.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* feature sections */
.feature-section {
	margin: 0 0 20px;
}
.feature-section > img {
	display: block;
	width: 100%;
}
.feature-section .section-content {
	position: relative;
	padding: 30px 30px 30px 120px;
	background: #fff;
}
.feature-section .section-content .section-icon {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 80px;
}
.feature-section .section-content h5 {
	margin: 0 0 10px;
}

/* step features */
.feature.feature-step:before {
	position: absolute;
	top: 24px;
	left: 0;
	content: "";
	height: 2px;
	width: 100%;
	background: #ddd;
}
.feature.feature-step.step-last:before {
	display: none;
}
.feature.feature-step .step-number {
	position: relative;
	display: inline-block;
	width: 50px;
	padding: 15px 0;
	margin: 0 0 10px;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background: #1a1b21;
	color: #fff;
	border-radius: 100px;
	box-shadow: 0 0 0 10px #fff;
	z-index: 5;
}
.feature.feature-step .step-number.number-trans {
	margin: 0 0 20px;
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.25);
}
.feature.feature-step .step-title {
	margin: 0 0 10px;
}
.feature.feature-step.step-dark:before {
	background: #44475c;
}
.feature.feature-step.step-dark .step-number {
	background: #fff;
	color: #1a1b21;
	box-shadow: 0 0 0 10px #1a1b21;
}
.feature.feature-step.step-light .step-number {
	box-shadow: 0 0 0 10px #f5f5f5;
}

/* feature links */
.feature.feature-link {
	padding: 0;
}
.feature.feature-link > a {
	display: block;
	padding: 30px 60px 30px 80px;
	background: #fff;
	color: #777;
	text-align: left;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.feature.feature-link > a:hover {
	background: rgba(0, 0, 0, .1);
	text-decoration: none;
}
.feature.feature-link > a:after {
	position: absolute;
	top: 36%;
	right: 30px;
	height: 50px;
	margin-top: -25px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 3em;
	font-weight: 300;
	line-height: 1;
	color: rgba(0, 0, 0, .25);
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.feature.feature-link .feature-icon {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 40px;
	font-size: 2em;
	line-height: 1;
	color: #1ab1db;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.feature.feature-link .feature-title {
	display: block;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	color: #333;
	margin: 0 0 10px;
}
.feature.feature-link .feature-desc {
	display: block;
	margin: 0 0 10px;
	font-size: .85em;
	line-height: 1.4;
}
.feature.feature-link .feature-more {
	font-weight: 700;
	color: #1489cc;
}
/* trans links */
.feature.feature-link.link-trans > a {
	background: rgba(0, 0, 0, .25);
}
.feature.feature-link.link-trans > a:after {
	color: rgba(255, 255, 255, .25);
}
.feature.feature-link.link-trans > a .feature-title {
	color: #fff;
}
.feature.feature-link.link-trans > a .feature-desc {
	color: rgba(255, 255, 255, .75);
}
.feature.feature-link.link-trans > a:hover {
	background: rgba(0, 0, 0, .75);
}
.feature.feature-link.link-trans > a:hover:after {
	color: #fff;
}

/* ---------- Homepage ---------- */
.hero {
	position: relative;
	width: 100%;
	padding: 100px 0 50px;
}
.hero img {
	display: block;
	width: 100%;
}

.hero .hero-content {
	position: relative;
	margin: 40px 0 0;
	z-index: 100;
}
.hero .hero-content .content-image {
	position: absolute;
	top: 15px;
	right: 0;
	width: 40%;
}
.hero .hero-content .premium-label {
	display: block;
    font-size: .35em;
    font-weight: 700;
    letter-spacing: 10px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .5);
}
.hero .hero-content .content-label .label-span {
	display: inline-block;
	padding: 5px 30px;
	background: rgba(0, 0, 0, .5);
}
.hero .hero-content .seo-title {
	margin: 0 0 20px;
	font-size: 1em;
	letter-spacing: 0;
}
.hero .hero-content .seo-title span {
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	background: #0190bf;
	background: -moz-linear-gradient(-45deg, #0190bf 0%, #02bad5 100%);
	background: -webkit-linear-gradient(-45deg, #0190bf 0%,#02bad5 100%);
	background: linear-gradient(135deg, #0190bf 0%,#02bad5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0190bf', endColorstr='#02bad5',GradientType=1 );
}
.hero .hero-content h1 {
	margin: 0 0 10px;
	font-size: 3.5em;
	font-weight: 700;
	line-height: 1.2;
}
.hero .hero-content h1 .title-emph {
	display: block;
	font-size: .6em;
	font-weight: 300;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.hero .hero-content p {
	color: #434c6d;
}
.hero .hero-content .headline {
	margin: 0 0 10px;
}
.hero .hero-content .headline .headline-emph {
	display: block;
	font-weight: 700;
}
.hero .hero-content hr {
	margin: 30px auto;
}

/* aqua hero */
.hero.hero-aqua {
	background: #0a748f;
}

/* gradient hero */
.hero.hero-gradient {
	background: #434c6d;
	background: -moz-linear-gradient(-45deg, #434c6d 0%, #02bad5 100%);
	background: -webkit-linear-gradient(-45deg, #434c6d 0%,#02bad5 100%);
	background: linear-gradient(135deg, #434c6d 0%,#02bad5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434c6d', endColorstr='#02bad5',GradientType=1 );
}
.hero.hero-gradient .hero-content {
	margin: 50px 0;
}

/* diagonal hero */
.hero.hero-diagonal {
	padding-bottom: 0;
	min-height: 800px;
	background: #1a1b21;
	background: -moz-linear-gradient(45deg, #1a1b21 0%, #313b60 100%);
	background: -webkit-linear-gradient(45deg, #1a1b21 0%,#313b60 100%);
	background: linear-gradient(45deg, #1a1b21 0%,#313b60 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1b21', endColorstr='#313b60',GradientType=1 );
	overflow: hidden;
	/*background: url(images/gridline2x-bg-white-right.png) top right no-repeat #fff;*/
}
/*
.hero.hero-diagonal .container:before {
    display: block;
    content: " ";
    position: absolute;
    bottom: -150rem;
    left: -140rem;
    width: 250rem;
    height: 200rem;
    background: rgba(0, 0, 0, .1);
    -webkit-transform: rotate(-30deg);
    transform: rotate(30deg);
}
*/
.hero.hero-diagonal .container:after {
    display: block;
    content: " ";
    position: absolute;
    bottom: -150rem;
    right: -140rem;
    width: 250rem;
    height: 200rem;
    background: rgba(0, 0, 0, .2);
    -webkit-transform: rotate(-30deg);
    transform: rotate(30deg);
    z-index: 1;
}
.hero.hero-diagonal .hero-iso {
	position: absolute;
	top: 0;
	right: 0;
	width: 45%;
}
.hero.hero-diagonal .hero-features {
	padding: 50px 0;
	margin: 150px 0 0;
	background: rgba(0, 0, 0, .05);
}
/*
.hero.hero-diagonal .hero-whitebg {
    display: block;
    position: absolute;
    bottom: -219rem;
    left: -130rem;
    width: 1000rem;
    height: 403rem;
    background: url(images/gridlines.png) top right no-repeat #fff;
    transform: rotate(-30deg);
}
*/
.hero.hero-diagonal .headline {
	margin: 0 0 30px;
}

/* homepage hero */
.hero.hero-homepage {
	padding: 100px 0 150px;
	background: url(images/hero-graphic-light.png) 87% 12% no-repeat #fff;
	background-size: 40%;
	background-attachment: fixed;
}
.hero.hero-desk {
	padding: 150px 0 75px;
	background: url(images/hero-bg-desk-dark.jpg) top right no-repeat #fff;
	background-size: 100%;
	background-attachment: fixed;
}
.hero.hero-entrepreneur {
	background: url(images/hero-bg-entrepreneur.jpg) bottom center no-repeat #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-particles {
	background: url(images/hero-bg-particles.jpg) top center no-repeat #fff;
    background-size: 100%;
    background-attachment: fixed;
}
.hero.hero-desk.desk-dark {
	background: url(images/hero-bg-desk-gradient.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-matrix {
	min-height: 700px;
	background: url(images/hero-bg-matrix-2021.jpg) top right no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-waves {
	padding: 100px 0 200px;
	background: url(images/hero-bg-waves-dark.jpg) top right no-repeat #fff;
    background-size: 100%;
    background-attachment: fixed;
}
.hero.hero-waves .hero-content h1 {
	font-size: 1.5em;
	font-weight: 300;
	letter-spacing: -0.025em;
}
.hero.hero-waves .headline-titan {
	font-size: 5em;
	font-weight: 900;
	letter-spacing: -3px;
}
.hero.hero-waves .headline-titan .help {
	display: block;
	font-size: .7em;
	font-weight: 300;
}

.hero.hero-desk.desk-dark .hero-content .headline {
	text-shadow: none;
}

/* video hero */
.hero.hero-video {
	position: relative;
	width: 100%;
	max-height: 600px;
	background: #1a1b21;
	padding: 0;
	overflow: hidden;
}
.hero.hero-video .video-container {
	width: 100%;
	padding-bottom: 54%;
	margin: 0;
	opacity: .25;
}
.hero.hero-video .hero-content {
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	padding: 0 0 30px;
}
.hero.hero-video .hero-content .headline {
	margin: 0 0 30px;
}
.hero.hero-video .hero-content hr {
	margin: 20px auto;
}
.hero.hero-video .hero-content .premium-label {
	color: #20d7f2;
}
.hero.hero-video .hero-content .headline .headline-emph {
	display: inline-block;
}

.hero .hero-overlay {
	padding: 70px 0;
	margin: 70px 0 0;
	background: rgba(26, 27, 33, .7);
}

.intro-container {
	padding: 60px 0 0;
}

/* ----- Image zoom ------ */
.image-zoom {
	position: relative;
	vertical-align: top;
	overflow: hidden;
	background: #151515;
}
.image-zoom .zoom-image {
	display: block;
	width: 100%;
	height: auto;
	opacity: .35;
	-webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.image-zoom .zoom-brand {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 100px;
	margin-top: -50px;
	margin-left: -150px;
	opacity: 1.0;
	z-index: 10;
	-webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.image-zoom .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.image-zoom .zoom-caption h3 {
	display: block;
	text-align: center;
	color: #fff;
	padding-left: 10px;
	margin: 12% 0 0;
}
.image-zoom .zoom-caption h3 i {
	display: inline-block;
	opacity: 0;
	margin-left: -5px;
	-webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.image-zoom .zoom-caption hr {
	margin: 15px 0;
	border-top: 4px solid rgba(255, 255, 255, .25);
}
.image-zoom .zoom-caption p {
	font-size: 1.2em;
    letter-spacing: -0.025em;
	text-align: center;
	color: #fff;
}
.image-zoom:hover .zoom-image {
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}
.image-zoom:hover .zoom-brand {
	opacity: 0;
}
.image-zoom:hover .zoom-caption {
	opacity: 1.0;
}
.image-zoom:hover .zoom-caption h3 i {
	opacity: 1.0;
	margin-left: 5px;
}
/* variations */
.image-zoom.zoom-chazzlive:hover {
	background: #1bb1e7;
}
.image-zoom.zoom-f4ss:hover {
	background: #57217f;
}
.image-zoom.zoom-bpl:hover,
.image-zoom.zoom-fit4thehunt:hover {
	background: #360;
}
.image-zoom.zoom-fitgyms:hover,
.image-zoom.zoom-mixinglight:hover {
	background: #c00;
}
.image-zoom.zoom-igs:hover,
.image-zoom.zoom-mollysapp:hover {
	background: #01718d;
}
.image-zoom.zoom-myezmd:hover {
	background: #b20a49;
}
.image-zoom.zoom-playconnectgrow:hover,
.image-zoom.zoom-tpr:hover {
	background: #f70;
}
.image-zoom.zoom-pwj:hover {
	background: #036;
}
.image-zoom.zoom-reflexionyoga:hover {
	background: #069;
}
.image-zoom.zoom-strengthnet:hover {
	background: #c9a206;
}
.image-zoom.zoom-smarterbound:hover {
	background: #679c14;
}
.image-zoom.zoom-yogatrade:hover {
	background: #700fad;
}

/* ----- items ----- */
.item {
	position: relative;
	padding: 20px 0 20px 120px;
	border-top: 1px solid #ddd;
}
.item .item-image {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100px;
	background: #000;
}
.item .item-image img {
	display: block;
	width: 100%;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.item .item-image img:hover {
	opacity: .5;
}
.item .item-image.image-avatar {
	background: none;
}
.item .item-image.image-avatar img {
	border-radius: 100px;
}
.item .item-icon {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100px;
	height: 100px;
	padding: 20px 0;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	border: 2px solid #ddd;
}
.item .item-icon a {
	text-decoration: none;
}
.item .item-title {
	margin: 0 0 10px;
}
.item .item-title a {
	color: #151515;
}
.item .item-title a:hover {
	color: #09c;
	text-decoration: none;.
}
.item p {
	margin: 0 0 10px;
}
.item p:last-child {
	margin: 0;
}
.item .meta {
	margin: 0;
}
.item .meta .meta-label {
	color: #999;
	margin: 0 10px 5px 0;
}
.item .item-action {
	position: absolute;
	top: 20px;
	right: 0;
	width: 100px;
	text-align: right;
}
.item .item-action .label {
	display: block;
	margin: 10px 0;
}

.item .item-form {
	padding: 20px;
	margin: 20px 0 0;
	background: #fff;
	border: 1px solid #ddd;
}
.item .item-form input,
.item .item-form select,
.item .item-form textarea {
	margin: 0 0 15px;
}
.item .item-form select {
	height: auto;
}

/* small items */
.item.item-small {
	padding-left: 70px;
}
.item.item-small .item-image {
	width: 50px;
}
.item.item-small .item-icon {
	width: 55px;
	height: 55px;
	padding: 14px 0;
	font-size: 1.5em;
	border: 1px solid #ddd;
}
.item.item-small p {
	font-size: .85em;
}

/* item with actions */
.item.item-with-action {
	padding-right: 250px;
}
.item.item-with-action .item-action {
	position: absolute;
	top: 20px;
	right: 0;
	width: 200px;
}
/* module items */
.item.item-module {
	padding-left: 70px;
	padding-right: 120px;
}
.item.item-module .item-number {
	position: absolute;
	top: 20px;
	left: 0;
	width: 50px;
	height: 50px;
	padding: 15px 0;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	color: #0c253c;
	border: 2px solid;
	border-radius: 100px;
}

/* item feeds */
.item-feed .item:first-child {
	padding-top: 0;
	border-top: none;
}
.item-feed .item:first-child .item-image {
	top: 0;
}

/* ---------- Lead Magnets ---------- */
.lead-magnet {
	padding: 50px;
	margin: 30px 0;
}
.lead-magnet.guide {
	background: url(images/lead-magnet-bg-guide.jpg) top center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.lead-magnet.particles {
	background: url(images/lead-magnet-bg-particles.jpg) top center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.lead-magnet h5,
.lead-magnet p {
	color: #fff;
}

/* ---------- Line content ---------- */
.line-content {
	margin-left: 40px;
    background: url(images/pattern-diagonal.png) top left repeat-y;
    padding: 30px 0 20px 40px;
}
.line-content.content-light {
	border-left-color: #fff;
}

/* ---------- Loading ---------- */
.loading {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 2000;
}
.loading-status {
	position: absolute;
    top: 40%;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    padding: 30px 0;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-weight: 700;
    text-align: center;
    z-index: 2001;
}
.loading-status .loading-icon {
	display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
}

/* loaded content */
.loaded-content {
	position: relative;
	min-height: 600px;
}
.loaded-content .content-loading {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
}
.loaded-content .content-loading .loading-status {
	top: 20%;
}
.loaded-content .content-pane {
	padding: 30px;
}

/* ---------- Meta ---------- */
.meta {
	font-size: .9em;
	margin: 0 0 10px;
}
.meta .meta-label {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.meta .meta-label i {
	color: #434c6d;
}
.meta .meta-category {
	display: inline-block;
	margin: 0 5px 5px 0;
	text-transform: capitalize;
}
.meta .meta-link {
	color: #02bad5;
}
.meta .meta-link:hover {
	color: #434c6d;
}
.meta .meta-link i {
	color: #02bad5;
}
.meta .meta-date {
	display: inline-block;
	margin: 0 5px 5px 0;
	color: #999;
}
.meta.meta-large {
	font-size: 1.2em;
}

/* ---------- Meters ---------- */
.meter {
	position: relative;
	display: block;
}
.meter:before {
	content: "\f111 \f111 \f111 \f111 \f111";
	font-family: FontAwesome;
	letter-spacing: 5px;
	color: #ccc;
}
.meter .meter-fill:after {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	letter-spacing: 5px;
	color: #999;
	z-index: 5;
}
.meter .meter-fill.status-Planning:after {
	content: "\f111";
	color: #33c64f;
}
.meter .meter-fill.status-Setup:after,
.meter .meter-fill.status-UX:after {
	content: "\f111 \f111";
	color: #02bad5;
}
.meter .meter-fill.status-Content:after,
.meter .meter-fill.status-Development:after {
	content: "\f111 \f111 \f111";
	color: #005af7;
}
.meter .meter-fill.status-Testing:after {
	content: "\f111 \f111 \f111 \f111";
	color: #33c;
}
.meter .meter-fill.status-Deployed:after {
	content: "\f111 \f111 \f111 \f111 \f111";
	color: #1a1b21;
}

/* ---------- Metrics ---------- */
.metric {
	position: relative;
	display: inline-block;
	padding: 15px 30px 15px 90px;
	border-left: 1px solid #ccc;
	vertical-align: top;
}
.metric .metric-avatar {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 64px;
	height: 64px;
	line-height: 1;
}
.metric .metric-avatar img {
	border-radius: 100px;
}
.metric .metric-icon {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 60px;
	font-size: 3.5em;
	line-height: 1;
	text-align: center;
	color: #aaa;
}
.metric .metric-label {
	display: block;
	font-size: .85em;
	font-weight: 900;
	color: #434c6d;
	margin: 0 0 10px;
}
.metric .metric-title {
	line-height: 1.2;
	text-transform: capitalize;
	margin: 0;
}
.metric .metric-value {
	display: block;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.2;
	margin: 0 0 10px;
}
.metric .metric-value.value-small {
	font-size: 1.2em;
}
.metric .metric-value.value-large {
	font-size: 2em;
}
/* no icon metrics */
.metric.metric-no-icon {
	padding: 15px 30px 15px 20px;
}
/* stacked metrics */
.metric.metric-stacked {
	display: block;
	padding: 20px 0 20px 80px;
	border-top: 1px solid #ddd;
	border-left: none;
}
.metric.metric-stacked .metric-icon {
	top: 15px;
	left: 0;
}
/* trans metrics */
.metric.metric-trans {
	border-color: rgba(255, 255, 255, .15);
}

/* post metrics */
.post-metrics {
	padding: 20px 0 0;
	margin: 0 0 20px;
	border-top: 1px solid #ddd;
}
.post-metrics .metric {
	padding: 0 0 0 20px;
}

/* ---------- Question ---------- */
.question {
	position: relative;
	padding: 20px 0 0 35px;
	color: #0a748f;
	border-top: 2px solid #eee;
}
.question:before {
	position: absolute;
	top: 20px;
	left: 0;
	content: "\f059";
	font-family: FontAwesome;
	font-size: 1.5em;
	line-height: 1;
	color: #f60;
}

/* ---------- Status ---------- */
.status {
	padding: 0 0 0 15px;
	margin: 0 0 30px 15px;
	border-left: 4px solid #eee;
}
.status .status-step {
	position: relative;
	display: block;
	padding: 20px 15px 20px 50px;
	color: #434c6d;
	border-top: 1px solid #eee;
}
.status .status-step:last-child {
	border-bottom: 1px solid #eee;
}
.status .status-step .step-icon {
	position: absolute;
	top: 15px;
	left: 0;
	width: 40px;
	font-size: 1.5em;
	text-align: center;
}
.status .status-step .step-title {
	line-height: 1;
	margin: 0 0 10px;
}
.status .status-step .step-helper {
	display: block;
	margin: 5px 0;
}
.status.status-3-steps .status-step {
	width: 33.33%;
}
.status.status-4-steps .status-step {
	width: 25%;
}
.status.status-5-steps .status-step {
	width: 20%;
}
.status .status-step.step-active .step-label {
	font-weight: 700;
}
.status .status-step:before {
	content: "";
    position: absolute;
    top: 12px;
    left: -32px;
    width: 30px;
    height: 30px;
    background: #ccc;
    border: 5px solid #fff;
    border-radius: 100px;
    z-index: 5;
}
.status .status-step.step-active:before {
	background: #02bad5;
}
/*
.status .status-step.step-active:after {
	content: "Current Status";
	position: absolute;
	top: -26px;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	background: #434c6d;
	color: #fff;
	font-size: .75em;
	font-weight: 700;
	z-index: 10;

}
*/

/* ---------- Status Meter ---------- */
.status-meter {
    position: relative;
    display: table;
    width: 100%;
    margin: 0 0 20px;
}
.status-meter .meter-step {
	position: relative;
	display: table-cell;
	padding: 5px 10px 10px 30px;
	line-height: 1.2;
	vertical-align: top;
}
.status-meter .meter-step:after {
	content: "";
	position: absolute;
	top: 14px;
	right: 0;
	width: 95%;
	height: 1px;
	background: #ccc;
}
.status-meter .meter-step.active:after {
	background: #1c1733;
}
.status-meter .meter-step.completed:after {
	background: #1a1b21;
}
.status-meter .meter-step .step-number {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    padding: 6px 0;
    background: #fff;
    color: rgba(0, 0, 0, .25);
    font-size: .8em;
    text-align: center;
    border: 1px solid;
    border-radius: 100px;
    z-index: 5;
}
.status-meter .meter-step .step-label {
	position: relative;
	display: inline-block;
	padding: 0 10px 3px;
	font-size: .9em;
	font-weight: 700;
	background: #f5f5f5;
	color: #999;
	z-index: 5;
}
.status-meter .meter-step .step-desc {
	display: block;
	padding-left: 10px;
	font-size: .7em;
	color: #777;
}
.status-meter .meter-step.active .step-number {
	background: #1c1733;
	color: #fff;
}
.status-meter .meter-step.active .step-label {
    color: #1c1733;
}
.status-meter.meter-3 .meter-step {
    width: 33.33%;
}
.status-meter.meter-4 .meter-step {
    width: 25%;
}
.status-meter.meter-5 .meter-step {
    width: 20%;
}

/* ---------- Steps ---------- */
.step {
	position: relative;
	padding-left: 70px;
	margin: 0 0 20px;
}
.step .step-number {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background: #1a1b21;
	color: #fff;
	border-radius: 100px;
	z-index: 5;
}
.step .step-title {
	line-height: 1.2;
	padding: 10px 0 0;
	margin: 0 0 5px;
}
.step.step-active .step-number {
	background: #02bad5 !important;
	border-color: #02bad5 !important;
}
.step.step-active .step-title {
	color: #02bad5 !important;
}

/* steps with line */
.step.step-with-line {
	min-height: 80px;
	padding-bottom: 30px;
	margin: 0;
}
.step.step-with-line:after {
	content: "";
	position: absolute;
	left: 23px;
	top: 0;
	width: 2px;
	height: 100%;
	background: #ddd;
	z-index: 0;
}
.step.step-with-line.step-last:after {
	display: none;
}
.step.step-with-line .step-number {
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 1.0);
}
.step.step-with-line p:last-child {
	margin: 0
}
/* dark variation */
.step.step-dark .step-title {
	color: #fff;
}
.step.step-dark p {
	color: rgba(255, 255, 255, .7);
}
.step.step-dark.step-with-line .step-number {
	padding: 13px 0;
	border: 2px solid;
	box-shadow: none;
}
.step.step-dark.step-with-line:after {
	background: rgba(255, 255, 255, 0.15)
}

/* process steps */
.step-process {
	position: relative;
	margin: 0 0 40px;
}
.step-process .process-line {
	position: absolute;
	top: 45px;
	left: 0;
	height: 400px;
	width: 2px;
	background: #02bad5;
}
.step-process .process-line:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 2px;
	background: #02bad5;
}
.step-process .process-line:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70px;
	height: 2px;
	background: #02bad5;
}
.step-process.step-even .process-line {
	left: inherit;
	right: 0;
}
.step-process.step-even .process-line:before,
.step-process.step-even .process-line:after {
	left: inherit;
	right: 0;
}
.step-process .process-content {
	padding: 30px 0;
}
.step-process .process-image {
	width: 90%;
	margin: 0 auto;
}

/* ---------- Super content ---------- */
/*
.super-content {
	padding: 30px;
	margin: 0 0 30px;
	border: 1px solid #ddd;
}
*/

/* ---------- Testimonials ---------- */
.testimonial {
	position: relative;
	padding: 0 200px;
}
.testimonial .testimonial-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	border-radius: 150px;
}
.testimonial .testimonial-logo {
	display: block;
	width: 150px;
}

.testimonial .testimonial-content p {
	color: #fff;
}
.testimonial .testimonial-content blockquote {
	background: rgba(255, 255, 255, .1);
	color: #fff;
}

/* -------------------- tiles ----------- */
.tile {
	position: relative;
	margin: 0 0 30px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.tile:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.tile .tile-image {
	position: relative;
	display: block;
	background: #252a28;
}
.tile .tile-image img {
	display: block;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.tile .tile-content {
	padding: 25px;
}
.tile .tile-title {
	margin: 0 0 10px;
}
.tile .tile-title a {
	color: #151515;
}
.tile .tile-title a:hover {
	color: #02bad5;
}
.tile .tile-title.title-trans a {
	display: block;
	padding: 10px;
	background: rgba(26, 27, 33, .7);
	color: #fff;
}
.tile .tile-title.title-trans a:hover {
	background: rgba(2, 186, 213, .7);
	text-decoration: none;
}
.tile .tile-icon {
	position: absolute;
	right: 25px;
	bottom: 20px;
	color: #fff;
	font-size: 4em;
	line-height: 1;
	border-radius: 100px;
}
.tile .tile-label {
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 15px;
}
.tile .tile-content p {
	font-size: .9em;
}


/* ---------- Timeline ---------- */
.timeline {
	position: relative;
	font-size: 0;
}
.timeline:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	background: #02bad5;
}
.timeline .timeline-item {
	position: relative;
	display: inline-block;
	padding: 30px;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
}
.timeline .timeline-item.item-25 {
	width: 25%;
}
.timeline .timeline-item .item-icon {
	position: absolute;
	width: 100px;
	left: 50%;
	margin-left: -50px;
}
.timeline .timeline-item.item-icon-top {
	padding: 250px 30px 30px;
}
.timeline .timeline-item.item-icon-top .item-icon {
	top: 0;
}
.timeline .timeline-item.item-icon-top .item-icon:after {
	content: "";
	position: absolute;
	bottom: -115px;
	left: 50%;
	width: 2px;
	height: 90%;
	margin-left: -1px;
	background: #02bad5;
}
.timeline .timeline-item.item-icon-bottom {
	padding: 30px 30px 250px;
}
.timeline .timeline-item.item-icon-bottom .item-icon {
	bottom: 0;
}
.timeline .timeline-item.item-icon-bottom .item-icon:after {
	content: "";
	position: absolute;
	top: -115px;
	left: 50%;
	width: 2px;
	height: 90%;
	margin-left: -1px;
	background: #02bad5;
}
.timeline .timeline-item .item-content {
	text-align: center;
}

/* ---------- Users ---------- */
.user {
	position: relative;
	min-height: 80px;
	padding-left: 100px;
}
.user .user-avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
}
.user .user-avatar img {
	border-radius: 100px;
}
.user .user-avatar.avatar-square {
	background: #1a1b21;
}
.user .user-avatar.avatar-square img {
	position: relative;
	top: -10px;
	left: -10px;
	border-radius: 0;
}
.user .user-label {
	display: block;
	font-size: .8em;
	letter-spacing: 2px;
	line-height: 1.6;
	text-transform: uppercase;
	margin: 0 0 5px;
}
.user .user-title {
	display: block;
	margin: 0 0 5px;
}
.user .user-title a {
	color: #690;
}
.user .user-title a:hover {
	color: #333;
}
.user .user-status {
	display: block;
	font-size: .85em;
	font-weight: 400;
}
.user .user-desc {
	display: block;
	font-size: .85em;
	font-weight: 300;
}
.user .user-rating {
	display: block;
	margin: 0 0 10px;
	color: #23dffa;
}
.user .social-nav {
	margin: 10px 0;
}
.user blockquote {
	padding: 0;
	font-size: 1em;
	background: none;
	border: none;
}
/* small users */
.user.user-small {
	min-height: 60px;
	padding-left: 70px;
}
.user.user-small .user-avatar {
	width: 50px;
}
/* large users */
.user.user-large {
	min-height: 130px;
	padding-left: 150px;
}
.user.user-large .user-avatar {
	width: 120px;
}
/* metric users */
.user.user-metric {
	min-height: 95px;
}
.user.user-metric .user-label {
	padding-top: 15px;
}
/* stacked users */
.user.user-stacked {
	padding: 0;
}
.user.user-stacked .user-avatar {
	position: static;
	display: block;
	width: 100px;
	margin: 0 0 10px;
}

/* ---------- widgets ---------- */
.widget {
	padding: 30px;
	margin: 0 0 30px;
	background: #fff;
	border-top: 4px solid #ddd;
}
.widget .widget-title {
	font-size: 1.5em;
}
.widget ul {
	list-style: none;
	line-height: 1.4;
}
.widget.widget_categories ul {
	font-weight: 700;
}
.widget ul li {
	border-top: 1px solid #ddd;
}
.widget ul li a {
	display: block;
	padding: 15px 0;
	text-decoration: none;
}
.widget ul li a:hover {
	padding-left: 15px;
	background: #f5f5f5;
	color: #333;
}
.widget .platform-screenshot {
	margin: 0 0 20px;
}
.widget.widget-bare {
	background: none;
	border: none;
}
.widget.widget-first,
.widget.widget_recent_entries {
	border-top: none;
}
/* cta widgets */
.widget.widget-cta {
	background: #434c6d;
	border: none;
}
.widget.widget-cta p {
	color: rgba(255, 255, 255, .7);
}

/* ---------- misc ---------- */
.map-container {
	height: 350px;
	margin: 0 0 15px;
	overflow: hidden;
}
.map-container iframe {
	width: 100%;
}

/* Footer
========================================================================================================================= */
.site-footer {
	background: #1a1b21;
	padding: 0 0 30px;
}
.site-footer .footer-column {
	padding: 40px 0;
}
.site-footer .footer-column.column-subscribe {
	padding: 40px;
	margin: 0 0 20px; 
	background: rgba(2, 186, 213, .1);
}
.site-footer .footer-column.column-subscribe p {
	font-size: .85em;
	color: rgba(255, 255, 255, .5);
}
.site-footer .footer-brand {
	width: 160px;
}
.site-footer .footer-title {
	font-weight: 700;
	color: rgba(255, 255, 255, .5);
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 2px solid rgba(255, 255, 255, .1);
}
.site-footer hr {
	border-top: 1px solid rgba(255, 255, 255, .1);
	border-bottom: none;
}
ul.footer-nav {
	list-style: none;
	font-size: .9em;
	font-weight: 300;
	line-height: 1.4;
	margin: 0 0 20px;
}
ul.footer-nav li:first-child {
	border-top: none;
}
ul.footer-nav li a {
	display: block;
	color: rgba(255, 255, 255, .5);
	padding: 10px 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;
}
ul.footer-nav li.nav-membermouse a {
	color: #066cd2;
}
ul.footer-nav li.nav-membermouse a:hover {
	color: #fff;
}
ul.footer-nav li.nav-woocommerce a {
	color: #b861e5;
}
ul.footer-nav li.nav-woocommerce a:hover {
	color: #fff;
}
/* nav with icons */
ul.footer-nav.nav-with-icons li a {
	position: relative;
	padding: 10px 10px 10px 30px;
}
ul.footer-nav.nav-with-icons li a i {
	position: absolute;
	top: 12px;
	left: 0;
	color: #02bad5;
}

.site-footer label {
	color: #999;
}
.site-footer input[type="text"],
.site-footer input[type="email"] {
	background: rgba(255, 255, 255, .1);
	border: none;
	box-shadow: none;
	color: #fff;
	width: 100%;
	margin: 0 0 15px;
}
.site-footer input[type="submit"] {
	display: block;
	width: 100%;
	background: none;
	color: #999;
	border: 2px solid #999;
}
.site-footer input[type="submit"]:hover {
	background: #fff;
	color: #08c;
	border-color: #fff;
}

p.copyright {
	color: rgba(255, 255, 255, .25);
	font-size: .8em;
	margin: 0;
}
p.copyright a {
	color: rgba(255, 255, 255, .35);
	text-decoration: underline;
}
p.copyright a:hover {
	text-decoration: none;
	color: #fff;
}

/* checkout footer */
.page-template-page-checkout .site-footer {
	display: none;
}

/* pages where we hide the footer all together */
.page-template-page-core-offer .site-footer,
.page-template-page-course-sales-page .site-footer,
.page-template-page-dfy-membership-site .site-footer,
.page-template-page-dfy-membermouse .site-footer,
.page-template-page-lp-lead-magnet .site-footer,
.page-template-page-fitness-membership-websites .site-footer {
	display: none;
}

/* get started footer */
.page-template-page-get-started .site-footer,
.page-template-page-get-started-test .site-footer,
.page-template-page-welcome-custom .site-footer,
.page-template-page-welcome-platform .site-footer {
	display: none;
}

/* intake footer */
.page-template-page-intake-account .site-footer,
.page-template-page-intake-scope .site-footer,
.page-template-page-intake-quote .site-footer {
	display: none;
}

/* pricing footer */
.page-template-page-pricing .site-footer {
	padding: 30px 0;
}
.page-template-page-pricing .site-footer #footer-columns {
	display: none;
}

/* Forms
========================================================================================================================= */
.form-container {
	padding: 40px;
	margin: 0 0 30px;
	background: #fff;
	border: 1px solid #ddd;
}
.form-field {
	margin: 0 0 15px;
}
/* labels */
label {
	display: inline-block;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 5px;
	color: #1a1b21;
}
label span.label-hint {
	font-size: .9em;
	font-weight: normal;
	color: #bbb;
}
label.error {
	font-weight: normal;
	color: #f00;
	margin: 5px 0 0;
}
.label-block {
	display: block;
	margin: 0 0 10px;
}
/* switch labels */
.label-switch {
	display: block;
	position: relative;
	padding-left: 50px;
	margin: 0 0 20px;
	cursor: pointer;
}
.label-switch i {
	position: absolute;
	top: -4px;
	left: 0;
	font-size: 2em;
	-webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.label-switch i.switch-on {
	display: none;
	color: #1a1b21;
}
.label-switch i.switch-off {
	display: block;
	color: #999;
}
.label-switch.active i.switch-on {
	display: block;
}
.label-switch.active i.switch-off {
	display: none;
}
.label-switch:hover .switch-title {
	color: #02bad5;
}
.label-switch .switch-desc {
	font-size: .9em;
}
/* option labels */
.label-option {
	position: relative;
	display: inline-block;
	padding: 10px 15px 10px 30px;
	margin: 0 5px 10px 0;
	border: 2px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.label-option:hover {
	border-color: #1a1b21;
}
.label-option input {
	position: absolute;
	top: 14px;
	left: 10px;
}
.label-option .option-title {
	display: block;
}
.label-option .option-desc {
	display: block;
	font-size: .9em;
	font-weight: 300;
	margin: 10px 0 0;
}
.label-option.active {
	background: #eee;
	border-color: #1a1b21;
}
.label-option.option-trans {
	background: rgba(0, 0, 0, .25);
}
.label-option.option-trans.active {
	background: #1a1b21;
	border-color: #1a1b21;
}
.label-option.option-padded {
	padding: 15px 15px 15px 34px;
}
.label-option.option-padded input {
	top: 18px;
}
.label-option.option-block {
	display: block;
}
/* inputs */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="phone"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea {
	display: block;
	width: 100%;
	padding: 15px;
	height: auto;
	background: #f5f5f5;
	border: none;
	border-bottom: 2px solid #ddd;
	box-shadow: none;
	outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
	border-color: #4cd5e9;
}
select {
	padding: 10px;
	width: 100%;
	height: 56px;
	background: #f5f5f5;
	color: #333;
	border: none;
	border-bottom: 2px solid #ddd;
}
textarea {
	height: 140px;
	line-height: 1.5;
}
input[type="button"],
input[type="submit"] {
	display: inline-block;
    padding: 12px 35px;
    font-size: 1em;
    font-weight: 700;
    background: none;
	color: #434c6d;
	border: 2px solid #434c6d;
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
input[type="button"]:hover {
	background: #434c6d;
	color: #fff;
}
input[type="submit"],
button[type="submit"] {
	background: #02bad5;
	color: #fff;
	border-color: #02bad5;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: #017d98;
	color: #fff;
	border-color: #017d98;
}

span.required {
	color: #c00;
}

.title-label {
	display: block;
	margin: 0 0 20px;
}
.plan-label {
	margin: 25px 0 15px;
}
.mobile-label {
	display: none;
}

/* optin-form */
.optin-form input[type="submit"] {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

/* quote form */
.form-container.form-quote {
	padding: 40px;
	margin-top: -85px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

/* ---------- auth ---------- */
.auth-container {
	padding: 60px;
	background: rgba(26, 27, 33, .75);
}
.auth-container h2,
.auth-container h3,
.auth-container h4,
.auth-container h5,
.auth-container h6,
.auth-container p {
	color: #fff;
}
.auth-container label {
	color: rgba(255, 255, 255, .5)
}
.auth-container a:hover {
	color: #fff;
}
.auth-container hr {
	border-color: rgba(255, 255, 255, .15);
}
.auth-container input[type="text"],
.auth-container input[type="email"],
.auth-container input[type="password"] {
	padding: 20px;
	background: rgba(0, 0, 0, .35);
	color: #fff;
	border: none;
}
.auth-container .nav-list li {
	border-color: rgba(255, 255, 255, .25);
}
.auth-login {
	min-height: 300px;
	padding: 0 30px 0 0;
	border-right: 1px solid #ddd;
}

/* ---------- date range ---------- */
.date-select-form input[type="text"] {
	background: #fff;
}

/* Tables
========================================================================================================================= */
table th {
	color: #1a1b21;
}
.th-icon {
	display: block;
	width: auto;
	max-height: 50px;
	margin: 0 0 10px;
}
.th-icon.icon-centered {
	margin: 0 auto 10px;
}

.column-action {
	min-width: 150px;
	max-width: 200px;
	text-align: right;
}
.column-feature {
	width: 80%;
}
.column-status {
	width: 150px;
}

.row-header th,
.row-header td {
	background: #f5f5f5;
}
.row-no-border th,
.row-no-border td {
	border: none !important
}

/* asset tables */
.table.table-assets {
	border-bottom: 1px solid #ddd;
}
.table.table-assets th,
.table.table-assets td {
	padding: 15px;
	border-top: 1px solid #ddd;
	vertical-align: top;
}
.table.table-assets thead th {
	padding: 15px;
}
.table.table-assets tbody {
	font-size: .85em;
}
.table.table-assets h6 {
	margin: 0 0 5px;
}
.table.table-assets .column-action {
	width: 150px;
}

/* detail table */
.table.table-detail th,
.table.table-detail td {
	padding: 15px 15px 15px 0;
}

/* comparison table */
.table.table-compare {
	font-size: .9em;
	background: #fff;
	color: #1a1b21;
	margin: 0 0 30px;
	border: none;
	border-top: 2px solid #e5e5e5;
}
.table.table-compare thead {
	background: none;
}
.table.table-compare thead th {
	font-weight: 700;
	text-align: center;
	border-bottom: 2px solid #434c6d;
}
.table.table-compare th,
.table.table-compare td {
	padding: 15px;
	border-top-color: #e5e5e5;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.table.table-compare tbody tr {
	position: relative;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.table.table-compare tbody th {
	position: relative;
	width: 400px;
	padding-left: 50px;
	font-weight: 700;
}
.table.table-compare tbody th i {
	position: absolute;
	top: 15px;
	left: 0;
	width: 40px;
	font-size: 1.2em;
	font-weight: 300;
	text-align: center;
}
.table.table-compare tbody th i.info {
	position: static;
	font-size: 1em;
	width: auto;
	color: #09c;
}
.table.table-compare tbody td {
	text-align: center;
}
.table.table-compare tbody td i {
	font-size: 1.2em;
	margin-right: 5px;
}
.table.table-compare tbody td i.fa-check-circle {
	color: #1a1b21;
}
.table.table-compare tbody td i.fa-times-circle {
	color: #bbb;
}
.table.table-compare tbody td.column-yes {
	font-weight: 700;
}
.table.table-compare tbody tr:hover th,
.table.table-compare tbody tr:hover td {
	background: #f5f5f5;
}
.table.table-compare tbody tr.row-header th,
.table.table-compare tbody tr.row-header td {
	font-weight: 700;
	background: #f5f5f5;
	border-top: 1px solid #434c6d;
}
.table.table-compare tbody tr.row-header td {
	text-align: center;
}
.table.table-compare tfoot td {
	text-align: center;
}
.table.table-compare .helper-link {
	display: inline-block;
	font-size: .85em;
	font-weight: 400;
	margin-left: 5px;
}
.table.table-compare.compare-slim tbody th {
	padding-left: 10px;
}

/* estimate tables */
.table.table-estimate {
	font-size: 1em;
}
.table.table-estimate th,
.table.table-estimate td {
	padding: 10px 0;
	vertical-align: baseline; 
}
.table.table-estimate th {
	width: 120px;
}
.table.table-estimate .row-total th,
.table.table-estimate .row-total td {
	border-top: 1px solid #999;
}
.table.table-estimate .total-value {
	font-size: 1.4em;
}

/* invoice tables */
.table.table-invoice {
	font-size: .9em;
}
.table.table-invoice th,
.table.table-invoice td {
	padding: 10px;
}
.table.table-invoice th {
	width: 120px;
}

/* list tables */
.table.table-list {
	font-size: .85em;
	border-bottom: 1px solid #ddd;
}
.table.table-list th,
.table.table-list td {
	padding: 15px;
}
.table.table-list thead {
	background: #f5f5f5;
}

/* profile tables */
.table.table-profile {
	font-size: .85em;
	border-bottom: 1px solid #ddd;
}
.table.table-profile th,
.table.table-profile td {
	padding: 15px 0;
}
.table.table-profile th {
	position: relative;
	width: 200px;
	padding-left: 30px;
}
.table.table-profile th i {
	position: absolute;
	top: 17px;
	left: 0;
	width: 20px;
	font-weight: normal;
	text-align: center;
}
.table.table-profile td p:last-child {
	margin: 0;
}

/* quote tables */
.table.table-quote {
	border: 1px solid #ddd;
}
.table.table-quote tbody th {
	width: 120px;
	background: #f5f5f5;
}
.table.table-quote tbody th,
.table.table-quote tbody td {
	padding: 10px;
}

/* scope tables */
.table.table-scope {
	font-size: .9em;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid;
}
.table.table-scope thead {
	text-transform: uppercase;
}
.table.table-scope th,
.table.table-scope td {
	padding: 15px;
}
.table.table-scope tbody th {
	position: relative;
	width: 220px;
}
.table.table-scope tbody th i {
	position: absolute;
	top: 17px;
	left: 0;
	width: 20px;
	font-weight: normal;
	text-align: center;
}
.table.table-scope .check-list li {
	margin: 0 0 8px;
}

/* stat tables */
.table.table-stats {
	border: 1px solid #ddd;
	margin: 0 0 20px;
}
.table.table-stats th,
.table.table-stats td {
	padding: 10px;
}
.table.table-stats tbody th {
	width: 150px;
	background: #f5f5f5;
}

/* status tables */
.table.table-status {
	margin: 0 0 20px;
}
.table.table-status th,
.table.table-status td {
	padding: 15px 0;
	vertical-align: middle;
}
.table.table-status tbody th {
	width: 150px;
}

/* admin table */
.table.table-admin {
	color: rgba(255, 255, 255, .75);	
}
.table.table-admin tr th,
.table.table-admin tr td {
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.table.table-admin thead {
	background: rgba(0, 0, 0, .15);
}
.table.table-admin thead tr {
	border-bottom: 2px solid rgba(255, 255, 255, .1);
}
.table.table-admin th {
	color: #fff;
}

/* table sizes and misc over-rides */
.table.table-small {
	font-size: .85em;
}

/* Bootstrap Over-rides
========================================================================================= */
.container,
.navbar-static-top .container {
	width: 1170px;
}
.container.no-pad {
	padding: 0;
}
.container.container-45 {
	padding: 0 45px;
}

/* ----- alerts ----- */
.alert {
	font-weight: 300;
	line-height: 1.5;
	margin: 0 0 20px;
	border: none;
	border-radius: 0;
}
.alert p {
	color: #333;
}
.alert p:last-child {
	margin: 0;
}
.alert.alert-success {
	background: #33c64f;
	color: #fff;
	border: none;
}
.alert.alert-success p {
	color: #fff;
}
.alert.alert-warning {
	background: #edda02;
}
.alert.alert-warning hr {
	border-color: rgba(0, 0, 0, .25);
}

/* ----- breadcrumbs ----- */
.breadcrumb {
	padding: 0 0 20px;
	margin: 0 0 20px;
	color: #999;
	background: none;
	font-size: .85em;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}
.breadcrumb span {
	margin: 0 10px;
}
.breadcrumb span:first-child {
	margin-left: 0;
}
.breadcrumb.breadcrumb-light {
	color: rgba(255, 255, 255, .75);
}
.breadcrumb.breadcrumb-light a {
	color: rgba(255, 255, 255, .75);	
}
.breadcrumb.breadcrumb-light a:hover {
	color: #fff;
}

/* ----- labels ----- */
.label {
	display: inline-block;
	font-size: .8em;
	padding: 5px 10px;
	border: none;
	border-radius: 0;
	vertical-align: top;
}
.label-default {
	background: #aaa;
}
.label-primary,
.label-dark,
.label-account,
.label-Planning {
	background: #1a1b21; /* dark */
}
.label-brand,
.label-checked,
.label-lead,
.label-submitted {
	background: #02bad5; /* aqua */
}
.label-in-review,
.label-scope,
.label-Development {
	background: #005af7; /* blue */
}
.label-success,
.label-approved,
.label-project,
.label-Deployed {
	background: #33c64f; /* green */
}
.label-danger {
	background: #c00;
}
.label-platform {
	background: #cf0;
	color: #1a1b21;
}
.label-warning,
.label-custom,
.label-Testing {
	background: #f60; /* orange */
}
.label-inactive,
.label-neutral {
	background: #999;
}
.label-category {
	display: block;
	padding: 10px 0 0;
	margin: 0 0 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: left;
	color: #333;
	border-top: 1px solid;
}
.label-light {
	font-weight: 300;
	margin: 0 0 10px;
}
.label-cta {
	display: inline-block;
	padding: 0 0 10px;
	border-bottom: 2px solid;
}
/* membership level labels */
.label-1 {
	background: #434c6d;
}
.label-2 {
	background: #02bad5;
}
.label-3 {
	background: #39f;
}
.label-4 {
	background: #b861e5;
}
.label-5 {
	background: #c00;
}
.label-6 {
	background: #005af7;
}
.label-7 {
	background: #1a1b21; /* dark */
}
/* status labels */
.label.label-status {
	background: #7c7c88;
	text-transform: capitalize;
}
.label.label-status.status-lead,
.label.label-status.status-qualified,
.label.label-status.status-submitted {
	background: #1a1b21; /* dark */
}
.label.label-status.status-account,
.label.label-status.status-demo,
.label.label-status.status-in-review {
	background: #005af7; /* blue */
}
.label.label-status.status-scope {
	background: #02bad5; /* aqua */
}
.label.label-status.status-active,
.label.label-status.status-approved,
.label.label-status.status-project,
.label.label-status.status-quote {
	background: #33c64f; /* green */
}

/* modals */
.modal-backdrop.in {
	opacity: .75;
}
.modal .modal-content {
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .25);
}
.modal .modal-header {
	padding: 25px 30px;
	background: #fff;
}
.modal .modal-header .close {
	float: none;
	position: absolute;
	top: 12px;
	right: 30px;
	font-size: 3em;
  	font-weight: 300;
  	line-height: 1;
  	margin: 0;
}
.modal-content {
	border-radius: 0;
}
.modal-header .header-title {
	margin: 0;
	font-weight: 700;
	letter-spacing: -1px;
}
.modal-header hr {
	margin: 10px 0;
}
.modal-header p {
	font-weight: 400;
	margin: 10px 0 0;
}
.modal-body {
	padding: 30px;
	background: #fff;
}
.modal-body.body-no-padding {
	padding: 0;
}
.modal-body .close {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 2.5em;
	font-weight: 300;
	line-height: 1;
	z-index: 10;
}
.modal-body p:last:child {
	margin: 0;
}
.modal-body ol,
.modal-body ul {
	margin: 0 0 20px 20px;
}
.modal-body ol li,
.modal-body ul li {
	margin: 0 0 10px;
} 
.modal-body ul.gform_fields {
	margin: 0;
}
.modal-logo {
	display: block;
	max-width: 250px;
	padding: 15px;
	margin: 0 0 15px;
}
.modal-quote {
	min-height: 320px;
	padding: 15px 15px 15px 30px;
	border-left: 1px solid #ddd;
}
.modal-quote .user {
	margin: 0 0 20px;
}
.modal-footer {
	padding: 20px 30px;
	background: #f5f5f5;
	text-align: left;
}
.modal-footer p {
	margin: 0;
	text-align: left;
}
.modal input[type="submit"] {
	display: block;
	width: 100%;
	text-align: center;
}
.modal input[type="submit"].input-inline-block {
	display: inline-block;
	width: auto;
}
.modal .container {
	width: auto;
	padding: 0;
}
.modal .page-section {
	padding: 0;
}
.modal .page-section .section-header {
	margin: 0 -30px 30px;
}
.modal .page-section .section-header.header-first {
	margin-top: -30px;
}
/* cta modal */
.modal.modal-cta .modal-header {
	background: url(images/hero-bg-desk-dark.jpg) top center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.modal.modal-cta .modal-header .header-title {
	color: #fff;
}
.modal.modal-cta .modal-header p {
	font-weight: 300;
	color: #fff;
}
.modal.modal-cta .modal-header .close {
	color: #fff;
}
.modal.modal-cta .modal-header.header-platform {
	background: url(images/hero-bg-waves-dark.jpg) top center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* gradient modal */
.modal.modal-gradient .modal-header {
	background: #434c6d;
	background: -moz-linear-gradient(-45deg, #434c6d 0%, #02bad5 100%);
	background: -webkit-linear-gradient(-45deg, #434c6d 0%,#02bad5 100%);
	background: linear-gradient(135deg, #434c6d 0%,#02bad5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434c6d', endColorstr='#02bad5',GradientType=1 );
}
.modal.modal-gradient .modal-header .header-title {
	color: #fff;
}
.modal.modal-gradient .modal-header .close {
	color: #fff;
}
/* wide modals */
.modal.modal-wide .modal-dialog {
	width: 960px;
}
.modal.modal-extra-wide .modal-dialog {
	width: 1130px;
	max-width: inherit;
}

/* ----- nav ----- */
.nav {
	font-weight: 700;
}
.nav.nav-pills {
	font-size: .85em;
}
.nav.nav-pills li a {
	border-radius: 100px;
}
.nav.nav-pills li.active a {
	background: #1a1b21;
}

/* ----- pagination ----- */
.pagination {
	display: block;
	padding: 20px 0;
	border-radius: 0;
}
.pagination .page-numbers {
	display: inline-block;
	padding: 5px 10px;
	background: #09c;
	color: #fff;
	border: 2px solid #09c;
}
.pagination .page-numbers:hover {
	background: #036;
	border-color: #036;
}
.pagination .page-numbers.current {
	background: #26292e;
	color: #fff;
	border-color: #26292e;
}

/* ----- panels ----- */
.panel {
	margin: 0 0 30px;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
}
.panel .panel-header {
	padding: 20px;
	border-bottom: 1px solid #ddd;
}
.panel .panel-header .panel-title {
	font-size: 1.5em;
	margin: 0;
}
.panel .panel-header .panel-title i {
	font-weight: normal;
}
.panel .panel-body {
	padding: 20px;
}
.panel .panel-body .icon-list li:first-child {
	padding-top: 0;
	border-top: none;
}
.panel .panel-body .icon-list li:first-child i {
	top: 1px;
}

/* ----- popovers ----- */
.popover {
	max-width: 250px;
}
.popover.top {
	margin-top: -15px;
}
.popover-title {
	font-size: 1em;
}
.popover-content {
	padding: 9px 14px;
	font-size: .9em;
	color: #666;
}

.dropdown-menu > li > a {
	font-size: .85em;
	padding: 8px 15px;
}
.dropdown-menu .divider {
	margin: 1px;
}

/* ----- tabs ----- */
.tab-content {
	padding: 20px 0;
}

/* ----- tooltips ----- */
.tooltip .tooltip-inner {
	padding: 10px;
	font-family: 'Roboto';
}

/* ----- well ----- */
.well {
	padding: 30px;
	margin: 0 0 30px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	border: none;
	border-radius: 0;
}
.well.well-form {
	padding: 50px;
}
.well.well-form.form-intake {
	min-height: 600px;
	margin: -30px -30px 0;
}
.well.well-pad-50 {
	padding: 50px;
}
.well.well-trans-black-25 {
	background: rgba(0, 0, 0, .25);
	border: none;
}
.well.well-trans-black-50 {
	background: rgba(0, 0, 0, .50);
	border: none;
}
.well.well-dark {
	background: #1a1b21;
	box-shadow: none;
}
.well.well-default {
	background: #f5f5f5;
	box-shadow: none;
}
/* meta well */
.well.well-meta .myfav-favorite-button {
	display: block;
	width: 100%;
	padding: 10px 0;
}
/* blank well */
.well.well-blank {
	background: none;
	box-shadow: none;
}
/* raised wells */
.well.well-raised-50 {
	position: relative;
	margin-top: -50px;
}
/* enrollment wells */
.well .well-enroll-label,
.well .well-enroll-deadline {
	text-align: right;
}
/* well backgrounds */
.well.well-cta {
	padding: 50px;
	background: url(images/hero-bg-waves-dark.jpg) #1a1b21 bottom right;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.well.well-desk {
	padding: 50px;
	background: url(images/hero-bg-desk-dark.jpg) #1a1b21;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.well.well-insider {
	background: url(images/well-bg-insider.jpg) #1a1b21;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.well.well-global {
	background: url(images/section-bg-global.jpg) #1a1b21;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Plugins
========================================================================================= */
/* ---------- ACF (Advanced Custom Fields) ---------- */
.acf-form-container .acf-actions {
	text-align: left;
}
.acf-form-container .acf-actions .acf-button {
	display: inline-block;
	padding: 8px 20px;
	font-size: .8em;
	font-weight: 700;
	text-decoration: none;
	color: #1a1b21;
	border: 2px solid;
	border-radius: 100px;
}
.acf-form-container .acf-actions .acf-button:hover {
	background: #1a1b21;
	color: #fff;
	border-color: #1a1b21;
}
.acf-form-container .updated {
	display: none; /* hide these since we show our own alerts */
}
.acf-form-container .acf-fields {
	margin: 0 -10px;
}
.acf-form-container .acf-field input[type="text"],
.acf-form-container .acf-field input[type="password"],
.acf-form-container .acf-field input[type="number"],
.acf-form-container .acf-field input[type="search"],
.acf-form-container .acf-field input[type="email"],
.acf-form-container .acf-field input[type="url"],
.acf-form-container .acf-field textarea,
.acf-form-container .acf-field select {
	height: auto;
	padding: 10px;
}
.acf-form-container .acf-url input[type="url"] {
	padding-left: 25px;
}
.acf-form-container .acf-url i {
	top: 9px;
}
.acf-form-container .acf-input-prepend {
	padding: 11px;
	background: #ddd;
	border: none;
	border-radius: 0;
}
.acf-form-container .acf-switch {
	vertical-align: top;
}
.acf-form-container .acf-switch:hover {
	color: #02bad5;
	border-color: #02bad5;
}
.acf-form-container .acf-switch.-on {
	background: #02bad5;
	border-color: #02bad5;
}
.acf-form-container .acf-switch.-on .acf-switch-slider {
	border-color: #02bad5;
}
.acf-form-container .acf-switch + span {
	display: inline-block;
	font-size: .85em;
    font-weight: 700;
    margin: 6px 0 0 7px;
    vertical-align: text-bottom;
}
.acf-form-container .acf-repeater > table {
	font-size: .8em;
	margin: 0 0 15px;
}
.acf-form-container .acf-field-message .acf-label > label {
	font-size: 1.5em;
	letter-spacing: -0.025em;
	color: #02bad5;
}
.acf-form-container .acf-field p.small {
	margin: 15px 0;
}
.acf-form-container .acf-form-submit {
	padding: 20px 0 0;
	border-top: 1px solid #ddd;
}


/* ---------- Affiliate WP ---------- */
#affwp-affiliate-dashboard-tabs {
	margin: 0 !important;
	font-size: .9em;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
	padding: 0;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a {
	display: block;
	padding: 20px 15px;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a:hover {
	background: rgba(0, 0, 0, .05);
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active a {
	padding: 20px 30px;
	background: #fff;
}
.affwp-tab-content {
	padding: 30px;
	background: #fff;
}
table.affwp-table {
	font-size: .85em;
}
table.affwp-table th {
	color: #1a1b21;
}
table.affwp-table td,
table.affwp-table th {
	padding: 10px;
}
.affwp-errors,
.affwp-notice {
	font-size: .85em;
	border: none;
	border-left: 4px solid #fc0;
}
.affwp-wrap.affwp-payout-service-dob-wrap select {
	width: auto;
	margin-right: 10px;
}
.affwp-form {
	padding: 30px;
	margin: 0 0 30px;
	background: #fff;
}

/* ---------- Calendly ---------- */
.calendly-container .calendly-inline-widget {
	margin-top: -50px;
}


/* ---------- Cookie Consent ---------- */
.catapult-cookie-bar .ctcc-left-side {
	font-size: .85em;
	line-height: 1.4;
}
.catapult-cookie-bar button#catapultCookie {
	font-size: .85em;
	padding: 8px 15px;
}

/* ---------- Cycle Slideshow ---------- */
.cycle-slideshow {
	/*background: #434c6d;*/
}
.cycle-slideshow .cycle-slide {
    width: 100%;
}
.cycle-slideshow .cycle-slide .container {
	position: relative;
	padding: 0 100px 0 350px;
}
.cycle-slideshow .cycle-slide .slide-thumb {
	position: absolute;
	top: 70px;
	left: 100px;
	width: 250px;
}
.cycle-slideshow .cycle-slide .slide-thumb img {
	border-radius: 300px;
}
.cycle-slideshow .cycle-slide .slide-body {
	padding: 70px;
}
.cycle-slideshow .cycle-slide .slide-title {
	color: #fff;
}
.cycle-slideshow .cycle-slide .slide-label {
	display: block;
	font-size: 1.2em;
	margin: 0 0 10px;
}
.cycle-slideshow .cycle-slide p {
	color: rgba(255, 255, 255, .85);
}
/* screenshot slides */
.cycle-slideshow.slideshow-screenshots .cycle-slide img {
	box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}
/* slide backgrounds */
.cycle-slideshow .cycle-slide.slide-igs {
	background: url(images/testimonial-bg-igs.jpg) center center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.cycle-slideshow .cycle-slide.slide-pcg {
	background: url(images/testimonial-bg-pcg.jpg) center center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.cycle-slideshow .cycle-slide.slide-ry {
	background: url(images/testimonial-bg-ry.jpg) center center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.cycle-slideshow .cycle-slide.slide-strengthnet {
	background: url(images/testimonial-bg-strengthnet.jpg) center center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* cycle pager */
.cycle-pager {
	padding: 30px 0;
	text-align: center;
}
.cycle-pager span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 7px;
	background: rgba(0, 0, 0, .25);
	border-radius: 100px;
	text-indent: -9999px;
	cursor: pointer;
}
.cycle-pager span:hover {
	background: #02bad5;
}
.cycle-pager span.cycle-pager-active {
	background: #1a1b21;
}

/* ---------- Gravity Forms ---------- */
.gform_fields {
	list-style: none;
	margin: 0;
}
.gform_fields .gfield {
	margin: 0 0 15px;
}
.gform_fields .gfield select {
	width: 100%;
}
.gform_fields .gfield_label {
	color: #333;
}

/* hidden fields and sub-labels */
.gform_fields .gfield.gfield_visibility_hidden {
	display: none;
}

.gform_fields .name_first {
	display: block;
	margin: 0 0 15px;
}
.gfield_description {
	font-family: 'Roboto';
	font-size: .9em;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 10px;
	color: #1a1b21;
}
/* checkbox / radio */
.gfield_checkbox,
.gfield_radio {
	list-style: none;
}
.gfield_checkbox li,
.gfield_radio li {
	position: relative;
	padding-left: 25px;
	margin: 0 0 10px;
}
.gfield_checkbox li input[type="checkbox"],
.gfield_radio li input[type="radio"] {
	position: absolute;
	top: 2px;
	left: 0;
	margin: 0;
}
.gfield_checkbox li label,
.gfield_radio li label {
	display: block;
	font-size: .85em;
	font-weight: 300;
	cursor: pointer;
	margin: 0;
}
.gfield_checkbox li input[value="Other"],
.gfield_radio li input[value="Other"] {
	padding: 2px 0;
	font-size: .85em;
	background: none;
	border: none;
	border-radius: 0;
}
/* inline options */
.gfield.checkbox-inline,
.gfield.radio-inline {
	padding: 0;
}
.gfield.checkbox-inline .gfield_checkbox li,
.gfield.radio-inline .gfield_radio li {
	display: inline-block;
	margin: 0 20px 10px 0;
}
/* error styling */
.gform_wrapper .validation_error {
	display: block;
	padding: 10px;
	margin: 0 0 15px;
	font-size: .85em;
	background: #c00;
	color: #fff;
}
.gform_fields .gfield .validation_message {
	display: block;
	margin: 5px 0 0;
	font-size: .85em;
	color: #c00;
}
.gform_wrapper .validation_error .gform_submission_error {
	font-size: 1em;
	color: #fff;
	margin: 0;
}
.hero .hero-form .gform_fields .gfield .validation_message {
	color: #f90;
}
/* success styling */
.gform_confirmation_message {
	display: block;
	padding: 10px;
	margin: 0 0 15px;
	font-size: .85em;
	background: #690;
	color: #fff;
}

.gfield_required {
	color: #c00;
}
/* complex first/last name fields */
.ginput_complex.has_first_name {
	margin-left: -3%;
	clear: both;
}
.ginput_complex.has_first_name .name_first,
.ginput_complex.has_first_name .name_last {
	float: left;
	width: 47%;
	margin: 0 0 15px 3%; 
}
.ginput_complex.has_first_name .name_first label,
.ginput_complex.has_first_name .name_last label {
	display: none;
}

/* misc fields */
.gform_fileupload_rules {
	display: block;
	font-size: .85em;
	margin: 10px 0 0;
}

/* prev/next UI */
.gf_page_steps {
	position: relative;
    display: table;
    width: 100%;
    margin: 0 0 20px;
}
.gf_page_steps:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 98%;
	padding: 0 10px;
	height: 2px;
	background: #ddd;
}
.gf_page_steps .gf_step {
	position: relative;
	display: table-cell;
	text-align: center;
}
.gf_page_steps .gf_step.gf_step_first {
	text-align: left;
}
.gf_page_steps .gf_step.gf_step_last {
	text-align: right;
}
.gf_page_steps .gf_step .gf_step_number {
    display: inline-block;
    padding: 10px 0;
    width: 44px;
    background: #999;
    color: #fff;
    font-size: .85em;
    font-weight: 700;
    text-align: center;
    border: 4px solid #fff;
    border-radius: 50px;
    z-index: 5;
}
.gf_page_steps .gf_step.gf_step_active .gf_step_number {
	background: #02bad5;
}
.gform_previous_button {
	display: none !important; /* hide previous button (since there's no reason to let users go back) */
}
.gform_page_footer {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid #ddd;
}

/* ----- Lean form ----- */
/* hide labels */
.form-lean .gform_fields .gfield_label,
.form-lean .gform_fields .ginput_counter {
	display: none;
}
.form-lean .gform_fields .name_first label,
.form-lean .gform_fields .name_last label {
	display: none;
}
.form-lean .field-email,
.form-lean .field-phone {
	float: left;
	width: 48.5%;
	margin-bottom: 15px;
}
.form-lean .field-phone {
	margin-left: 3%; 
}
.form-lean .gfield_description {
	font-weight: 700;
}
.form-lean input[type="text"],
.form-lean input[type="email"],
.form-lean input[type="number"],
.form-lean input[type="phone"],
.form-lean input[type="tel"],
.form-lean input[type="url"],
.form-lean select,
.form-lean textarea {
	background: none;
}

/* ---------- MemberDev Complete ---------- */
.btn.memd-complete-true {
	background: #ccc;
	color: #666;
}

/* ---------- MemberMouse ---------- */
/* ----- General styles ----- */
.mm-button {
	font-family: 'Roboto', Arial, sans-serif !important;
	font-weight: 700 !important;
	line-height: inherit !important;
	color: #fff !important;
	text-shadow: none !important;
	box-shadow: none !important;
	border-radius: 100px !important;
}
.mm-button.large {
	padding: 15px !important;
}
.mm-button.green {
	background: #02bad5 !important;
	box-shadow: none !important;
	border: none !important;
}
.mm-button.green:hover {
	background: #0a748f !important;
	color: #fff !important;
}
.mm-button.orange {
	background: #f60 !important;
	box-shadow: none !important;
	border: none !important;
}
.mm-button.orange:hover {
	background: #c60 !important
}
.mm-button.purple {
	background: #c6f !important;
	box-shadow: none !important;
	border: none !important;
}
.mm-button.purple:hover {
	background: #93c !important;
}
.mm-button.button-disabled {
	background: #ccc !important;
	color: #999 !important;
	cursor: context-menu;
}
.mm-button.button-disabled:hover {
	background: #bbb !important;
}
.mm-error {
	padding: 5px 10px !important;
	margin: 0 0 20px !important;
	background: #c00 !important;
	color: #fff !important;
	font-size: .85em !important;
	border: none !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}
.mm-success {
	padding: 5px 10px !important;
	margin: 0 0 20px !important;
	background: #9c0 !important;
	color: #fff !important;
	font-size: .85em !important;
	border: none !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}

/* ----- Checkout pages ----- */
.mm_left_column,
.mm_right_column {
	float: none !important;
	display: table-cell;
	padding: 30px;
	margin: 0 !important;
	vertical-align: top;
}
.mm_right_column {
	background: #eee;
}
.mm-checkoutContainer {
	max-width: inherit !important;
	font-size: 100% !important;
	color: #333;
	margin: 20px auto;
}
.mm-checkoutContainer .mm-checkoutInfoBlock {
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	overflow: hidden !important;
}
.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-checkoutContainer h3 {
	font-size: 1.2em !important;
	font-weight: 700;
}
.mm-checkoutContainer #mm_field_billing_state_dd,
.mm-checkoutContainer #mm_field_billing_country,
.mm-checkoutContainer #mm_field_shipping_method,
.mm-checkoutContainer #mm_field_shipping_state_dd,
.mm-checkoutContainer #mm_field_shipping_country {
	width: 100%;
	height: 56px;
}
.mm-checkoutContainer .mm-formField {
	margin: 0 0 10px;
	overflow: inherit;
}
.mm-checkoutContainer .mm-formField label {
	display: none;
	width: auto;
	float: none !important;
}
.mm-checkoutContainer .mm-formField label.mandatory {
	display: block;
}
.mm-checkoutContainer .mm-formField.field-shipping-same {
	position: relative;
	padding-left: 25px;
}
.mm-checkoutContainer .mm-formField.field-shipping-same input {
	position: absolute;
	top: 3px;
	left: 0;
	margin: 0;
}
.mm-checkoutContainer .mm-selectList {
	width: auto;
	margin-right: 10px;
}
.mm-checkoutContainer .mm-checkoutSection2,
.mm-checkoutContainer .mm-purchaseSection {
	margin: 0 0 15px;
}
.mm-checkoutContainer .mm-checkoutSection2 h2 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2;
}
.mm-checkoutContainer .mm-free-trial {
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #f66d37;
}
.mm-checkoutContainer .mm-productDesc {
	font-style: normal;
}
.mm-checkoutContainer .mm-ccLogos img {
	width: 162px;
}
.mm-checkoutContainer .table {
	margin: 15px 0;
	font-size: .9em;
	color: rgba(255, 255, 255, .7);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mm-checkoutContainer .table th,
.mm-checkoutContainer .table td {
	padding: 10px 0;
	border-color: rgba(255, 255, 255, .1);
}
.mm-checkoutContainer .table th {
	width: 120px;
	color: #fff;
}
p.checkout-terms {
	font-size: .75em;
	color: #aaa;
	margin: 0 0 10px;
}
p.checkout-terms a {
	color: #333;
}
p.checkout-security {
	position: relative;
	padding: 0 0 0 20px;
    color: #333;
}
p.checkout-security i {
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 1.2em;
}

.mm-paypalCheckoutBtn {
	width: auto !important;
	height: auto !important;
	padding: 15px;
	margin: 15px 0 0;
	background: #009cde !important;
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	border-radius: 5px;
}
.mm-paypalCheckoutBtn:hover {
	background: #0070ba !important;
	color: #fff;
	text-decoration: none;
}

.mm-giftsection {
	margin: 0 0 20px;
}
.mm-checkoutContainer .mm-purchaseSection .mm-button.green,
.mm-checkoutContainer .mm-purchaseSection .mm-button.orange,
.mm-checkoutContainer .mm-purchaseSection .mm-button.purple {
	width: 100% !important;
}

.mm-couponSection .mm-formField {
	position: relative;
}
.mm-couponSection .mm-formField .mm-button {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 3px 10px !important;
	background: none !important;
	color: #08c !important;
	border: 1px solid #08c !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-transform: uppercase;
	z-index: 10;
}
.mm-couponSection .mm-button:hover {
	background: #08c !important;
	color: #fff !important;
}
.mm-couponSection .mm-couponSuccessMessage,
.mm-couponSection .mm-couponErrorMessage {
	display: block;
	margin: 0 0 20px;
	font-size: .85em;
	border-radius: 0;
	text-shadow: none;
}
.mm-couponSection .mm-couponSuccessMessage {
	background: #33c64f !important;
}

/* ----- My Account page ----- */
.mm-myaccount {
	font-size: 1em !important;
}
.mm-myaccount-module {
	margin: 0 0 20px !important;
	background: #fff !important;
	border: 1px solid #ccc !important;
	border-radius: 0 !important;
}
.mm-myaccount-module br {
	display: none;
}
.mm-myaccount-module-header {
	position: relative;
	font-family: 'Roboto';
	font-size: 1em;
	font-size: 1.2em !important;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.2;
	padding: 20px 150px 20px 55px !important;
	color: #333 !important;
	background: #f5f5f5 !important;
	border-bottom: 1px solid #ddd;
}
.mm-myaccount-module-header .mm-update-button {
	position: absolute;
	top: 13px;
	right: 15px;
	padding: 6px 20px !important;
	font-weight: 700 !important;
	background: none !important;
	color: #333 !important;
	border: 2px solid rgba(0, 0, 0, .35);
	border-radius: 100px !important;
}
.mm-myaccount-module-header .mm-update-button:hover {
	background: #333 !important;
	color: #fff !important;
}
.mm-myaccount-module-header img {
	display: inline-block;
	vertical-align: top !important;
	margin: 1px 0 0 !important;
}
.mm-myaccount-module-header i {
	position: absolute !important;
	top: 20px !important;
	left: 15px;
	width: 30px;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	margin: 0;
	color: #333 !important;
}
.mm-myaccount-content-wrapper {
	padding: 15px !important;
}
.mm-myaccount-content-wrapper p {
	font-size: .85em;
	margin: 0 0 10px !important;
}
.mm-myaccount-content-wrapper table {
	table-layout: fixed;
	width: 100%;
	font-size: .85em;
}
.mm-myaccount-content-wrapper table th,
.mm-myaccount-content-wrapper table td {
	padding: 10px 0;
	vertical-align: middle;
}
.mm-myaccount-content-wrapper table tbody th,
.mm-myaccount-content-wrapper table tbody td {
	border-top: 1px solid #ddd;
}
.mm-myaccount-content-wrapper table#mm-subscriptions-table tr th:last-child,
.mm-myaccount-content-wrapper table#mm-subscriptions-table tr td:last-child {
	text-align: right;
}
.mm-myaccount-content-wrapper .cta-button {
	font-size: 1.2em;
}
.mm-myaccount-label {
	display: inline-block;
	width: 140px;
	font-weight: bold;
	color: #333;
}
.mm-update-button {
	font-size: .8em !important;
	font-variant: normal !important;
	background: #1bb1e7 !important;
	padding: 5px 15px !important;
	color: #eee !important;
	vertical-align: top;
}
.mm-update-button:hover {
	text-decoration: none !important;
	color: #fff !important;
	background: #08c !important;
}

/* jquery UI dialog styling */
.mm-myaccount-dialog-section-header {
	font-family: 'Roboto';
	font-size: 1em;
	font-size: .85em !important;
	font-weight: 700;
	background: none !important;
	color: #333 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}
#mm-form-container table {
	font-family: 'Roboto', sans-serif;
}
#mm-form-container td {
	padding: 5px 0;
}
#mm-payment-confirmation-dialog form {
	padding: 0 0 20px;
	margin: 0 0 20px;
	line-height: 1.4;
	border-bottom: 1px solid #ddd;
}
#mm-payment-confirmation-dialog form .mm-data {
	font-weight: 700;
}

.mm-ui-button {
	border-radius: 100px !important;
}
.mm-dialog-button-container {
	float: none !important;
	padding: 10px 0 0;
}
.mm-dialog-button-container .mm-ui-button {
	font-family: 'Roboto';
	font-size: 1em;
	font-size: .85em !important;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	padding: 10px 20px;
	margin: 0;
	border: 1px solid #ccc;
}
.mm-dialog-button-container .mm-ui-button:hover {
	background: #eee;
	color: #333;
}
.mm-dialog-button-container .mm-ui-button.blue {
	background: #39f;
	color: #fff;
	border-color: #39f;
}
.mm-dialog-button-container .mm-ui-button.blue:hover {
	background: #036;
	border-color: #036;
}
.mm-dialog-button-bar {
	text-align: left !important;
}
.mm-dialog-button-bar .mm-button {
	background: none;
}

.mm-update-subscription-button {
	color: #08c !important;
}
.mm-cancel-membership-button,
.mm-cancel-subscription-button,
.mm-update-subscription-button {
	font-size: 1em !important;
	color: #1bb1e7 !important;
}

/* ----- Login/Password pages ----- */
.mm-login,
.mm-forgot-password,
.mm-resetpassword {
	width: auto !important;
}
.mm-login tr,
.mm-forgot-password tr ,
.mm-resetpassword tr {
	height: auto !important;
	margin: 0 0 20px;
}
.mm-login table tr,
.mm-login table th,
.mm-login table td,
.mm-forgot-password table tr,
.mm-forgot-password table th,
.mm-forgot-password table td,
.mm-resetpassword table tr,
.mm-resetpassword table th,
.mm-resetpassword table td {
	display: block;
}
.mm-login .mm-label-column,
.mm-forgot-password .mm-label-column,
.mm-resetpassword .mm-label-column {
	width: auto !important;
	margin: 0 0 5px;
	font-weight: 700;
	color: #333;
}
.mm-login .mm-field,
.mm-forgot-password .mm-field,
.mm-resetpassword .mm-field {
	width: 100% !important;
	margin: 0 0 10px;
}
.mm-login .mm-label {
	display: none; /* use placeholders instead */
}
.mm-remember-me {
	position: relative;
	font-size: .85em;
	font-weight: 300;
	line-height: 1.4;
	margin: 20px 0 !important;
	padding-left: 20px;
}
.mm-remember-me br {
	display: none;
}
.mm-remember-me input[type="checkbox"] {
	position: absolute;
	top: 3px;
	left: 0;
	margin: 0 !important;
}
#mm-login-button,
#mm-submit-button {
	width: 100% !important;
}

/* lock screen (loading) */
#mm-lockscreen-container {
	position: fixed !important;
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0 !important;
	background: rgba(0, 0, 0, .7) !important;
	opacity: 1.0 !important;
	z-index: 2000 !important;
}
#mm-progressbar-container {
	position: fixed !important;
	top: 40% !important;
	left: 50% !important;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	padding: 30px;
    background: url(images/loading.svg) center center no-repeat rgba(0, 0, 0, .5) !important;
	background-size: 60px auto;
    color: #fff;
    text-align: center;
    z-index: 2001;
}
/*
#mm-progressbar-container:after {
	display: block;
	content: "Loading...";
	font-size: .85em;
	margin: 15px 0 0;
}
*/
#mm-progressbar {
	display: none !important;
	border: none !important;
}

/* ----- admin styles ----- */
#mm-preview-settings-bar select {
	width: auto;
	height: auto;
	padding: 0;
}
#mm-preview-settings-bar .mm-button {
	line-height: 12px !important;
}

/* ---------- Parsley JS ---------- */
.parsley-errors-list {
	list-style: none;
	font-size: .85em;
	margin: 0;
}
.parsley-errors-list li {
	color: #c00;
	margin: 5px 0;
}
input.parsley-error {
	border-color: #c00;
}

/* ---------- jQuery UI ---------- */
.ui-widget-overlay {
	background: rgba(0, 0, 0, .5) !important;
	opacity: 1.0 !important;
}
.ui-dialog.ui-widget {
	padding: 0;
	font-family: 'Roboto', sans-serif;;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .1);
}
.ui-dialog.ui-widget .ui-widget-header {
	padding: 15px 20px;
	background: #333;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
}
.ui-dialog.ui-widget .ui-widget-header .ui-dialog-titlebar-close {
	right: 20px;
	outline: none;
}
.ui-dialog.ui-widget .ui-widget-header .ui-dialog-titlebar-close:hover {
	color: #fff;
}
.ui-dialog.ui-widget .ui-widget-content {
	height: auto !important;
	padding: 20px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Roboto', serif;;
}
/* dialog table styling */
.ui-dialog.ui-widget #mm-form-container tr td {
	width: auto;
}
.ui-dialog.ui-widget #mm-form-container tr td:first-child {
	width: 120px;
}

/* -------------------- MemberDev Favorites (user favoriting) -------------------- */
.myfav-favorite-button.myfav-favorite-true {
	background: #ccc;
	color: #666;
}
.my-favorites-category-form-container {
	padding: 20px 0;
	margin: 20px 0 0;
	border-top: 1px solid #ddd;
}
.my-favorites-category-form-container input {
	margin: 0 0 10px;
}

/* ---------- Picker JS (date picking) ---------- */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #fff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  outline: none;
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaa;
}
.picker__day--outfocus {
  color: #ddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #fff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #fff;
  background: #fff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #e20;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaa;
}

/* -------------------- WP Pagenavi -------------------- */
.wp-pagenavi {
    padding: 30px 0 0;
    margin: 30px 0;
    border-top: 1px solid #ddd;
}
.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    border: 2px solid #eee;
    padding: 8px 15px;
    margin: 0 5px 5px 0;
}
.wp-pagenavi span.pages {
    background: #fff;
    color: #151515;
    border: 2px solid #fff;
}
.wp-pagenavi a {
    color: #434c6d;
    border-color: #434c6d;
}
.wp-pagenavi a:hover {
    background: #09c;
    color: #fff;
    border-color: #09c;
}
.wp-pagenavi span.current {
    background: #434c6d;
    color: #fff;
    border-color: #434c6d;
}

/* 08: Behavioral (JS)
========================================================================================================== */
.js-content-hidden {
	display: none;
}


/* 09: Responsive (Media Queries)
========================================================================================================== */
/* Retina-specific styles */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

/* LARGE DESKTOP */
@media (max-width: 1299px) {

	.post-banner {
		padding: 30px;
		margin: 0 -30px 30px;
	}

}

@media (max-width: 1199px) {

	.container {
		width: auto;
		padding: 0 30px;
	}
	
	.page-section.section-cta .cta-icon {
		top: -10px;
		bottom: auto;
		right: 30px;
		width: 300px;
	}

	.hero.hero-video .hero-content h1 {
		font-size: 4em;
	}
	.hero.hero-video .hero-content hr {
		margin: 10px auto;
	}
	.hero-raised-container {
		margin-top: -200px;
	}
	.hero.hero-entrepreneur {
		background: url(images/hero-bg-entrepreneur.jpg) bottom center no-repeat #fff;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    background-attachment: inherit;
	}
	.hero.hero-particles {
		background: url(images/hero-bg-particles.jpg) top center no-repeat #fff;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    background-attachment: inherit;
	}
	.hero.hero-waves {
		background: url(images/hero-bg-waves-dark.jpg) top right no-repeat #fff;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    background-attachment: inherit;
	}

	/* page header */
	.page-header.header-featured-image {
		padding: 310px 0 0;
	}

	/* timeline */
	.timeline:after {
		display: none;
	}
	.timeline .timeline-item.item-icon-top,
	.timeline .timeline-item.item-icon-bottom {
		padding: 150px 20px 30px;
	}
	.timeline .timeline-item.item-icon-top .item-icon,
	.timeline .timeline-item.item-icon-bottom .item-icon {
		top: 0;
		bottom: inherit;
	}
	.timeline .timeline-item.item-icon-top .item-icon:after,
	.timeline .timeline-item.item-icon-bottom .item-icon:after {
		display: none;
	}

	/* modals */
	.modal.modal-extra-wide .modal-dialog {
		width: auto;
	}

	/* calendly */
	.calendly-container .calendly-inline-widget {
		margin-top: 0;
	}

}

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

	.headline.headline-super {
		font-size: 3em;
	}
	
	/* header */
	.site-header {
		height: 54px;
		padding: 0;
	}
	.site-header .header-top {
		position: fixed;
		bottom: 0;
		margin: 0;
	}
	.site-header .header-top .container {
		padding-left: 15px;
	}
	.site-header .header-brand {
		font-size: 1.4em;
	    padding: 17px 10px;
	}
	.site-header .header-brand .brand-icon,
	.page-template-page-homepage .site-header .header-brand .brand-icon {
		width: 25px;
		height: 24px;
		background-size: 25px auto;
		margin: -2px 3px 0 0;
	}
	.site-header .header-mobile-navicon {
		display: inline-block;
	}
	.site-header .header-nav {
		position: fixed;
		top: 54px;
		left: 0;
		height: 0;
		padding: 0;
		background: rgba(0, 0, 0, .85);
		overflow: hidden;
		z-index: 1000;
	}
	.mobile-nav-open .site-header .header-nav {
		width: 100%;
		height: 100%;
		padding: 20px;
	}
	.mobile-nav-open .site-header .header-nav ul > li {
		float: none;
		display: block;
		margin: 0;
		border-top: 1px solid rgba(255, 255, 255, .25);
	}
	.mobile-nav-open .site-header .header-nav ul > li:first-child {
		border-top: none;
	}
	.mobile-nav-open .site-header .header-nav ul > li > a {
		height: auto;
		padding: 20px 17px;
		color: rgba(255, 255, 255, .7);
		border-radius: 0;
	}
	.mobile-nav-open .site-header .header-nav ul > li > a:hover {
		color: #fff;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-cta > a {
		color: #ff3300;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-cta > a:hover {
		background: #ff3300;
		color: #fff;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-quote > a {
		color: #02bad5;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-quote > a:hover {
		background: #02bad5;
		color: #fff;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-login > a {
		color: #fff;
	}
	.mobile-nav-open .site-header .header-nav ul > li > a .nav-icon {
		display: inline-block;
		width: 20px;
		text-align: center;
	}
	.mobile-nav-open .site-header .header-nav li:hover .nav-sub-menu {
		display: none;
	}
	.mobile-nav-open .site-header .header-nav .dropdown-menu {
		width: 100%;
	}
	/* hide nav and navicon on homepage */
	/*
	.page-template-page-homepage .site-header .header-nav,
	.page-template-page-homepage .site-header .header-mobile-navicon {
		display: none;
	}
	*/
	
	/* app nav */
	.app-nav {
		width: 100%;
		height: 60px;
	}
	.app-nav .nav-brand {
	    display: inline-block;
	    height: 60px;
	    padding: 22px 20px;
	    font-size: 1.4em;
	    color: #fff;
	}
	.app-nav .nav-brand .brand-icon {
		width: 25px;
		height: 24px;
		background-size: 25px auto;
		margin: -2px 3px 0 0;
	}
	.app-nav .nav-mobile-navicon {
		display: inline-block;
	}
	.app-nav .nav-menu {
		display: none;
	}
	.mobile-nav-open .app-nav {
		height: 100%;
		background: #1a1b21;
		z-index: 1001;
	}
	.mobile-nav-open .app-nav .nav-menu {
		display: block;
		position: fixed;
		top: 60px;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0;
		background: #2d2f3b;
	}
	.mobile-nav-open .app-nav .nav-menu ul {
		padding: 0;
	}
	.mobile-nav-open .app-nav .nav-menu ul li a > i {
		left: 12px;
	}
	/* app body */
	.app-body {
		padding: 60px 0 0;
		margin: 0;
	}
	/* app header */
	.app-header {
		height: auto;
	}
	
	/* page header */
	.page-header.header-jumbo h1 {
		font-size: 3.2em;
	}
	.page-header.header-section .section-content  {
		padding: 50px 0 30px;
	}
	.page-header.header-section .section-content .breadcrumb {
		margin: 0 0 15px;
	}
	.page-header.header-section .section-content .content-utility {
		bottom: 25px;
	}
	.page-header.header-featured-image {
		padding: 294px 0 0;
	}

	/* page section */
	.page-section.section-auth {
		padding: 90px 0 40px;
	}
	.page-section .section-header.header-testimonial {
		padding: 40px;
	}
	
	/* page overlay */
	.page-overlay .overlay-option {
		width: auto;
		margin: 0;
	}
	.page-overlay .overlay-header .overlay-close {
		font-size: 3.5em;
	}

	/* posts */
	.post-banner {
		padding: 30px;
		margin: 0 -30px 30px;
	}
	.post-banner.banner-resource {
		padding: 80px 0 30px;
	}
	
	/* hero */
	.hero {
		padding: 50px 0 0;
	}
	.hero .hero-content {
		padding: 50px 0;
	}
	.hero .hero-content .content-image {
		display: none;
	}
	.hero .hero-content h1,
	.hero .hero-content h5,
	.hero .hero-content p {
		text-align: center;
	}
	.hero .hero-content hr {
		margin: 20px auto;
	}
	.hero.hero-homepage {
		padding: 50px 0 0;
		background: #fff;
	}
	.hero.hero-diagonal .hero-iso {
		position: static;
		width: 60%;
		margin: 50px auto;
	}
	.hero.hero-desk {
		padding: 50px 0 0;
		background: url(images/hero-bg-desk-dark.jpg) top right no-repeat #fff;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    background-attachment: inherit;
	}
	.hero.hero-waves .headline-titan {
		font-size: 4em;
	}
	/* video hero */
	.hero.hero-video {
		max-height: inherit;
		background: url(images/hero-bg-particles.jpg) top center no-repeat;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover; 
	}
	.hero.hero-video .video-container {
		display: none;
	}
	.hero.hero-video .hero-content {
		position: static;
		top: auto;
		padding: 80px 0 70px;
	}
	.hero.hero-video .hero-content h1 {
		font-size: 3em;
	}
	.hero-raised-container {
		margin-top: -120px;
	}

	/* slideshow */
	.cycle-slideshow .cycle-slide .container {
		padding: 0 100px 0 250px;
	}
	.cycle-slideshow .cycle-slide .slide-thumb {
		width: 150px;
	}

	/* features */
	.feature.feature-padded {
		padding: 50px;
	}

	/* step */
	.step-process .process-line:before,
	.step-process .process-line:before {
		width: 50px;
	}

	/* testimonial */
	.testimonial {
		padding: 0 0 0 200px;
	}
	
	/* zoom */
	.image-zoom .zoom-brand {
		width: 200px;
		height: 70px;
		margin-top: -35px;
		margin-left: -100px;
	}
	.image-zoom .zoom-caption hr {
		margin: 10px 0;
	}
	
}

/* SMALL TABLET */
@media (max-width: 992px) {

	.hide-992 {
		display: none;
	}
	.mobile-lg-centered {
		text-align: center;
	}

	.item-list.list-columns-3 li {
		width: 48%;
	}

	.image-zoom .zoom-caption h3 {
		margin: 15% 0 0;
	}

	/* grids */
	.masonry-grid .grid-item {
		width: 48%;
	}
	.rsp-grid .grid-container {
		width: 47% !important;
	}

	/* page header */
	.page-header.header-jumbo {
		padding: 100px 0 30px;
	}
	.page-header.header-lp-accelerator {
		background: #fff;
	}

	/* page section */
	.page-section {
		padding: 50px 0;
	}
	.page-section.section-insider-cta {
		padding: 100px 0 50px;
	}
	.page-section.section-graph {
		padding: 30px 15px;
		background: url(images/section-bg-graph-aqua-dark.jpg) bottom center no-repeat #035b72;
		-webkit-background-size: 100%;
	    -moz-background-size: 100%;
	    -o-background-size: 100%;
	    background-size: 100%;
	}
	.page-section.section-cta .cta-icon {
		position: static;
		display: block;
		width: 200px;
		margin: 0 auto 15px;
	}
	.page-section.section-desk {
		padding: 50px 0;
		background: url(images/hero-bg-desk-dark.jpg) top left no-repeat #fff;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

	/* posts */
	.post-content.content-with-rail {
		padding: 0 180px 0 0;
	}
	.post-content.content-with-rail .content-rail {
		left: inherit;
		right: 0;
		width: 150px;
	}

	/* cards */
	.card.card-wide {
		height: auto;
		padding: 0;
		overflow: inherit;
	}
	.card.card-wide .card-image {
		position: relative;
		width: 100%;
		max-height: inherit;
		overflow: inherit;
	}
	.card.card-wide .card-content {
		padding: 30px;
	}
	.card.card-wide .card-action {
		position: static;
		padding: 0 20px 20px; 
	}
	.card.card-raised,
	.card.card-product.card-raised {
		margin-top: 0;
	}

	/* hero */
	.hero.hero-diagonal {
		background: url(images/gridline2x-bg-white-right.png) bottom right no-repeat #fff;
	}

	/* cards */
	.card .card-image > a:hover img {
		-webkit-transform:scale(1.0); /* Safari and Chrome */
	    -moz-transform:scale(1.0); /* Firefox */
	    -ms-transform:scale(1.0); /* IE 9 */
	    -o-transform:scale(1.0); /* Opera */
		transform:scale(1.0);
	}

	/* modals */
	.modal.modal-wide .modal-dialog {
		width: auto;
	}

}

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

	.hide-768 {
		display: none;
	}
	.mobile-md-centered {
		text-align: center;
	}

	h1 {font-size: 2.4em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1.2em;}

	.mobile-label {
		display: inline-block;
	}

	.logo-quote {
		width: 200px;
	}
	.partner-embed {
		width: 200px;
		padding: 0;
	}

	.brand-image.brand-different {
		display: none;
	}
	.platform-graphic {
		padding: 70px;
	}

	.jumbo-title {
		font-size: 2.5em;
	}
	.resource-title {
		font-size: 2em;
	}

	.service-graphic {
		margin: 30px 0 0;
	}
	
	.post-title {font-size: 2em;}
	
	.headline {
		font-size: 1.2em;
	}
	.headline.headline-small {
		font-size: 1em;
	}
	.headline.headline-large {
		font-size: 1.4em;
	}
	.headline.headline-jumbo {
		font-size: 1.8em;
	}
	.headline.headline-super {
		font-size: 2.2em;
	}
	.headline.headline-titan {
		font-size: 3em;
	}
	
	.btn.btn-xl {
		font-size: 1.2em;
		padding: 10px 20px;
	}
	
	/* header */
	.site-header .header-top .top-nav {
		margin: 0 0 0 200px
	}
	.site-header .header-top .top-nav .nav-social {
		display: none;
	}

	/* columns */
	.column.column-10,
	.column.column-20,
	.column.column-30,
	.column.column-40,
	.column.column-50,
	.column.column-60,
	.column.column-70,
	.column.column-80,
	.column.column-90,
	.column.column-100 {
		float: none;
		width: 100%;
	}
	.column.column-image {
		height: auto !important;
		min-height: inherit;
	}
	.column-pull-right {
		float: none;
	}

	/* app header */
	.app-header {
		padding: 40px;
	}
	.app-header .header-utility {
		position: static;
	}
	.app-header .header-utility .utility-nav {
		margin: 20px 0 0;
	}
	.app-header .header-utility .utility-nav li {
		display: block;
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, .5);
	}
	.app-header .header-utility .utility-nav li a {
		display: block;
	}
	.app-header.header-hero {
		background: #434c6d;
		max-height: inherit;
	}
	.app-header.header-hero > img {
		opacity: 1.0;
	}
	.app-header.header-hero .header-content {
		position: static;
		padding: 30px;
	}

	/* checkout */
	.checkout-column {
		display: block;
	}
	.checkout-column.column-product {
		width: 100%;
	}
	.checkout-column.column-payment {
		width: 100%;
	}
	
	/* page header */
	.page-header {
		padding: 100px 0 30px;
	}
	.page-header.header-featured-image {
		padding: 320px 0 0;
	}
	.page-header .header-cta {
		text-align: left;
	}
	
	/* page section */
	.page-section {
		padding: 30px 0;
	}
	.page-section .section-header {
		padding: 30px 30px 30px 100px;
	}
	.page-section .section-header .header-utility {
		position: static;
	}
	.page-section.section-cta {
		padding: 50px 0 30px; 
	}
	.page-section.section-home {
		padding: 50px 0;
	}
	.page-section.section-diagonal-grid {
		padding-top: 50px;
		background: url(images/gridline2x-bg-white-right.png) bottom right no-repeat #fff;
	}
	.page-section.section-pull .section-header {
		margin-top: -100px;
	}
	
	/* posts */
	.post-banner {
		padding: 30px;
		margin: 25px -30px 30px;
	}
	.post-body {
		padding: 0 0 30px;
		margin: 0 0 30px;
		border-right: none;
		border-bottom: 1px solid #333;
	}
	.post-content.content-with-rail {
		padding: 0;
	}
	.post-content.content-with-rail .content-rail {
		position: static;
		top: inherit;
		right: inherit;
		width: auto;
	}

	/* hero */
	.hero .hero-content h1 {
		font-size: 2.4em;
		letter-spacing: -1px;
	}
	.hero.hero-waves .hero-content h1 {
		font-size: 1.2em;
	}
	.hero.hero-waves .headline-titan {
		font-size: 3em;
		letter-spacing: -1px;
	}
	.hero-raised-container {
		margin-top: -60px;
	}
	.hero.hero-diagonal .hero-iso {
		width: 70%;
	}

	/* slideshow */
	.cycle-slideshow .cycle-slide .container {
		padding: 0 0 0 150px;
	}
	.cycle-slideshow .cycle-slide .slide-thumb {
		left: 50px;
		width: 120px;
	}
	
	/* features */
	.feature .btn {
		display: block;
		width: 100%;
		margin: 0 0 30px;
	}
	.feature.feature-padded {
		padding: 30px;
	}
	.feature.feature-step {
		padding-left: 65px;
	}
	.feature.feature-step:before {
		top: 0;
		left: 24px;
		height: 100%;
		width: 2px;
	}
	.feature.feature-step .step-number {
		position: absolute;
		top: 0;
		left: 0;
	}

	/* items */
	.item.item-with-action {
		padding-right: 0;
	}
	.item.item-with-action .item-action {
		position: static;
		width: auto;
		margin: 20px 0 0;
	}

	/* line content */
	.line-content {
		padding: 20px 0 15px 30px;
		margin-left: 0;
	}

	/* loaded content */
	.loaded-content .content-pane {
		padding: 0;
	}
	
	/* metrics */
	.metric {
		display: block;
		padding: 15px 30px 15px 75px;
		border-left: none;
		border-top: 1px solid #ccc;
	}
	.metric .metric-icon {
		left: 0;
	}
	.metric.metric-first {
		border-top: none;
	}
	.post-metrics {
		padding-top: 0;
		border-top: none;
	}
	.post-metrics .metric {
		padding: 15px 0;
	}

	/* step */
	.step-process .process-line {
		display: none;
	}

	/* status */
	.status-meter {
		display: block;
	}
	.status-meter .meter-step {
		display: block;
		width: 100% !important;
	}
	.status-meter .meter-step:after {
		right: inherit;
		left: 14px;
		width: 1px;
		height: 100%;
	}
	.status-meter .meter-step:last-child:after {
		display: none;
	}

	/* timeline */
	.timeline:after {
		display: block;
		top: 0;
		left: 50%;
		width: 2px;
		height: 100%;
		margin-top: 0;
		margin-left: -1px;
	}
	.timeline .timeline-item.item-25 {
		width: 100%;
	}
	.timeline .timeline-item.item-icon-top,
	.timeline .timeline-item.item-icon-bottom {
		padding: 20px 0 20px 60%;
	}
	.timeline .timeline-item.item-icon-top .item-icon,
	.timeline .timeline-item.item-icon-bottom .item-icon {
		left: 0;
		width: 50%;
		margin: 0;
	}
	.timeline .timeline-item.item-icon-top .item-icon img,
	.timeline .timeline-item.item-icon-bottom .item-icon img {
		position: relative;
		width: 130px;
		padding: 15px;
		margin: 0 0 0 30px;
		background: #fff;
		z-index: 10;
	}
	.timeline .timeline-item.item-icon-top .item-icon:after,
	.timeline .timeline-item.item-icon-bottom .item-icon:after {
		display: block;
		width: 50%;
		height: 2px;
		top: 50px;
		bottom: inherit;
		left: 50%;
		margin: 0;
	}
	.timeline .timeline-item .item-content {
		text-align: left;
	}
	
	/* footer */
	.site-footer .footer-column {
		padding: 40px 0 0;
	}
	p.site-credit {
		text-align: left;
	}
	
	/* zoom */
	.image-zoom .zoom-caption {
		display: none;
	}

	/* forms */
	.form-container.form-quote {
		margin-top: 0;
	}
	.auth-container {
		padding: 30px;
	}
	.auth-login {
		padding: 0 0 30px;
		margin: 0 0 30px;
		border-right: none;
		border-bottom: 1px solid #ddd;
	}

	/* ----- tables ----- */
	.column-action {
		min-width: inherit;
		max-width: inherit;
		text-align: left;
	}
	/* responsive tables */
	.table-responsive {
		border: none;
	}
	.table-responsive thead {
		display: none;
	}
	.table-responsive tbody,
	.table-responsive tr,
	.table-responsive th,
	.table-responsive td {
		display: block;
		width: 100%;
	}
	.table-responsive tr {
		border-top: 1px solid #ddd;
	}
	.table-responsive th,
	.table-responsive td {
		border: none !important;
	}
	/* compare tables */
	.table.table-compare,
	.table.table-compare thead,
	.table.table-compare tbody,
	.table.table-compare tfoot,
	.table.table-compare tr,
	.table.table-compare th,
	.table.table-compare td {
		display: block;
	}
	.table.table-compare thead {
		display: none;
	}
	.table.table-compare tbody th {
		width: auto;
		border-top: 1px solid #036;
	}
	.table.table-compare tbody td {
		position: relative;
		padding-left: 120px;
		border-left: none;
		text-align: right;
	}
	.table.table-compare tbody td .mobile-label {
		position: absolute;
		top: 20px;
		left: 0;
		font-weight: 700;
	}
	.table.table-compare tbody td.column-yes,
	.table.table-compare tbody tr.row-base td.column-yes {
		background: #fff;
	}
	.table.table-compare tbody tr.row-text {
		text-align: left;
	}
	.table.table-compare tfoot td {
		padding: 20px 0;
	}
	.table.table-compare tfoot td .mobile-label {
		display: block;
		font-weight: 700;
		margin: 0 0 10px;
	}
	.table.table-compare tbody tr.row-header th,
	.table.table-compare tfoot tr.row-header th {
		background: #434c6d;
		color: #fff;
	}
	.table.table-compare tfoot td {
		text-align: left;
	}
	.table.table-compare .hide-mobile {
		display: none !important;
	}
	/* scope tables */
	.table.table-scope tbody th {
		width: 100%;
	}

	/* modals */
	.modal-quote,
	.modal .modal-quote {
		padding: 20px 15px 15px;
		border-left: none;
		border-top: 1px solid #ddd;
	}
	.well .well-enroll-label,
	.well .well-enroll-deadline {
		text-align: left;
	}
	.well .well-enroll-label {
		margin-top: 20px;
	}

	/* membermouse */
	.mm-myaccount-block {
		float: none !important;
		width: 100% !important;
	}

}

/* SUPER MOBILE */
@media (max-width: 600px) {
	
	.mobile-block {
		display: block;
	}

	.jumbo-title {
		font-size: 2em;
	}
	.jumbo-title .title-gradient {
		font-size: 1.5em;
	}
	.jumbo-title .title-icon {
		font-size: 1.25em;
	}

	.list-large {
		font-size: 1.2em;
	}

	.item-list.list-columns-2,
	.item-list.list-columns-3 {
		margin: 0;
	}
	.item-list.list-columns-2 li,
	.item-list.list-columns-3 li {
		width: 100%;
		margin: 0 0 15px;
	}
	.nav-list.list-inline li {
		display: block;
		border-top: 1px solid #ddd;
		border-left: none;
	}


	.platform-graphic {
		padding: 30px;
		margin: 0;
	}

	/* buttons */
	.btn.btn-mobile-block {
		display: block;
		width: 100%;
		margin: 0 0 15px;
	}

	/* app */
	.app-header,
	.app-section {
		padding: 30px;
	}
	.app-header h1 {
		font-size: 2em;
	}
	.app-header h1 .header-prefix {
		display: block;
	}

	/* page header */
	.page-header .header-brand {
		width: 175px;
	}
	.page-header .header-brand.brand-400 {
		width: 300px;
	}
	.page-header.header-jumbo h1 {
		font-size: 2.5em;
	}
	.page-header.header-section .section-content {
		position: static;
		padding: 30px 15px;
		background: #00253e;
	}
	.page-header.header-section .section-content h1 {
		padding: 0;
	}
	.page-header.header-section .section-content .content-utility {
		position: static;
	}
	.page-header.header-section .section-content .content-utility .btn {
		display: block;
		width: 100%;
	}
	.page-header.header-featured-image {
		padding: 50px 0 0;
	}
	.page-header.header-with-nav .nav-menu li {
		display: block;
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, .25);
	}
	.page-header.header-with-nav .nav-menu li:first-child {
		border-top: none;
	}
	.page-header.header-with-nav .nav-menu li a {
		padding: 15px;
	}

	.post-featured-image {
		position: relative;
		margin: -30px -30px 30px;
		max-height: inherit;
	}

	/* page section */
	.page-section .section-label {
		padding-left: 60px;
	}
	.page-section .section-label:before {
		width: 40px;
	}
	.page-section .section-nav {
		font-size: .85em;
	}
	.page-section .section-nav li {
		display: block;
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, .25);
	}
	.page-section .section-nav li:first-child {
		border-top: none;
	}
	.page-section .section-nav li a {
		padding: 15px;
	}
	.page-section .section-block .block-content {
		padding: 30px;
	}
	.page-section.section-different-home .title-label {
		font-size: .8em;
	}

	/* content */
	.content-padded-feature {
		padding: 30px;
	}
	
	/* hero */
	.hero .hero-content {
		padding: 20px 0; 
	}
	.hero .hero-content .btn {
		display: block;
		width: 100%;
		margin: 0 0 10px; 
	}
	.hero .hero-content h1 {
		font-size: 2em;
	}
	.hero .hero-content h1 span {
		display: block;
	}
	.hero .hero-content h1 .title-emph {
		font-weight: 400;
	}
	.hero.hero-video .hero-content h1 {
		font-size: 2em;
	}
	.hero.hero-diagonal .hero-iso {
		width: 80%;
	}
	.hero.hero-waves .headline-titan {
		font-size: 2.5em;
	}
	
	/* grids */
	.masonry-grid {
		margin-left: 0;
	}
	.masonry-grid .grid-item {
		width: 100%;
		margin: 0 0 15px;
	}
	
	.rsp-grid {
		margin-left: 0;
	}
	.rsp-grid .grid-container {
		display: block;
		width: 100% !important;
		margin: 0 0 15px;
	}
	
	
	.table-grid .grid-cell {
		display: inline-block;
		width: 48%;
		margin: 0 0 50px;
	}

	/* slideshow */
	.cycle-slideshow .cycle-slide .container {
		padding: 0;
	}
	.cycle-slideshow .cycle-slide .slide-thumb {
		position: static;
		left: inherit;
		margin: 50px 50px 20px;
	}
	.cycle-slideshow .cycle-slide .slide-body {
		padding: 30px 50px;
	}
	
	/* features */
	.feature.feature-large {
		padding: 110px 0 0;
	}
	.feature.feature-large .feature-icon {
		width: 100px;
	}
	.feature.feature-large .feature-label {
		position: absolute;
		top: 0;
		left: 120px;
	}
	.feature.feature-large .feature-title {
		position: absolute;
		top: 25px;
		left: 120px;
	}
	.feature.feature-padded .feature-header .header-title {
		font-size: 1.2em;
	}


	.feature-section .section-content {
		padding-left: 100px;
	}
	.feature-section .section-content .section-icon {
		width: 60px;
	}
	.feature-section .section-content p {
		font-size: .9em;
	}

	/* testimonial */
	.testimonial {
		padding: 0 15px;
	}
	.testimonial .testimonial-image {
		position: static;
		display: block;
		margin: 0 0 20px;
	}

	/* user */
	.user.user-large {
		min-height: 90px;
		padding-left: 100px;
	}
	.user.user-large .user-avatar {
		width: 80px;
	}
	
	/* footer */
	.footer-logos {
		display: block;
	}
	.footer-logos .logo-container {
		display: inline-block;
		width: 48%;
		margin: 20px 0;
	}

	.breadcrumb {
		font-size: .75em;
	}
	.breadcrumb span {
		margin: 0 3px;
	}
	
	.modal .modal-header .close {
		top: 10px;
	}
	.modal-footer p {
		font-size: .8em;
	}

}

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

	.headline.headline-super {
		font-size: 2em;
	}
	.headline.headline-titan {
		font-size: 2.5em;
	}

	/* hero */
	.hero.hero-diagonal .headline {
		font-size: 1em;
	}

	/* page header */
	.page-header .header-brand.brand-400 {
		width: auto;
	}

	/* page section */
	.page-section .section-header.header-testimonial .user {
		padding: 0;
	}
	.page-section .section-header.header-testimonial .user .user-avatar {
		display: block;
		position: static;
		margin: 0 0 20px;
	}

	/* timeline */
	.timeline .timeline-item.item-icon-top .item-icon img,
	.timeline .timeline-item.item-icon-bottom .item-icon img {
		width: 100px;
		padding: 0 15px 0 0;
		margin: 15px 0 0;
	}
	.timeline .timeline-item .item-content h5 {
		margin: 0 0 10px;
	}
	.timeline .timeline-item .item-content p {
		font-size: .8em;
	}

	/* forms */
	.form-container {
		padding: 30px;
	}

	/* tables */
	.table.table-stats {
		font-size: .8em;
	}
	.table.table-stats tbody th {
		width: 100px;
	}

}