/*
Theme Name: CrossFit Western Front
Author: GetUWired
Version: 3.9.15
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Singular
 *   6.13 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 * 8.0 - Footer
 * 9.0 - Internal Pages
 * 10.0 - Home Page
 * 11.0 - Meet the Coaches
 * 12.0 - Our Facility
 * 13.0 - Contact
 * 14.0 - Programs and Rates (Services)
 * 15.0 - Success Stories
 * 16.0 - Blog
 * 17.0 - Thank You Pages
 * 18.0 - eBook Pages
 * 19.0 - Liability Waiver
 * 20.0 - FAQ
 * 21.0 - Secondary Forms
 * 22.0 - Media Queries
 * 23.0 - Print
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

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

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
    color: #2b2b2b;
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

select[multiple] {
    height: auto;
    display: block;
}

body {
    background: #f5f5f5;
    color: #000000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    color: #000000;
    text-decoration: none;
    outline: 0;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

a:active,
a:hover {
    color: #4BAE00;
}

h1,
h2,
h3,
h4,
h5,
h6,
.headerFont {
    clear: both;
    font-weight: 700;
    margin: 36px 0 12px;
}

h1 {
    font-size: 26px;
    line-height: 1.3846153846;
}

h2 {
    font-size: 24px;
    line-height: 1;
}

h3 {
    font-size: 22px;
    line-height: 1.0909090909;
}

h4 {
    font-size: 20px;
    line-height: 1.2;
}

h5 {
    font-size: 18px;
    line-height: 1.3333333333;
}

h6 {
    font-size: 16px;
    line-height: 1.5;
}

address {
    font-style: italic;
    margin-bottom: 24px;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

b,
strong {
    font-weight: 700;
}

cite,
dfn,
em,
i {
    font-style: italic;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

p {
    margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, serif;
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.6;
}

pre {
    border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

blockquote {
    color: #767676;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
}

blockquote cite,
blockquote small {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

ul,
ol {
    list-style: none;
    margin: 0 0 24px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin: 0 0 0 20px;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 24px;
    padding: 11px 12px 0;
}

legend {
    white-space: normal;
}

button,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table,
th,
td {
    border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}

td {
    border-width: 0 1px 1px 0;
}

del {
    color: #767676;
}

hr {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
 */
::selection {
    background: #000000;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #000000;
    color: #fff;
    text-shadow: none;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

.contentArea {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
    width: 100%;
}

.site-content.contentArea {
    padding: 50px 0;
}

.center {
    text-align: center;
}

.mainTextArea {
    margin: 20px 0;
}

.mainTextArea h1,
.mainTextArea h2,
.mainTextArea h3,
.mainTextArea h4,
.mainTextArea h5,
.mainTextArea h6,
{
    margin: 20px 0;
}

/* Input fields */

.form {
    background: url("./images/textured-bg.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    overflow: hidden;
    padding: 20px;
    margin: 20px 0;
}

.form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

input,
textarea {
    border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #2b2b2b;
    padding: 8px 10px 7px;
}

textarea {
    width: 100%;
}

input:focus,
textarea:focus {
    border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline: 0;
}

input[type="date"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="text"],
input[type="number"] {
    background-color: #fff;
    border-color: #333333;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #000000;
    font-size: 16px;
    margin: 5px 0;
    padding: 15px 20px;
    width: 100%;
}

select {
    background-color: #fff;
    border-color: #333333;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #808080;
    font-size: 16px;
    margin: 5px 0;
    padding: 12px 20px;
    width: 100%;

    -moz-appearance: none;
    -webkit-appearance: none;
}

textarea {
    background-color: #fff;
    border-color: #333333;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #000000;
    font-size: 16px;
    margin: 5px 0;
    padding: 5px;
    width: 100%;
}

.infusion-field {
    margin: 10px 0;
}

.infusion-field table {
    margin: 0;
    border: none;
    padding: 0;
    display: inline-table;
}

.infusion-field table tr {
    display: block;
}

.infusion-field table tr td {
    border: none;
    display: inline-block;
    width: 100%;
}

.infusion-field table tr td:last-child {
    display: none;
}

.infusion-option {
    margin: 10px 10px 10px 0;
    display: inline-block;
}

.infusion-radio .infusion-option {
    margin: 0 10px 0 0;
    display: inline-block;
}

label {
    display: inline;
}

.infusion-field.infusion-field-full {
    clear: both;
}

.half-fields .infusion-field {
    margin: 10px 0;
    float: left;
    width: 50%;
    padding: 0 10px;
    position: relative;
}

.half-fields .infusion-field-full {
    width: 100%;
}

.third-fields .infusion-field {
    margin: 10px 0;
    float: left;
    width: 33.3%;
    padding: 0 10px;
    position: relative;
}

.third-fields .infusion-field-full {
    width: 100%;
}

.infusion-field.infusion-option-container {
    float: left;
    width: inherit;
    margin: 0;
    padding: 0;
}

.infusion-field.infusion-option-container .infusion-option {
    float: left;
    width: inherit;
    margin: 10px;
    padding: 0;
}

.infuion-field-emailto {
    display: none;
}

.half-fields .infusion-submit, .third-fields .infusion-submit {
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

@media all and (max-width: 960px) {

    .third-fields .infusion-field {
        width: 50%;
    }

    .infusion-field.infusion-option-container {
        width: 100%;
    }
}

@media all and (max-width: 700px) {
    .half-fields .infusion-field {
        width: 100%;
    }

    .third-fields .infusion-field {
        width: 100%;
    }

}





.search-field {
    width: 100%;
}

.search-submit {
    display: none;
}

.notFound {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
    padding: 50px 0;
}

.notFound p {
    font-size: 36px;
    color: #ffffff;
    margin: 0;
}

.notFound p.title {
    font-size: 52px;
    color: #ffffff;
    font-weight: 700;
}

.search-form .button {
    margin: 15px auto;
    max-width: 300px;
}

.search-form .button input {
    margin: 0;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #939393;
}

:-moz-placeholder {
    color: #939393;
}

::-moz-placeholder {
    color: #939393;
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #939393;
}

/* Responsive images. Fluid images for posts, comments, and widgets */

img,
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
    max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
    height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
    height: auto;
    max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
    margin-bottom: 24px;
    max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
    margin-bottom: 0;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.coachesGridPage .embed-responsive-16by9 {
    padding-bottom: 100%;
}

.coachesGridPage .videoGridContainer .title {
    font-size: 20px;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.bigBold {
    color: #000000;
    font-size: 65px;
    text-align: center;
    text-transform: uppercase;
    margin: 45px 0 25px;
    font-weight: 700;
    /*line-height: 70px;*/
}

.bigBold span {
    color: #4BAE00;
}

.bigBold.stacked span {
    display: block;
}

@media all and (max-width: 600px ){
    .bigBold {
        font-size: 55px;
    }
}

.ui-datepicker {
    z-index: 100 !important;
}

/* Alignment */

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.uppercase {
    text-transform: uppercase;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
    margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
    margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
    margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
    margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: 7px;
    margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 17px;
    width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
    margin-bottom: 17px;
}

.wp-caption {
    margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption {
    color: #767676;
}

.wp-caption-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0;
}

div.wp-caption .wp-caption-text {
    padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
    padding-left: 10px;
    padding-right: 0;
}

.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.myIcon {
    height: 75px;
    margin: 0 auto;
    background-size: contain;
    width: 100%;
}

.kettleIcon {
    background: url("./images/kettle-bell-icon.svg") no-repeat scroll center top transparent;
    background-size: contain;
}

.clipboardIcon {
    background: url("./images/check-list-icon.svg") no-repeat scroll center top transparent;
    background-size: contain;
}

.containerIcon {
    background: url("./images/nutrition-icon.svg") no-repeat scroll center top transparent;
    background-size: contain;
}

.coachesCornerIcon {
    background: url("./images/coaches-corner-icon.svg") no-repeat scroll center top transparent;
    background-size: contain;
}

/* Assistive text */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    height: 1px;
    width: 1px;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgb(0, 0, 0);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    text-transform: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

.hide {
    display: none;
}

/* Clearing floats */

.footer-sidebar:before,
.footer-sidebar:after,
.hentry:before,
.hentry:after,
.gallery:before,
.gallery:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
    content: "";
    display: table;
}

.footer-sidebar:after,
.hentry:after,
.gallery:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
[class*="content"]:after,
[class*="site"]:after {
    clear: both;
}

/* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal 16px/1 Genericons;
    text-decoration: inherit;
    vertical-align: text-bottom;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before {
    content: "\0020\007c\0020";
}

/* Testimonial Slider */
.testimonialSlider {
    position: relative;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    /*min-height: 350px;*/
    list-style: none;
}

.testimonialSlider li {
    background: #FFFFFF;
    display: none;
    min-height: 200px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.testimonialSlider li.active {
    display: block;
    z-index: 2;
}

.testimonial:before {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 25px;
    display: block;
}

.signature:before {
    content: "\2014";
}

.signature {

}

.testimonialSliderWide {

}

.testimonialSliderWide .title {
    margin: 0;
}

.testimonialSliderWide .testimonialSlider li {
    background: #f5f5f5;
    min-height: 400px;
}

.testimonialSliderWide .sliderSection {
    width: 50%;
    float: left;
    padding: 30px;
}

.testimonialSliderWide .sliderSection .reviewer {
    border-bottom: 4px dotted #E6E6E6;
    font-size: 40px;
}

.testimonialSliderWide .sliderSection .review {
    font-size: 17px;
    line-height: 24px;
}

.testimonialSliderWide .sliderSection .button {
    max-width: 300px;
}

.slideControl {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 100%;
    margin: auto;
    vertical-align: middle;
    font-size: 55px;
    display: inline-block;
    z-index: 10;
    text-align: center;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.slideControl:hover {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
}

.slideControl i {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 55px;
    margin: auto;
    vertical-align: top;
    left: 0;
    font-size: 55px;
    display: inline-block;
    z-index: 10;
    right: 0;
}

.nextSlide {
    right: 0;
}

.prevSlide {
    left: 0;
}

@media all and (max-width: 1200px) {
    .testimonialSliderWide .sliderSection {
        width: 100%;
    }
}

/*Full Screen Pop*/

div.popUp {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
}

div.popUp div.option {
    background: #2f2f2f;
    border: 5px solid #ffffff;
    color: #ffffff;
    left: 0;
    right: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 10%;
    width: 50%;
    z-index: 3000;
    margin: auto;
}
div.popUp div.option a {
    color: #4BAE00;
}
div.popUp .closeBTN {
    cursor: pointer;
}
div.popUp .closeBTN:before {
    content: "X";
    cursor: pointer;
    height: 45px;
    margin: 0;
    position: absolute;
    right: 0px;
    top: -45px;
    width: 45px;
    z-index: 9999;
    font-size: 30px;
    text-align: right;
}

@media all and (max-width: 650px) {
    div.popUp div.option {
        width: 90%;
        border: none;
    }
}

@media all and (max-width: 450px) {

    div.popUp div.option .closeBTN {
        right: 8px;
    }

}

/*.mainSectionDivider {*/
    /*background: url("./images/internal-section-divider.png") no-repeat scroll center center transparent;*/
    /*background-size: contain;*/
    /*display: block;*/
    /*height: 100px;*/
    /*margin: 30px auto;*/
    /*width: 100px;*/
/*}*/

.framed {
    border: 10px solid #000000;
}

.title {
    font-size: 60px;
    padding: 0 0 20px 0;
}

.barbell.title {
    background: url("./images/barbell-border.png") no-repeat scroll bottom left transparent;
    background-size: 90%;
    margin: 0;
}

.blogBlocks {
    /*max-width: 460px;*/
}

.blogBlocks ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 20px 0;
    width: 90%;
}

.blogBlocks ul li {
    text-align: center;
    float: left;
    /*max-width: 200px;*/
    width: 100%;
}

.blogBlocks ul li:first-child {
    border-right: 1px solid #e3e3e3;
}

.blogBlocks ul li:nth-child(3) {
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    clear: left;
}

.blogBlocks ul li:nth-child(4) {
    border-top: 1px solid #e3e3e3;
}

.blogBlocks ul li.full {
    border-top: 1px solid #e3e3e3;
    border-right: none;
}

.blogBlocks ul li.half {
    max-width: 50%;
}

.blogBlocks ul li.single {
    border: none;
}

.blogBlocks ul li a {
    padding: 50px 0 15px;
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.blogBlocks ul li a:hover {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(60, 60, 60, 0.25);
}

.blogBlocks ul li i {
    color: #000000;
    display: block;
    font-size: 80px;
    padding: 0 0 15px 0;
}



@media all and ( max-width: 600px) {

    .blogBlocks {
        width: 100%;
        float: left;
    }

    .blogBlocks ul li {
        max-width: 100%;
    }

    .blogBlocks ul li.full {
        max-width: 100%;
    }

    .title {
        font-size: 30px;
        padding: 0 0 20px 0;
    }
}

.socialLinks {
    margin: 15px 0 0 0;
    list-style: none;
    overflow: hidden;
}

.socialLinks li {
    margin: 0 10px 10px 0;
    float: left;
    width: 100%;
    max-width: 50px;
}

.socialLinks li a {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(188, 188, 188, 0.9);
    border-radius: 0;
    border: 1px solid #4BAE00;
    color: #FFFFFF;
    display: block;
    font-size: 22px;
    padding: 8px 0;
    text-align: center;
}

.socialLinks li a:hover {
    background-color: #4BAE00;
}

.socialLinks li a span {
    display: none;
}

span.edit-link {
    text-align: right;
    width: 100%;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}

.calendar .arrowBox {
    color: #000000;
    max-width: 750px;
}
.calendar .arrowBox:before,
.calendar .arrowBox:after {
    top: 10px;
}

.calendar .arrowBox:before{
    -ms-transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
}
.calendar .arrowBox:after {
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

.calendar .buttonContainer {
    max-width: 600px;
    padding: 0 20px;
    margin: 0 auto;
}
.calendarClassChooser-container {
    text-align: center;
}

.calendarClassChooser {
    display: inline-block;
    position: relative;
    margin: 15px 0;
    border: 1px solid #000000;
}

.calendarClassChooser .popUp .option {
    padding: 0 50px 50px;
}

.calendarClassChooser input[type="radio"].toggle {
    display: none;
}

.calendarClassChooser input[type="radio"].toggle:checked + label {
    background: #000000;
    cursor: default;
    color: #FFFFFF;
    border-color: transparent;
}

.calendarClassChooser input.toggle[type="radio"] + label {
    /*border-radius: 25px;*/
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

.calendarClassChooser input[type="radio"].toggle:checked + label.btn:hover {
    background-color: inherit;
    background-position: 0 0;
    transition: none;
}

.calendarClassChooser input[type="radio"].toggle-left + label {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.calendarClassChooser input[type="radio"].toggle-right + label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.calendarContainer {
    list-style: none;
    margin: 0;
    text-align: center;
    overflow: hidden;
    padding: 20px;
}

.calendarContainer li {
    color: #3e3e3e;
    display: inline-block;
    padding: 0;
    margin: 0;

    vertical-align: top;
    /*float: left;*/
    position: relative;

    height: 100%;
    width: 14.28%; /* 100% / 7 */
    width: -moz-calc(100% / 7);
    width: -webkit-calc(100% / 7);
    width: calc(100% / 7);
}

.calendarContainer li .calendarTitle {
    background: none repeat scroll 0 0 #000000;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding: 16px 0;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.calendarContainer li ul {
    list-style: none;
    margin: 0;
    border: 1px solid #e5e5e5;
    border-collapse: collapse;
}

.calendarContainer li ul li {
    display: block;
    float: none;
    padding: 20px 0;
    font-size: 12px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 700;
}

.calendarContainer li ul li .classTitle {
    color: #000000;
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin: 0;
    padding: 4px 0;
    font-size: 14px;
    text-transform: uppercase;
}

.calendarContainer li ul li .classTitle:hover {
    color: #4BAE00;
}

.relative {
    position: relative;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
    padding: 0;
}

.ui-datepicker {
    display: none;
}



.arrowBox {
    max-width: 650px;
    margin: 0 auto;
    padding: 10px 35px;
    position: relative;
    overflow: hidden;
}

.arrowBox .subtitle {
    font-size: 35px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.arrowBox .instructions {
    font-size: 20px;
    margin: 10px 0 0 0;
}

.arrowBox:before,
.arrowBox:after
{
    /*font-family: fontawesome;*/
    /*font-size: 100px;*/
    position: absolute;
    top: 0;
    width: 102px;
    height: 93px;
}
.arrowBox:before {
    content: "";
    background: url("./images/arrowLeft.png") no-repeat scroll 0 0 transparent;
    /*height: 125px;*/
    /*width: 125px;*/
    /*-ms-transform: rotate(-120deg);*/
    /*-webkit-transform: rotate(-120deg);*/
    /*transform: rotate(-120deg);*/
    left: 0;
}

.arrowBox:after {
    content: "";
    background: url("./images/arrowRight.png") no-repeat scroll 0 0 transparent;
    right: 0;

    /*-ms-transform: rotate(120deg); /!* IE 9 *!/*/
    /*-webkit-transform: rotate(120deg); /!* Chrome, Safari, Opera *!/*/
    /*transform: rotate(120deg);*/
}

.teamName {
    display: block;
    text-align: right;
    padding: 25px 40px 0 0;
}

@media all and (max-width: 900px) {
    .calendarContainer li {
        width: 100%;
    }

    .calendarContainer li ul {
        display: none;
    }

    .calendarContainer li .calendarTitle {
        cursor: pointer;
    }

    .calendarContainer li .calendarTitle:after {
        content: '\f067';
        font-family: fontawesome;
        position: absolute;
        right: 15px;
    }

    .calendarContainer li .calendarTitle.open:after {
        content: '\f068';
    }
}

.buttonContainer{
    display: block;
    width: 100%;
    margin: 10px auto;
}

.buttonContainer.left {
    float: left;
}

.buttonContainer.right {
    float: right;
}

.buttonContainer.center {
    float: none;
    margin: 15px auto;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    min-width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-font-smoothing: antialiased;
}

button, .button {
    background-color: transparent;
    box-shadow: none;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    height: inherit;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-font-smoothing: antialiased;
}


.form-submit,
.infusion-submit {
    background-color: transparent;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    min-width: 200px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 10;
    overflow: hidden;
}


.buttonContainer .button.large {
    font-size: 22px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.buttonContainer .button.small {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.button.hollowButton {
    background: transparent;
    padding-top: 22px;
    padding-bottom: 22px;
}

.buttonContainer .button.hollowButton.large {
    padding-top: 32px;
    padding-bottom: 32px;
}

.buttonContainer .button.hollowButton.small {
    padding-top: 8px;
    padding-bottom: 8px;
}


button:before,
.button:before,
input[type="button"]:before,
input[type="reset"]:before,
input[type="submit"]:before,
.form-submit:before,
.infusion-submit:before {
    content: "";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

button:after,
.button:after,
input[type="button"]:after,
input[type="reset"]:after,
input[type="submit"]:after,
.form-submit:after,
.infusion-submit:after {
    content: "";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
    background-color: #fff;
    padding: 116px 0 0 0;
}
.home .site {
    padding: 116px 0 0 0;
}

.main-content {
    width: 100%;
}

/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and
	 the admin bar for WordPress versions before 3.8. */

#wpadminbar {
    min-height: 32px;
}

#site-header {
    position: relative;
    z-index: 3;
}

.site-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    height: 115px;
}


.home .site-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    width: 100%;
    z-index: 1000;
    padding: 0;
    top: 715px;
    height: 115px;
}

.site-title {
    background: url("./images/logo.png") no-repeat scroll center left transparent;
    height: 115px;
    max-width: 250px;
    float: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
    width: 100%;
}

.header-main {
    min-height: 48px;
    padding: 0 10px;
}

.site-title a, .site-title a:hover {
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    text-indent: -9999px;
    width: 100%;
    z-index: 1;
    position: relative;
}

/* Search in the header */

.search-toggle {
    background-color: #4BAE00;
    cursor: pointer;
    float: right;
    height: 48px;
    margin-right: 38px;
    text-align: center;
    width: 48px;
}

.search-toggle:hover,
.search-toggle.active {
    background-color: #4BAE00;
}

.search-toggle:before {
    color: #fff;
    content: "\f400";
    font-size: 20px;
    margin-top: 14px;
}

.search-toggle .screen-reader-text {
    left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
}

.search-box-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 48px;
    right: 0;
    width: 100%;
    z-index: 2;
}

.search-box {
    background-color: #4BAE00;
    padding: 12px;
}

.search-box .search-field {
    background-color: #fff;
    border: 0;
    float: right;
    font-size: 16px;
    padding: 2px 2px 3px 6px;
    width: 100%;
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

.site-navigation {
    position: relative;
}

.site-navigation ul {
    list-style: none;
    margin: 0;
}

.site-navigation ul ul {
    margin-left: 20px;
}

.site-navigation a {
    color: #000000;
    display: block;
}

.site-navigation a:hover {
    color: #4BAE00;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
    color: #4BAE00;
}

.site-navigation .active > a {
    color: #4BAE00;
}

.site-navigation .menuPhone > a:before {
    content: "\f095";
    font-family: fontawesome;

}

/* Primary Navigation */

.primary-navigation {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding-top: 24px;

    position: relative;
    z-index: 100;
    float: right;
}

.primary-navigation a {
    color: #000000;
    padding: 7px 0;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.primary-navigation ul ul {
    background-color: #000000;
}

.primary-navigation .nav-menu {
    display: none;
}

.primary-navigation.toggled-on .nav-menu {
    display: block;
}

.primary-navigation.toggled-on .menu-main-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow-y: scroll;
    width: 300px;
    height: 100%;
    background-color: #333333;
}

.primary-navigation.toggled-on .menu-main-menu-container .nav-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #333333;
}

.primary-navigation.toggled-on .menu-main-menu-container ul li {
    border-bottom: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.primary-navigation.toggled-on .menu-main-menu-container ul li > a {
    display: block;
    padding: 20px 35px 20px 20px;
    outline: none;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
}

.primary-navigation.toggled-on .menu-item-has-children,
.primary-navigation.toggled-on .page_item_has_children {
    position: relative;

}

.primary-navigation.toggled-on .menu-main-menu-container li.tap {
    display: block;
    margin: 0;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 100%;
    background-color: #333333;

    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
}

@-webkit-keyframes slide {
    100% {
        left: 0;
    }
}

@keyframes slide {
    100% {
        left: 0;
    }
}

.primary-navigation.toggled-on .menu-main-menu-container li.tap > ul {
    display: block;
    margin: 0;
}

.primary-navigation.toggled-on .menu-main-menu-container ul ul {
    background-color: #333333;
    display: none;
}

.primary-navigation.toggled-on .menu-item-has-children > a:after,
.primary-navigation.toggled-on .page_item_has_children > a:after {
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    display: inline-block;
    font: normal 8px/1 fontawesome;
    position: absolute;
    right: 35px;
    font-size: 30px;
    color: #fff;
    top: 20px;
    vertical-align: text-bottom;
}

.primary-navigation.toggled-on .menu-item-has-children.tap > a:after,
.primary-navigation.toggled-on .page_item_has_children.tap > a:after {
    content: "\f104";
}

.primary-navigation.toggled-on .menu-item-has-children.tap > a,
.primary-navigation.toggled-on .page_item_has_children.tap > a {
    border-bottom: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* Secondary Navigation */

.secondary-navigation {
    font-size: 12px;
    margin: 48px 0;
}

.secondary-navigation a {
    padding: 9px 0;
}

.menu-toggle {
    border-radius: 0;
    color: #000000;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 30px;
    right: 10px;
    text-align: center;
}

.menu-toggle:before {
    color: #000000;
    content: "\f419";
    font-size: 25px;
    padding: 16px;
}

.menu-toggle:focus {
    outline: 1px dotted;
}

.primary-navigation.toggled-on .menu-toggle:before,
.menu-toggle:active:before,
.menu-toggle:focus:before,
.menu-toggle:hover:before {
    color: #4BAE00;
}

.primary-navigation.toggled-on .menu-main-menu-container ul li a:hover {
    color: #4BAE00;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    margin: 0 auto;
}

.page-content {
    margin-bottom: 48px;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

.post-thumbnail {
    background: #b2b2b2 url(./images/pattern-light.svg) repeat fixed;
    display: block;
    position: relative;
    width: 100%;
    z-index: 0;
}

a.post-thumbnail:hover {
    background-color: #999;
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */

.entry-header {
    position: relative;
    z-index: 1;
}

.entry-title {
    font-size: 33px;
    font-weight: 300;
    line-height: 1.0909090909;
    margin-bottom: 12px;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.entry-title a {
    color: #2b2b2b;
}

.entry-title a:hover {
    color: #4BAE00;
}

.site-content .entry-header {
    background-color: #fff;
    padding: 0 10px 12px;
}

.site-content .has-post-thumbnail .entry-header {
    padding-top: 24px;
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

.entry-meta {
    clear: both;
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333;
    text-transform: uppercase;
}

.entry-meta a {
    color: #767676;
}

.entry-meta a:hover {
    color: #4BAE00;
}

.sticky .entry-date {
    display: none;
}

.cat-links {
    font-weight: 900;
    text-transform: uppercase;
}

.cat-links a {
    color: #2b2b2b;
}

.cat-links a:hover {
    color: #4BAE00;
}

.byline {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.site-content .entry-meta {
    background-color: #fff;
    margin-bottom: 8px;
}

.site-content footer.entry-meta {
    margin: 24px auto 0;
    padding: 0 10px;
}

/* Tag links style */

.entry-meta .tag-links a {
    background-color: #767676;
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2727272727;
    margin: 2px 4px 2px 10px;
    padding: 3px 7px;
    position: relative;
    text-transform: uppercase;
}

.entry-meta .tag-links a:hover {
    background-color: #4BAE00;
    color: #fff;
}

.entry-meta .tag-links a:before {
    border-top: 10px solid transparent;
    border-right: 8px solid #767676;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: -8px;
    width: 0;
}

.entry-meta .tag-links a:hover:before {
    border-right-color: #4BAE00;
}

.entry-meta .tag-links a:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
    top: 8px;
    left: -2px;
    width: 4px;
}

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */

.entry-content,
.entry-summary,
.page-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.site-content .entry-content,
.site-content .entry-summary,
.page-content {
    padding: 12px 10px 0;
}

.page .entry-content {
    padding-top: 0;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child {
    margin-top: 0;
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
    text-decoration: underline;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.entry-content a.button,
.entry-summary a.button,
.page-content a.button,
.comment-content a.button {
    text-decoration: none;
}

.entry-content table,
.comment-content table {
    font-size: 14px;
    line-height: 1.2857142857;
    margin-bottom: 24px;
}

.entry-content th,
.comment-content th {
    font-weight: 700;
    padding: 8px;
    text-transform: uppercase;
}

.entry-content td,
.comment-content td {
    padding: 8px;
}

.entry-content .edit-link {
    clear: both;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333;
    text-transform: uppercase;
}

.entry-content .edit-link a {
    color: #767676;
    text-decoration: none;
}

.entry-content .edit-link a:hover {
    color: #4BAE00;
}

.entry-content .more-link {
    white-space: nowrap;
}

/* Mediaelements */

.hentry .mejs-container {
    margin: 12px 0 18px;
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
    background: #000;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #000000;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(255, 255, 255, .33);
}

.hentry .mejs-container .mejs-controls .mejs-time {
    padding-top: 9px;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    border-radius: 0;
}

.hentry .mejs-overlay-loading {
    background: transparent;
}

.hentry .mejs-overlay-button {
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgb(0, 0, 0);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    color: #000;
    height: 36px;
    margin-left: -24px;
    width: 48px;
}

.hentry .mejs-overlay-button:before {
    -webkit-font-smoothing: antialiased;
    content: '\f452';
    display: inline-block;
    font: normal 32px/1.125 Genericons;
    position: absolute;
    top: 1px;
    left: 10px;
}

.hentry .mejs-controls .mejs-button button:focus {
    outline: none;
}

.hentry .mejs-controls .mejs-button button {
    -webkit-font-smoothing: antialiased;
    background: none;
    color: #fff;
    display: inline-block;
    font: normal 16px/1 Genericons;
}

.hentry .mejs-playpause-button.mejs-play button:before {
    content: '\f452';
}

.hentry .mejs-playpause-button.mejs-pause button:before {
    content: '\f448';
}

.hentry .mejs-volume-button.mejs-mute button:before {
    content: '\f109';
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: 0;
}

.hentry .mejs-volume-button.mejs-unmute button:before {
    content: '\f109';
    left: 0;
    position: absolute;
    top: 0;
}

.hentry .mejs-fullscreen-button button:before {
    content: '\f474';
}

.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
    content: '\f406';
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
    background-color: #000000;
    color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover {
    color: #4BAE00;
}

/* Page links */

.page-links {
    clear: both;
    font-size: 12px;
    font-weight: 900;
    line-height: 2;
    margin: 24px 0;
    text-transform: uppercase;
}

.page-links a,
.page-links > span {
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    height: 22px;
    margin: 0 1px 2px 0;
    text-align: center;
    width: 22px;
}

.page-links a {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    text-decoration: none;
}

.page-links a:hover {
    background: #4BAE00;
    border: 1px solid #4BAE00;
    color: #fff;
}

.page-links > .page-links-title {
    height: auto;
    margin: 0;
    padding-right: 7px;
    width: auto;
}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

.gallery {
    margin-bottom: 20px;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: -webkit-calc(33.3% - 4px);
    max-width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
}

.gallery-caption {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}

.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/**
 * 6.6 Post Formats
 * -----------------------------------------------------------------------------
 */

.format-aside .entry-content,
.format-aside .entry-summary,
.format-quote .entry-content,
.format-quote .entry-summary,
.format-link .entry-content,
.format-link .entry-summary {
    padding-top: 0;
}

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

.nav-links {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    border-top: 1px solid rgb(0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    hyphens: auto;
    word-wrap: break-word;
}

.post-navigation,
.image-navigation {
    margin: 24px auto 48px;
    max-width: 474px;
    padding: 0 10px;
}

.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
    border-bottom: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 11px 0 12px;
    width: 100%;
}

.post-navigation .meta-nav {
    color: #767676;
    display: block;
    font-size: 12px;
    font-weight: 900;
    line-height: 2;
    text-transform: uppercase;
}

.post-navigation a,
.image-navigation a {
    color: #2b2b2b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7142857142;
    text-transform: none;
}

.post-navigation a:hover,
.image-navigation a:hover {
    color: #4BAE00;
}

/* Paging Navigation */

.paging-navigation {
    margin: 48px 0;
}

.paging-navigation .loop-pagination {
    margin-top: -5px;
    text-align: center;
}

.paging-navigation .page-numbers {
    border-top: 5px solid transparent;
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    color: #FFFFFF;
    margin-right: 1px;
    padding: 7px 16px;
    text-transform: uppercase;
    background: #3e3e3e;
}

.paging-navigation a {
    color: #FFFFFF;
}

.paging-navigation .page-numbers.current {
    border-top: 5px solid #808080;
}

.paging-navigation a:hover {
    border-top: 5px solid #808080;
    color: #808080;
}

.paging-navigation a.prev.page-numbers {
    float: left;
}

.paging-navigation a.next.page-numbers {
    float: right;
}

/**
 * 6.8 Attachments
 * -----------------------------------------------------------------------------
 */

.attachment .entry-content {
    padding-top: 0;
}

.attachment footer.entry-meta {
    text-transform: none;
}

.entry-attachment .attachment {
    margin-bottom: 24px;
}

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

.archive-header,
.page-header {
    margin: 24px auto;
    max-width: 474px;
}

.archive-title,
.page-title {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin: 0;
}

.taxonomy-description,
.author-description {
    color: #767676;
    font-size: 14px;
    line-height: 1.2857142857;
    padding-top: 18px;
}

.taxonomy-description p,
.author-description p {
    margin-bottom: 18px;
}

.taxonomy-description p:last-child,
.author-description p:last-child {
    margin-bottom: 0;
}

.taxonomy-description a,
.author-description a {
    text-decoration: underline;
}

.taxonomy-description a:hover,
.author-description a:hover {
    text-decoration: none;
}

/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */

.contributor {
    border-bottom: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 48px 10px;
}

.contributor:first-of-type {
    padding-top: 24px;
}

.contributor-info {
    margin: 0 auto;
    max-width: 474px;
}

.contributor-avatar {
    border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
    margin: 0 30px 20px 0;
    padding: 2px;
}

.contributor-name {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin: 0;
}

.contributor-bio a {
    text-decoration: underline;
}

.contributor-bio a:hover {
    text-decoration: none;
}

.contributor-posts-link {
    display: inline-block;
    line-height: normal;
    padding: 10px 30px;
}

.contributor-posts-link:before {
    content: "\f443";
}

/**
 * 6.11 404 Page
 * -----------------------------------------------------------------------------
 */

.error404 .page-content {
    padding-top: 0;
}

.error404 .page-content .search-form {
    margin-bottom: 24px;
}

/**
 * 6.12 Singular
 * -----------------------------------------------------------------------------
 */
.singular #page .contentArea div.form form .infusion-submit,
.blog #page .contentArea div.form form .infusion-submit {
    padding-right: 1%;
}

/**
 * 6.13 Comments
 * -----------------------------------------------------------------------------
 */

.comments-area {
    margin: 48px auto;
    padding: 150px 10px 0;
}

.comment-reply-title,
.comments-title {
    font: 900 16px/1.5 Lato, sans-serif;
    margin: 0;
    text-transform: uppercase;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
}

.comment-list {
    list-style: none;
    margin: 0 0 48px 0;
}

.comment-author {
    font-size: 14px;
    line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
}

.comment-list .reply {
    margin-top: 24px;
}

.comment-author .fn {
    font-weight: 900;
}

.comment-author a {
    color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
    color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
    color: #4BAE00;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid rgb(0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
    border-top: 0;
}

.comment-author {
    position: relative;
}

.comment-author .avatar {
    border: 1px solid rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 18px;
    padding: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
}

.bypostauthor > article .fn:before {
    content: "\f408";
    margin: 0 2px 0 -2px;
    position: relative;
    top: -1px;
}

.says {
    display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
    padding-left: 30px;
}

.comment-edit-link {
    margin-left: 10px;
}

.comment-edit-link:before {
    content: "\f411";
}

.comment-reply-link:before,
.comment-reply-login:before {
    content: "\f412";
    margin-right: 2px;
}

.comment-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}

.comment-content > :last-child {
    margin-bottom: 0;
}

.comment-list .children {
    list-style: none;
    margin-left: 15px;
}

.comment-respond {
    margin-bottom: 24px;
    padding: 0;
}

.comment .comment-respond {
    margin-top: 24px;
}

.comment-respond h3 {
    margin-top: 0;
    margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
    color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
    font-size: 14px;
    line-height: 1.7142857142;
}

.no-comments {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase;
}

.comment-form label {
    display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
    font-size: 12px;
    line-height: 1.5;
}

.error {
    color: #c0392b;
}

.comment-reply-title small a {
    color: #2b2b2b;
    float: right;
    height: 24px;
    overflow: hidden;
    width: 24px;
}

.comment-reply-title small a:hover {
    color: #4BAE00;
}

.comment-reply-title small a:before {
    content: "\f405";
    font-size: 32px;
}

.comment-navigation {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 48px;
    text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
    display: inline-block;
}

.comment-navigation .nav-previous a {
    margin-right: 10px;
}

#comment-nav-above {
    margin-top: 36px;
    margin-bottom: 0;
}

.form-submit {
    max-width: 300px;
    float: right;
}

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/* Secondary */

#secondary {
    background-color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    clear: both;
    color: rgba(255, 255, 255, 0.7);
    margin-top: -1px;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.site-description {
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

/* Primary Sidebar */

.primary-sidebar {
    padding-top: 48px;
}

.secondary-navigation + .primary-sidebar {
    padding-top: 0;
}

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/* Primary Sidebar, Footer Sidebar */

.widget {
    font-size: 14px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.2857142857;
    margin-bottom: 48px;
    width: 100%;
    word-wrap: break-word;
}

.widget a {
    color: #fff;
}

.widget a:hover {
    color: #4BAE00;
}

.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
    margin: 24px 0 12px;
}

.widget h1 {
    font-size: 22px;
    line-height: 1.0909090909;
}

.widget h2 {
    font-size: 20px;
    line-height: 1.2;
}

.widget h3 {
    font-size: 18px;
    line-height: 1.3333333333;
}

.widget h4 {
    font-size: 16px;
    line-height: 1.5;
}

.widget h5 {
    font-size: 14px;
    line-height: 1.7142857142;
}

.widget h6 {
    font-size: 12px;
    line-height: 2;
}

.widget address {
    margin-bottom: 18px;
}

.widget abbr[title] {
    border-color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.7);
}

.widget mark,
.widget ins {
    color: #000;
}

.widget pre,
.widget fieldset {
    border-color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.2);
}

.widget code,
.widget kbd,
.widget tt,
.widget var,
.widget samp,
.widget pre {
    font-size: 12px;
    line-height: 1.5;
}

.widget blockquote {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 18px;
}

.widget blockquote cite {
    color: #fff;
    font-size: 14px;
    line-height: 1.2857142857;
}

.widget dl,
.widget dd {
    margin-bottom: 18px;
}

.widget ul,
.widget ol {
    list-style: none;
    margin: 0;
}

.widget li > ol,
.widget li > ul {
    margin-left: 10px;
}

.widget table,
.widget th,
.widget td {
    border-color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.2);
}

.widget table {
    margin-bottom: 18px;
}

.widget del {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.4);
}

.widget hr {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.2);
}

.widget p {
    margin-bottom: 18px;
}

.widget-area .widget input,
.widget-area .widget textarea {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 16px;
    padding: 1px 2px 2px 4px;
}

.widget-area .widget input:focus,
.widget-area .widget textarea:focus {
    border-color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.3);
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
    background-color: #4BAE00;
    border: 0;
    font-size: 12px;
    padding: 5px 15px 4px;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
    background-color: #4BAE00;
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
    background-color: #4BAE00;
}

.widget .wp-caption {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 18px;
}

.widget .widget-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7142857142;
    margin: 0 0 24px 0;
    text-transform: uppercase;
}

.widget-title,
.widget-title a {
    color: #fff;
}

.widget-title a:hover {
    color: #4BAE00;
}

/* Calendar Widget*/

.widget_calendar table {
    line-height: 2;
    margin: 0;
}

.widget_calendar caption {
    color: #fff;
    font-weight: 700;
    line-height: 1.7142857142;
    margin-bottom: 18px;
    text-align: left;
    text-transform: uppercase;
}

.widget_calendar thead th {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.1);
}

.widget_calendar tbody td,
.widget_calendar thead th {
    text-align: center;
}

.widget_calendar tbody a {
    background-color: #4BAE00;
    color: #fff;
    display: block;
}

.widget_calendar tbody a:hover {
    background-color: #4BAE00;
}

.widget_calendar tbody a:hover {
    color: #fff;
}

.widget_calendar #prev {
    padding-left: 5px;
}

.widget_calendar #next {
    padding-right: 5px;
    text-align: right;
}

/* List Style Widgets*/

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
    border-top: 1px solid rgb(255, 255, 255);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 8px 0 9px;
}

.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
    border-top: 0;
}

.widget_categories li ul,
.widget_nav_menu li ul,
.widget_pages li ul {
    border-top: 1px solid rgb(255, 255, 255);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 9px;
}

.widget_categories li li:last-child,
.widget_nav_menu li li:last-child,
.widget_pages li li:last-child {
    padding-bottom: 0;
}

/* Recent Posts Widget */

.widget_recent_entries .post-date {
    display: block;
}

/* RSS Widget */

.rsswidget img {
    margin-top: -4px;
}

.rssSummary {
    margin: 9px 0;
}

.rss-date {
    display: block;
}

.widget_rss li {
    margin-bottom: 18px;
}

.widget_rss li:last-child {
    margin-bottom: 0;
}

/* Text Widget */

.widget_text > div > :last-child {
    margin-bottom: 0;
}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

.preFooter {
    background: url("./images/pre-footer-bg.jpg") no-repeat scroll center center transparent;
    background-size: cover;
    clear: both;
}

.preFooter .innerFooter {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(29, 37, 45, 0.8);
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
}

.preFooter .innerFooter .title {
    margin: 0;
    font-size: 123px;
    color: #ffffff;
    letter-spacing: 5px;
    padding: 20px 0;
}

.preFooter .innerFooter .title span {
    display: block;
    font-size: 64px;
    line-height: 64px;
    letter-spacing: initial;
}

.preFooter .arrowBox {
    color: #FFFFFF;
}


.preFooter .innerFooter .levels {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 25px 0;
}

.preFooter .innerFooter .levels .level {
    float: left;
    width: 50%;
    padding: 5px 20px 15px;
}

.preFooter .innerFooter .levels .level.new {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(35, 31, 32, 0.6);
}

.preFooter .innerFooter .levels .level.experienced {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(64, 64, 64, 0.6);
}

.preFooter .innerFooter .levels li .title {
    font-size: 31px;
    color: #ffffff;
    margin: 0;
    letter-spacing: normal;
}

.preFooter .innerFooter .levels li .button {
    margin: 0 auto;
    max-width: 350px;
}

.preFooter .innerFooter .instructions.visitor {
    color: #FFFFFF;
    font-size: 19px;
    padding: 0 20px;
}

.preFooter .innerFooter .instructions.visitor a {
    color: #4BAE00;
}


.site-footer,
.site-info,
.site-info a {
    color: #FFFFFF;
}

.site-info a:hover {
    color: #4BAE00;
}

.site-footer {
    background: url("./images/footer-bg.jpg") repeat scroll 0 0 #000000;
    clear: both;
    font-size: 12px;
    position: relative;
    padding: 0;
    z-index: 3;
}

.site-footer .block {
    float: left;
    max-width: 25%;
    padding: 20px;
    width: 100%;
}

.site-footer .title {
    color: #FFFFFF;
    font-size: 20px;
    padding: 0;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

.site-footer .commonLinks {

}

.site-footer .commonLinks ul {
    margin: 0;
}

.site-footer .commonLinks ul li {
    border: none;
    list-style: none;
}

.site-footer .commonLinks .footerMenu li {

}

.site-footer .commonLinks .footerMenu li a {
    color: #FFFFFF;
    font-size: 15px;
    position: relative;
    display: block;
    padding: 5px 30px 5px 0;
    font-weight: 300;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.site-footer .commonLinks .footerMenu li a:after {
    content: "\f054";
    color: #FFFFFF;
    font-family: fontawesome;
    position: absolute;
    font-size: 16px;
    right: 30px;
    top: 50%;
    margin-top: -9px;
    opacity: 0;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.site-footer .commonLinks .footerMenu li a:hover:after {
    color: #4BAE00;
    opacity: 1;
    right: 0;
}

.site-footer .commonLinks .footerMenu li a:hover {
    color: #4BAE00;
}

.site-footer .commonLinks .socialLinks {
    margin: 15px 0 0 0;
}

.site-footer .commonLinks .socialLinks li {
    margin: 0 10px 10px 0;
    float: left;
    width: 100%;
    max-width: 50px;
}

.site-footer .commonLinks .socialLinks li a {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(188, 188, 188, 0.1);
    border-radius: 0;
    border: 1px solid #4BAE00;
    color: #FFFFFF;
    display: block;
    font-size: 22px;
    padding: 8px 0;
    text-align: center;
}

.site-footer .commonLinks .socialLinks li a:hover {
    background-color: #4BAE00;
}

.site-footer .commonLinks .socialLinks li a span {
    display: none;
}

.site-footer .resources {
    max-width: 17%;
    padding: 20px 0 20px 0;
}

.site-footer .resources a {
    margin: 20px 0;
    text-indent: -9999px;
    display: block;
    width: 100%;
    max-width: 150px;

}

.site-footer .resources .cfJournal {
    background: url("./images/crossfit-journal-logo.png") no-repeat scroll 0 0 transparent;
    background-size: contain;
    height: 90px;
}

.site-footer .resources .cfMain {
    background: url("./images/crossfit-forge-logo.png") no-repeat scroll 0 0 transparent;
    background-size: contain;
    height: 56px;
}

.site-footer .materials {
    max-width: 32%;
    padding: 20px 40px;
}


.site-footer .materials .button {
    max-width: 240px;
}

.site-footer .materials .eBook {
    /*background: url("./images/footer-eBook.png") no-repeat scroll 0 0 transparent;*/
    /*background-size: contain;*/
    margin: 20px 0;
    /*text-indent: -9999px;*/
    display: block;
    width: 100%;
    height: auto;
    /*height: 192px;*/
}

.site-footer .connect {
    max-width: 26%;
    padding: 20px 0 0 20px;
}
.site-footer .connect a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
}

.site-footer .connect ul {
    list-style: none;
    margin: 0;
    padding:10px 1px;
    overflow:hidden;
}
.site-footer .connect ul li {
    list-style: none;
    float:left;
    /*max-width: 150px;*/
}

/* one item */
.site-footer .connect li:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
.site-footer .connect li:first-child:nth-last-child(2),
.site-footer .connect li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
/* three items */
.site-footer .connect li:first-child:nth-last-child(3),
.site-footer .connect li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}

.site-footer .connect .map {
    background: url("./images/footer-map.jpg") no-repeat scroll 0 0 transparent;
    background-size: contain;
    margin: 20px 0;
    text-indent: -9999px;
    display: block;
    width: 100%;
    height: 163px;
}

.site-footer .poweredBy {
    background: url("./images/gymwright-logo.png") no-repeat scroll 0 0 transparent;
    background-size: contain;
    /*margin: 0 0 20px 0;*/
    text-indent: -9999px;
    /*float: right;*/
    width: 280px;
    height: 81px;
    display: block;
    clear: both;
}

.poweredByHeader {
    margin-bottom: 0;
}

.gymwright {
    float: right;
    width: 280px;
    /*height: 81px;*/
    margin: 0 0 20px 0;
}

.site-footer .copyright {
    color: #999999;
    padding: 0 20px;
    display: block;
    font-size: 16px;
    margin: 60px 0 0 0;
    float: left;
    /* width: 100%; */
}

.pika-single .pika-table button.pika-button:after,
.pika-single .pika-table button.pika-button:before,
.pika-single .pika-table button.pika-button:hover,
.pika-next:after,
.pika-prev:after {
    background: none;
    color: #666;
}

.site-footer .connect ul li a.address span {
    display:block;
}

.footerPop {
    background: url("./images/footer-cta-bg.jpg") no-repeat scroll center top #000000;
    bottom: 0;
    box-shadow: 0 0 10px #333333;
    display: none;
    /* height: 120px; */
    left: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 100;
    background-size: cover;
    padding: 0;
}

.footerPop .headline {
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 10px 0;
    letter-spacing: 2px;
    padding: 0 20px;
    font-size: 25px;
    line-height: 40px;
}

.footerPop .headline span {
    position: relative;
}

.footerPop .headline span:after {
    background: url("./images/cta-free.png") no-repeat scroll center center transparent;
    content: " ";
    height: 10px;
    bottom: -10px;
    position: absolute;
    width: 71px;
    z-index: 100;
    left: 0;
    right: 0;
    margin: auto;
}

.footerPop .infusion-field, .footerPop .infusion-submit {
    margin: 10px 0;
    float: left;
    width: 25%;
    min-width: inherit;
    padding: 0 5px;
    clear: none;
}

.footerPop label {
    display: none;
}

/*.footerPop .closeBtn:before {*/
/*content: "\f057";*/
/*font-family: fontawesome;*/
/*cursor: pointer;*/
/*height: 45px;*/
/*margin: 0;*/
/*position: absolute;*/
/*right: 0px;*/
/*top: 0;*/
/*width: 45px;*/
/*z-index: 9999;*/
/*font-size: 30px;*/
/*text-align: right;*/
/*color: #d13038;*/
/*}*/

.footerPop .closeBtn {
    cursor: pointer;
    margin: 0;
    position: absolute;
    right: 0px;
    top: 5px;
    z-index: 100;
    font-size: 20px;
    text-align: center;
    color: #000;
}

.footerPop .closeBtn:hover {
    opacity: .8;
}

.footerPop .closeBtn .fa:first-child {
    color: #d13038;
}

@media all and (max-width: 800px) {
    .preFooter .innerFooter .levels .level {
        width: 100%;
    }

    .preFooter .innerFooter .title {
        font-size: 85px;
        letter-spacing: 5px;
        padding: 0;
    }

    .preFooter .innerFooter .title span {
        font-size: 45px;
    }

    .site-footer .block {
        max-width: 100%;
    }

    .site-footer .resources {
        padding: 20px;
    }


    /*.site-footer .poweredBy {
        float: left;
        margin: 0 0 0 20px;
    }*/

    .site-footer .gymwright {
        float: left;
        margin: 0 0 0 20px;
    }

    .site-footer .copyright {
        float: left;
        margin: 10px 0 0 0;
        width: 100%;
    }

    .site-footer .materials {
        padding: 20px;
    }
}

@media all and (max-width: 760px ) {
    .footerPop .infusion-field, .footerPop .infusion-submit {
        width: 100%;
        margin: 0;
    }

    .footerPop .headline {
        font-size: 20px;
        line-height: 25px;
    }

    .footerPop .headline span:after {
        display: none;
    }
}

@media all and (max-width: 600px) {
    .preFooter .innerFooter .levels .level {
        width: 100%;
    }

    .preFooter .innerFooter .title {
        font-size: 45px;
        letter-spacing: 5px;
        padding: 0;
    }

    .preFooter .innerFooter .title {
        font-size: 40px;
        padding: 10px 0 0;
    }

    .preFooter .innerFooter .title span {
        font-size: 30px;
    }

    /*.site-footer .poweredBy {
        margin: 0 auto 10px;
        float: none;
        width: 250px;
    }*/

    .site-footer .gymwright {
        margin: 0 auto 10px;
        float: none;
        width: 250px;
    }

    .site-footer .commonLinks {
        padding: 20px 0;
    }

    .site-footer .resources {
        padding: 20px 0;
    }

    .site-footer .materials {
        padding: 20px 0;
    }

    .site-footer .connect {
        padding: 20px 0;
    }

    .site-footer .copyright {
        margin: 0 auto;
        float: none;
        width: 100%;
    }
}

/**
 * 9.0 Internal Pages
 * -----------------------------------------------------------------------------
 */

.internalHeader {
    background: url("./images/internal-header-bg.jpg") no-repeat scroll center center transparent;
    background-size: cover;
    padding: 85px 10px;
    text-align: center;
}

.internalHeader .title {
    font-size: 50px;
    text-transform: uppercase;
    color: #ffffff;
}

.internalBanner {
    background: url("./images/internal-banner-bg.jpg") no-repeat scroll center center transparent;
    background-size: cover;
    padding: 15%;
    width: 100%;
    text-align: center;
}

.internalMain.contentArea {
    margin: 25px auto;
}

.internalPage .mainAreaWithSidebar {
    float: left;
    max-width: 60%;
    vertical-align: top;
    padding: 0 30px 0 0;
    width: 100%;
}

.mainAreaWithSidebar .videoContainer {
    margin: 20px 0;
}

.internalPage .mainAreaWithSidebar .title {
    font-size: 26px;
    letter-spacing: 3px;
    margin: 37px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.internalPage .sideHeader {
    font-size: 36px;
    text-transform: uppercase;
}

.internalPage .leadIn {
    margin: 10px 0;
}

.internalPage .details {
    margin: 10px 0;
    list-style: none;
}

.internalPage .details li {
    position: relative;
    padding: 0 0 0 25px;
    margin: 5px 0;
}

.internalPage .details li:before {
    content: '\f14a';
    font-family: fontawesome;
    font-size: 24px;
    color: #000000;
    display: inline-block;
    padding: 0 10px 0 0;
    vertical-align: baseline;
    text-align: left;
}

.internalPage .sideArea {
    float: left;
    max-width: 40%;
    vertical-align: top;
    width: 100%;
    padding: 20px;
}
.internalPage .sideArea.form {
    /*margin: 40px 0;*/
}

.internalPage .sideArea .formTitle {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}

.internalPage .sideArea .barbell.title {
    margin: 0;
}

.internalPage .sideArea .blogBlocks ul li a {
    font-size: 15px;
}

.internalPage .sideArea.greyTexture {
    background-image: url("./images/textured-bg.jpg");
    background-repeat: repeat;
}

.internalPage .sideArea.greyTexture h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 45px;
    margin: 0;
    text-align: center;
}

.rafPage .form .title {
    font-size: 36px;
    padding: 0;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.connectFooter {
    position: relative;
    float: left;
    width: 100%;
}

.connectFooter .block {
    float: left;
    color: #ffffff;
    padding: 100px 25px;
}

.connectFooter .left {
    width: 60%;
}

.connectFooter .right {
    width: 40%;
}

.connectFooter .block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.connectFooter .left:before {
    background: url("./images/footer-thanks-left-bg.jpg") no-repeat scroll center center transparent;
    background-size: cover;
    width: 60%;
}

.connectFooter .right:before {
    background: url("./images/footer-thanks-right-bg.jpg") no-repeat scroll center center transparent;
    background-size: cover;
    width: 40%;
    left: 60%;
}

.connectFooter .title {
    font-size: 35px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.connectFooter .socialLinks {
    margin: 0;
}

.connectFooter .socialLinks li {
    float: none;
    display: inline-block;
}

.connectFooter .socialLinks li a {
    background: none;
    border-radius: 0;
    border: none;
    color: #FFFFFF;
    font-size: 35px;
}

.connectFooter .socialLinks li a:hover {
    background: none;
    border: none;
}

.connectFooter .button {
    max-width: 300px;
    margin: 0 auto;
}

@media all and (max-width: 900px) {
    .internalPage .mainAreaWithSidebar {
        display: block;
        max-width: 100%;
        padding: 0;
    }

    .internalPage .sideArea.greyTexture {
        display: block;
        margin: 20px 0 0;
        max-width: 100%;
    }

    .internalPage .sideArea {
        max-width: 100%;
        width: 100%;
    }
}

@media all and (max-width: 750px) {

    .connectFooter .left {
        width: 100%;
    }

    .connectFooter .right {
        width: 100%;
    }

    .connectFooter .left:before,
    .connectFooter .right:before {
        display: none;
    }

    .connectFooter .left {
        background: url("./images/footer-thanks-left-bg.jpg") no-repeat scroll center center transparent;
        background-size: cover;
        width: 100%;
    }

    .connectFooter .right {
        background: url("./images/footer-thanks-right-bg.jpg") no-repeat scroll center center transparent;
        background-size: cover;
        width: 100%;
    }
}

@media all and (max-width: 600px) {
    .internalHeader .title {
        font-size: 45px;
    }
}

/**
 * 10.0 Home Page
 * -----------------------------------------------------------------------------
 */


.blocks {
    padding: 25px 0 0;
    overflow: hidden;
}

.blocks ul {
    margin: 0;
    padding: 0;
}

.blocks ul li {
    float: left;
    height: 250px;
    list-style: none;
    width: 33.3%;
    position: relative;
}

.blocks ul li.block-1 {
    background: url("../../../wp-content/themes/crossfit/images/hp-block-1.jpg") no-repeat scroll 0 0 transparent;
    background-size: cover;
}

.blocks ul li.block-2 {
    background: url("../../../wp-content/themes/crossfit/images/hp-block-2.jpg") no-repeat scroll 0 0 transparent;
    background-size: cover;
}

.blocks ul li.block-3 {
    background: url("../../../wp-content/themes/crossfit/images/hp-block-3.jpg") no-repeat scroll 0 0 transparent;
    background-size: cover;
}

.blocks ul li.block-4 {
    background: url("../../../wp-content/themes/crossfit/images/sidebar-raf-block.jpg") no-repeat scroll 0 0 transparent;
    background-size: cover;
}

.blocks ul li.block-3 .blockTitle {
    padding: 80px 0 0 0;
    float: right;
    width: 100%;
    max-width: 185px;
    text-align: right;
    margin: 0 25px 0 0;
    line-height: 30px;
}

.blocks ul li.block-3 .subtitle {
    color: #FFFFFF;
    padding: 0;
    float: right;
    width: 100%;
    max-width: 185px;
    margin: 10px 25px 0 0;
    line-height: initial;
    font-size: 20px;
    font-weight: 300;
    clear: both;
}

.blocks ul li.block-3 .subtitle.right {
    float: right;
    padding: 0 25px 0 0;
    margin: 10px 0 0 0;
    text-align: right;
}

.blocks ul li.block-4 .blockTitle {
    padding: 25px 0;
    text-align: center;
}

.blocks ul li.block-4 .buttonContainer {
    margin: 15px auto;
    position: relative;
    bottom: 0;
}

.blocks ul li.block-5 .widget-title {
    padding: 55px 15px 0;
    float: left;
    width: 100%;
    font-size: 23px;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
    font-weight: 400;
}

.blocks ul li.block-5 {
    background: url("./images/hp-block-1.jpg") no-repeat scroll 0 0 transparent;
    background-size: cover;
}

.blocks ul li.block-5 p {
    padding: 10px 15px 0;
    width: 100%;
    text-align: center;
    margin: 0;
    font-weight: 300;
    color: white;
}

.blocks ul li.block-5 input[type="submit"] {
    padding: 14px 0px 13px;
    min-width: initial;
    font-size: 14px;
}

.blocks ul li.block-5 #subscribe-email input {
    width: 100%;
    padding: 10px 5px;
}

.blocks ul li.block-5 #subscribe-submit {
    margin: 15px auto 0;
    max-width: 200px;
    display: block;
    float: none;
}

.blocks .blockTitle {
    font-size: 38px;
    color: #fff;
    font-weight: 300;
    /* text-transform: uppercase; */
    padding: 125px 0 0 15px;
    width: 100%;
    line-height: initial;
    margin: 0;
    text-align: left;
}

.blocks .blockTitle.right {
    float: right;
    padding: 125px 15px 0 0;
    text-align: right;
}

.blocks p span {
    font-size: 18px;
    line-height: 25px;
    display: block;
}

.blocks .buttonContainer a {
    color: #FFFFFF;
    border-color: #FFFFFF;;
}
.blocks .buttonContainer {
    max-width: 185px;
    bottom: 20px;
    position: absolute;
    margin: 0;
    width: 100%;
}

.blocks .buttonContainer.left {
    left: 15px;
}
.blocks .buttonContainer.right {
    right: 25px;
}

.blocks .buttonContainer.center {
    margin: 0 auto;
    max-width: 200px;
    left: 0;
    right: 0;
}

.blocks .button,
.blocks .hollowButton {
    max-width: 100%;
    position: relative;
    bottom: 0;
    margin: 0;
}

.blocks .button.hollowButton:before {
    border-color: #FFFFFF;
}

@media all and ( max-width: 1150px) {

    .blocks ul li {
        /*height: 200px;*/
    }

    .blocks .blockTitle {
        font-size: 25px;
        padding: 100px 0 0 15px;
        width: 100%;
    }

    .blocks ul li.block-3 .blockTitle {
        padding: 40px 30px 0 0;
    }

    .blocks ul li.block-4 .blockTitle {
        padding: 25px 15px 0;
    }

}


@media all and ( max-width: 861px) {

    .blocks ul li {
        float: none;
        width: 100%;
        max-width: 450px;
        margin: 15px auto;
    }
}



/**
 * 11.0 Meet the Coaches
 * -----------------------------------------------------------------------------
 */

.mainSectionText {
    text-align: center;
    padding: 20px 0 50px;
}

.coachesPage {

}

.coachesPage .mainSectionText {
    text-align: center;
    padding: 20px 0 50px;
}

.coachesPage .coachesList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.coachesPage .coachesList .coach {
    list-style: none;
    width: 100%;
    overflow: hidden;
    max-width: 2000px;
    position: relative;
    margin: 0 auto;
}

.coachesPage .coachesList .coach .bioPic {
    float: left;
    width: 30%;
    min-height: 450px;
    background-size: cover;
}

.coachesPage .coachesList .coach .playIcon {
    bottom: 25%;
    position: absolute;
    margin: auto;
    display: block;
    text-align: center;
    left: 0;
    height: 140px;
    width: 30%;
}

.coachesPage .coachesList .coach .playIcon {
    bottom: 25%;
    position: absolute;
    margin: auto;
    display: block;
    text-align: center;
    height: 150px;
    width: 150px;

    left: 10%;
    left: -moz-calc(15% - 75px);
    left: -webkit-calc(15% - 75px);
    left: -o-calc(15% - 75px);
    left: calc(15% - 75px);
}

.coachesPage .coachesList .coach .playIcon:before {
    text-align: center;
    cursor: pointer;
    height: 150px;
    width: 150px;
    font-size: 150px;
    color: #e52d27;
}

.coachesPage .coachesList .coach .playIcon:hover:before {
    color: #b31217;
}

.coachesPage .coachesList .coach .bio {
    float: left;
    padding: 50px;
    width: 70%;
    z-index: 1;
    margin: 0 auto;
}

.coachesGridPage .bioInfo.bioPic:before {
    content: "";
    position: relative;
    background-position: top center;
    background-size: cover;
    width: 86%;
    display: block;
    margin: 0 auto;
    height: 0;
    padding: 0 0 90%;
}

.coachesGridPage .videoGridContainer .name {
    margin: 0 0 5px;
    font-size: 2vw;
    padding: 1.5% 0;
}

.coachesPage .bioInfo.bioPic:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: top center;
    background-size: cover;
    width: 30%;
}

.coachesPage .bioInfo.bio:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30%;
    width: 70%;
    z-index: 0;
}

.coachesPage .coachesList .coach .bio .name {
    margin: 0;
    font-size: 60px;
    font-weight: 700;
    position: relative;
}

.coachGrid .embed-responsive {
	cursor:pointer;
}

.coachGrid:hover {
    opacity: 0.8;
}

.coachesPage .coachesList .coachPop .title,
.coachesPage .coachesList .coach .bio .title {
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    position: relative;
}
.coachesPage .coachesList .coachPop .headline {
	font-size:40px;
}

.coachesPage .coachesList .coach .bio .theBio {
    position: relative;
}

.coachesPage .coachesList .coachPop .certTitle,
.coachesPage .coachesList .coach .bio .certTitle {
    font-size: 26px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
    position: relative;
	text-align:left;
}

.coachesPage .coachesList .coachPop .certs {
	list-style:circle;
	text-align:left;
}
.coachesPage .coachesList .coach .bio .certs {
    list-style: circle;
    position: relative;
}

.coachesPage .coachesList .coach .bio .certs li {
    padding: 5px 0;
}

.coachesPage .coachesList .coach.alt {
    color: #FFFFFF;
    background-color: #000000;

}
.coachPop.popUp .option {
    padding: 0 50px 50px;
	font-size:16px;
}

@media all and (max-width: 1100px) {
    .coachesPage .bioInfo.bioPic:before {
        display: none;
    }

    .coachesPage .bioInfo.bio:before {
        display: none;
    }

    .coachesPage .coachesList .coach .bioPic {
        width: 300px;
        min-height: 360px;
        background-position: 0 0;
        background-size: contain;
        margin: 50px 0 0 20px;
        position: relative;
    }

    .coachesPage .coachesList .coach .bio {
        padding: 20px;
    }

    .coachesPage .coachesList .coach .playIcon {
        bottom: 15%;
        left: 75px;
    }

    .coachesPage .coachesList .coach .bio {
        width: 100%;
    }

}

@media all and (max-width: 600px) {
    .coachesPage .coachesList .coach .bioPic {
        width: 100%;
        background-position: 0 0;
        background-size: contain;
        margin: 0;
        position: relative;
    }
}

/**
 * 12.0 Our Facility
 * -----------------------------------------------------------------------------
 */

.facilityPage {

}

.facilitySlider .testimonialSlider,
.facilityTour .videoContainer {
    margin: 0 auto 40px;
}

.facilitySlider .testimonialSlider li {
    /*min-height: 600px;*/
    padding-bottom: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-color: #ffffff;
}

@media all and (max-width: 600px) {
    .facilitySlider .testimonialSlider li {
        min-height: 200px;
    }
}


/**
 * 13.0 Contact
 * -----------------------------------------------------------------------------
 */

.contactForm.form {
    padding: 20px 10px;
    margin: 20px 0;
}

.contactForm .title {
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    line-height: 40px;
}

.contactForm .title span {
    display: block;
    font-size: 18px;
    color: #999999;
    font-weight: 700;
    line-height: 25px;
}

.contactForm .col {
    float: left;
    width: 50%;
    padding: 10px;
}

.contactForm .mapWrapper {
    position: relative;
}

.contactForm #map-canvas {
    height: 605px;
    width: 100%;
    color: #000;
}

.contactForm .directionsList {
    clear: both;
}

.contactForm #directionsPanel {
    background-color: #EEEEEE;
}

.contactForm .appLink {
    color: #FFFFFF;
}

.contactForm .appLink a {
    color: #FFFFFF;
    text-transform: uppercase;
}

@media all and (max-width: 900px) {
    .contactForm .col {
        width: 100%;
    }
}

/**
 * 14.0 Programs and Rates (Services)
 * -----------------------------------------------------------------------------
 */

.servicesPage {

}

.servicesPage .servicesList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.servicesPage .servicesList .service {
    list-style: none;
    width: 100%;
    max-width: 2000px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    color: #FFFFFF;
    background-color: #000000;
}

.servicesPage .servicesList .service .serviceImage {
    float: left;
    width: 33%;
    min-height: 350px;
    background-size: cover;
}

.servicesPage .servicesList .service .serviceInfo {
    float: right;
    padding: 10px 50px 50px 50px;
    width: 67%;
    z-index: 1;
    margin: 0 auto;
}

.servicesPage .servicesList .service.fullWidth .serviceInfo {
    width: 100%;
}

.servicesPage .servicesList .service.fullWidth .serviceImage:before,
.servicesPage .servicesList .service.fullWidth .serviceImage {
    display: none;
    width: 0;
}

.servicesPage .serviceImage:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    width: 33%;
}

.servicesPage .serviceInfo:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30%;
    width: 67%;
    z-index: 0;
}

.servicesPage .servicesList .service.alt .serviceImage {
    float: right;
}

.servicesPage .servicesList .service.alt .serviceInfo {
    float: left;
}

.servicesPage .service.alt .serviceImage:before {
    left: 67%;
}

.servicesPage .service.alt .serviceInfo:before {
    left: 0;
}

.servicesPage .servicesList .service .serviceInfo .name {
    font-size: 40px;
}

.servicesPage .servicesList .service .serviceInfo .title {
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    position: relative;
}

.servicesPage .servicesList .service .serviceInfo .theService {
    position: relative;
}

.servicesPage .servicesList .service .serviceInfo .servicePriceList {
    font-size: 26px;
    font-weight: 700;
    margin: 10px 0 0;
    text-transform: uppercase;
    position: relative;
}

.servicesPage .servicesList .service .serviceInfo .prices {
    list-style: none;
    position: relative;
    padding: 5px 0;
    margin: 0;
}

.servicesPage .servicesList .service.alt {
    color: inherit;
    background-color: inherit;
}

.servicesPage .servicesList .service.alt:last-child {
    border-bottom: 1px solid #808080;
}

@media all and (max-width: 1100px) {

    .servicesPage .serviceImage:before {
        display: none;
    }

    .servicesPage .serviceInfo:before {
        display: none;
    }

    .servicesPage .servicesList .service .serviceImage {
        float: none;
        width: 100%;
    }

    .servicesPage .servicesList .service .serviceInfo {
        float: none;
        width: 100%;
    }

    .servicesPage .servicesList .service.alt .serviceInfo {
        float: none;
    }

    .servicesPage .servicesList .service.alt .serviceImage {
        float: none;
    }

}

.pricing-switcher-container {
    text-align: center;
}

.pricing-switcher {
    display: inline-block;
    position: relative;
    margin: 15px 0;
    border: 1px solid #4BAE00;
}

.pricing-switcher input[type="radio"].toggle {
    display: none;
}

.pricing-switcher input[type="radio"].toggle:checked + label {
    background: #000000;
    cursor: default;
    color: #FFFFFF;
    border-color: transparent;
}

.pricing-switcher input.toggle[type="radio"] + label {
    /*border-radius: 25px;*/
    color: #404040;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

.pricing-switcher input[type="radio"].toggle:checked + label.btn:hover {
    background-color: inherit;
    background-position: 0 0;
    transition: none;
}

.pricing-switcher input[type="radio"].toggle-left + label {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pricing-switcher input[type="radio"].toggle-right + label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pricing-list {
    list-style: outside none none;
    border: 3px solid #4BAE00;
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    display: table;
    width: 100%;
}

.ie9 .pricing-switcher {
    display: none;
}

.ie9 .pricing-wrapper .is-hidden {
    position: relative;
    display: block;
}

.pricing-list > li {
     float: left;
    /* max-width: 20%; */
    position: relative;
    /*display: table-cell;*/
    height: 100%;
    /*empty-cells: hide;*/
    /*width: 1px;*/
     width: 100%;
}

/* one item */
.pricing-list > li:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
.pricing-list > li:first-child:nth-last-child(2),
.pricing-list > li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
/* three items */
.pricing-list > li:first-child:nth-last-child(3),
.pricing-list > li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}

/* four items */
.pricing-list > li:first-child:nth-last-child(4),
.pricing-list > li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}

/* five items */
.pricing-list > li:first-child:nth-last-child(5),
.pricing-list > li:first-child:nth-last-child(5) ~ li {
    width: 20%;
}


.pricing-list > li:nth-child(2n) {
    background: #000000 none repeat scroll 0 0;
    color: #FFFFFF;
}

.pricing-wrapper {
    list-style: outside none none;
    margin: 0;
    text-align: center;
}

.pricing-wrapper > li {
    background-color: #FFFFFF;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Firefox bug - 3D CSS transform, jagged edges */
    outline: 1px solid transparent;
}

.pricing-list > li:nth-child(2n) .pricing-wrapper > li {
    color: #FFFFFF;

    background-color: #000000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Firefox bug - 3D CSS transform, jagged edges */
    outline: 1px solid transparent;
}

.pricing-wrapper .is-visible {
    position: relative;
    z-index: 5;
}

.pricing-wrapper .is-hidden {
    /* the hidden items, right behind the front one */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.pricing-wrapper .is-selected {
    /* the next item that will be visible */
    z-index: 3 !important;
}

.pricing-wrapper.is-switched .is-visible {
    /* totate the tables - anticlockwise rotation */
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation: rotate 0.5s;
    -moz-animation: rotate 0.5s;
    animation: rotate 0.5s;
}

.pricing-wrapper.is-switched .is-hidden {
    /* totate the tables - anticlockwise rotation */
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-animation: rotate-inverse 0.5s;
    -moz-animation: rotate-inverse 0.5s;
    animation: rotate-inverse 0.5s;
    opacity: 0;
}

.pricing-wrapper.is-switched .is-selected {
    opacity: 1;
}

.pricing-wrapper.is-switched.reverse-animation .is-visible {
    /* invert rotation direction - clockwise rotation */
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: rotate-back 0.5s;
    -moz-animation: rotate-back 0.5s;
    animation: rotate-back 0.5s;
}

.pricing-wrapper.is-switched.reverse-animation .is-hidden {
    /* invert rotation direction - clockwise rotation */
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-animation: rotate-inverse-back 0.5s;
    -moz-animation: rotate-inverse-back 0.5s;
    animation: rotate-inverse-back 0.5s;
    opacity: 0;
}

.pricing-wrapper.is-switched.reverse-animation .is-selected {
    opacity: 1;
}

.bigPrice {
    font-size: 42px;
    margin: 0;
}

.bigPrice .currency {
    font-size: 30px;
    margin: 0 -10px 0 0;
    vertical-align: top;
}

.bigPrice .duration {
    font-size: 25px;
    margin: 0 0 0 -10px;
    text-transform: uppercase;
}

.lilPrice {
    font-size: 28px;
    margin: 0;
    min-height: 68px;
}

.lilPrice .currency {
    font-size: 22px;
    margin: 0 -5px 0 0;
    vertical-align: top;
}

.lilPrice .duration {
    font-size: 16px;
    margin: 0 0 0 -7px;
    text-transform: uppercase;
}

.pricing-header {
    padding: 15px 0 0;
}

.pricing-header .bigPrice {
    font-size: 42px;
    margin: 0 0 20px;
}

.pricing-header .lilPrice {
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(214, 214, 214, 0.5) none repeat scroll 0 0;
    padding: 13px 0;
}

.pricing-header .packageTitle {
    font-size: 20px;
    font-weight: 700;
    margin: 25px 0 30px;
    text-transform: uppercase;
}

.pricing-features {
    padding: 0;
}

.pricing-features li {
    /*background: #F1F3F4 none repeat scroll 0 0;*/
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 20px;
}

.pricing-features {
    min-height: 155px;
    padding: 0;
}

.pricing-body {
    border-top: 1px solid #4BAE00;
    margin: 25px 15% 30px;
    padding: 15px 0 0 0;
}

.pricing-list > li:nth-child(2n) .pricing-body {
    border-top: 1px solid #FFFFFF;
}

.pricing-body .discount {
    font-size: 20px;
    margin: 0;
    padding: 15px 0 0;
    text-transform: uppercase;
}

.pricing-body .certs {
    list-style: none;
    position: relative;
}

.pricing-body .certs li {
    padding: 5px 0;
    border-bottom: 1px dotted #474747;
}

.pricing-list > li:nth-child(2n) .pricing-body .certs li {
    border-bottom: 1px dotted #FFFFFF;
}

.pricing-footer {
    margin: 0 auto 20px;
    max-width: 90%;
}

/* --------------------------------

xkeyframes

-------------------------------- */
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
    }
    70% {
        /* this creates the bounce effect */
        -webkit-transform: perspective(2000px) rotateY(200deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: perspective(2000px) rotateY(0);
    }
    70% {
        /* this creates the bounce effect */
        -moz-transform: perspective(2000px) rotateY(200deg);
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(180deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
    70% {
        /* this creates the bounce effect */
        -webkit-transform: perspective(2000px) rotateY(200deg);
        -moz-transform: perspective(2000px) rotateY(200deg);
        -ms-transform: perspective(2000px) rotateY(200deg);
        -o-transform: perspective(2000px) rotateY(200deg);
        transform: perspective(2000px) rotateY(200deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
        -moz-transform: perspective(2000px) rotateY(180deg);
        -ms-transform: perspective(2000px) rotateY(180deg);
        -o-transform: perspective(2000px) rotateY(180deg);
        transform: perspective(2000px) rotateY(180deg);
    }
}

@-webkit-keyframes rotate-inverse {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
    }
    70% {
        /* this creates the bounce effect */
        -webkit-transform: perspective(2000px) rotateY(20deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
    }
}

@-moz-keyframes rotate-inverse {
    0% {
        -moz-transform: perspective(2000px) rotateY(-180deg);
    }
    70% {
        /* this creates the bounce effect */
        -moz-transform: perspective(2000px) rotateY(20deg);
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(0);
    }
}

@keyframes rotate-inverse {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
        -moz-transform: perspective(2000px) rotateY(-180deg);
        -ms-transform: perspective(2000px) rotateY(-180deg);
        -o-transform: perspective(2000px) rotateY(-180deg);
        transform: perspective(2000px) rotateY(-180deg);
    }
    70% {
        /* this creates the bounce effect */
        -webkit-transform: perspective(2000px) rotateY(20deg);
        -moz-transform: perspective(2000px) rotateY(20deg);
        -ms-transform: perspective(2000px) rotateY(20deg);
        -o-transform: perspective(2000px) rotateY(20deg);
        transform: perspective(2000px) rotateY(20deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
}

@-webkit-keyframes rotate-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
    }
    70% {
        /* this creates the bounce effect */
        -webkit-transform: perspective(2000px) rotateY(-200deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
    }
}

@-moz-keyframes rotate-back {
    0% {
        -moz-transform: perspective(2000px) rotateY(0);
    }
    70% {
        /* this creates the bounce effect */
        -moz-transform: perspective(2000px) rotateY(-200deg);
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(-180deg);
    }
}

@keyframes rotate-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
    70% {
        /* this creates the bounce effect */
        -webkit-transform: perspective(2000px) rotateY(-200deg);
        -moz-transform: perspective(2000px) rotateY(-200deg);
        -ms-transform: perspective(2000px) rotateY(-200deg);
        -o-transform: perspective(2000px) rotateY(-200deg);
        transform: perspective(2000px) rotateY(-200deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
        -moz-transform: perspective(2000px) rotateY(-180deg);
        -ms-transform: perspective(2000px) rotateY(-180deg);
        -o-transform: perspective(2000px) rotateY(-180deg);
        transform: perspective(2000px) rotateY(-180deg);
    }
}

@-webkit-keyframes rotate-inverse-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
    }
    70% {
        /* this creates the bounce effect */
        -webkit-transform: perspective(2000px) rotateY(-20deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
    }
}

@-moz-keyframes rotate-inverse-back {
    0% {
        -moz-transform: perspective(2000px) rotateY(180deg);
    }
    70% {
        /* this creates the bounce effect */
        -moz-transform: perspective(2000px) rotateY(-20deg);
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(0);
    }
}

@keyframes rotate-inverse-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
        -moz-transform: perspective(2000px) rotateY(180deg);
        -ms-transform: perspective(2000px) rotateY(180deg);
        -o-transform: perspective(2000px) rotateY(180deg);
        transform: perspective(2000px) rotateY(180deg);
    }
    70% {
        /* this creates the bounce effect */
        -webkit-transform: perspective(2000px) rotateY(-20deg);
        -moz-transform: perspective(2000px) rotateY(-20deg);
        -ms-transform: perspective(2000px) rotateY(-20deg);
        -o-transform: perspective(2000px) rotateY(-20deg);
        transform: perspective(2000px) rotateY(-20deg);
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
    }
}

@media all and (max-width: 1100px) {
    .pricing-list > li {
        float: left;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    /* one item */
    .pricing-list > li:first-child:nth-last-child(1) {
        width: 100%;
    }

    /* two items */
    .pricing-list > li:first-child:nth-last-child(2),
    .pricing-list > li:first-child:nth-last-child(2) ~ li {
        width: 100%;
    }
    /* three items */
    .pricing-list > li:first-child:nth-last-child(3),
    .pricing-list > li:first-child:nth-last-child(3) ~ li {
        width:100%;
    }

    /* four items */
    .pricing-list > li:first-child:nth-last-child(4),
    .pricing-list > li:first-child:nth-last-child(4) ~ li {
        width: 100%;
    }

    /* five items */
    .pricing-list > li:first-child:nth-last-child(5),
    .pricing-list > li:first-child:nth-last-child(5) ~ li {
        width: 100%;
    }

    .pricing-switcher input.toggle[type="radio"] + label {
        font-size: 16px;
    }

}

@media all and (max-width: 825px) {
    .pricing-list > li {
        float: left;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .pricing-switcher input.toggle[type="radio"] + label {
        font-size: 13px;
    }

    .pricing-switcher input.toggle[type="radio"] + label {
        border-radius: 0;
    }

    .pricing-switcher {
        border-radius: 0;
    }

}

@media all and (max-width: 775px) {
    .pricing-switcher input.toggle[type="radio"] + label {
        font-size: 15px;
    }
}

/**
 * 15.0 Success Stories
 * -----------------------------------------------------------------------------
 */

.successStoriesPage {

}

.successStoriesPage .successStoriesList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.successStoriesPage .successStoriesList .successStory {
    list-style: none;
    width: 100%;
    max-width: 2000px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    /*color: #FFFFFF;*/
    /*background-color: #2f2f2f;*/
}

.successStoriesPage .successStoriesList .successStory .successStoryImage {
    float: left;
    width: 33%;
    min-height: 350px;
    background-size: cover;
}

.successStoriesPage .successStoriesList .successStory .successStoryInfo {
    float: left;
    padding: 10px 50px 50px 50px;
    width: 67%;
    z-index: 1;
    margin: 0 auto;
}



.successStoriesPage .successStoriesList .successStory.fullWidth .successStoryImage,
.successStoriesPage .successStoriesList .successStory.fullWidth .successStoryImage:before
{
display: none;
}

.successStoriesPage .successStoriesList .successStory.fullWidth .successStoryInfo {
    width: 100%;
}




.successStoriesPage .successStoriesList.fullWidth .successStory .successStoryInfo {
    float: none;
    width: 100%;
}

.successStoriesPage .successStoryImage:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    width: 33%;
}

.successStoriesPage .successStoryInfo:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30%;
    width: 67%;
    z-index: 0;
}

.successStoriesPage .successStoriesList .successStory.alt .successStoryImage {
    float: right;
}

.successStoriesPage .successStoriesList .successStory .successStoryImage.starPlaceholder:before {
    background: url("./images/5-star-placeholder.png") no-repeat scroll center center transparent;
    background-size: contain;
}


.successStoriesPage .successStoriesList .successStory.alt .successStoryInfo {
    float: left;
}

.successStoriesPage .successStory.alt .successStoryImage:before {
    left: 67%;
}

.successStoriesPage .successStory.alt .successStoryInfo:before {
    left: 0;
}

.successStoriesPage .successStoriesList .successStory .successStoryInfo .name {
    font-size: 40px;
}

.successStoriesPage .successStoriesList .successStory .successStoryInfo .title {
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    position: relative;
}

.successStoriesPage .successStoriesList .successStory .successStoryInfo .theSuccessStory {
    position: relative;
}

.successStoriesPage .successStoriesList .successStory .successStoryInfo .theSuccessStory:before{
    font-family: fontawesome;
    font-size: 25px;
    display: block;
    content: "\f10d";
}

.successStoriesPage .successStoriesList .successStory.alt {
    color: inherit;
    background-color: inherit;
}

.successStoriesPage .successStoriesList .successStory .playIcon {
    bottom: 25%;
    position: absolute;
    margin: auto;
    display: block;
    text-align: center;
    height: 150px;
    width: 150px;

    left: 12.5%;
    left: -moz-calc(16.5% - 75px);
    left: -webkit-calc(16.5% - 75px);
    left: -o-calc(16.5% - 75px);
    left: calc(16.5% - 75px);
}

.successStoriesPage .successStoriesList .successStory.alt .playIcon {
    left: inherit;
    right: 12.5%;
    right: -moz-calc(16.5% - 75px);
    right: -webkit-calc(16.5% - 75px);
    right: -o-calc(16.5% - 75px);
    right: calc(16.5% - 75px);
}

.successStoriesPage .successStoriesList .successStory .playIcon:before {
    text-align: center;
    cursor: pointer;
    height: 150px;
    width: 150px;
    font-size: 150px;
    color: #e52d27;
}

.successStoriesPage .successStoriesList .successStory .playIcon:hover:before {
    color: #b31217;
}

.successStoriesPage .successStoriesList .successStory.alt {
    color: #FFFFFF;
    background-color: #000000;
}

.successStoriesPage .successStoriesList .videoGridContainer {
    float: left;
    width: 33.3%;
    padding: 0 50px 50px;
    font-size: 40px;
    color: #4a4d50;
    text-align: center;
    font-weight: 400;
}
.successStoriesPage .successStoriesList .videoGridContainer .name{
    margin: 0 0 5px;
}

.coachesGridPage .videoGridContainer .name {
    margin: 0 0 5px;
    font-size: 2vw;
    padding: 1.5% 0;
}

@media all and (max-width: 1000px) {
    .successStoriesPage .successStoriesList .videoGridContainer {
        width: 50%;
    }
}


@media all and (max-width: 960px) {

    .successStoriesPage .successStoriesList .successStory .story {
        padding: 20px;
    }

    .successStoriesPage .successStoriesList .successStory .playIcon,
    .successStoriesPage .successStoriesList .successStory.alt .playIcon {
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
    }

    .successStoriesPage .successStoriesList .successStory .story {
        width: 100%;
    }

    .successStoriesPage .successStoryImage:before {
        display: none;
    }

    .successStoriesPage .successStoryInfo:before {
        display: none;
    }

    .successStoriesPage .successStoriesList .successStory .successStoryImage {
        float: none;
        position: relative;
        width: 100%;
        min-height: 450px;
    }

    .successStoriesPage .successStoriesList .successStory.alt .successStoryInfo,
    .successStoriesPage .successStoriesList .successStory .successStoryInfo {
        float: none;
        width: 100%;
    }

    .successStoriesPage .successStoriesList .successStory.alt .successStoryImage {
        float: none;
    }

    .successStoriesPage .successStoriesList .successStory .successStoryImage.starPlaceholder:before {
        background: none;
    }

    .successStoriesPage .successStoriesList .successStory .successStoryImage.starPlaceholder {
        background: url("./images/5-star-placeholder.png") no-repeat scroll center center transparent;
        background-size: contain;
    }

}

@media all and (max-width: 800px) {
    .successStoriesPage .successStoriesList .videoGridContainer {
        width: 100%;
        padding: 20px;
    }

    .coachesGridPage .videoGridContainer .name {
        font-size: 4.5vw;
    }
}

@media all and (max-width: 500px) {
    .coachesGridPage .videoGridContainer .name {
        font-size: 6.5vw;
    }
}

/**
 * 16.0 Blog
 * -----------------------------------------------------------------------------
 */

.feedContent {
    float: left;
    width: 70%;
    padding: 30px 0 0 0;
}

.feedContent .post {

}

.site-content .postSide {
    float: left;
    padding-right: 40px;
    width: 100px;
    text-align: right;
}

.site-content .thePost {
    float: right;
    padding: 30px;
    min-height: 575px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

    width: 85%;
    width: calc(100% - 100px);
}

.site-content .sidebar {
    float: left;
    width: 30%;
}

.postSide .postDate {
    position: relative;
}

.postSide .postDate:after {
    content: '';
    border-width: 4px;
    border-style: solid;
    border-color: #4BAE00;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 23px;
    right: -52px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.postSide .postDate span {
    display: block;
    font-size: 24px;
    line-height: 22px;
    text-align: right;
}

.postSide .postDate .year {
    font-weight: 700;
}

.postSide .socialLinks li {
    margin: 5px 0;
    float: right;
}

.site-content .thePost .postImage {
    display: block;
    position: relative;

    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.site-content .thePost .postImage img {
    /*width: 100%;*/
    width: 50%;
    margin: 0 auto;
    display: block;
}

.site-content .thePost .postImage:hover:before {
    content: "";
    background: url("./images/transBG.png") repeat scroll 0 0 transparent;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.site-content .thePost .title {
    font-size: 28px;
    margin: 0;
    font-weight: bold;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    padding: 10px 0;
}

.site-content .thePost .meta {
    display: inline-block;
    margin: 5px 0;
    font-size: 16px;
}

.site-content .thePost .content {
    font-size: 16px;
    font-weight: 400;
}

.site-content .thePost .meta a {
    background: #e3e3e3;
    padding: 6px;
    display: inline-block;
    border-radius: 0;
    margin: 0 0 0 4px;
    font-weight: 700;
}

.site-content .thePost .meta a:hover {
    background: #000000;
    color: #FFFFFF;
}

.site-content .thePost .button {
    max-width: 300px;
}

/* Sidebar search */
.topbarSearch {
	display:none;
}

.topbarSearch,
.sidebarSearch {
	background:none;
}
.topbarSearch .innerFooter,
.sidebarSearch .innerFooter {
	padding:0 15px 20px;
	background:none;
}
.topbarSearch label,
.sidebarSearch label {
	display:none;
}

.sidebarSearch #s {
	margin-top:20px;
	width:100%;
	margin:0 auto;
}

.sidebarSearch h3 {
	margin-top:20px;
	color:#000;
	margin-bottom:20px;
}

.topbarSearch input[type="text"] {
	max-width:400px;
}

.topbarSearch input[type="text"]::-webkit-input-placeholder {
	text-align:right;
}

.sidebarSearch input[type="text"]::-webkit-input-placeholder {
	text-align:right;
}

.topbarSearch .infusion-submit,
.sidebarSearch .infusion-submit {
	margin:20px auto;
	width:100%;
	max-width:225px;
}

.topbarSearch .infusion-submit {
	display:inline-block;
	vertical-align:middle;
}

.sidebarSearch .infusion-submit input[type="submit"] {
	padding-top:10px;
	padding-bottom:10px;
}
 /* end Sidebar search */

.sidebar .blogBlocks .title {
    margin: 10px 0 0 0;
}

.sidebar .blogBlocks ul li.half {
    width: 50%;
    padding: 0;
}

.sidebar .blogBlocks ul li a {
    font-size: 15px;
}

.sidebar .blocks {
    padding: 20px 0 0;
    overflow: hidden;
}
.sidebar .preFooter .innerFooter .title {
    display: none;
}


.sidebar .preFooter .arrowBox {
    padding: 10px 0;
}

.sidebar .preFooter .arrowBox:before,
.sidebar .preFooter .arrowBox:after
{
    background: none;
}

.sidebar .preFooter .innerFooter .levels .level {
    width: 100%;
}

.sidebar .preFooter .innerFooter .levels li .title {
    font-size: 23px;
    padding: 5px 0;
    margin: 0;
    display: block;
}

.sidebar .preFooter .innerFooter .levels li .button {
    padding: 10px;
}

.sidebar .blocks ul li {
    width: 100%;
    max-width: 400px;
}

.blog.withsidebar .sidebar .sidebarTryFree,
.archive.withsidebar .sidebar .sidebarTryFree
{
    display: block;
}

.blog.withsidebar .footerTryFree,
.archive.withsidebar .footerTryFree
{
    display: none;
}



@media all and (max-width: 1000px ) {

	.coachesGrid .coachesList div.popUp div.option {
		width:80%;
	}

    .feedContent {
        float: left;
        width: 100%;
        padding: 30px 0 0 0;
    }

    .site-content .sidebar {
        float: left;
        width: 100%;
    }

    .blog.withsidebar .sidebar .sidebarTryFree,
    .archive.withsidebar .sidebar .sidebarTryFree
    {
        display: none;
    }

    .blog.withsidebar .footerTryFree,
    .archive.withsidebar .footerTryFree
    {
        display: block;
    }

    .sidebar .blocks {
        display: none;
    }

	/* switch the search from sidebar to top */
	.topbarSearch {
		display:block;
	}

	.sidebarSearch {
		display:none;
	}
}

@media all and (max-width: 600px ) {
    .site-content .thePost {
        float: left;
        width: 100%;
        border-bottom: none;
        min-height: auto;
    }

    .site-content .thePost .button {
        max-width: 100%;
    }

    .site-content .postSide {
        float: left;
        padding: 0 40px 50px;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #e5e5e5;
    }

    .postSide .postDate {
        position: relative;
        text-align: center;
        margin: 15px 0;
    }

    .postSide .postDate span {
        display: inline-block;
        text-align: center;
    }

    .postSide .postDate:after {
        display: none;
    }

    .postSide .socialLinks li {
        margin: 5px 0;
        float: none;
        display: inline-block;
    }

    .postSide .socialLinks {
        text-align: center;
    }

}

/**
 * 17.0 Thank You Pages
 * -----------------------------------------------------------------------------
 */

.thankyouPage .mainSectionText {
    text-align: center;
    padding: 20px 0 50px;
    font-size: 25px;
    text-align: center;
    font-weight: 700;
}

/**
 * 18.0 eBook Pages
 * -----------------------------------------------------------------------------
 */

.ebooksPage {

}

.ebooksPage .ebooks {

}

.ebooksPage .ebooks .ebookImage {
    float: left;
    width: 160px;
    background-size: cover;
}

.ebooksPage .ebooks .ebookContent {
    float: left;
    padding: 0 0 0 175px;
    position: relative;
}

.ebooksPage .ebooks .ebooksList li.oddebookBg {
    margin: 0 auto;
    display: block;
}


.ebooksPage .ebooks .ebooksList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ebooksPage .ebooks .ebooksList .title {
    font-size: 31px;
    font-weight: 700;
    margin: 0;
}

.ebooksPage .ebooks .ebooksList .buttonContainer {
    max-width: 150px;
    float: right;
    font-size: 12px;
    letter-spacing: 0;
    position: absolute;
    padding: 0;
    top: 215px;
    left: 0;
    width: 100%;
}

.ebooksPage .ebooks .ebooksList li {
    /* float: left; */
    width: 100%;
    display: inline-block;
    max-width: 550px;
    padding: 30px;
    vertical-align: top;
}

.ebooksPage .bookImage{
    width: 237px;
    height: 350px;
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}

.ebooksPage .bookImage{
    width: 100%;
    height: 350px;
    max-width: 237px;
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}

.ebooksPage .ebooks .ebookImage {
    float: left;
    width: 145px;
    height: 215px;
    position: absolute;
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}

.ebooksTyPage .bookImage {
    width: 100%;
    margin: 0 auto 35px;
    max-height: 880px;
    height: 500px;
    max-width: 340px;
    background-position: center center;
    background-size: cover;
}

.ebooksTyPage .subtitle {
    font-size: 35px;
    font-weight: 400;
}

.ebooksTyPage .mainTextArea {
    margin: 15px 0;
}

.ebooksTyPage .download {
    color: #4BAE00;
    font-size: 18px;
    margin: 20px 0;
}

@media all and (max-width: 1160px ) {
    .ebooksPage .ebooks .ebooksList li {
        max-width: 100%;
    }

    .ebooksPage .ebooks .ebooksList .buttonContainer {
        max-width: 300px;
        float: right;
        font-size: 15px;
        position: relative;
        padding: 20px;
        top: 0;
        left: 0;
    }
}

@media all and (max-width: 615px ) {
    .ebooksPage .ebooks .ebookImage {
        float: left;
        width: 215px;
        height: 318px;
        position: relative;
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
    }


    .ebooksPage .ebooks .ebooksList .ebookContent {
        max-width: 100%;
        padding: 10px 0 0 0;
        /* background-position: center top; */
    }
}

/**
 * 19.0 Liability Waiver
 * -----------------------------------------------------------------------------
 */

.liabilityPage .form{
    color: #ffffff;
}

.liabilityPage .form {
    margin: 20px 0;
}

.liabilityPage .address p {
    margin: 0;
}

/**
 * 20.0 FAQ
 * -----------------------------------------------------------------------------
 */

.accordion {
    margin: 25px 0;
    padding: 0;
}

.accordion dt, .accordion dd {
    padding: 10px;
    border-bottom: 0;
}

.accordion dt {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    font-size: 18px;
    display: block;
    font-weight: bold;
    position: relative;
    outline: none;
    cursor: pointer;
}

.accordion dt:first-of-type {
    border-top: none;
}

.accordion a {
    font-weight: 700;
}
.accordion p:last-child {
    margin: 0;
}

.accordion dd {
    border-top: 0;
    font-size: 16px;
}

/**
 * 21.0 Secondary Forms
 * -----------------------------------------------------------------------------
 */

.secondaryMessage {
    font-size: 23px;
}

/**
 * 22.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media screen and (max-width: 400px) {
    .list-view .site-content .post-thumbnail {
        background: none;
        width: auto;
        z-index: 2;
    }

    .list-view .site-content .post-thumbnail img {
        float: left;
        margin: 0 10px 3px 0;
        width: 84px;
    }

    .list-view .site-content .entry-header {
        background-color: transparent;
        padding: 0;
    }

    .list-view .content-area {
        padding: 0 10px;
    }

    .list-view .site-content .hentry {
        border-bottom: 1px solid rgb(0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin: 0;
        min-height: 60px;
        padding: 12px 0 9px;
    }

    .list-view .site-content .cat-links,
    .list-view .site-content .type-post .entry-content,
    .list-view .site-content .type-page .entry-content,
    .list-view .site-content .type-post .entry-summary,
    .list-view .site-content .type-page .entry-summary,
    .list-view .site-content footer.entry-meta {
        display: none;
    }

    .list-view .site-content .entry-title {
        clear: none;
        font-size: 15px;
        font-weight: 900;
        line-height: 1.2;
        margin-bottom: 6px;
        text-transform: none;
    }

    .list-view .site-content .entry-meta {
        background-color: transparent;
        clear: none;
        margin: 0;
        text-transform: none;
    }

    .archive-header,
    .page-header {
        border-bottom: 1px solid rgb(0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin: 24px auto 0;
        padding-bottom: 24px;
    }

    .error404 .page-header {
        border-bottom: 0;
        margin: 0 auto 24px;
        padding: 0 10px;
    }

	.coachesPage .coachesList .coachPop .certTitle {
		font-size: 20px;
	}
	.coachesGrid .coachesList div.popUp div.option {
		width:90%;
	}



}

@media screen and (min-width: 401px) {
    a.post-thumbnail:hover img {
        opacity: 0.85;
    }

    .full-size-link:before,
    .parent-post-link:before,
    .site-content span + .byline:before,
    .site-content span + .comments-link:before,
    .site-content span + .edit-link:before,
    .site-content span + .entry-date:before {
        content: "";
    }

    .attachment span.entry-date:before,
    .entry-content .edit-link a:before,
    .entry-meta .edit-link a:before,
    .site-content .byline a:before,
    .site-content .comments-link a:before,
    .site-content .entry-date a:before,
    .site-content .featured-post:before,
    .site-content .full-size-link a:before,
    .site-content .parent-post-link a:before,
    .site-content .post-format a:before {
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font: normal 16px/1 Genericons;
        text-decoration: inherit;
        vertical-align: text-bottom;
    }

    .site-content .entry-meta > span {
        margin-right: 10px;
    }

    .site-content .format-video .post-format a:before {
        content: "\f104";
    }

    .site-content .format-audio .post-format a:before {
        content: "\f109";
    }

    .site-content .format-image .post-format a:before {
        content: "\f473";
    }

    .site-content .format-quote .post-format a:before {
        content: "\f106";
        margin-right: 2px;
    }

    .site-content .format-gallery .post-format a:before {
        content: "\f103";
        margin-right: 4px;
    }

    .site-content .format-aside .post-format a:before {
        content: "\f101";
        margin-right: 2px;
    }

    .site-content .format-link .post-format a:before {
        content: "\f107";
        position: relative;
        top: 1px;
    }

    .site-content .featured-post:before {
        content: "\f308";
        margin-right: 3px;
        position: relative;
        top: 1px;
    }

    .site-content .entry-date a:before,
    .attachment .site-content span.entry-date:before {
        content: "\f303";
        margin-right: 1px;
        position: relative;
        top: 1px;
    }

    .site-content .byline a:before {
        content: "\f304";
    }

    .site-content .comments-link a:before {
        content: "\f300";
        margin-right: 2px;
    }

    .entry-content .edit-link a:before,
    .entry-meta .edit-link a:before {
        content: "\f411";
    }

    .site-content .full-size-link a:before {
        content: "\f402";
        margin-right: 1px;
    }

    .site-content .parent-post-link a:before {
        content: "\f301";
    }

    .list-view .site-content .hentry {
        border-top: 1px solid rgb(0, 0, 0);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 48px;
    }

    .list-view .site-content .hentry:first-of-type,
    .list-view .site-content .hentry.has-post-thumbnail {
        border-top: 0;
        padding-top: 0;
    }

    .archive-header,
    .page-header {
        margin: 0 auto 60px;
        padding: 0 10px;
    }

    .error404 .page-header {
        margin-bottom: 24px;
    }
}

@media screen and (min-width: 783px) {

    .header-main {
        padding-right: 0;
    }

    .search-toggle {
        margin-right: 0;
    }

    /* Fixed Header */
    .masthead-fixed .site-header {
        position: fixed;
        top: 0;
    }

    .admin-bar.masthead-fixed .site-header {
        top: 32px;
    }

    .masthead-fixed .site-main {
        margin-top: 48px;
    }

    /* Navigation */
    .site-navigation li .current_page_item > a,
    .site-navigation li .current_page_ancestor > a,
    .site-navigation li .current-menu-item > a,
    .site-navigation li .current-menu-ancestor > a {
        color: #fff;
    }

}

@media screen and (min-width: 810px) {

    .attachment .site-content .attachment img {
        display: block;
        margin: 0 auto;
    }

    .contributor-avatar {
        margin-left: -168px;
    }

    .contributor-summary {
        float: left;
    }
}

@media screen and (min-width: 846px) {

    .comment-list .trackback,
    .comment-list .pingback,
    .comment-list article {
        margin-bottom: 36px;
        padding-top: 36px;
    }

    .comment-author .avatar {
        height: 34px;
        top: 2px;
        width: 34px;
    }

    .comment-author,
    .comment-awaiting-moderation,
    .comment-content,
    .comment-list .reply,
    .comment-metadata {
        padding-left: 50px;
    }

    .comment-list .children {
        margin-left: 20px;
    }

    .featured-content {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1008px) {
    .search-box-wrapper {
        padding-left: 182px;
    }

    .main-content {
        float: left;
    }

    #supplementary {
        padding: 0;
    }

    .featured-content {
        padding-left: 182px;
    }

    .grid .featured-content .hentry {
        width: 33.3333333%;
    }

    .grid .featured-content .hentry:nth-child( 2n+1 ) {
        clear: none;
    }

    .grid .featured-content .hentry:nth-child( 3n+1 ) {
        clear: both;
    }

    .grid .featured-content .entry-header {
        height: 120px;
    }
}

@media screen and (min-width: 1080px) {
    .search-box .search-field {
        width: 324px;
    }

    .slider .featured-content .entry-title {
        font-size: 33px;
    }

    .slider .featured-content .entry-header,
    .slider-control-paging {
        width: 534px;
    }

    .slider-control-paging {
        padding-left: 24px;
    }

    .slider-control-paging li {
        margin: 12px 12px 12px 0;
    }

    .slider-control-paging a {
        height: 24px;
        width: 24px;
    }

    .slider-control-paging a:before {
        top: 6px;
        left: 6px;
    }
}

@media screen and (min-width: 1175px) {
    /* Primary Navigation */
    .primary-navigation {
        float: right;
        font-size: 11px;
        margin: 0 1px 0 -12px;
        padding: 0;
    }

    .menu-toggle {
        display: none;
    }

    .primary-navigation .nav-menu {
        border-bottom: 0;
        display: block;
    }

    .primary-navigation.toggled-on {
        border-bottom: 0;
        margin: 0;
        padding: 0;
    }

    .primary-navigation li {
        border: 0;
        display: inline-block;
        line-height: 48px;
        position: relative;
    }

    .primary-navigation a {
        color: #000000;
        display: inline-block;
        padding: 35px 5px;
        white-space: nowrap;
    }

    .primary-navigation ul ul {
        background-color: #000000;
        float: left;
        margin: 0;
        position: absolute;
        top: 115px;
        left: -999em;
        z-index: 99999;
    }

    .primary-navigation li li {
        border: 0;
        display: block;
        height: auto;
        line-height: 1.0909090909;
    }

    .primary-navigation ul ul ul {
        left: -999em;
        top: 0;
    }

    .primary-navigation ul ul a {
        padding: 18px 12px;
        white-space: normal;
        color: #fff;
        width: 176px;
        font-size: 15px;
    }

    .primary-navigation ul li:hover > ul,
    .primary-navigation ul li.focus > ul {
        left: auto;
    }

    .primary-navigation ul ul li:hover > ul,
    .primary-navigation ul ul li.focus > ul {
        left: 100%;
    }

    .primary-navigation .menu-item-has-children > a,
    .primary-navigation .page_item_has_children > a {
        padding-right: 26px;
    }

    .primary-navigation .menu-item-has-children > a:after,
    .primary-navigation .page_item_has_children > a:after {
        -webkit-font-smoothing: antialiased;
        content: "\f502";
        display: inline-block;
        font: normal 8px/1 Genericons;
        position: absolute;
        right: 12px;
        top: 56px;
        vertical-align: text-bottom;
    }

    .primary-navigation li .menu-item-has-children > a,
    .primary-navigation li .page_item_has_children > a {
        padding-right: 20px;
        width: 168px;
    }

    .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
    .primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
    .primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
    .primary-navigation .page_item_has_children li.page_item_has_children > a:after {
        content: "\f501";
        right: 8px;
        top: 20px;
    }
}

@media screen and (min-width: 1260px) {
    .site-content blockquote.alignleft,
    .site-content blockquote.alignright {
        width: -webkit-calc(50% + 18px);
        width: calc(50% + 18px);
    }

    .site-content blockquote.alignleft {
        margin-left: -18%;
    }

    .site-content blockquote.alignright {
        margin-right: -18%;
    }
}

/**
 * 23.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
    body {
        background: none !important; /* Brute force since user agents all print differently. */
        color: #2b2b2b;
        font-size: 12pt;
    }

    .site,
    .site-header,
    .hentry,
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content,
    .archive-header,
    .page-header,
    .contributor-info,
    .comments-area,
    .attachment .entry-attachment .attachment {
        max-width: 100%;
    }

    #site-header img,
    .search-toggle,
    .site-navigation,
    .site-content nav,
    .edit-link,
    .page-links,
    .widget-area,
    .more-link,
    .post-format-archive-link,
    .comment-respond,
    .comment-list .reply,
    .comment-reply-login,
    #secondary,
    .site-footer,
    .slider-control-paging,
    .slider-direction-nav {
        display: none;
    }

    .site-title a,
    .entry-meta,
    .entry-meta a,
    .featured-content .hentry,
    .featured-content a {
        color: #2b2b2b;
    }

    .entry-content a,
    .entry-summary a,
    .page-content a,
    .comment-content a {
        text-decoration: none;
    }

    .site-header,
    .post-thumbnail,
    a.post-thumbnail:hover,
    .site-content .entry-header,
    .site-footer,
    .featured-content,
    .featured-content .entry-header {
        background: transparent;
    }

    .header-main {
        padding: 48px 10px;
    }

    .site-title {
        float: none;
        font-size: 19pt;
    }

    .list-view .site-content .hentry {
        border-bottom: 1px solid rgb(0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 48px;
        padding-bottom: 24px;
    }

    .post-thumbnail img {
        margin: 0 10px 24px;
    }

    .site-content .has-post-thumbnail .entry-header {
        padding-top: 0;
    }

    .site-content footer.entry-meta {
        margin: 24px auto;
    }

    .entry-meta .tag-links a {
        color: #fff;
    }

    .singular .site-content .hentry.has-post-thumbnail {
        margin-top: 0;
    }

    .gallery-columns-1.gallery-size-medium,
    .gallery-columns-1.gallery-size-thumbnail,
    .gallery-columns-2.gallery-size-thumbnail,
    .gallery-columns-3.gallery-size-thumbnail {
        display: block;
    }

    .archive-title,
    .page-title {
        margin: 0 10px 48px;
    }

    .featured-content .hentry {
        margin-bottom: 48px;
    }

    .featured-content .post-thumbnail,
    .slider .featured-content .post-thumbnail {
        padding-top: 0;
    }

    .featured-content .post-thumbnail img {
        position: relative;
    }

    .featured-content .entry-header {
        padding: 0 10px 24px;
    }

    .featured-content .entry-meta {
        font-size: 9pt;
        margin-bottom: 11px;
    }

    .featured-content .cat-links {
        font-weight: 900;
    }

    .featured-content .entry-title {
        font-size: 25pt;
        line-height: 36px;
    }
}

.singular .contentArea .infusion-submit {
    padding-right: 2%;
}

@media screen and (min-width: 1600px) {
    /*
    * The styles in this section are only to set a set PX font site to replace VW settings as text grows too large
    * when using VW on larger screens
    */
    .homePage .intro .tagline {
        font-size: 55px;
    }

    .bigBold, .homePage .videoSection .bigBold, .preFooter .innerFooter .title span {
        font-size: 60px;
    }

    .homePage .location .title {
         font-size: 85px;
    }

    .internalHeader .title {
        font-size: 70px;
    }

    .preFooter .innerFooter .title {
        font-size: 70px;
    }

    .arrowBox .subtitle {
        font-size: 50px;
    }

}

@media screen and (max-width: 960px) {
    .successStoriesPage .successStoriesList .successStory .successStoryImage.starPlaceholder {
        background: url("./images/5-star-placeholder.png") no-repeat scroll center center transparent;
        background-size: contain;
        min-height: 300px;
    }

    .successStoriesPage .successStoriesList .successStory .playIcon {
        position: relative;
        margin: 0 auto;
        display: table-cell;
        left: 0;
        vertical-align: middle;
        text-align: center;
        z-index: 80;
        width: auto;
        height: auto;
    }

    .successStoriesPage .successStoriesList .successStory .successStoryImage, .successStoriesPage .successStoriesList .successStory.alt .successStoryImage {
        display: table;
    }


    .successStoriesPage .successStoriesList .successStory .successStoryImage,
    .successStoriesPage .successStoriesList .successStory.alt .successStoryImage {
        float: none;
        position: relative;
        width: 100%;
        min-height: 450px;
        max-width: 500px;
        margin: 0 auto;
        box-shadow: 0 0 104px #000;
    }

    .successStoriesPage .successStoriesList .successStory .successStoryImage:before,
    .successStoriesPage .successStoriesList .successStory.alt .successStoryImage:before {
        display: none;
    }

    .successStoriesPage .successStoriesList .successStory.alt .successStoryInfo,
    .successStoriesPage .successStoriesList .successStory .successStoryInfo {
        float: none;
    }
    .successStoriesPage .successStoriesList .successStory .successStoryInfo .name {
        text-align: center;
    }
    .successStoriesPage .successStoriesList .successStory .successStoryImage.starPlaceholder {
        box-shadow: none;
    }
}

@media screen and (min-width: 2000px) {
    .homePage .intro .introLeft h3.tagline {
        font-size: 60px;
    }
}