@charset "UTF-8";
/**
* HELLO! :-D
*
* Welcome to the newly organized stylesheet!
* Please keep things organized or the fluffy bunny dies.
* "I'll put a gun to a bunny like choose, Say somethin' funny or bunny go boom"
*
*/

/*
Theme Name:     Vital
Theme URI:      https://vtldesign.com
Version:        1.5
Author:         Vital
Author URI:     https://vtldesign.com
*/

/* --------------------------------------------------------------------------
TABLE OF CONTENTS
1. Global Defaults
1.1. Structure
1.2. Typography
1.3. Color
1.4. Style
1.5. Forms
2. Layout
3. Header
4. Footer
5. Navigation
5.1. Flyout Menus
6. Page Defaults
6.1. Typography / Layout
7. Global Blocks
8. UI Elements
8.1. Share Buttons
8.2. CTAs
8.3. Sliders
8.3.1. Meet the Team Slider
8.4. Animated Blog Feed
8.5. Twitter Feed
8.6. Spotify Player
8.7. Instagram Feed
8.8. YouTube Player
8.9. Tight Form (Applicants Page)
8.10. Bootstrap Buttons
9. Blog
9.1. Universal Content
9.2. Blog Sidebar
10. Services
11. Our Work
12. Lead Capture Page
13. What We Do
14. Case Studies
15. Contact Us
16. Ebook Page
17. Ebook 10 Website Question Page
18. Careers Page
19. Events
20. Questionnaire Styles
21. FAQ Page Styles
XX. Miscellaneous
-------------------------------------------------------------------------- */

/*  ==========================================================================
1. GLOBAL DEFAULTS
==========================================================================  */

::-moz-selection {
    background: #e67017;
    color: #fff;
}

::selection {
    background: #e67017;
    color: #fff;
}

* {
    margin: 0;
    padding: 0;
}

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

body {
    position: relative;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    text-rendering: optimizelegibility;
}

body.page-template-default {
    background: #111 url(images/no-photo-bg.jpg) top center no-repeat fixed;
}

body.page-template-lead-capture,
body.page-template-page-ebook,
body.page-template-page-ebook-10-questions,
body.page-template-page-search-rank,
body.page-template-page-marketing-kpi,
body.page-template-page-wordpress-seo {
    padding-top: 0 !important;
}

a {
    text-decoration: none;
    -webkit-transition: color 100ms linear;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    transition: color 100ms linear;
    outline: none;
}

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

/*   1.1. Structure
--------------------------------------------------------------------------  */

.clear {
    clear: both;
}

.group:before,
.group:after {
    content: " ";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    *zoom: 1;
}

.fl {
    float: left;
    margin: 0em 1.5em 1.5em 0;
}

.fr {
    float: right;
    margin: 0em 0em 1.5em 1.5em;
}

.hr {
    width: 100%;
    height: 1px;
    background: #cc5109;
    margin: 3em 0;
    clear: both;
}

.hidden {
    display: none;
}

#content-wrap {
    width: 100%;
    padding-bottom: 1.5em;
}

iframe,
object,
embed {
    width: 100%;
    max-width: 100%;
}

.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

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

.play-video {
    color: #f6780a;
    transition: ease all 0.7s 0s;
    outline: none;
}

.play-video:hover {
    color: #F05617;
}

.play-video:focus {
    color: #F05617;
    outline: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    body {
        background: #111;
    }
}

@media (max-width: 568px) {
    body {
        background: #111;
    }
    #page-wrap {
        width: 100%;
        font-size: 90%;
    }
    .video-post-wrap {
        background-attachment: scroll;
    }
    h2.video-title {
        text-align: center;
    }
    h2.video-title a {
        color: #fff !important;
    }
}

/*   1.2. Typography
--------------------------------------------------------------------------  */

.whiteboard {
    font-family: 'Whiteboard', 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-weight: 200;
}

.thick {
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -.03em;
}

.small {
    font-size: 75%;
}

.culture-copy .small {
    font-size: 0.875em;
}

@media (max-width: 768px) {
    .culture-copy .small {
        font-size: 1em;
    }
}

.orange-heading {
    background: #f6780a url(images/large-orange-gradient.png) bottom center repeat-x;
    color: #fff;
    padding: 3% 4% 2%;
    clear: both;
    overflow: hidden;
}

.orange-heading span {
    margin: 0 !important;
    width: 40%;
    padding: 0;
    line-height: 2em;
}

.orange-heading span a {
    padding: 0;
}

.orange-heading img {
    width: 85px;
    height: auto;
    padding: 0 0 4%;
}

.orange-heading a {
    display: inline-block;
    color: #fff;
    padding: 4%;
}

.vitalTitle {
    color: #ec6115;
}

@media only screen and (max-width: 568px) {
    .orange-heading span {
        width: 100%;
        float: none;
    }
}

/*   1.3. Color
--------------------------------------------------------------------------  */

.orange {
    color: #f6780a !important;
}

.green {
    color: #8cc63f !important;
}

.dark-grey {
    color: #444 !important;
}

.blue {
    color: #0883f5 !important;
}

.white {
    color: #ffffff !important;
}

.red {
    color: #e22d0f !important;
}

/*   1.4. Style
--------------------------------------------------------------------------  */

.center {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 1.5%;
}

.align-center {
    text-align: center;
}

.black {
    padding: 2em 0;
    background: #000;
    background: rgba(0, 0, 0, 0.74902);
    clear: both;
    overflow: hidden;
}

.blackbg {
    background: #000;
    background: rgba(0, 0, 0, 0.64);
}

.no-drop-shadow {
    text-shadow: none !important;
}

.white-bg {
    background: #fff;
    overflow: hidden;
    color: #444 !important;
    width: 100%;
    position: relative;
}

.blackwrap {
    max-width: 45em;
    margin: 0 auto 5%;
    background: #000;
    background: rgba(0, 0, 0, 0.61);
    clear: both;
    overflow: hidden;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .padding {
        padding-top: 0%;
    }
    .content-wrap {
        margin: 0;
        width: 100%;
    }
    .blackwrap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
}

@media (max-width: 568px) {
    .center {
        padding: 0;
    }
    .white-bg {
        padding: 4em 0;
        background: #fff;
        color: #444 !important;
    }
    .blackwrap {
        width: 100%;
        margin: 0;
    }
}

/*  ==========================================================================
2. LAYOUT
==========================================================================  */

.center-text {
    text-align: center;
}

.col-one {
    width: 92%;
    margin: 4%;
    position: relative;
}

.col-two {
    float: left;
    width: 42%;
    margin: 0% 4%;
    position: relative;
    overflow: hidden;
}

.col-three {
    float: left;
    width: 28%;
    margin: 0% 4% 0% 0%;
    position: relative;
}

.col-four {
    float: left;
    width: 17%;
    margin: 0% 4% 0% 0%;
    position: relative;
}

.col-four {
    width: 22%;
    margin-right: 3%;
    color: #d6d6d6;
    float: left;
    padding-top: 1em;
}

.col-five {
    float: left;
    width: 12%;
    margin: 0% 4% 0% 0%;
    position: relative;
}

.col-seventyfive {
    float: left;
    width: 67%;
    margin: 0% 4%;
    position: relative;
}

.col-twentyfive {
    float: left;
    width: 17%;
    margin: 0%;
    position: relative;
}

.col-sixtysix {
    float: left;
    width: 58%;
    margin: 0% 4% 0% 0%;
    position: relative;
}

.col-thirtythree {
    float: left;
    width: 30%;
    margin: 0% 1.5%;
    position: relative;
}

.simple-middle-layout {
    width: 100%;
    max-width: 665px;
    margin: 0 auto;
}

@media screen and (max-width:768px) {
    .simple-middle-layout.contact-box .col-three {
        margin-bottom: 2em !important;
    }
}

.desktopremove,
.desktop-remove {
    display: none;
}

.mobile-show {
    display: none;
}

@media only screen and (max-width: 767px) {
    .col-two {
        float: none;
        width: 92%;
        margin: 0% 4%;
    }
    .col-three {
        float: none;
        width: 92%;
        margin: 0% 4%;
    }
    .col-seventyfive {
        float: none;
        width: 92%;
        margin: 0% 4%;
    }
    .col-twentyfive {
        float: none;
        width: 92%;
        margin: 0% 4%;
    }
    .col-sixtysix {
        float: none;
        width: 92%;
        margin: 0% 4%;
    }
    .col-thirtythree {
        float: none;
        width: 92%;
        margin: 0% 4%;
    }
}

@media only screen and (max-width: 900px) {
    .mobile-menu-remove {
        display: none;
    }
    .desktopremove {
        display: inline;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .ipad-remove {
        display: none;
    }
}

@media only screen and (max-width: 568px) {
    .col-four {
        float: none;
        width: 92%;
        margin: 0%;
    }
    .col-five {
        float: none;
        width: 92%;
        margin: 0% 4%;
    }
}

/*  ==========================================================================
4. FOOTER
==========================================================================  */

#footer_wrap {
    background: #1f1f1f;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    overflow: hidden;
    clear: both;
    position: relative;
}

#footer {
    max-width: 1200px;
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    padding: 0 20px;
}

#footer a:hover {
    color: #e67017;
    -webkit-transition: color 100ms linear;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    transition: color 100ms linear;
}

#footer .footer-contact-cta {
    margin: 1em 0 0;
}

#footer .footer-contact-cta:hover {
    color: #fff;
}

#footer .col-four {
    width: 22%;
    margin-right: 3%;
    color: #d6d6d6;
    float: left;
    padding-top: 1em;
}

#footer .col-four ul {
    list-style: none;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 0;
}

#footer .col-four ul li {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

#footer .col-four ul li a {
    display: block;
    color: #d6d6d6;
    font-size: .625em;
    margin: 3px 0;
    text-decoration: none;
}

#footer .col-four:last-child {
    margin-right: 0%;
}

#footer-col-one {
    padding: 3% 0 !important;
    text-align: center;
}

#footer-col-one img {
    width: 118px;
    max-width: 100%;
}

.footer-address {
    font-size: .725em;
    margin: 1.2em;
    border-top: solid 1px #444;
    color: #999;
    padding: .3em 0;
}

.footer-address a {
    color: #e67017;
}

.footer-address div {
    display: inline;
}

.footer-col-title {
    border-bottom: 1px solid #D6D6D6;
    color: #e67017;
    font-size: 1em;
    font-weight: lighter;
    letter-spacing: 0.02em;
    margin: 0 0 3%;
    padding: 6% 0% 2.5%;
    width: 100%;
    font-weight: 400;
}

.social-widget {
    overflow: hidden;
    clear: both;
    margin: 0;
    padding: 1em .7em;
    text-align: center;
    width: 100%;
    max-width: 275px;
}

.social-icon {
    float: left;
    width: 18.6%;
    margin-right: 1.3%;
    background-repeat: no-repeat;
    text-align: center;
    font-size: .6em;
    color: #d6d6d6;
    line-height: 1.7em;
    text-decoration: none;
}

.social-icon img {
    text-align: center;
    margin: 0 auto;
    background-position: center -64px;
    background-repeat: no-repeat;
    display: block;
    -webkit-transition: background-position 100ms linear;
    -moz-transition: background-position 100ms linear;
    -o-transition: background-position 100ms linear;
    transition: background-position 100ms linear;
}

.social-icon img:hover {
    background-position: top center;
    color: #d6d6d6;
}

a.social-icon:last-child {
    margin-right: 0%;
}

#social-spotify img {
    background-image: url(images/social/social-spotify-bg.png);
}

#social-twitter img {
    background-image: url(images/social/social-twitter-bg.png);
}

#social-youtube img {
    background-image: url(images/social/social-youtube-bg.png);
}

#social-facebook img {
    background-image: url(images/social/social-facebook-bg.png);
}

#social-linkedin img {
    background-image: url(images/social/social-linkedin-bg.png);
}

@media only screen and (max-width: 380px) {
    #footer {
        padding: 0 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #footer-col-four .col-four {
        width: auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #footer-col-four .col-four {
        width: auto;
    }
    #footer-col-two,
    #footer-col-three,
    #footer-col-four {
        width: 32%;
        margin-right: 2%;
    }
    #footer-col-four {
        margin-right: 0;
    }
    .footer-address {
        font-size: .825em;
        margin: 1.2em;
    }
}

@media only screen and (max-width: 980px) {
    #footer-col-two,
    #footer-col-three,
    #footer-col-four {
        width: 32%;
        margin-right: 2%;
    }
    #footer-col-four {
        margin-right: 0;
    }
    #footer .col-four {
        width: 31%;
    }
    #footer-col-one {
        display: none;
    }
    #footer-col-one img {
        display: none;
    }
    .footer-address {
        font-size: .825em;
        margin: 1.2em;
    }
}

@media only screen and (max-width: 760px) {
    .social-widget {
        padding: 1em 0;
    }
    #footer .col-four {
        margin-right: 1%;
        width: 32.6%;
    }
}

@media only screen and (max-width: 568px) {
    #footer_wrap {
        background: #000;
    }
    #footer-col-one {
        float: none !important;
        display: block;
        width: 100% !important;
        text-align: center;
        padding: 10% 0 5% !important;
    }
    #footer-col-one a {
        color: #f4f4f4;
    }
    #footer-col-one img {
        display: none;
    }
    #footer-col-two,
    #footer-col-three {
        display: none;
    }
    #footer .CTA {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 1em 0 0;
        position: relative;
        top: 0em;
    }
    #footer-col-four {
        width: 100% !important;
    }
    .footer-col-title {
        text-align: center;
        color: #91bc29;
        font-size: 0;
        border: 0;
        font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
        font-weight: lighter;
        letter-spacing: 0.02em;
        margin: -1% 0 3%;
        padding: 0;
        width: 100%;
    }
    .footer-address {
        font-size: .825em;
        margin: 1.2em;
    }
    .social-widget {
        overflow: hidden;
        clear: both;
        margin: 2% auto;
        text-align: center;
    }
    .social-icon {
        width: 40px;
        background-position: center -64px;
        margin-right: 3.5%;
        background-repeat: no-repeat;
        text-align: center;
        font-size: .6em;
        color: #d6d6d6;
        line-height: 1.7em;
        text-decoration: none;
        display: inline-block;
        float: none;
        -webkit-transition: background-position 100ms linear;
        -moz-transition: background-position 100ms linear;
        -o-transition: background-position 100ms linear;
        transition: background-position 100ms linear;
    }
}

/*  ==========================================================================
6. PAGE DEFAULTS
==========================================================================  */

/*   6.1. Typography / Layout
--------------------------------------------------------------------------  */
h2.dual-head span {
    font: 22px/1.5em 'Lato', sans serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 0;
    margin: 0;
    border-top: solid 1px #ccc;
    display: block;
}

@media screen and (min-width: 600px) {
    h2.dual-head span {
        padding: 0 12px;
        margin: 0 12px;
        border-left: solid 1px #ccc;
        border-top: 0;
        display: inline;
    }
}

h1.page-titles {
    color: #f6780a;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 3em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 2em;
    margin: 4% 0;
    text-align: center;
    letter-spacing: -.05em;
}

h2.page-sub-titles {
    color: #fff;
    font-size: 1.25em;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 1.2;
    margin: 2em 0 0;
    padding: 0.6111em 0 0.6667em;
}

@media screen and (max-width: 568px) {
    .heavy-header {
        font-size: 2em;
    }
}

.heavy-header {
    font-size: 4em;
    line-height: 1em;
    padding: 0;
    margin: 0 auto;
    color: #555;
    font-weight: bold;
    letter-spacing: -.06em;
    font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
}

h3.heavy-header {
    font-size: 3em;
}

.heavy-header-title {
    font-size: 2.8em;
    line-height: 1em;
    padding: 0;
    margin: 0 auto;
    color: #555;
    font-weight: bold;
    letter-spacing: -.05em;
    display: block;
}

a.heavy-header-title:hover {
    color: #e67017;
}

h2.mega-blog-title,
h1.mega-blog-title {
    font-size: 2.4em !important;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.1em;
    padding: 0;
    display: block;
    letter-spacing: -.03em;
    margin: 0 !important;
    word-spacing: -.09em;
}

#multicolor-tagline {
    color: #CCCCCC;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 3em;
    font-weight: 100;
    padding: 7% 0 5%;
    text-align: center;
    text-shadow: 2px 2px 15px #000;
}

.our-work-titles h1.page-titles {
    color: #aaa;
    font-family: 'Whiteboard', 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 2.3em;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 1.1429;
    margin: 0.8571em 0;
    word-spacing: .03em;
    text-shadow: 1px 2px 0px rgba(250, 250, 250, 0.8);
}

code,
samp {
    font-family: Monaco, 'Courier New', Courier, monospace;
    font-size: 0.875em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 90%;
}

code {
    color: #336699;
}

nav ul {
    list-style: none;
}

@media only screen and (max-width: 568px) {
    h1.page-titles {
        font-size: 2em !important;
    }
    .mega-blog-title {
        font-size: 2em !important;
    }
    body.blog .page-titles,
    body.blog .page-titles,
    body.single .page-titles,
    body.archive .page-titles,
    body.search .page-titles,
    .error404 .page-titles {
        padding-top: 6.5em;
    }
}

/*  ==========================================================================
7. GLOBAL BLOCKS
==========================================================================  */

/*  ==========================================================================
8. UI ELEMENTS
==========================================================================  */

.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

/*   8.1. Share Buttons
--------------------------------------------------------------------------  */

.share-buttons {
    display: table;
    margin: 0 auto;
}

.share-buttons li {
    display: block;
    margin: 0 6px;
    float: left;
    width: 108px;
    color: #fff;
}

.share-buttons li.twitter a,
.share-buttons li.facebook a {
    color: #fff !important;
}

@media only screen and (max-width: 375px) {
    .share-buttons li {
        display: block;
        margin-bottom: 20px;
    }
}

.share-buttons li a {
    height: 40px !important;
    padding: 10px 14px !important;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}

.share-buttons li span {
    margin-right: 5px;
}

.share-buttons li a:hover {
    opacity: 0.8;
}

.share-buttons li.twitter a {
    background-color: #34abed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(74, 207, 255)), to(rgb(0, 172, 237)));
    background-image: -webkit-linear-gradient(top, rgb(74, 207, 255), rgb(0, 172, 237));
    background-image: -moz-linear-gradient(top, rgb(74, 207, 255), rgb(0, 172, 237));
    background-image: -o-linear-gradient(top, rgb(74, 207, 255), rgb(0, 172, 237));
    background-image: -ms-linear-gradient(top, rgb(74, 207, 255), rgb(0, 172, 237));
    background-image: linear-gradient(top, rgb(74, 207, 255), rgb(0, 172, 237));
    -webkit-box-shadow: 0 2px 0 #0f75ae;
    box-shadow: 0 2px 0 #0f75ae;
}

.share-buttons li.twitter span {
    position: relative;
    top: 3px;
    font-size: 1.375em;
}

.share-buttons li.facebook a {
    background-color: #3b5998;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(72, 109, 187)), to(rgb(59, 89, 152)));
    background-image: -webkit-linear-gradient(top, rgb(72, 109, 187), rgb(59, 89, 152));
    background-image: -moz-linear-gradient(top, rgb(72, 109, 187), rgb(59, 89, 152));
    background-image: -o-linear-gradient(top, rgb(72, 109, 187), rgb(59, 89, 152));
    background-image: -ms-linear-gradient(top, rgb(72, 109, 187), rgb(59, 89, 152));
    background-image: linear-gradient(top, rgb(72, 109, 187), rgb(59, 89, 152));
    -webkit-box-shadow: 0 2px 0 #223461;
    box-shadow: 0 2px 0 #223461;
}

.share-buttons li.facebook span {
    position: relative;
    top: 2px;
    font-size: 1.25em;
}

.share-buttons li.email a {
    background-color: #e7e7e7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 231, 231)), to(rgb(204, 204, 204)));
    background-image: -webkit-linear-gradient(top, rgb(231, 231, 231), rgb(204, 204, 204));
    background-image: -moz-linear-gradient(top, rgb(231, 231, 231), rgb(204, 204, 204));
    background-image: -o-linear-gradient(top, rgb(231, 231, 231), rgb(204, 204, 204));
    background-image: -ms-linear-gradient(top, rgb(231, 231, 231), rgb(204, 204, 204));
    background-image: linear-gradient(top, rgb(231, 231, 231), rgb(204, 204, 204));
    -webkit-box-shadow: 0 2px 0 #808080;
    box-shadow: 0 2px 0 #808080;
    color: #484848;
}

.share-buttons li.email span {
    position: relative;
    top: 4px;
    font-size: 1.375em;
}

.sidebar-cta .icon-feed,
.sidebar-cta .icon-facebook,
.sidebar-cta .icon-linkedin,
.sidebar-cta .icon-twitter {
    float: left;
    padding-left: 0;
    color: #666;
    font-size: 23px;
    position: relative;
    top: 1px;
    left: -26px;
}

.sidebar-cta:hover .icon-feed,
.sidebar-cta:hover .icon-facebook,
.sidebar-cta:hover .icon-linkedin,
.sidebar-cta:hover .icon-twitter {
    color: #e35f00;
}

.stButton .st-twitter-counter,
.stButton .st-facebook-counter,
.stButton .st-yahoo-counter,
.stButton .st-linkedin-counter {
    height: 40px !important;
}

/*   8.2. CTAs
--------------------------------------------------------------------------  */

.CTA,
.CTA-red,
.CTA-blue,
.CTA-green,
.CTA-grey {
    color: #FFFFFF !important;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-weight: 400 !important;
    font-size: 1.3em !important;
    line-height: 1.5em !important;
    margin: 5px auto;
    padding: .4em 1.2em;
    letter-spacing: -.04em;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
}

.CTA {
    /*background: #f6780a url(images/orange-gradient.png) bottom center repeat-x;*/
    background: linear-gradient(to bottom, #f05419 0%, #f47900 100%);
    padding: 10px 20px !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 3px;
    text-transform: uppercase;
    border: none;
    width: auto !important;
    margin: auto !important;
}

.CTA:hover {
    color: #fff;
    background: #e84e00;
}

.CTA-red {
    background: #e22d0f;
}

.CTA-red:hover {
    color: #fff;
    background: #404040;
}

.CTA-blue {
    background: #0883f5 url(images/blue-gradient.png) bottom center repeat-x;
}

.CTA-blue:hover {
    color: #fff;
    background: #013fc3;
}

.CTA-green {
    background: #8cc63f url(images/green-gradient.png) bottom center repeat-x;
}

.CTA-green:hover {
    color: #fff;
    background: #508101;
}

.CTA-grey,
.CTA-green.grey,
.CTA-blue.grey,
.CTA.grey {
    background: #5f5f5f url(images/grey-gradient.png) bottom center repeat-x;
}

.CTA-grey:hover,
.CTA-green.grey:hover,
.CTA-blue.grey:hover,
.CTA.grey:hover {
    color: #fff;
    background: #333;
}

.CTA-medium {
    font-size: 1.1em !important;
    line-height: 1.3em !important;
}

/*.mix a {
    width: auto;
    height: 65px;
    background-color: #3C3C3C;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    color: #fff;
    padding: 10px 30px;
    line-height: 43px;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
}

.mix a:hover {
    background: #000;
}*/

.read-more {
    color: #FFFFFF !important;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 1.3em !important;
    line-height: 1.5em !important;
    margin: 5px auto;
    padding: 1% 4.5%;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    display: block;
}

.blog-content-wrap .col-one>.read-more {
    float: inherit;
    width: 30%;
}

@media (max-width: 568px) {
    .blog-content-wrap .col-one>.read-more {
        width: 100%;
    }
}

.home-section-description {
    color: #222;
    font-size: 3.5em;
    font-weight: 300;
    line-height: 1.2em;
    margin: 3%;
    max-width: 1200px;
    text-align: center;
    width: 100%;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

@media only screen and (max-width: 767px) {
    .home-section-description {
        font-size: 2.5em;
        font-weight: 100;
        line-height: 1.32em;
        margin: 3% 3% 12%;
    }
}

@media (max-width: 568px) {
    .home-section-description {
        font-size: 2.3em;
        padding-top: 4%;
        letter-spacing: 0;
    }
}

.home-section-copy {
    font-size: .85em;
    line-height: 1.3em;
    color: #585858;
    margin-bottom: 3.5em;
    margin-top: 3em;
    max-width: 29em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    a.CTA {
        font-size: 1em;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    a.CTA {
        font-size: 1em;
    }
}

/*   8.3. Sliders
--------------------------------------------------------------------------  */

.royalSlider {
    min-height: 500px;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#content-slider-1 {
    height: 450px;
    max-width: 52em;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    #content-slider-1 {
        margin: 6em auto 0 auto;
    }
}

#content-slider-3 {
    padding: 0;
    height: auto;
}

#content-slider-2 {
    max-width: 48em;
    margin: 0 auto;
}

@media only screen and (min-device-width: 768px) {
    #content-slider-2 {
        max-width: 55em;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #content-slider-3 {
        padding: 0 !important;
    }
}

@media (max-width: 568px) {
    .royalSlider {
        min-height: 0px;
    }
    #content-slider-3 {
        padding: 0;
    }
    #content-slider-1 .royalSlider,
    #content-slider-2 .royalSlider {
        min-height: 150px;
    }
    #content-slider-3 p {
        color: #444;
        font-size: .9em;
    }
    #content-slider-3 h2 {
        margin: 0;
    }
    #content-slider-1 .rsImg {
        margin: 1em auto !important;
        width: 100% !important;
        height: auto !important;
    }
    #content-slider-4 {
        position: absolute;
        top: 0%;
        width: 100%;
        min-height: 1em;
    }
}

/*   8.3.1.A Meet the Team Slider Updates
--------------------------------------------------------------------------  */

.team-wrapper {
    position: relative;
    overflow: hidden;
}

.team-slideshow .team-landing {
    background: url(images/team-landing-bg.jpg) top center no-repeat fixed;
    position: relative;
    width: 100%;
    height: 300px;
    background-size: cover;
}

@media only screen and (min-width: 768px) {
    .team-slideshow .team-landing {
        height: 500px;
    }
}

.team-slideshow .team-intro-wrap {
    width: 90%;
    position: relative;
    height: 100%;
    padding: 0;
    max-width: 2000px;
    margin: 0 auto;
}

.team-slideshow img.map {
    text-align: center;
    margin: 15px auto 40px;
    width: 100%;
    height: auto;
    max-width: auto;
}

.team-slideshow .team-landing .lockup {
    position: absolute;
    top: 50%;
    margin-top: -70px;
    left: 0;
    width: 100%;
    text-align: center;
}

.team-slideshow .team-landing .location-links {
    display: inline-block;
    margin: auto;
}

.team-slideshow .team-landing .lockup a {
    color: #fff;
    font: 60px/1em helvetica, arial, sans serif;
    letter-spacing: -.1;
    display: block;
    padding: 40px;
    float: left;
    font-weight: bold;
    border-right: solid 1px #f17d25;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-slideshow .team-landing .lockup a:last-child {
    border: none;
}

.team-slideshow .team-landing .lockup a:hover {
    color: #f17d25;
}

.team-slideshow .boston-link {
    text-align: left;
}

.team-slideshow .lockup a span {
    font: 18px/40px helvetica, arial, sans serif;
    display: block;
    font-weight: 100;
}

.team-slideshow .boston-intro-bg {
    background: url(images/team-boston-office.jpg) top center no-repeat fixed;
    width: 100%;
}

.team-slideshow .portsmouth-intro-bg {
    background: #1e0707 url(images/team-portsmouth-office.jpg) top center no-repeat fixed;
    background-size: 100% auto;
    width: 100%;
}

.team-slideshow .boston-intro-bg .team-intro-wrap {
    max-width: 1100px;
}

.team-slideshow .portsmouth-intro-bg .team-intro-wrap {
    position: relative;
    top: -100px;
    bottom: -100px;
}

.team-slideshow .center .lockup {
    float: right;
    font: 36px/30px helvetica, arial, sans serif;
    font-weight: bold;
    text-align: right;
    padding: 15% 5% 0%;
    color: #fff;
    z-index: 1;
    position: relative;
}

.team-slideshow .center .lockup span {
    font: 18px/40px helvetica, arial, sans serif;
    font-weight: 100;
    color: #ec6115;
}

.team-slideshow .center .lockup a {
    font: 18px/40px helvetica, arial, sans serif;
    font-weight: 100;
    margin: 0 .5em;
    color: #fff;
}

@media only screen and (max-width: 1024px) {
    .team-slideshow .team-landing {
        background-attachment: scroll;
    }
}

@media only screen and (max-width: 600px) {
    .team-slideshow .team-landing {
        position: relative;
        height: auto;
        width: 100%;
        padding: 6em 0;
        background-position: center center;
    }
    .team-slideshow .team-landing .lockup {
        position: relative;
        bottom: auto;
        right: auto;
        z-index: 9999;
    }
    .team-slideshow .team-landing .lockup a {
        float: none;
        text-align: center;
        font-weight: bold;
    }
    .team-slideshow .portsmouth-link {
        border-right: none;
        border-bottom: solid 1px #f17d25;
        text-align: center;
    }
    .team-slideshow .boston-link {
        text-align: center;
    }
    .team-slideshow .lockup a span {
        font: 18px/40px helvetica, arial, sans serif;
    }
    .team-slideshow .portsmouth-intro-bg .team-intro-wrap {
        position: relative;
        top: 0;
        bottom: -100px;
    }
    .team-slideshow .portsmouth-intro-bg,
    .team-slideshow .boston-intro-bg {
        padding: 6em 0 0;
    }
    .team-slideshow img.map {
        display: none;
    }
}

@media only screen and (min-width: 2000px) {
    .team-slideshow .team-landing,
    .team-slideshow .boston-intro-bg .team-intro-wrap,
    .team-slideshow .portsmouth-intro-bg .team-intro-wrap {
        background-size: cover;
    }
}

/*   8.3.1. Meet the Team Slider
--------------------------------------------------------------------------  */
.team-intro-slide {
    height: auto;
    width: 100%;
    padding: 0;
    text-align: center;
}

.team-intro-wrap {
    margin: 5% auto;
    max-width: 69em;
    width: 90%;
    position: relative;
}

.team-intro-slide img {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .team-intro {
        background: url(images/culture-landing.jpg) -11em -18em no-repeat;
    }
}

.bio-wrapper-trigger {
    width: 1em;
    height: 1em;
    position: absolute;
}

.bio-wrapper-trigger:hover {
    width: auto;
    height: auto;
}

.bio-wrapper {
    width: 20em;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
    zoom: 1;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
    display: none;
}

.bio-wrapper-trigger:hover .bio-wrapper {
    display: block;
}

.avatar-nav {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 2% 0% 4%;
    border-top: solid 1px #ccc;
    text-align: center;
    line-height: 0px;
}

.avatar-nav a {
    width: 10%;
    margin: 0;
    padding: .2em .1em;
    display: inline-block;
}

.avatar-nav a img {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    border-bottom: solid 2px #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.avatar-nav a img:hover {
    top: -10px;
}

.quick-bio {
    background: #fff;
    width: 100%;
    overflow: hidden;
    clear: both;
    color: #444;
    font-size: .9em;
    line-height: 1.2em;
    text-align: left;
    border-radius: 6px;
    display: table;
    text-decoration: none;
}

.quick-bio img {
    width: 100px;
    border-radius: 50px;
    height: auto;
    margin: 0.5em 1em 0.5em 0.5em !important;
}

.quick-bio a {
    color: #444;
}

.quick-bio p {
    padding: .7em 0 0;
}

.quick-bio p span {
    padding: .7em 0;
    display: block;
    margin: .5em 0 0;
    line-height: 1em;
}

.team-wrap {
    padding: 5% 0 0;
    max-width: 1100px;
    margin: 0 auto;
}

.team-wrap img,
#content-slider-3 img {
    margin: 0;
}

.team-wrap h1,
#content-slider-3 h1 {
    font-size: 2em;
    line-height: 1em;
    color: #444;
    font-weight: 100;
    padding-top: 1em;
}

.team-wrap p {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 400;
    color: #666;
}

.team-wrap ul {
    list-style: none;
    margin: 0;
    font-size: .8em;
    line-height: 1.4em;
    font-weight: 400;
    color: #666;
}

.team-bio {
    float: right;
    width: 52%;
    margin: 3% 3% 0%;
    padding: 0 0 5%;
}

.team-avatar {
    float: right;
    width: 42%;
}

.team-avatar img {
    margin: 0 auto !important;
}

.blacknwhitecollage {
    background: #000 url(images/insta-collage.jpg) top right no-repeat fixed;
    padding: 10em 0;
}

.blacknwhitecollage p {
    color: #fff;
}

.mega-heading {
    text-align: center;
    font: 60px/60px;
    display: block;
    padding: 3% 0;
    font-weight: 300;
}

.mega-heading strong {
    font: 60px/60px;
    font-weight: bold;
}

.mega-quotes {
    font-size: 60px;
    line-height: 67px;
    display: block;
    padding: 3% 0;
    letter-spacing: -0.03em;
    font-weight: 300;
}

.mega-quotes strong {
    font: 60px/60px;
    font-weight: bold;
}

.team-col-two {
    width: 45%;
    float: left;
    margin-right: 2.5%;
    margin-bottom: 3em;
    text-align: left;
    color: #eee;
}

.team-col-two p {
    color: #eee;
}

.team-col-title {
    margin: 9em auto -5px !important;
    width: 90%;
}

.bio-title {
    font-size: 1.3em;
    word-spacing: .1em;
    display: block;
    margin: 1em 0 .3em;
}

.team-sub-title {
    border-bottom: 1px solid #CCCCCC;
    color: #eee;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1%;
    padding: 1.5% 0;
    text-align: left;
    clear: both;
}

.team-tagline {
    color: #91BC29;
    font-size: 3em;
    font-weight: 100;
    word-spacing: 0.2em;
    line-height: 1.3em;
}

.team-back-to-map {
    display: block;
    background: url(images/team-back-to-map.png) bottom center no-repeat;
    width: 5.5em;
    height: 1.4em;
}

.team-quote {
    font-size: 3em;
    font-weight: bold;
    letter-spacing: -0.06em;
    line-height: 1em;
    margin: 2% 0;
}

.team-bio-title {
    font-size: 3.52em;
    line-height: 1em;
    letter-spacing: -0.06em;
	font-weight: 300;
	margin-top: 4px;
}

.team-bio-title strong {
	font-weight: bold;
	margin-right: -10px;
}

.team-credits {
    min-height: 0;
    width: 100%;
    padding: 0;
    text-align: center;
}

.team-credits .team-wrap {
    width: 92%;
    margin: 0 auto;
}

.team-credits .team-bio-title {
    display: block;
    font-size: 1.6em;
    padding-top: 3%;
}

.ego {
    margin: 1em 0 !important;
    float: left;
    display: block;
}

.ego a {
    color: #999 !important;
}

.team-bio div {
    clear: both;
    margin: 2% 0;
}

.team-summary {
    margin: 0 0 10% 4%;
    width: 65%;
}

.team-summary p {
    margin: 2% 0;
    font-weight: 100;
    line-height: 1.7em;
    font-size: 1em;
    color: #fff;
}

.white-bg.jobs {
    padding: 2em;
}

.vital-team .wrapper {
    position: relative;
}

.vital-team .prev-next {
    position: absolute;
    width: 100%;
    left: 0;
    height: 0;
    top: 50% !important;
    z-index: 100 !important;
    visibility: visible !important;
}

.vital-team .prev-next .prev {
    float: left;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.vital-team .prev-next .next {
    float: right;
}

.vital-team .prev-next .prev,
.vital-team .prev-next .next {
    width: 62px;
    height: 62px;
    margin-top: -31px;
    background: rgba(0, 0, 0, 0.5);
    transition: ease all 0.7s 0s;
    position: relative;
}

.vital-team .disabled {
    opacity: 0.2;
}

.vital-team .prev-next .prev:hover,
.vital-team .prev-next .next:hover {
    background: rgba(0, 0, 0, 0.7);
}

.vital-team .prev-next .prev img,
.vital-team .prev-next .next img {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 16px;
    top: 18px;
}

@media only screen and (max-width: 900px) {
    .team-summary {
        margin: 0 0 10% 4%;
        width: 92%;
    }
    .avatar-nav a {
        width: 15%;
    }
}

/* vital culture page - in use 4-26-18 */

/* vital culture page - in use 4-26-18 */
body.page-id-29 {
    display: block;
    height: auto;
}

#vital_culture {
    overflow: hidden;
}

.vital-culture {
    background: #fff url(images/vitalgram.png) bottom right no-repeat;
    position: relative;
    clear: both;
    top: 0;
    margin: 0 auto;
    height: 280px;
}

.vital-culture .centered-blog-title {
    display: inline-block;
    margin-bottom: 40px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 1.1em;
    word-spacing: -0.09em;
}

@media only screen and (min-width: 400px) {
    .vital-culture {
        height: 310px;
    }
}

@media only screen and (min-width: 600px) {
    .vital-culture {
        height: 375px;
    }
}

@media only screen and (min-width: 768px) {
    .vital-culture {
        height: 375px;
    }
}

@media only screen and (min-width: 900px) {
    .vital-culture {
        height: 440px;
    }
}

@media only screen and (min-width: 1100px) {
    .vital-culture {
        height: 520px;
    }
}

@media only screen and (min-width: 1200px) {
    .vital-culture {
        height: 570px;
    }
}

.culture-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    text-align: center;
}

.culture-banner .culture-title {
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 6em;
    font-weight: 600;
    width: 100%;
    letter-spacing: -0.02em;
    color: #f1f1f1;
    line-height: 1em;
    margin-bottom: 30px;
}

.culture-banner .sub-title {
    font-size: 1.8em;
    font-weight: 100;
    letter-spacing: -.01em;
    line-height: 1;
    display: inline-block;
    color: #fff;
    margin: auto;
}

.culture-title p {
    font-size: 28px;
    letter-spacing: 0;
}

.culture-social-icons {
    position: relative;
    top: .5em;
    left: -.5em;
}

#content-slider-4 {
    position: absolute;
    top: 0%;
    width: 100%;
    min-height: 1em;
    height: auto;
}

.culture-copy {
    padding: 4% 0;
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.6);
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 1000px) {
    .blacknwhitecollage {
        background-attachment: scroll;
    }
}

@media only screen and (max-width: 1000px) {
    .culture-banner .culture-title {
        font-size: 5em;
        margin-bottom: 27px;
    }
    .culture-banner .sub-title {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 700px) {
    .culture-banner .culture-title {
        font-size: 4em;
        margin-bottom: 20px;
    }
    .culture-banner .sub-title {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 500px) {
    .culture-banner .culture-title {
        font-size: 3em;
        margin-bottom: 10px;
    }
    .culture-banner .sub-title {
        font-size: 1em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #tunes {
        height: 1024px;
    }
}

@media only screen and (min-width: 481px) {
    .team-intro-slide {
        min-height: 45em;
        padding: 4.5em 0 7em;
        background: url(images/team-landing-blur.jpg) top center no-repeat;
        background-size: cover;
    }
    .team-credits {
        background: url(images/team-credits-v1.jpg) top center no-repeat fixed;
        min-height: 45em;
        padding: 2em 0 7em;
    }
}

@media only screen and (max-width: 568px) {
    .mega-quotes {
        font: 29px/37px 'Lato', helvetica, arial, sans serif;
        padding: 5%;
    }
    .mega-quotes strong {
        font: 29px/37px 'Helvetica Bold', helvetica, arial, sans serif;
        font-weight: bold;
    }
    .blacknwhitecollage {
        padding: 3em 0;
    }
    .blacknwhitecollage .center-text {
        text-align: left;
        padding: 5%;
    }
    .jobs .home-blog-posts {
        width: 100%;
        padding: 0;
        min-height: auto;
    }
    .team-intro-slide {
        height: 0 !important;
        padding: 0;
    }
    .team-twitter {
        font-size: 0.9em;
    }
    .avatar-nav {
        width: 100%;
        margin: 0 auto;
        background: #fff;
        padding: 2em 0;
        clear: both;
        overflow: hidden;
        position: relative;
    }
    .avatar-nav h2 {
        display: none;
    }
    .avatar-nav a {
        width: 29.5%;
        display: block;
        float: left;
        margin: 1.8%;
        padding: 0;
        -webkit-transition: all 400ms linear;
        -moz-transition: all 400ms linear;
        -o-transition: all 400ms linear;
        transition: all 400ms linear;
        opacity: 1;
    }
    .avatar-nav a img {
        width: 100%;
        height: auto;
    }
    #vital_culture {
        position: relative;
        clear: both;
        overflow: hidden;
    }
    .culture-nav {
        text-align: left;
        border-right: none;
        float: none;
        width: 92%;
        padding: 4%;
        margin-right: 0%;
    }
    .culture-nav a {
        font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
        color: #eee;
        font-size: 1em;
        line-height: 1.5em;
        display: block;
        margin: .2em 1em 2em 0em;
        float: left;
    }
    .culture-page-title {
        font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
        font-size: 3em;
        line-height: 1.2em;
        font-weight: bold;
    }
    .culture-content-wrap {
        float: none;
        width: 92%;
        padding: 4%;
        margin: auto;
    }
    #tunes {
        padding-top: 50px;
    }
    #tunes h1.page-titles {
        font-size: 1.3em;
        margin: 4% 0;
        color: #eee;
        clear: both;
    }
    #tunes p {
        font-size: 1.2em;
    }
    .team-wrap {
        position: relative;
        overflow: hidden;
        clear: both;
        padding: 0 3em;
    }
    .team-wrap h1,
    #content-slider-3 h1 {
        font-size: 1em;
        line-height: 2em;
        color: #444;
        font-family: 'Whiteboard', 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
        font-weight: 100;
        padding-top: 0;
    }
    .team-bio-title {
        font-size: 1.6em;
        line-height: 1.2em;
    }
    .team-credits {
        padding: 8em 0 0;
        color: #eee;
    }
    .team-credits .team-bio-title {
        font-size: 1.3em;
        display: block;
        line-height: 1.2em;
        padding-top: 3%;
    }
    .team-bio .portfolio-nav {
        margin: 0.4em !important;
    }
    .vital-team .prev-next .prev,
    .vital-team .prev-next .next {
        width: 40px;
        height: 40px;
    }
    .vital-team .prev-next .prev img,
    .vital-team .prev-next .next img {
        height: 20px;
        left: 10px;
        top: 10px;
        width: 20px;
    }
    .team-avatar {
        max-width: 100%;
        width: 144px;
        float: none;
        margin: auto;
    }
    .team-bio {
        width: 100%;
        float: none;
    }
    .team-twitter {
        padding-top: 4%;
    }
    .team-col-two p {
        color: #eee !important;
    }
    .team-col-title {
        margin: 2% auto -5px !important;
        width: 90%;
    }
    .team-sub-title {
        border-bottom: 1px solid #CCCCCC;
        color: #eee;
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 0 1%;
        padding: 1.5% 0;
        text-align: left;
        clear: both;
    }
    .team-back-to-map {
        display: block;
        position: relative;
        background: none;
        width: 5.5em;
        height: 3.4em;
    }
    .blacknwhitecollage a {
        display: block;
        margin: 4% 0;
        width: 80% !important;
    }
    .ego {
        margin: 0;
    }
    .author-avatar {
        width: 100%;
        clear: both;
    }
    .avatar-nav a {
        opacity: 1;
    }
    .large-author-avatar img {
        margin: 0 1em 0 0;
    }
}

/*   8.4. Animated Blog Feed
--------------------------------------------------------------------------  */

.home-blog-posts {
    width: 25%;
    margin: 0;
    padding: 1%;
    float: left;
    background-repeat: no-repeat;
    background-position: -1000em -1000em;
    min-height: 12em;
}

.home-blog-posts h2 {
    font-size: 1.4em;
    overflow: hidden;
}

.home-blog-posts-blackbg {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    display: block;
    height: 80%;
    /*width: 80%;*/
    padding: 10%;
    min-height: 14em;
}

.jobs .home-blog-posts-blackbg {
    min-height: 290px;
}

.jobs .home-blog-posts-blackbg {
    background: #fff;
}

.jobs .home-blog-posts-blackbg .loop-title {
    position: relative;
    padding-top: 25px;
}

.jobs .home-blog-posts-blackbg .loop-title:before {
    content: "";
    position: absolute;
    width: 20%;
    top: 0;
    left: 0;
    height: 5px;
    background: #666;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.blog-category {
    color: #f6780a;
    font-size: .825em;
    line-height: 1.3em;
}

.blog-category-home {
    display: block;
    margin-top: 1em;
    color: #343434 !important;
    font-size: .825em;
    line-height: 1.3em;
    text-transform: uppercase;
}

.home-blog-posts-blackbg img {
    display: none;
}

@-webkit-keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@-moz-keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

.home-blog-posts:hover {
    -webkit-animation: backgroundSlideshow 30s linear infinite alternate;
    -moz-animation: backgroundSlideshow 30s linear infinite alternate;
    -o-animation: backgroundSlideshow 30s linear infinite alternate;
    animation: backgroundSlideshow 30s linear infinite alternate;
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background-repeat: repeat;
}

@media only screen and (max-width: 600px) {
    .home-blog-posts-blackbg {
        height: auto;
        width: auto;
        padding: 5%;
        min-height: 0;
    }
    .challenge {
        padding: 5%;
    }
    .jobs .home-blog-posts-blackbg {
        min-height: auto;
    }
}

/*   8.5. Twitter Feed
--------------------------------------------------------------------------  */

.twitter-feed-wrap {
    position: relative;
    padding: 5em 0;
}

.twitter-feed-wrap .center {
    text-align: center;
}

.twitter-feed {
    font-size: 2.5em;
    letter-spacing: -0.07em;
    font-weight: bold;
    color: #333;
    width: 90%;
    margin: 0 auto;
    max-width: 25em;
    text-align: center;
    position: relative;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

#tweets ul {
    list-style: none;
    text-align: center;
}

#tweets p.tweet {
    font-size: 36px;
    line-height: 45px;
    padding: 30px 0;
}

#tweets .user {
    display: none;
}

@media (max-width: 768px) {
    .twitter-feed-wrap {
        padding: 3em 0;
    }
}

@media (max-width: 568px) {
    .twitter-feed {
        line-height: 1.3em;
        font-size: 1.5em;
    }
}

/*   8.6. Spotify Player
--------------------------------------------------------------------------  */

.spotify-feed {
    width: 100%;
    margin: 0 auto;
    background: #000 url(images/tunes-bg.jpg) top center no-repeat fixed;
    overflow: hidden;
    clear: both;
    padding: 10% 0;
}

.spotify-feed h2 {
    font-size: 2.2em;
    font-weight: 100;
    letter-spacing: -.04em;
    margin-bottom: 4%;
}

.spotify-feed a {
    color: #8cc63f;
}

.break {
    width: 100%;
    height: 1px;
    margin: 10% 0;
    clear: both;
}

@media (max-width: 568px) {
    .spotify-feed {
        width: 100%;
        margin: 4% auto;
        font-size: 0.7em !important;
        padding: 4% 0;
        clear: both;
        overflow: hidden;
    }
}

/*   8.7. Instagram Feed
--------------------------------------------------------------------------  */

.instagram {
    overflow: hidden;
    -webkit-box-shadow: inset 0px 0px 250px #000;
    box-shadow: inset 0px 0px 250px #000;
    min-height: 100%;
}

.instagram-placeholder {
    float: left;
    width: 20%;
    background: #000;
}

@media (min-width: 400px) {
    .instagram-placeholder {
        width: 16.66%;
    }
}

@media (min-width: 768px) {
    .instagram-placeholder {
        width: 12.5%;
    }
}

.last {
    margin-right: 0;
}

.instagram-placeholder a {
    display: block;
    margin: -2% 0 0 0 !important;
    position: relative;
}

.instagram-placeholder a img {
    height: auto;
    width: 100%;
    opacity: .25;
    filter: alpha(opacity=25);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.instagram-placeholder a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

/*   8.8. YouTube Player
--------------------------------------------------------------------------  */

#youtube-bg {
    position: relative;
}

#youtube-bg .center {
    padding: 5em 0;
    text-align: center;
}

#player {
    width: 96%;
    height: 25em;
    overflow: hidden;
    background: #fff;
    position: relative;
    border-radius: 8px;
    padding: 2%;
    margin: 2em 0 3em;
}

.youtube .carousel {
    width: 18%;
    height: 90%;
    overflow: auto;
    position: absolute;
    right: 4%;
    top: 4%;
    z-index: 3;
}

.carousel img:first-child,
.carousel p:first-child {
    display: none;
}

.youtube .thumbnail {
    margin: 2%;
    width: 96%;
    cursor: pointer;
}

.youtube iframe.player {
    width: 70%;
    height: 90%;
    overflow: auto;
    border: 0;
    background: #111;
    padding: 2%;
    margin-bottom: 4%;
}

.yt-descript {
    color: #e22d0f;
    display: block;
    text-align: center;
    font-weight: bold;
    letter-spacing: -0.06em;
    line-height: 1em;
    cursor: pointer;
    padding: 2%;
}

.carItemContain {
    height: 100px;
}

@media (max-width: 568px) {
    #youtube-bg .center {
        padding: 3em 0;
    }
}

/*   8.9. Tight Form (Applicants Page)
--------------------------------------------------------------------------  */

.applicant {
    width: 80%;
    padding: 0;
    margin: 10% auto;
    border: solid 1px #333;
    -webkit-box-shadow: .5em 0 3em #000;
    box-shadow: .5em 0 3em #000;
}

.page-template-applications-template-php .white-bg {
    width: auto !important;
}

.page-template-applications-template .banner-overlay p {
    color: #fff;
}

@media only screen and (max-width: 920px) {
    .applicant {
        width: 62%;
    }
}

@media only screen and (min-width: 569px) and (max-width: 900px) {
    .applicant {
        width: 62%;
    }
}

@media only screen and (min-width: 569px) and (max-width: 640px) {
    .applicant {
        width: 92%;
        margin: 0 auto;
    }
}

@media (max-width: 568px) {
    .applicant {
        width: 92%;
        margin: 0 auto;
        padding: 8em 0 0;
    }
    .applicant {
        width: 100%;
        background: #fff;
        padding: 0;
        margin: 0 auto;
        font-weight: 100;
        border: solid 1px #333;
        -webkit-box-shadow: .5em 0 3em #000;
        box-shadow: .5em 0 3em #000;
    }
    .applicant .home-section-description {
        padding: 0;
        margin: 0 0 8% 0;
        width: 100%;
    }
    .applicant-header-bg {
        background: url(images/blacknwhitecollage.jpg) left center no-repeat;
        padding: 15% 0 0;
        background-size: cover;
    }
    .applicant h2 {
        font-weight: 100;
        font-size: 1em;
        margin: -1em 0 .3em;
    }
    .applicant h3 {
        font-weight: 100;
        font-size: 2em;
        margin: 1em 0 .3em;
    }
}

.applicant .home-section-description {
    padding: 0;
    margin: 0 0 8% 0;
    width: 100%;
}

.applicant-header-bg {
    background: url(images/blacknwhitecollage.jpg) left center no-repeat;
    padding: 8% 0 0;
    background-size: cover;
}

.applicant h2 {
    font-weight: 100;
    font-size: 1em;
    margin: -1em 0 .3em;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}

.applicant h3 {
    font-weight: 100;
    font-size: 2em;
    margin: 1em 0 .3em;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}

.applicant .job-posts {
    width: 100%;
}

.applicant .center {
    padding: 4%;
}

.applicant .job-posts img {
    width: 100%;
    height: auto;
}

.applicant .job-posts-blackbg {
    width: 100%;
    display: block;
    margin: 0 0 5%;
}

.applicant a {
    color: #ec6115;
}

@media only screen and (max-width: 568px) {
    .applicant .job-posts {
        width: 100%;
    }
    .applicant .center {
        padding: 4%;
    }
    .applicant .job-posts img {
        width: 100%;
        height: auto;
    }
    .applicant .job-posts-blackbg {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 0 1em;
    }
    .applicant a {
        color: #ec6115;
    }
}

/*   8.10. Bootstrap Buttons
--------------------------------------------------------------------------  */

.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
    background-color: #cccccc \9;
}

.btn:first-child {
    *margin-left: 0;
}

.btn:hover,
.btn:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
    margin-top: 4px;
}

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
    margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: #fff;
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #003399 \9;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    color: #ffffff;
    background-color: #f89406;
    *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #c67605 \9;
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    color: #ffffff;
    background-color: #bd362f;
    *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #942a25 \9;
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
    background-color: #408140 \9;
}

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    color: #ffffff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
    background-color: #24748c \9;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
    background-color: #080808 \9;
}

/*  ==========================================================================
9. BLOG
==========================================================================  */

#blog-full-width-container {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.loop-title {
    font-size: 1.5em;
    line-height: 1.2em;
}

.vitalBlogTitle {
    font-size: 0.55em;
}

.blackwrap-blog {
    max-width: 66em;
    margin: 3em auto;
    background: #000;
    background: rgba(0, 0, 0, 0.61);
    clear: both;
    overflow: hidden;
    padding: 1%;
}

.blackwrap-blog a {
    word-wrap: break-word;
}

.blackwrap-blog .wwd-icons {
    font-size: 14px;
}

.ebook-cta {
    margin: 0 0 2em;
    padding: 0;
    display: block;
}

.blog-content-wrap .ebook-cta img {
    margin: 20px 0;
    width: 100%;
    height: auto;
}

.navigation {
    padding: 4%;
    clear: both;
    overflow: hidden;
}

.prev-posts {
    float: right;
}

.next-posts {
    float: left;
}

#archive-titles,
.related_posts h3 {
    padding: 4% 0 2%;
    border-bottom: solid 1px #ccc;
    text-align: center;
    font-size: 1em;
    margin-bottom: 4%;
    color: #aaa;
    font-weight: 100;
    font-family: 'Whiteboard', 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}

/* Blog Graphics */

.grayTitle {
    display: block;
    max-width: 700px;
    min-height: 255px;
    background: url("images/graphic-bg.png") bottom center no-repeat #dfdfdf;
    margin: 0 auto;
    padding-left: 84px;
    padding-top: 75px;
}

.grayTitle h2 {
    color: #b2b2b2 !important;
    font-size: 26px !important;
}

.grayTitle h2 span {
    color: #f37f35;
    font-size: 40px;
}

.grayTitle p {
    color: #f37f35 !important;
    margin: 15px 0 !important;
}

@media screen and (max-width: 768px) {
    .ebook-cta {
        width: 50%;
        margin: auto auto 2em;
    }
}

@media screen and (max-width: 600px) {
    .grayTitle {
        display: block;
        max-width: 700px;
        min-height: 255px;
        background: url("images/graphic-bg.png") bottom center no-repeat #dfdfdf;
        margin: 0 auto;
        padding-left: 20px;
        padding-top: 40px;
        padding-right: 20px;
        background-size: cover;
    }
    .blackwrap-blog .wwd-icons {
        font-size: 11px;
    }
    .orange-heading span {
        line-height: 1.5em;
    }
}

@media screen and (max-width: 400px) {
    .blackwrap-blog .wwd-icons {
        font-size: 10px;
    }
}

.whiteTitle {
    display: block;
    max-width: 700px;
    min-height: 255px;
    background: url("images/educate.jpg") bottom right no-repeat #b86930;
    margin: 0 auto;
    padding-top: 67px;
}

.whiteTitle.buyer {
    background: url("images/the-buyer.jpg") bottom right no-repeat #b86930;
}

.whiteTitle.process {
    background: url("images/sales-process.jpg") bottom right no-repeat #b86930;
}

.whiteTitle.research {
    background: url("images/research.jpg") bottom right no-repeat #b86930;
}

.whiteTitle h2 {
    color: #fff !important;
    font-size: 36px !important;
    text-align: center;
    letter-spacing: 1px !important;
}

.whiteTitle h2 span {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
}

.grayTitle.challenge h2 {
    font-size: 16px;
}

.page-template-legacy .challenge {
    margin-bottom: 4em;
}

.page-template-legacy .challenge h4 {
    font-weight: 400;
    font-size: 32px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .blog-content-wrap {
        width: 70%;
    }
    .blog-content-wrap p {
        font-size: 1em;
        padding-bottom: 1em;
    }
    .entry-one {
        width: 100%;
    }
    .previews {
        min-height: 100%;
    }
    #sidebar {
        float: left;
        width: 26%;
        max-width: 100%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .blog-content-wrap {
        border: none;
        width: 100%;
        float: none;
        margin: 0 auto;
        padding-top: 0;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #sidebar {
        position: relative;
        float: none;
        width: 92%;
        margin: 0 auto;
    }
    #text-2 {
        display: none;
    }
    #wpp-3,
    #search-2,
    #newsletter-signup {
        width: 50%;
        float: left;
    }
    #blog-padding {
        padding-top: 0em;
    }
    #blog-padding.center {
        padding: 0;
    }
    .entry-one {
        width: 100%;
    }
    .previews {
        min-height: 100%;
    }
    .blackwrap-blog {
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 568px) {
    .blackwrap-blog {
        margin: 0;
        padding: 0;
    }
}

/*   9.1. Universal Content
--------------------------------------------------------------------------  */

.post-wrap {
    clear: both;
    overflow: hidden;
    margin: 10% 0 2%;
    color: #404040;
    padding: 4% 0;
}

.featured-image {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    dislay: block;
}

.featured-image img {
    width: 100%;
    height: auto;
    margin: 0 !important;
    z-index: -1;
}

.post-thumb {
    width: 40%;
    overflow: hidden;
    padding-top: 1em;
}

.post-thumb img {
    width: auto !important;
    height: auto;
}

.left-content {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .left-content {
        margin-right: 1.5% !important;
    }
}

@media (max-width: 568px) {
    .left-content {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

.blog-content-wrap {
    width: 78%;
    margin-right: 1.8%;
    float: left;
    margin-bottom: 30px;
    padding: 2em 0;
    background: #fff;
    border-right: solid 1px #ccc;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 6px -10px 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 6px -10px 20px;
}

.blog-content-wrap a {
    color: #ec6115;
}

.blog-content-wrap a:hover {
    color: #404040;
}

.blog-content-wrap img {
    margin: 2% 0;
    max-width: 100%;
    height: auto;
}

.blog-content-wrap p {
    font-size: 1em;
    line-height: 1.7em;
    margin: 1.5em 0;
    color: #555;
    letter-spacing: 0.02em;
}

.blog-content-wrap h2 a {
    color: #555;
}

.blog-content-wrap ul,
.blog-content-wrap ol {
    list-style: outside;
    font-size: .925em;
    line-height: 1.7em;
    margin: 1em 0 1em 2em;
    color: #555;
}

.blog-content-wrap ol {
    list-style: decimal;
}

.blog-content-wrap ul li,
.blog-content-wrap ol li {
    margin-bottom: 2%;
    line-height: 1.7;
}

.blog-content-wrap h2 a:hover {
    color: #f6780a;
}

.blog-content-wrap .alignnone {
    margin: 1em 1em 1em 0;
}

.blog-content-wrap .aligncenter,
.blog-content-wrap div.aligncenter {
    display: block;
    margin: .5em auto;
}

.blog-content-wrap .alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.blog-content-wrap .alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.blog-content-wrap .aligncenter {
    display: block;
    margin: 1em auto;
}

.blog-content-wrap img,
.blog-content-wrap img[class*="align"],
.blog-content-wrap img[class*="wp-image-"] {
    max-width: 100%;
    height: auto;
}

.blog-content-wrap .wp-caption {
    width: auto !important;
    margin: 2em 0 !important;
    text-align: center;
}

.blog-content-wrap .wp-caption img {
    display: block;
    margin: 0 auto;
    border: 10px solid #f5f5f5;
}

.blog-content-wrap .wp-caption-text {
    margin: .6em 0 0;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, san-serif;
    font-size: .875em;
    text-align: center;
}

.blog-content-wrap img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.blog-content-wrap img.alignright {
    margin-left: 1em 0 1em 1em;
}

.blog-content-wrap img.alignleft {
    margin: 1em 1em 1em 0;
}

.blog-content-wrap img.aligncenter {
    display: block;
    margin: 1em auto;
}

.blog-content-wrap pre {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 13px;
}

@media only screen and (max-width: 767px) {
    .blog-content-wrap {
        width: 100%;
        float: none;
    }
    .blog-content-wrap p {
        font-size: 1em;
        padding-bottom: 1em;
    }
}

.content {
    color: #404040;
    padding: 4%;
}

.content h2,
h2.blog-title {
    font-weight: bold;
    font-size: 2.2em;
    color: #404040;
    line-height: 1.2em;
    margin: 0 !important;
    letter-spacing: -.06em;
}

.content h3 {
    font-size: 1.7em;
    font-weight: bold;
    /*letter-spacing: -.06em; */
}

.blog-content-wrap h2 {
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: -.02em;
}

.author-avatar {
    font-size: 75% !important;
    color: #666;
    padding: .2em 0;
    display: block;
    position: relative;
    text-indent: 5em;
    line-height: 4em;
    width: 70%;
}

.author-avatar img {
    margin: 0 1em 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 4.3375em;
    height: 4.39375em;
    border-radius: 2.1999em;
    overflow: hidden;
}

.large-author-avatar img {
    margin: 0 1em 10em 0;
    width: 4.3375em;
    height: 4.39375em;
    border-radius: 2.1999em;
    overflow: hidden;
}

.author-avatar a {
    color: #e67017;
}

.post-author-avatar {
    border-radius: 50%;
    overflow: hidden;
    float: left;
}

.author-avatar-title {
    text-indent: 5em;
    font-size: 1em !important;
}

.share {
    width: 94%;
    margin: 3% auto 0;
    padding: 1.2%;
    border-top: solid 1px #999;
    background: #eee;
    position: relative;
    -webkit-box-shadow: inset 6px 6px 10px #eee;
    box-shadow: inset 6px 6px 10px #eee;
    font-size: .8em;
    display: block;
    clear: both;
    border-radius: 2em;
}

.share img {
    width: auto;
    max-width: auto;
}

.share-bubble {
    position: relative;
    top: -1em;
    margin: 0 0 0 3px !important;
    float: left;
}

.share span {
    float: left;
    height: 23px !important;
}

.stButton .chicklets {
    height: auto !important;
}

.share .mobile-show,
.share .mobile-remove {
    float: left;
}

@media only screen and (max-width: 600px) {
    .author-avatar {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .share .mobile-remove {
        display: none;
    }
    .share .mobile-show {
        display: inline;
    }
}

@media only screen and (max-width: 568px) {
    .share-bubble {
        top: -0.7em;
    }
}

.st_twitter_hcount,
.st_facebook_hcount,
.st_linkedin_hcount,
.st_googleplus_hcount,
.st_stumbleupon_hcount,
.st_twitter_large,
.st_facebook_large,
.st_linkedin_large,
.st_googleplus_large,
.st_stumbleupon_large {
    opacity: 0.3 !important;
}

.st_twitter_hcount:hover,
.st_facebook_hcount:hover,
.st_linkedin_hcount:hover,
.st_googleplus_hcount:hover,
.st_stumbleupon_hcount:hover,
.st_twitter_large:hover,
.st_facebook_large:hover,
.st_linkedin_large:hover,
.st_googleplus_large:hover,
.st_stumbleupon_large:hover {
    opacity: 1 !important;
}

.blog-content-wrap h1,
.blog-content-wrap h2,
.blog-content-wrap h3,
.blog-content-wrap h4,
.blog-content-wrap h5 {
    margin-bottom: .5em;
    color: #444;
}

#case-studies .share {
    background: #fff;
}

#case-studies .share img {
    display: none;
}

.section {
    clear: both;
    margin: 0 0 1em;
    padding: 4% 0;
    background: #fff;
}

.post-pagination {
    overflow: hidden;
    margin: 54px 0 0;
}

.post-pagination a {
    font-family: 'Whiteboard', 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 1.125em;
}

.post-pagination .next {
    float: right;
}

.get-a-job {
    padding: 5% 15%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .share .mobile-remove {
        display: none;
    }
    .share .mobile-show {
        display: inline;
    }
}

/*   9.2. Blog Sidebar
--------------------------------------------------------------------------  */

#sidebar {
    width: 18%;
    nowhitespace: afterproperty;
    float: left;
    max-width: 250px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    #sidebar {
        float: none;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 568px) {
    #sidebar {
        float: none;
        width: 100%;
        display: inherit;
        max-width: 100%;
        padding: 4% 0;
    }
    #sidebar .vital-logo,
    #sidebar .social-widget {
        display: none;
    }
}

.sidebar-social-links {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 35px;
    padding-bottom: 35px;
    padding-top: 20px;
    clear: both;
}

@media (max-width: 767px) {
    .sidebar-social-links {
        text-align: center;
        padding-bottom: 25px;
    }
    .sidebar-social-links .sidebar-cta {
        display: block;
        margin: auto;
        max-width: 200px;
        text-align: left;
        width: 100%;
    }
}

.sidebar-heading {
    font-weight: 100;
    font-size: 1em;
    margin-left: .5em;
}

/* Default Widget */

.widget {
    margin-bottom: 1em;
    color: #999;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}

.widget h2 {
    margin-left: .5em;
    border-bottom: 1px solid #aaa;
    color: #666;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    padding: 0.4em 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 568px) {
    .widget h2 {
        margin: 0;
    }
}

/* Tier One */

.widget ul {
    list-style: none;
    margin: 0 0 3em 0;
    padding: 0;
}

.widget li {
    margin: 0.5em 0 0.5em 0.5em;
}

.widget li span {
    font-size: 0.8em;
}

.widget ul a {
    color: #e67017;
    font-size: .8em;
    text-transform: uppercase;
    display: block;
}

.widget ul a:hover {
    color: #333;
}

/* Tier Two */

.widget ul ul {
    display: none;
}

.widget ul li.current-menu-item ul {
    display: block;
    margin: .5em 0 0;
    border-left: solid 1px #ccc;
}

.widget ul li.current-menu-item ul a {
    text-transform: none;
    color: #666;
}

.widget ul li.current-menu-item ul a:hover {
    color: #333;
}

/* Teir Three */

.widget ul li.current-menu-item ul ul,
.widget ul li.current-post-item ul ul {
    display: none;
}

.widget ul li.current-menu-ancestor ul,
.widget ul li.current-post-ancestor ul {
    display: block;
    margin: .5em 0 0;
    border-left: solid 1px #ccc;
}

.widget ul li.current-menu-ancestor ul a,
.widget ul li.current-post-ancestor ul a {
    text-transform: none;
    color: #ccc;
}

/* Teir Four */

.widget ul li.current-menu-ancestor ul ul,
.widget ul li.current-post-ancestor ul ul {
    display: none;
}

.widget ul li.current-menu-ancestor ul li.current-menu-item ul,
.widget ul li.current-post-ancestor ul li.current-post-item ul {
    display: block;
    border-left: none;
    border-top: solid 1px #ccc;
    margin: .5em 0 .5em -.5em;
    background: #eee;
    background: rgba(250, 250, 250, 0.1);
    padding: 0 0 .5em 0;
}

.widget ul li.current-menu-ancestor ul li.current-menu-item ul li,
.widget ul li.current-post-ancestor ul li.current-post-item ul li {
    padding: 0 0 0 0.5em;
}

/* Teir Five */

.widget ul li.current-menu-ancestor ul ul ul,
.widget ul li.current-post-ancestor ul ul ul {
    display: none;
}

.widget ul li.current-menu-ancestor ul li.current-menu-parent ul,
.widget ul li.current-post-ancestor ul li.current-post-ancestor ul {
    display: block;
    border-left: none;
    border-top: solid 1px #ccc;
    margin: .5em 0 .5em -.5em;
    background: #eee;
    background: rgba(250, 250, 250, 0.1);
    padding: 0 0 .5em 0;
}

.widget ul li.current-menu-ancestor ul li.current-menu-parent ul li,
.widget ul li.current-post-ancestor ul li.current-post-ancestor ul li {
    padding: 0 0 0 0.5em;
}

.widget ul li.current-menu-ancestor ul li.current-menu-parent ul li.current-menuitem ul {
    display: block;
}

/* Current Page */

.widget ul li.current-menu-item a,
.widget ul ul li.current-menu-item a,
.widget ul li.current-post-parent a,
.widget ul ul li.current-post-parent a {
    color: #e67017;
}

.widget ul ul li.current-menu-item ul a {
    color: #666;
}

.widget ul ul ul li.current-menu-item a {
    color: #e67017;
}

#sidebar .popular-posts a {
    text-transform: none;
}

.sidebar-cta {
    font: 14px/30px helvetica, sans serif;
    nowhitespace: afterproperty;
    color: #282828;
    text-transform: uppercase;
    letter-spacing: .03em;
    text-indent: 35px;
    display: inline-block;
    height: 30px;
    margin: 3px auto 0;
    padding-top: 10px;
    width: 100%;
}

.sidebar-cta:hover {
    color: #e35f00;
    background-position: bottom left;
}

@media (max-width: 1000px) {
    .sidebar-cta {
        font: 12px/30px helvetica, sans serif;
    }
}

@media (max-width: 767px) {
    #sidebar .widget {
        text-align: center;
        font-size: 120%;
        width: 100%;
    }
    .widget {
        text-indent: 0;
    }
}

@media (max-width: 568px) {
    .author {
        font-size: 100% !important;
    }
    .post-thumb {
        width: 100%;
    }
}

/*   9.3. Blog CTA (OpenCart)
--------------------------------------------------------------------------  */

.bonusBox {
    /* Style for Rectangle 1 copy */
    max-width: 100%;
    min-height: 331px;
    background-color: #FC6C30;
    position: relative;
    padding-right: 20px;
    color: #fff;
    margin-top: 80px;
    padding-bottom: 20px;
}

.bonusBox.adobe {
    background-color: #38a68b;
}

.bonusBox p {
    color: #fff;
}

.bonusBox img {
    float: left;
    margin-top: -50px;
    margin-left: 69px;
}

.bonusBox h2 {
    padding-top: 20px;
    color: #fff;
    font-family: 'Whiteboard', 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}

.mvoForm {
    padding: 20px;
    padding-top: 0px;
}

/*   9.4. Comments
--------------------------------------------------------------------------  */

.comments {
    padding: 4%;
    clear: both;
}

.comments section {
    text-align: left;
}

.comments .comments-list {
    margin: 0;
}

ol.comments-list {
    border-top: 1px solid #efefef;
    padding-top: 30px;
}

.comment {
    position: relative;
    padding-left: 60px;
    margin-bottom: 40px;
}

.comment .avatar {
    max-width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 5px 0;
}

.comment h2.comment-author {
    font-size: 18px;
    margin: 0;
}

.comment .comment-meta-item {
    font-size: 12px;
    margin-bottom: 10px;
    font-style: italic;
    display: inline-block;
}

.comment .edit-comment {
    position: absolute;
    top: 0;
    right: 0;
}

.comment .child-comments {
    margin-top: 30px;
}

.comment .comment-content {
    border-bottom: 1px solid #efefef;
    padding-bottom: 25px;
}

.comment .comment-content p {
    margin: 0 0 15px 0;
}

.comments-nav-before {
    margin-bottom: 1em;
}

.comments-nav-prev {
    float: left;
}

.comments-nav-next {
    float: right;
}

.comments-nav-link {
    font-size: 0.875em;
}

.comment-respond {
    margin-bottom: 2.5em;
}

@media (min-width: 320px) {
    .comments-nav-link {
        font-size: 1em;
    }
}

/*  ==========================================================================
10. SERVICES
==========================================================================  */

.services-entry a {
    color: #ec6115;
    font-weight: bold;
}

.services-entry a:hover {
    color: #8cc63f;
}

.services-page-project-slider .slick-slide:focus {
    outline: none;
}

.services-page-project-slider .project-image {
    border: 1px solid #efefef;
    height: 551px;
    width: calc(100% - 2px);
    overflow: hidden;
}

.services-page-project-slider .slick-arrow {
    fill: #ccc;
}

.services-page-project-slider .slick-next {
    transform: rotate(-90deg);
    right: -15px;
    top: calc(50% + 13px);
;}

.services-page-project-slider .slick-prev {
    transform: rotate(90deg);
    left: -15px;
}

/*  ==========================================================================
11. OUR WORK
==========================================================================  */

.web-design-wrap {
    position: relative;
    max-width: 55em;
    width: 100%;
    margin: 2.4em auto 0;
}

.launch-link {
    width: 100%;
    padding: 0 0 .5em;
    color: #999;
    letter-spacing: .03em;
    font-size: .75em;
    opacity: .5;
    display: block;
}

.launch-link:hover {
    opacity: 1;
}

.launch-link img {
    display: inline-block !important;
    position: relative;
    top: -3px;
    left: 2px;
}

.case-study-cta {
    text-align: center;
}

#content-slider-1 .rsImg {
    margin-top: 3em !important;
}

#content-slider-2 {
    margin: 9em auto !important;
}

.salesCTA {
    text-align: center;
    margin: 4em 0;
    padding-bottom: 35px;
}

.salesCTA p {
    margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
    .salesCTA h1,
    .salesCTA p {
        color: #fff;
    }
}

.portfolio-nav {
    text-align: center;
    clear: both;
    overflow: hidden;
    background: #222;
    padding: 0;
    width: 100%;
    z-index: 101;
    display: block;
    position: absolute;
    top: 0px;
}

@media screen and (min-width: 768px) {
    .portfolio-nav {
        position: fixed;
        top: 110px;
        transition: .3s ease top;
    }
}

/* START web design portfolio - in use 4-26-18 */

@media screen and (min-width: 768px) {
    body.page-id-87 {
        padding-top: 0;
    }
    body.page-id-87 {
        background: #111 url(images/work-web-bg.jpg);
        background-position: center 0;
		background-repeat: no-repeat;
		background-size: cover;
    }
}

@media screen and (min-width: 800px) {
    body.page-id-87 .padding {
        padding-top: 1em;
    }
}

.portfolio-nav a {
    padding: 1.2em 0em;
    display: inline-block;
    margin: 0 1em;
    font-size: 1em;
    line-height: 2.5em;
    color: #fff;
    opacity: .5;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.portfolio-nav a:hover,
.portfolio-nav a.current-page:hover {
    opacity: 1;
    color: #fff;
}

.portfolio-nav a.current-page {
    opacity: 1;
    border-bottom: solid 2px #fff;
    color: #fff;
}

@media (max-width: 568px) {
    .launch-link {
        left: 2% !important;
        top: 0;
    }
}

@media (max-width: 768px) {
    .portfolio-nav {
        position: relative;
    }
    .rsHidden {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .salesCTA {
        padding: 20px;
        margin: 0;
    }
    .salesCTA h1 {
        color: #fff;
    }
    .salesCTA p {
        color: #fff;
    }
    #content-slider-2 {
        height: auto;
        padding: 3% 0 10%;
        margin: auto !important;
    }
}

/*  ==========================================================================
12. LEAD CAPTURE PAGE
==========================================================================  */

.leadCap .col-sixtysix {
    padding: 4% 2% 0% 8%;
    width: 64%;
    margin: 0;
}

.leadCap .col-thirtythree {
    float: right;
    margin: 4% 0% 0% !important;
    width: 35%;
    padding: 2% 2% 0% 2%;
    border-left: solid 1px #ccc;
}

.leadCap .col-thirtythree img {
    width: auto;
    height: auto;
}

.leadCap .blue {
    color: #163878 !important;
    font-size: 18px;
    letter-spacing: 1px;
}

.leadCap .gray {
    margin-top: 20px;
}

.leadCap .CTA {
    background: url("images/orange-gradient.png") repeat-x scroll center bottom #f6780a;
    border: 0;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF !important;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 1.5em !important;
    font-weight: bold !important;
    letter-spacing: -0.05em;
    margin: 5px auto;
    padding: 0.4em 1.2em;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.leadCap .CTA:hover {
    background: none repeat scroll 0 0 #E84E00;
    color: #FFFFFF;
}

.leadCap .CTA-green {
    background: #8cc63f url(images/green-gradient.png) bottom center repeat-x;
    border: 0;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF !important;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 1.5em !important;
    font-weight: bold !important;
    letter-spacing: -0.05em;
    margin: 5px auto;
    padding: 0.4em 1.2em;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    height: 60px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.leadCap .CTA-green:hover {
    background: #508101;
    color: #FFFFFF;
    line-height: 60px;
    height: 60px;
}

.leadCap .CTA-blue {
    background: #0883f5 url(images/blue-gradient.png) bottom center repeat-x;
    border: 0;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF !important;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 1.5em !important;
    font-weight: bold !important;
    letter-spacing: -0.05em;
    margin: 5px auto;
    padding: 0.4em 1.2em;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    height: 60px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.leadCap .CTA-blue:hover {
    background: #013fc3;
    color: #FFFFFF;
    line-height: 60px;
    height: 60px;
}

.leadCap .videoWrapper {
    position: relative;
    nowhitespace: afterproperty;
    padding-bottom: 56.25%;
    /* 16: 9 */
    padding-top: 25px;
    height: 0;
}

.leadCap .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.leadCap h1 {
    font-size: 2.2em !important;
    margin: 1em 0 !important;
}

.leadCap .heavy-header {
    text-align: left;
    font-size: 3.5em;
    font-weight: 900;
}

.leadCap-nav {
    padding: 1.6em 0;
    text-align: center;
    border-bottom: solid 2px #eee;
}

.leadCap-nav img {
    max-width: 130px;
    margin: auto;
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .leadCap .col-thirtythree {
        float: right;
        width: 40%;
        margin: 0% 4% 0% 0%;
    }
    .leadCap .col-sixtysix {
        padding: 4%;
        text-align: justify;
        width: 59%;
        float: left;
    }
}

@media only screen and (max-width: 800px) {
    .leadCap-nav img {
        max-width: 100px;
        margin: auto;
    }
    .leadCap .option-box {
        border: 0;
    }
    .leadCap .col-thirtythree {
        width: 100%;
        margin: 1em 0;
        padding: 0;
        border: 0;
    }
    .leadCap .col-sixtysix {
        margin-top: 80px;
        width: 100%;
        margin: 1em 0;
        padding: 0;
    }
}

/*  ==========================================================================
13. WHAT WE DO
==========================================================================  */

.services-landing h1 {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding: 4em 2em 1em;
    margin: auto;
    color: #68c8c6;
}

.services-landing h2 {
    text-align: center;
    font-size: 3.4em;
    font-weight: 900;
    line-height: 1.3em;
    padding: 0 2em 2em;
    max-width: 1020px;
    margin: auto;
}

.wwd-icons {
    padding: 0%;
    margin: 4%;
    width: 25%;
    float: left;
}

.wwd-icons img {
    width: 70% !important;
    max-width: 110px;
    height: auto;
}

@media screen and (max-width:600px) {
    a.wwd-icons {
        padding: 0%;
        margin: 0%;
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .services-landing h2 {
        font-size: 2.3em;
        line-height: 1.2em;
        padding: 0 0em 2em;
    }
}

.logo-grid {
   background: #68c8c6;
    background: -moz-linear-gradient(-59deg, #68c8c6 19%, #007ac9 77%);
    background: -webkit-linear-gradient(-59deg, #68c8c6 19%, #007ac9 77%);
    background: linear-gradient(141deg, #68c8c6 19%, #007ac9 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c8c6', endColorstr='#007ac9', GradientType=1);
   padding: 2em;
    border-radius: 4px;
}

.logo-grid div {
    width: 25%;
    float: left;
    text-align: center;
    height: 125px;
}

.logo-grid div img {
    max-width: 200px;
    width: 100%;
    height: auto;
    padding: 10px 20px;
}

.logo-grid h2 {
    text-align: center;
    color: #fff;
    display: block;
    margin: 1em;
    font-weight: 400;
    font-size: 22px;
}

@media screen and (max-width: 800px) {
    .logo-grid div {
        width: 33.3333%;
    }
}

@media screen and (max-width: 600px) {
    .logo-grid div {
        width: 50%;
        height: auto;
    }
}

.option-box {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.option-box h1 {
    margin-top: 0em !important;
}

@media only screen and (max-width:600px) {
    .option-box ul li {
        margin: 0;
        padding: .5em 0;
        border-bottom: #f4f4f4 solid 1px;
        font-size: 1em;
    }
}

.option-box ul a {
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #999;
    font-size: 1.05em;
    line-height: 1.6em;
}

.option-box .cta-btn {
    color: #fff;
    font-weight: 600;
}

.option-box ul a:hover {
    color: #333;
}

/* .service-box {
    background-color: #f1f1f1;
    color: #555555;
    font-size: 0.9em;
    padding: 0 0 4%;
    margin: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 9px;
    position: relative;
}

.service-box ol li {
    font-size: 14px;
    line-height: 1.8em;
}

.service-box-bg {
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #f1f1f1;
    width: 100%;
    max-width: 1340px;
    margin: 0px auto;
    padding: 0 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30em;
    border-radius: 3px;
    margin: 2em auto;
    position: relative;
} */

/* .parent-heading {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2em;
} */

/* .service-box-bg-image {
    position: absolute;
    top: 0;
    height: 100%;
    max-height: 100%;
    width: auto;
    right: 0;
    z-index: 0;
} */

/* .service-box-heading {
    max-width: 1340px;
    padding: 2em;
    margin: auto;
    width: 100%;
    position: relative;
    z-index: 1;
}

.service-box-heading h1,
.service-box-heading h2 {
    width: 50%;
    margin: 0;
} */

/* .core .service-box-heading h1 {
    font-size: 4em;
    margin-top: .2em;
}

.service-box-heading h2 {
    font-weight: 100;
    margin: 1em 0 1em .2em;
    font-style: italic;
    font-size: 1.8em !important;
    line-height: 1.3em !important;
} */

.service-corner {
    position: absolute;
    top: 0;
    left: 0;
    width: auto !important;
}

.service-cta-btns {
    margin: 2em 0;
}

@media only screen and (min-width: 1000px) {
    .services-entry.two-column {
        display: flex;
        justify-content: center;
        max-width: 1240px;
    }
}

.service-content-container {
    padding: 4% 4% 0 4%;
    max-width: 850px;
    margin: 0 auto;
}

.single-post-related-resource {
    margin: 60px 0 0;
    padding: 60px 0 40px;
}

@media only screen and (min-width: 600px) {
    .single-post-related-resource {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}

.single-post-related-resource.mid-post {
    border: 0;
    padding: 0;
}

.single-post-related-resource.mid-post .blog-post-related-resource {
    padding-bottom: 0;
}

.single-post-related-resource.mid-post .related-resource-image img {
    max-width: 250px;
}

.single-post-related-resource.mid-post .related-resource-title {
    font-size: 22px;
}

.single-post-related-resource.mid-post .related-resource-cta {
    padding: 10px 30px;
}


@media only screen and (min-width: 800px) {

    .single-post-related-resource.mid-post .related-resource-content {
        margin-left: 50px;
    }

    .single-post-related-resource.mid-post .related-resource-image {
        width: 20%;
    }

    .single-post-related-resource.mid-post .related-resource-excerpt {
        margin-bottom: 20px;
    }

    .single-post-related-resource.mid-post .related-resource-excerpt p {
        font-size: 16px;
    }

    .single-post-related-resource.mid-post .related-resource-title {
        margin-bottom: 12px;
    }

}

.service-content-container .service-legacy-cta {
    max-width: 750px;
    margin: 0 auto;
}

.services-entry.two-column .service-content-container:only-child {
    max-width: 1240px;
}

.service-form {
    margin-top: 50px;
}

.service-box p {
    margin: 3% auto;
    color: #666;
}

.services-entry p {
    line-height: 1.6em !important;
}

.services-pathfinder h2 {
    text-align: center;
}

.services-pathfinder h3 a {
    color: #444;
    font-size: .45em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .2em;
}

.services-pathfinder ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.services-pathfinder ul li {
    list-style: none !important;
    padding: .2em 0;
    margin: 0;
}

.services-pathfinder ul li a {
    color: #444;
}

.service-box img {
    width: 100%;
    height: auto;
}

.service-box ul {
    margin: 5% 0;
    width: 100%;
}

.service-box ol {
    margin: 0 0 3% 1.5%;
    line-height: inherit;
    font-size: .825em;
}

.service-box ul li {
    margin: 1em 0;
    text-indent: 1%;
    /*font-size: 1.2em;*/
}

.service-box ul a {
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #666;
    font-size: 1em;
    line-height: 1.6em;
}

.service-box ul a:hover {
    color: #333;
}

.service-box .wwd-blurb {
    float: left;
    width: 36%;
    margin: 0 4%;
}

.service-box .wwd-graphic {
    float: right;
    width: 56%;
    height: 100%;
    position: relative;
}

.service-post-thumb {
    margin: 0 1.5em 0 0;
    width: 30%;
}

.service-post-thumb img {
    width: 100%;
    height: auto;
    border: solid 1px #ddd;
}

.service-post-thumb img:hover {
    border: solid 1px #ec6115;
}

.services-menu h3 a {
    font-weight: bold;
    font-size: .85em;
    color: #666;
}

.services-menu li {
    margin: 0.3em 0 !important;
}

.services-menu li a {
    font-size: 0.85em;
}

.col-thirtythree.services-menu {
    text-align: center;
}

.page-blog-title {
    font-size: 1.4em;
}

.page-blog-title a:hover {
    color: #ec6115 !important;
}

.related_posts .content-blog {
    margin: 2em 0 5em;
}

.content-blog p a {
    color: #ec6115;
}

.wwd-blurb {
    float: left;
    width: 92%;
    margin: 4%;
    position: relative;
    overflow: visible;
}

.wwd-blurb h3,
.wwd-blurb ul,
.wwd-blurb p {
    z-index: 1;
    position: relative;
}

.wwd-blurb ul {
    padding: 0 !important;
    list-style: none;
}

.wwd-blurb h3 {
    margin-bottom: 1.5em;
}

.wwd-blurb ul li {
    list-style: none !important;
}

.wwd-blurb ul li a {
    padding: 0 1.4em 0 0;
    background: url(images/bullet-arrows.png) right -300px no-repeat;
}

.wwd-blurb ul li a:hover {
    background-position: right -28px;
}

#web,
#branding,
#marketing {
    position: relative;
    top: -9.5em;
}

.wwd-graphic {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 70%;
    z-index: 0;
}

.wwd-graphic img {
    height: auto;
    width: 100%;
    float: right;
    max-width: 550px;
}

#services-pages .wwd-blurb {
    margin: 12% 0% 4% 4%;
    width: 45%;
}

#services-pages .wwd-graphic {
    margin: 0;
    width: 50%;
    text-align: center;
}

.subsection-heading {
    text-align: center;
    width: 100%;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #fff;
    height: 0px;
    margin: 4em 0;
}

.subsection-heading span {
    background: #e9e9e9;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, san-serif;
    font-size: 1em;
    color: #333;
    text-shadow: 1px 1px 0px #e9e9e9;
    border-radius: 15px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #fff;
    position: relative;
    top: -12px;
    padding: .2em 1.5em .5em;
}

@media only screen and (max-width: 1024px) {
    .wwd-graphic {
        top: 15%;
        height: 85%;
    }
    /* .service-box-heading h1 {
        font-size: 2.5em;
    } */
}

@media only screen and (max-width: 920px) {
    #branding .wwd-graphic {
        padding: 0;
    }
    /* .service-box-heading h1 {
        font-size: 2.2em;
    } */
}

@media only screen and (max-width: 900px) {
    .service-box h3 {
        font-size: 36px;
    }
    .service-box h3.thick {
        font-size: 1em;
    }
    .services-menu h3 {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 767px) {
    .service-dd-right {
        display: block;
        width: 95%;
    }
    .service-dd-right a {
        margin-left: 0.3em;
    }
    .service-dd-left {
        float: none;
        width: 95%;
        margin: 0 auto;
    }
    .service-dd-left img {
        display: none;
    }
    .service-dd-left p {
        clear: both;
        margin: .3em 0;
        float: left;
        width: 100%;
    }
    .service-dd-left a {
        padding: 0 1em;
        display: block;
        width: 100%;
        max-width: 15em;
        float: left;
    }
    .service-box-bg {
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
    }
    /* .service-box-heading {
        margin: 30em 0 0;
        width: 100%;
        border-bottom: solid 1px #ddd;
        background-color: #f1f1f1;
    }
    .service-box-heading h1 {
        font-size: 3em;
    }
    .service-box-heading h1,
    .service-box-heading h2 {
        padding: 4% 4% 2%;
        width: 92%;
        background: #f1f1f1;
    }
    .service-box-heading h2 {
        font-weight: 100;
        margin: 0 !important;
        padding: 0% 4% 4%;
    } */
    .services-cta-wrap {
        width: 100%;
        text-align: left;
        float: none;
        margin: 0;
        padding: 0;
        border: none;
    }
}

@media only screen and (max-width: 650px) {
    #branding .wwd-graphic,
    #web .wwd-graphic,
    #marketing .wwd-graphic {
        padding: 2em 0 0 0;
        margin: 0 -2em 0 0;
    }
}

/* @media only screen and (max-width: 768px) {
    .core .service-box-heading h1 {
        font-size: 2em;
        padding: 0 !important;
    }
} */

/* @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .service-box-bg {
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 75%;
    }
    .service-box-heading {
        padding: 15em 0 0;
        width: 100%;
        border-bottom: solid 1px #ddd;
    }
    .core .service-box-heading h1.heavy-header {
        margin-bottom: 0 !important;
    }
    .core .service-box-heading h2 {
        margin: 0 !important;
    }
    .service-box-heading h1,
    .service-box-heading h2 {
        padding: 4% 4% 2%;
        width: 92%;
        background: #f1f1f1;
        background: rgba(250, 250, 250, 0.6);
    }
    .service-box-heading h2 {
        font-weight: 100;
        margin: 0;
        padding: 0% 4% 4%;
        font-size: 1.5em;
    }
} */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .option-box,
    .service-box {
        border-radius: 0px;
    }
    /* .service-box-bg {
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 60%;
    }
    .service-box-heading {
        padding: 7em 0 3em;
        width: 100%;
        border-bottom: solid 1px #ddd;
    }
    .service-box-heading h1,
    .service-box-heading h2 {
        padding: 4% 4% 2%;
        width: 50%;
        background: transparent;
    }
    .service-box-heading h2 {
        font-weight: 100;
        margin: 0;
        padding: 0% 4% 4%;
        width: 50%;
    } */
    .service-corner {
        width: 17% !important;
    }
}

@media (min-width: 900px) and (max-width: 1050px) {
    #branding .wwd-graphic,
    #web .wwd-graphic,
    #marketing .wwd-graphic {
        padding: 0em 0 0 0;
        margin: 0 -2em 0 0;
        width: 60%;
    }
}

@media (max-width: 568px) {
    .content-blog {
        padding: 0;
    }
    .content-blog h2 {
        font-weight: bold;
        font-size: 1.5em;
        color: #555;
        letter-spacing: -.03em;
    }
    .service-box .wwd-blurb,
    .wwd-blurb {
        float: none;
        width: 92%;
        margin: 0 auto;
        padding: 10% 0;
        text-align: left;
    }
    .service-box .wwd-blurb h3,
    .wwd-blurb h3 {
        font-size: 2.2em;
        margin: 2% 0;
    }
    .service-box .wwd-blurb ul li a,
    .wwd-blurb ul li a {
        font-size: 1.4em;
    }
    .service-box-bg {
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
        margin: 0;
        padding: 0 2em;
    }
    /* .service-box-heading {
        padding: 2em 0;
        width: 100%;
        border-bottom: solid 1px #ddd;
        margin-top: 17em;
    }
    .service-box-heading h1 {
        font-size: 2em;
    }
    .service-box-heading h1,
    .service-box-heading h2 {
        padding: 2em 0 0;
        background: #f1f1f1;
    }
    .core .service-box-heading h2 {
        font-weight: 100;
        padding: 0 0 2em;
        font-size: 1.2em !important;
        line-height: 1.4em !important;
    } */
    .related_posts .content-blog {
        margin: 2em 0;
    }
    .service-post-thumb {
        width: 22%;
    }
    .wwd-blurb ul li a:hover {
        background-position: right -28px;
    }
    .service-box .wwd-graphic {
        width: 100%;
        margin: 0 auto;
        padding: 4% 0;
    }
    .wwd-blurb .CTA-blue,
    .wwd-blurb .CTA-green,
    .wwd-blurb .CTA {
        margin: 0 auto;
        float: none;
        width: 60%;
    }
    #services-pages .wwd-blurb {
        margin: 4% auto;
        width: 92%;
        text-align: left;
    }
    #services-pages .wwd-graphic {
        margin: 0 auto 8%;
        width: 100%;
        text-align: center;
        border-top: solid 1px #999;
        top: 0 !important;
    }
    .services-menu h3 {
        font-size: 2em;
    }
}

/*  ==========================================================================
14. CASE STUDIES
==========================================================================  */

.case-study-thumb img {
    margin: 0 auto !important;
}

.excerpt {
    display: block;
    padding: 0 0 2em;
}

.excerpt a {
    color: #e67017;
}

#case-studies .cs-loop-option-box {
    position: relative;
    width: 90%;
    margin: 2% auto;
    max-width: 60em;
    padding: 0 0 4%;
    border: solid 1px #eee;
    color: #555555;
    font-size: 0.9em;
}

#case-studies .option-box {
    max-width: 60em;
    margin: 4em auto;
}

#case-studies .cs-loop-option-box .wwd-blurb {
    width: 92%;
    margin: 4%;
    padding: 4% 0 0;
    float: none;
    display: block;
    clear: both;
}

#case-studies .cs-loop-option-box .wwd-graphic {
    position: relative;
    width: 100%;
    display: block;
    float: none;
}

#case-studies .cs-loop-option-box .wwd-graphic img {
    height: auto;
    width: 100%;
    max-width: 100%;
}

#case-studies hr {
    clear: both;
    width: 100%;
    margin: 7% 0 7%;
    background: #ddd;
    border-top: solid 1px #ddd;
}

#case-studies ul {
    margin: 4% 0% 4% 4%;
    list-style: outside;
    color: #666;
}

#case-studies ul li {
    margin: 2% 0;
    text-indent: 0;
}

#case-studies .alignright {
    width: 45%;
    float: right;
    margin: 0% 0 3% 4%;
    position: relative;
}

#case-studies .alignleft {
    width: 45%;
    float: left;
    margin: 0% 4% 3% 0;
    position: relative;
}

.single-case-studies ol li {
    line-height: 1.5em;
    color: #666;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    padding-bottom: 10px;
    margin-left: 45px;
}

.core .web-list li,
.web-list li,
.webstrategy .service-content-container ul li {
    background: url(images/check-green.png) left 1px no-repeat;
    padding-left: 30px;
    list-style: none !important;
}

.core .brand-list li,
.brand-list li,
.branding .service-content-container ul li {
    background: url(images/check-blue.png) left 1px no-repeat;
    padding-left: 30px;
    list-style: none !important;
}

.inbound-list li,
.inbound .service-content-container ul li {
    background: url(images/check-orange.png);
    padding-left: 30px !important;
    list-style: none !important;
    background-size: 10px;
    background-position: 0 5px;
    background-repeat: no-repeat;
}

.fifty-percent:nth-child(2n) {
    padding-right: 0%;
}

@media only screen and (max-width: 767px) {
    .fifty-percent {
        float: none;
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
}

@media only screen and (max-width: 568px) {
    .fifty-percent h3 {
        padding-top: 1.2em;
    }
}

.entry {
    width: 100%;
}

.snippet {
    color: #FFFFFF;
    display: block;
    font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.1em;
    margin: 2em auto;
    max-width: 20em;
    text-shadow: 1px 1px 0px #000;
}

.snippet-small {
    font-size: 1.35em;
    text-align: left;
    width: 100%;
    margin: .5em 0 2em;
    color: #FFFFFF;
    display: block;
    font-family: 'Serif', 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    word-spacing: 0.1em;
    letter-spacing: 0.03em;
}

.services-icon {
    position: relative;
}

.services-icon img {
    width: 7em;
    margin: 3em 0 -4em;
}

@media only screen and (max-width: 767px) {
    .services-icon img {
        margin: 3em 0 -2.5em;
    }
}

.sticky-space {
    display: block;
    height: 115px;
    margin-top: -115px;
    visibility: hidden;
}

.module {
    background: #f5f5f5;
    width: 90%;
    max-width: 1100px;
    margin: auto;
    padding: 5%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #case-studies .wwd-graphic img {
        height: 33em;
        width: auto;
    }
}

@media (max-width: 568px) {
    #case-studies .cs-loop-option-box {
        position: relative;
        width: 100%;
        margin: 0% !important;
        padding: 0 0 4%;
        float: none;
        border-radius: 0;
        min-height: 1em;
    }
    #case-studies .option-box,
    .option-box {
        border-bottom: solid 1px #ccc;
        margin: 0 !important;
        padding: 0 0 2em 0;
    }
    #case-studies .wwd-blurb {
        float: none;
        width: 92%;
        margin: 0 auto;
        padding: 0 0 8%;
    }
    #case-studies .wwd-graphic,
    .wwd-graphic {
        float: none;
        width: 92%;
        position: relative;
        margin: 0 auto;
        clear: both;
    }
    #case-studies .wwd-blurb {
        text-align: left;
    }
    #case-studies .CTA {
        width: 72%;
    }
    #case-studies .wwd-graphic img,
    .wwd-graphic img {
        width: 100%;
        height: auto;
        border-radius: 0;
    }
    .option-box {
        margin: 0;
        width: 100%;
        border-bottom: solid 10px #ddd;
        border-top: solid 1px #999;
        border-radius: 0px;
        clear: both;
    }
    .wwd-icons {
        padding: 4%;
        margin: 4%;
        width: 25%;
        float: left;
    }
    #case-studies .alignright {
        width: 100%;
        float: none;
        margin: 4% 0%;
        position: relative;
    }
    #case-studies .alignleft {
        width: 100%;
        float: none;
        margin: 4% 0%;
        position: relative;
    }
    #case-studies iframe,
    #case-studies object,
    #case-studies embed {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        border: solid 5px #fff;
        -webkit-box-shadow: 0px 3px 8px #ddd;
        box-shadow: 0px 3px 8px #ddd;
    }
    #case-studies h2 {
        font-size: 2.8em;
        line-height: 1.2em;
    }
}

/*  ==========================================================================
15. CONTACT US
==========================================================================  */

.contact-box {
    color: #fff;
    padding: 2em 0;
    margin: 0 auto 2em;
    background: #f05327;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjA1MzI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxN2QyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #f05327 0%, #f17d24 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f05327), color-stop(100%, #f17d24));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f05327 0%, #f17d24 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f05327 0%, #f17d24 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f05327 0%, #f17d24 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #f05327 0%, #f17d24 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05327', endColorstr='#f17d24', GradientType=1);
    /* IE6-8 fallback on horizontal gradient */
}

.contact-box h2 {
    font-size: 1.9em;
    padding: 1em 0;
    margin: 0;
    text-shadow: .1em .15em .2em #cb4f07;
}

.contact-box a {
    color: #fff;
    text-shadow: .1em .15em .2em #cb4f07;
}

.contact-box a:hover {
    color: #e67017;
}

/* various thank you pages - in use 4-26-18 */

body.page-id-5169 .bubble,
body.page-id-11036 .bubble,
body.page-id-11037 .bubble,
body.page-id-11038 .bubble,
body.page-id-11198 .bubble,
body.page-id-22563 .bubble {
    background: none;
    color: #fff;
}

.contact-box form {
    margin: 3% auto;
}

.contact-box .whiteboard {
    text-shadow: #F97B00 1px 1px 2px;
    line-height: 1.3em;
    margin-bottom: 1em;
}

.contact-box.locations .col-three {
    margin: 0 2.66% 0;
}

#map_canvas {
    width: 99.99%;
    height: 250px;
    position: relative;
    bottom: 4%;
    border-top: solid 3px #cb4f07;
    border-bottom: solid 2px #ff9d56;
}

.page-template-contact-us-php #choice_4_1,
.page-template-contact-us-php #choice_6_1 {
    height: 15px !important;
}

/*  ==========================================================================
16. EBOOK PAGE
==========================================================================  */

.ebook-cover {
    float: left;
    width: 52.323%;
    margin-right: 4%;
}

.ebook-cover img {
    max-width: 100%;
}

body.page-template-page-ebook-10-questions .ebook-content h3,
body.page-template-page-search-rank .ebook-content h3,
body.page-template-page-marketing-kpi .ebook-content h3,
body.page-template-page-wordpress-seo .ebook-content h3,
body.page-template-page-ebook .ebook-content h3 {
    font-weight: 300 !important;
}

body.page-template-lead-capture .option-box {
    margin-bottom: 2em;
}

body.page-template-lead-capture .option-box .col-thirtythree {
    background-color: #f3f3f3;
    border-left: none;
}

body.page-template-page-ebook-10-questions .form-column,
body.page-template-page-search-rank .form-column,
body.page-template-page-marketing-kpi .form-column,
body.page-template-page-wordpress-seo .form-column,
body.page-template-lead-capture .form-column,
body.page-template-page-ebook .form-column {
    background-color: #f3f3f3;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    padding: 2em;
}

body.page-template-page-ebook-10-questions .form-column .inner,
body.page-template-page-search-rank .form-column .inner,
body.page-template-page-marketing-kpi .form-column .inner,
body.page-template-page-wordpress-seo .form-column .inner,
body.page-template-lead-capture .form-column .inner,
body.page-template-page-ebook .form-column .inner {
    width: 100%;
    padding: 0;
}

.page-template-page-ebook .ebook-cover img {
    display: block;
    margin: 0 auto;
}

.ebook-content {
    float: right;
    width: 40.626%;
}

.ebook-content>h3 {
    margin: 0;
}

.page-template-page-ebook .module {
    background-color: transparent;
    padding: 0;
}

.page-template-page-ebook .module .ebook-content {
    padding-left: 0;
    margin: 2em 0 3em 0;
    background-color: #fafafa;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
}

@media screen and (min-width:768px) {
    .page-template-page-ebook .module .ebook-content {
        margin: 0 0 3em 0;
        padding: 2em;
    }
}

.page-template-page-ebook-php .ebook-cover h2 {
    margin-top: 0;
}

.lock {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("images/lock.png") center center no-repeat;
    opacity: .5;
    position: relative;
    left: -4px;
    -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;
}

.accordion:hover .lock {
    opacity: 1;
}

@media only screen and (max-width: 660px) {
    .ebook-cover,
    .ebook-content {
        float: none;
        width: 100%;
    }
    .ebook-cover img {
        display: block;
        margin: 0 auto 40px;
    }
}

/* Lead Capture */

.page-template-lead-capture #page-wrap {
    margin-top: 0;
    padding-top: 0;
}

.page-template-lead-capture-php h2 {
    color: #555555;
    font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 4em;
    font-weight: bold;
    letter-spacing: -0.06em;
    line-height: 1em;
    margin: 0 auto;
    padding: 0;
}

.page-template-lead-capture-php.parent-pageid-8761 .col-sixtysix ul li {
    background: url("images/check-orange.png") no-repeat scroll left 1px rgba(0, 0, 0, 0);
    padding-left: 20px;
}

.page-template-lead-capture .name_first,
.page-template-lead-capture .name_last {
    width: 100% !important;
}

/* service page related content */

.related {
    margin: 2em 1em;
}

.related h2 {
    text-align: center;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

a.related-service.column1 {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0 auto;
    text-align: center;
    display: table;
    padding: 0px 20px;
    max-width: 330px;
}

a.related-service.column2,
a.related-service.column3,
a.related-service.column4,
a.related-service.column5 {
    border-right: 1px solid #ccc;
}

a.related-service.column2:last-child,
a.related-service.column3:last-child,
a.related-service.column4:last-child,
a.related-service.column5:last-child {
    border-right: 0;
}

a.related-service.column2 {
    width: 49.5%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

a.related-service.column3 {
    width: 33%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

a.related-service.column4 {
    width: 24%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

a.related-service span>span {
    text-align: center;
    display: table;
    margin: 0 auto;
}

a.related-service img {
    max-width: 200px;
    padding-top: 10px;
    text-align: center;
    display: table-cell;
    max-height: 150px;
    border: solid 1px #eee;
    padding: 1em;
}

a.related-service h3 {
    margin: 0;
    font-size: 1.3em;
    padding: .5em;
}

a.related-service:hover h5 {
    color: #ec6115;
}

@media only screen and (max-width: 600px) {
    .related .col-two {
        padding-bottom: 2em;
    }
    a.related-service.column1,
    a.related-service.column2,
    a.related-service.column3,
    a.related-service.column4,
    a.related-service.column5 {
        float: none;
        width: 100%;
        border: 0;
        padding-bottom: 2em;
}
    }

/*  ==========================================================================
17. Ebook 10 Website Question Page
==========================================================================  */

.page-template-page-ebook-10-questions {
    background: #fff;
}

.page-template-page-ebook-10-questions #page-wrap {
    padding-top: 0;
}

.page-template-page-ebook-10-questions #footer_wrap {
    background: #351a07;
}

.ebook-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.ebook-container:after {
    content: '';
    display: table;
    clear: both;
}

header.ten-b,
.faux-border {
    color: #fff;
    background: #f07d25;
    background: -moz-radial-gradient(center, ellipse cover, #f07d25 0%, #f07825 25%, #f06826 64%, #f05227 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f07d25), color-stop(25%, #f07825), color-stop(64%, #f06826), color-stop(100%, #f05227));
    background: -webkit-radial-gradient(center, ellipse cover, #f07d25 0%, #f07825 25%, #f06826 64%, #f05227 100%);
    background: -o-radial-gradient(center, ellipse cover, #f07d25 0%, #f07825 25%, #f06826 64%, #f05227 100%);
    background: -ms-radial-gradient(center, ellipse cover, #f07d25 0%, #f07825 25%, #f06826 64%, #f05227 100%);
    background: radial-gradient(ellipse at center, #f07d25 0%, #f07825 25%, #f06826 64%, #f05227 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07d25', endColorstr='#f05227', GradientType=1);
}

.faux-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
}

header.ten-b h1 {
    text-align: center;
    color: #fff;
    font-size: 2.8125em;
}

.ebook-logo {
    width: 88px;
    display: block;
}

.ebook-logo.orange {
    margin: 0 auto 2%;
}

header.ten-c {
    border-bottom: 2px solid #eeeeee;
}

.ebook-wrap {
    background: #fff;
    text-align: left;
    padding: 4% 2%;
}

.ebook-wrap h2 {
    font-weight: 300 !important;
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #474747;
}

.custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter li {
    counter-increment: step-counter;
    color: #f16627;
    font-size: 17px;
}

.custom-counter li::before {
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 23px;
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 12px;
    background-color: #f16627;
    color: white;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
}

.custom-counter li div {
    color: #333333;
    font-size: 84.65%;
    padding-left: 28px;
}

.custom-counter li span {
    display: inline-block;
    width: calc(100% - 28px);
}

.custom-counter li+li {
    margin-top: 4%;
}

.form-column {
    background: #eee;
}

.ebook-physical img {
    margin: 0 auto;
    display: block;
}

.custom-counter {
    margin-top: 4%;
}

.form-column .inner {
    width: 90%;
    margin: 0 auto 2% auto;
    padding: 4% 0;
}

.form-column textarea {
    width: 100% !important;
}

header.ten-c h1,
header.ten-c p {
    text-align: center;
}

.page-template-page-ebook-10-questions #footer-col-two,
.page-template-page-ebook-10-questions #footer-col-three,
.page-template-page-ebook-10-questions #footer-col-four,
.page-template-page-ebook-10-questions #footer .CTA {
    display: none;
}

.page-template-page-search-rank header {
    background: #fff;
}

.page-template-page-marketing-kpi header,
.page-template-page-wordpress-seo header {
    background: #fff;
    padding: 3%;
    /*Dumb but necessary Reset*/
}

.page-template-page-marketing-kpi #page-wrap,
.page-template-page-wordpress-seo #page-wrap {
    padding-top: 0;
}

.page-template-page-wordpress-seo .left ul li {
    list-style-type: disc;
    margin-left: 45px;
    padding-left: 10px;
    line-height: 1.5em;
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
    .page-template-page-ebook-10-questions #after_nav,
    .page-template-page-search-rank #after_nav {
        width: 100%;
        float: none;
        margin-left: 0;
        position: static;
    }
}

@media only screen and (min-width: 768px) {
    .page-template-page-ebook-10-questions .ten-b .home-section-description,
    .page-template-page-ebook-10-questions header.ten-b p {
        text-align: left;
        margin: 0;
        max-width: 580px;
    }
    .page-template-page-ebook-10-questions header,
    .page-template-page-search-rank header {
        padding: 3%;
    }
    .ebook-logo {
        margin-bottom: 3px;
    }
}

@media only screen and (min-width: 1024px) {
    .page-template-page-ebook-10-questions .ten-b .home-section-description,
    .page-template-page-ebook-10-questions header.ten-b p {
        max-width: 630px;
    }
    .ten-c .home-section-description {
        margin: 0;
    }
    .page-template-page-ebook-10-questions .home-section-description,
    .page-template-page-marketing-kpi .home-section-description {
        font-size: 45px;
    }
    header.ten-c .home-section-description {
        color: #474747;
    }
    .page-template-page-ebook-10-questions header p,
    .page-template-page-search-rank header p,
    .page-template-page-marketing-kpi header p {
        font-size: 20px;
        font-weight: 300px;
    }
    .ten-b .two-column {
        width: 48%;
    }
    .ten-c .two-column.left {
        width: 31.7%;
    }
    .two-column.left {
        float: left;
    }
    .two-column.right {
        float: right;
    }
    .ten-c .two-column.right {
        width: 65%;
    }
    .ten-b .two-column.right {
        float: right;
        -webkit-transform: translateY(-260px);
        -moz-transform: translateY(-260px);
        -ms-transform: translateY(-260px);
        transform: translateY(-260px);
    }
    .ten-c .ebook-physical {
        float: left;
        width: 37.2%;
    }
    .ten-c .form-column {
        float: right;
        width: 60%;
    }
    .ten-c .ebook-physical img {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    .ebook-physical img {
        max-width: 100%;
    }
    .ebook-logo {
        margin-bottom: 32px;
    }
    .custom-counter span {
        font-size: 18px;
        font-weight: 400;
    }
}

@media only screen and (min-width: 1150px) {
    .ebook-physical img {
        max-width: 100%;
    }
    .ten-b .two-column.right {
        float: right;
        -webkit-transform: translateY(-380px);
        -moz-transform: translateY(-380px);
        -ms-transform: translateY(-380px);
        transform: translateY(-380px);
    }
}

@media only screen and (min-width: 1280px) {
    .page-template-page-ebook-10-questions .ten-b .home-section-description,
    .page-template-page-ebook-10-questions header.ten-b p {
        max-width: 763px;
    }
}

.accordion {
    color: #adadad;
    font-size: 13px;
}

.accordion-title {
    color: #adadad;
    cursor: pointer;
}

.accordion-content {
    display: none;
    padding: 0.5em 0;
}

@media only screen and (max-width: 768px) {
    .two-column.right {
        margin-top: 4%;
    }
}

@media only screen and (max-width: 660px) {
    .two-column.left {
        width: 90%;
        margin: auto;
    }
    header.ten-b h1 {
        font-size: 2.3em;
        margin: 0 auto 5%;
    }
    header.ten-b,
    header.ten-c {
        padding: 4% 2% 5%;
    }
    header.ten-b p,
    header.ten-c p {
        text-align: center;
    }
    .ebook-logo {
        margin: 0 auto;
    }
}

a.tooltips {
    position: relative;
    display: inline;
}

a.tooltips span {
    position: absolute;
    width: 250px;
    color: #000000;
    background: #FFFFFF;
    border: 2px solid #CCCCCC;
    height: auto;
    line-height: 1.5em;
    text-align: left;
    visibility: hidden;
    border-radius: 6px;
    padding: 20px;
    font-weight: normal;
    font-size: 14px;
    margin-top: -25px;
}

a:hover.tooltips span {
    visibility: visible;
    opacity: 1;
    right: 100%;
    top: 50%;
    margin-top: -15px;
    margin-right: 15px;
    z-index: 999;
}

@media screen and (max-width: 480px) {
    a.tooltips span {
        position: relative;
        visibility: visible;
        background: transparent;
        border: none;
    }
}

/*  ==========================================================================
18. Careers
==========================================================================  */

.fixed-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-position: top center;
    background-size: auto;
    background-repeat: no-repeat;
    z-index: -1;
}

.banner-overlay {
    padding: 10% 0 5%;
    margin: 0 auto;
    max-width: 700px;
    position: relative;
    text-align: center;
    color: #fff;
}

.banner-overlay p {
    padding: 20px;
}

.jobs .blog-content-wrap {
    box-shadow: none;
    width: 100%;
    padding: 0em 2em 2em;
    border: none;
}

.jobs .group {
    padding: 2em 0;
}

#jobs-slider-nav .home-blog-posts-blackbg {
    cursor: pointer;
}

#jobs-slider-nav .home-blog-posts-blackbg:hover .loop-title:before {
    width: 60%;
}

#jobs-slider-nav .cycle-pager-active .home-blog-posts-blackbg .loop-title:before {
    background: #f05229;
    width: 100%;
}

#jobs-slider-nav .cycle-pager-active .home-blog-posts-blackbg .loop-title {
    color: #f05229;
}

#jobs-slider-nav {
    width: 25%;
    float: right;
}

#jobs-slider-nav a {
    font-family: 'lato';
    padding: 1em;
    color: #555;
    font-size: 1.2em;
    display: block;
    border-bottom: solid 1px #ddd;
    cursor: pointer;
}

#jobs-slider-nav .cycle-pager-active {
    color: #ec6115;
}

.jobs-content {
    width: 75%;
    float: left;
}

.jobs-content .cycle-slide {
    width: 100%;
}

@media (max-width: 820px) {
    .jobs-slider-nav {
        display: none;
    }
    .jobs-content {
        float: none;
        width: 100%;
    }
    .jobs-content .blog-content-wrap p {
        margin-top: 1;
        padding-bottom: 0;
        line-height: 1.5;
    }
    .jobs .blog-content-wrap {
        padding-bottom: 0;
    }
    #jobs-slider-nav a {
        font-size: 1em;
        line-height: 1.25;
    }
}

.jobs-accordion-wrap {
    max-width: 774px;
    margin: 0 auto 60px;
}

.jobs-accordion-item {
    border-top: 1px solid #eee;
}

.jobs-accordion-item:first-child {
    border-top: 0;
}

.jobs .jobs-accordion-content {
    float: none;
    margin: 0;
    padding: 0;
}

.jobs .jobs-accordion-header {
    margin: 0;
}

.jobs-accordion-header a {
    display: block;
    padding: .625em 0;
    color: #444;
    font-size: 1.5rem;
}

.jobs-accordion-header a:hover {
    color: #ec6115;
}

.jobs-accordion-header a:focus {
    outline: 0;
}

@media (max-width: 570px) {
    .jobs .jobs-accordion-content {
        padding: 0 5%;
    }
    .jobs-accordion-header a {
        padding: .625em 5%;
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .jobs-accordion-header a {
        font-size: 1.125rem;
    }
}

/*  ==========================================================================
19. Events
==========================================================================  */

.single-event .orange-heading span {
    width: 100%;
}

.single-event .blog-content-wrap {
    padding: 0;
}

.event-attendees li img {
    max-width: 50px;
    padding-right: 10px;
}

.event-attendees li {
    line-height: 40px;
    margin-bottom: 10px;
}

/*  ==========================================================================
21. FAQ Page Styles
==========================================================================  */

body.page-template-page-faq {
    background: url("images/faq-bg.jpg") top center fixed;
    background-size: cover;
}

.page-template-page-faq h1 {
    color: #f36412;
    font-family: Helvetica;
    font-size: 50px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    letter-spacing: 0.5px;
}

.page-template-page-faq .entry p {
    color: #000;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 25px;
    font-weight: 500;
}

.page-template-page-faq h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 37px;
    margin-bottom: 10px;
}

.page-template-page-faq .entry li {
    list-style-type: disc;
    margin-left: 15px;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5em;
}

.page-template-page-faq ul {
    display: block;
    margin-bottom: 15px;
}

.page-template-page-faq .line {
    height: 1px;
    width: 100%;
    background: #999;
    margin: 43px 0;
}

.page-template-page-faq .entry li a {
    color: #f36412;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.page-template-page-faq .answer h2 {
    margin-bottom: 0;
    color: #3e3e3e;
}

.page-template-page-faq .answer p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-top: 0;
}

/*  ==========================================================================
XX. MISCELLANEOUS
==========================================================================  */

@media screen and (max-width: 767px) {
    .contentLeft,
    .contentRight {
        float: none;
        width: 95%;
        margin: 0 auto;
    }
    .entry-one {
        width: 100%;
    }
    .previews {
        min-height: 100%;
    }
    .learn-more-bar {
        display: none;
    }
    .previews-featured-img {
        float: none;
        width: 100%;
        margin: 2% 0;
        height: 75px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #ipad-bg-portrait {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .col-two.previews {
        float: left;
        width: 42%;
        margin: 2% 4%;
        min-height: 350px;
    }
    #branding-illustration {
        padding: 2% 0 0 0;
    }
    .learn-more-bar {
        display: none;
    }
    .previews-featured-img {
        float: none;
        width: 100%;
        margin: 2% 0;
        height: 75px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    body.blog #ipad-bg-landscape,
    body.single #ipad-bg-landscape,
    body.archive #ipad-bg-landscape,
    body.search #ipad-bg-landscape,
    .error404 #ipad-bg-landscape {
        background: #000;
        background-image: none !important;
    }
    .learn-more-bar {
        display: none;
    }
    .previews-featured-img {
        float: none;
        width: 100%;
        margin: 2% 0;
        height: 75px;
    }
    .col-two.previews {
        float: left;
        width: 42%;
        margin: 2% 4%;
        min-height: 350px;
    }
}

.vital-culture-content {
    background: url(images/cloud-bg.jpg) top center no-repeat fixed;
    background-size: cover;
}

@media (max-width: 1024px) {
    .vital-culture-content {
        /*background:  url(images/cloud-bg-small.jpg) top center no-repeat fixed;
        background-size: cover;*/
        background: none;
    }
    #youtube-bg,
    .twitter-feed-wrap {
        background-image: url("images/cloud-bg.jpg");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
}

/* START branding portfolio - in use 4-26-18 */

body.page-id-85 {
    background-image: url(images/work-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

body.page-id-85 .slick-list {
    top: 7em;
}

@media screen and (min-width:768px) {
    body.page-id-85 .slick-list {
        top: 2em;
    }
}

@media screen and (min-width:1024px) {
    body.page-id-85 .slick-list {
        top: 0;
    }
}

@media screen and (min-width: 1400px) {
    body.page-id-85 {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 150%;
    }
}

/* END branding portfolio - in use 4-26-18 */

@media only screen and (max-width: 568px) {
    body.single-case-studies {
        background: #000;
    }

    .ca-content,
    .ca-menu li {
        height: auto;
        width: 90%;
        margin: 0 auto;
    }
    .story {
        height: 100%;
    }
}

@media only screen and (max-width: 400px) {
    #content-slider-1 {
        height: 355px;
    }
}

@media only screen and (min-width: 2000px) {
    body,
    body.single-case-studies,
    body.blog,
    body.single,
    body.archive,
    body.search,
    .error404 {
        background-size: cover;
    }
}

/* Pagination */

.pagination {
    text-align: center;
}

.pagination ol {
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

.pagination ol li {
    float: left;
    width: auto;
    font-family: 'Whiteboard', 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    padding-right: 15px;
}

/*  ==========================================================================
XXI. Inbound
==========================================================================  */

@font-face {
    font-family: 'inbound';
    src: url("fonts/inbound/inbound.eot?-hrwqx1");
    src: url("fonts/inbound/inbound.eot?#iefix-hrwqx1") format("embedded-opentype"), url("fonts/inbound/inbound.woff?-hrwqx1") format("woff"), url("fonts/inbound/inbound.ttf?-hrwqx1") format("truetype"), url("fonts/inbound/inbound.svg?-hrwqx1#inbound") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="inbound-icon-"],
[class*=" inbound-icon-"] {
    font-family: 'inbound';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.page-template-page-inbound-php {
    background: #000;
}

.page-template-page-inbound-php .padding {
    padding-top: 2.39em;
}

section.inbound-header {
    background: #303131;
    background-size: contain;
    position: relative;
}

section.inbound-header h1 {
    color: #fff;
    font-size: 4.063em;
    position: absolute;
    left: 50%;
    width: 454px;
    margin-left: -227px;
    top: 20%;
}

@media screen and (max-width: 940px) {
    section.inbound-header h1 {
        font-size: 3.063em;
    }
}

@media screen and (max-width: 768px) {
    section.inbound-header h1 {
        top: 6%;
    }
}

@media screen and (max-width: 600px) {
    section.inbound-header h1 {
        font-size: 2.063em;
    }
}

@media screen and (max-width: 568px) {
    section.inbound-header h1 {
        top: 4%;
    }
}

@media screen and (max-width: 454px) {
    section.inbound-header h1 {
        left: auto;
        margin: 0 auto;
        width: 100%;
    }
}

section.inbound-header img {
    vertical-align: bottom;
}

section.what-is-inbound {
    background: #fff;
    overflow: hidden;
}

section.what-is-inbound .col-two {
    padding: 123px 0;
}

section.what-is-inbound .col-two h1 {
    color: #48494b;
    font-size: 2.813em;
    padding: 18% 0 20px 0;
}

@media screen and (max-width: 1352px) {
    section.what-is-inbound .col-two h1 {
        padding-top: 10%;
    }
}

@media screen and (max-width: 1104px) {
    section.what-is-inbound .col-two h1 {
        padding-top: 3%;
    }
}

@media screen and (max-width: 940px) {
    section.what-is-inbound .col-two h1 {
        font-size: 2.013em;
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    section.what-is-inbound {
        padding: 100px 0;
    }
    section.what-is-inbound .col-two {
        padding: 15px 0;
    }
}

section.what-is-inbound .col-two h1 span {
    color: #0095b5;
}

section.what-is-inbound .col-two p {
    font-size: 1.250em;
    padding: 0 10px;
}

section.outbound-is-dead {
    background: #303131;
    overflow: hidden;
    padding: 180px 0;
}

section.outbound-is-dead,
section.outbound-is-dead h1 {
    color: #fff;
}

section.outbound-is-dead h1 {
    font-size: 2.813em;
    padding: 4% 0 20px 0;
}

section.outbound-is-dead h1 span {
    color: #f05229;
}

section.outbound-is-dead .col-two p {
    font-size: 1.250em;
    line-height: 32px;
    padding: 0 30px;
}

section.outbound-is-dead .pods .col-two {
    box-sizing: border-box;
    display: table;
    height: 99px;
    margin-right: 0;
    padding-left: 110px;
    text-align: left;
}

section.outbound-is-dead #skip-tv-ads {
    background: url(images/icon-skip-ads.png) no-repeat;
    margin-bottom: 50px;
}

section.outbound-is-dead #unsubscribe {
    background: url(images/icon-unsubscribe.png) 15px 0 no-repeat;
    margin-bottom: 50px;
}

section.outbound-is-dead #do-not-call {
    background: url(images/icon-do-not-call.png) no-repeat;
}

section.outbound-is-dead #direct-mail {
    background: url(images/icon-direct-mail.png) no-repeat;
}

section.outbound-is-dead .pods .col-two p {
    color: #b1b1b1;
    display: table-cell;
    padding: 0;
    text-transform: uppercase;
    vertical-align: middle;
}

@media screen and (max-width: 1360px) {
    section.outbound-is-dead .pods .col-two p {
        font-size: 1em;
    }
}

@media screen and (max-width: 1139px) {
    section.outbound-is-dead .pods .col-two {
        padding-left: 73px;
    }
    section.outbound-is-dead #skip-tv-ads {
        background-position: 0 10px;
        background-size: 30%;
    }
    section.outbound-is-dead #unsubscribe {
        background-position: 0 10px;
        background-size: 25%;
    }
    section.outbound-is-dead #do-not-call {
        background-position: 0 10px;
        background-size: 30%;
    }
    section.outbound-is-dead #direct-mail {
        background-position: 0 10px;
        background-size: 30%;
    }
}

@media screen and (max-width: 1024px) {
    section.outbound-is-dead h1 {
        padding-top: 20%;
    }
    section.outbound-is-dead .pods .col-two {
        background-size: auto !important;
        float: none;
        margin: 15px 0 !important;
        padding-left: 110px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    section.outbound-is-dead .pods {
        padding-top: 20px;
    }
    section.outbound-is-dead .pods .col-two {
        float: left;
        width: 50%;
    }
    section.outbound-is-dead h1 {
        padding-top: 0;
    }
    section.outbound-is-dead #skip-tv-ads {
        background-position: 10px 0;
    }
    section.outbound-is-dead #unsubscribe {
        background-position: 15px 0;
    }
}

@media screen and (max-width: 480px) {
    section.outbound-is-dead .pods .col-two {
        float: none;
        margin: 15px auto !important;
        width: 90%;
    }
}

section.blank {
    background: #fff;
    height: 660px;
}

section.inbound-tools {
    background: #303131;
    color: #fff;
    overflow: hidden;
}

section.inbound-tools .tools .tool {
    height: 365px;
    width: 33.333%;
    cursor: pointer;
    position: relative;
    vertical-align: top;
}

@media screen and (max-width: 600px) {
    section.inbound-tools .tools .tool {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    section.inbound-tools .tools .tool {
        width: 100%;
    }
}

.inbound-icon-content-creation p.icon:before {
    content: "\e60a";
    font-size: 2.500em;
    font-weight: normal;
}

.inbound-icon-conversion-strategy p.icon:before {
    content: "\e60b";
    font-size: 2.500em;
    font-weight: normal;
}

.inbound-icon-marketing-automation p.icon:before {
    content: "\e60c";
    font-size: 2.500em;
    font-weight: normal;
}

.inbound-icon-reporting p.icon:before {
    content: "\e60d";
    font-size: 2.500em;
    font-weight: normal;
}

.inbound-icon-social-media-email-marketing p.icon:before {
    content: "\e60e";
    font-size: 2.500em;
    font-weight: normal;
}

.inbound-icon-web-optimization p.icon:before {
    content: "\e60f";
    font-size: 2.500em;
    font-weight: normal;
}

p.icon {
    padding-top: 20%;
}

section.inbound-tools .tools .active-tab#web-optimization:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #0095b5;
    border-width: 35px;
    margin-left: -35px;
    margin-top: -9px;
    z-index: 100;
}

section.inbound-tools .tools .active-tab#content-creation:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #f37e24;
    border-width: 35px;
    margin-left: -35px;
    margin-top: -9px;
    z-index: 100;
}

section.inbound-tools .tools .active-tab#conversion-strategy:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #938982;
    border-width: 35px;
    margin-left: -35px;
    margin-top: -9px;
    z-index: 100;
}

section.inbound-tools .tools .active-tab#social-media-email-marketing:before {
    bottom: 97%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #6d6e71;
    border-width: 35px;
    margin-left: -35px;
    margin-top: -9px;
    z-index: 100;
}

section.inbound-tools .tools .active-tab#reporting:before {
    bottom: 97%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #05b59c;
    border-width: 35px;
    margin-left: -35px;
    margin-top: -9px;
    z-index: 100;
}

section.inbound-tools .tools .active-tab#marketing-automation:before {
    bottom: 97%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f05229;
    border-width: 35px;
    margin-left: -35px;
    margin-top: -9px;
    z-index: 100;
}

section.inbound-tools .tool-data {
    display: none;
}

section.inbound-tools .tools .active-tab {
    -webkit-box-shadow: inset 0 0 0 9px #303131;
    -moz-box-shadow: inset 0 0 0 9px #303131;
    box-shadow: inset 0 0 0 9px #303131;
}

section.inbound-tools .tools .tool p {
    color: #303131;
    font-size: 1.875em;
    font-weight: bold;
    line-height: 40px;
    opacity: 0.7;
    margin: 0 100px;
}

section.inbound-tools .tools .tool p span {
    font-size: 0.65em;
    font-weight: normal;
    text-transform: uppercase;
}

section.inbound-tools .tools .active-tab p {
    color: #fff;
    opacity: 1;
}

.tool-data-container .col-two {
    box-sizing: border-box;
    padding: 0 3%;
    text-align: left;
}

.tool-data-container .col-two h2 {
    color: #fff;
    font-size: 1.875em;
    margin: 0;
}

.tool-data-container .col-two p {
    font-size: 1.250em;
    line-height: 24px;
    padding-bottom: 40px;
}

.tool-data-container .col-two p a.button,
section.case-studies .case-studies-container .slider-container ul.slider li p a.button {
    background: #fff;
    display: block;
    color: #424242;
    width: 30%;
    text-align: center;
    font-size: 1.250em;
    font-weight: bold;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    padding: 5px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

@media screen and (max-width: 615px) {
    .tool-data-container .col-two p a.button {
        width: 40%;
    }
}

@media screen and (max-width: 480px) {
    .tool-data-container .col-two p a.button {
        width: 60%;
    }
}

.tool-data-container .col-two p a.button:hover {
    opacity: 0.6;
}

.tool-data-container .col-two ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.tool-data-container .col-two ul li {
    background: url(images/bullet.png) 0 7px no-repeat;
    padding: 0 0 18px 35px;
    text-transform: uppercase;
}

section.case-studies .case-studies-header {
    background: #fff;
}

section.case-studies .case-studies-header h1 {
    color: #48494b;
    font-size: 1.875em;
    padding: 30px 0;
    text-transform: uppercase;
}

section.case-studies .case-studies-container {
    background: #303131;
    overflow: hidden;
}

section.case-studies .case-studies-container .slider-container {
    margin: 0 auto;
    max-width: 1400px;
}

section.case-studies .case-studies-container .slider-container .col-two {
    overflow: visible;
}

section.case-studies .case-studies-container .slider-container ul.slider li {
    min-height: 630px;
    text-align: left;
    overflow: hidden;
}

section.case-studies .case-studies-container .slider-container ul.slider li img {
    bottom: 0;
    position: absolute;
    right: 20px;
    z-index: -1;
}

section.case-studies .case-studies-container .slider-container ul.slider li .company-logo {
    margin: 140px 0 55px 0;
}

section.case-studies .case-studies-container .slider-container ul.slider li .company-logo img {
    position: static;
}

section.case-studies .case-studies-container .slider-container ul.slider li h2 {
    color: #0095b5;
    font-size: 1.125em;
    line-height: 18px;
    text-transform: uppercase;
}

section.case-studies .case-studies-container .slider-container ul.slider li h2 span {
    color: #fff;
}

section.case-studies .case-studies-container .slider-container ul.slider li p {
    color: #fff;
    font-size: 1.750em;
    line-height: 28px;
}

section.case-studies .case-studies-container .slider-container ul.slider li p.cta {
    position: absolute;
    right: 20%;
    top: 370px;
    z-index: 100;
}

@media screen and (max-width: 1130px) {
    section.case-studies .case-studies-container .slider-container ul.slider li img {
        right: -110px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta {
        right: 1%;
    }
}

section.case-studies .case-studies-container .slider-container ul.slider li p.cta a.button {
    color: #0095b5;
    font-size: 0.875em;
    padding: 15px;
    width: 230px;
}

.slider-container {
    position: relative;
}

.bx-controls-direction a {
    position: absolute;
    top: 45%;
}

.bx-controls-direction a.bx-prev {
    background: url(images/btn-previous.png) no-repeat;
    display: block;
    height: 60px;
    left: 0;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 31px;
}

.bx-controls-direction a.bx-next {
    background: url(images/btn-next.png) no-repeat;
    display: block;
    height: 60px;
    right: 0;
    text-align: right;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 31px;
}

ul#bx-pager {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

ul#bx-pager li {
    background: rgba(30, 31, 31, 0.8);
    display: inline-block;
}

ul#bx-pager li a {
    color: #fff;
    display: block;
    font-size: 1.563em;
    padding: 19px 119px;
}

ul#bx-pager li a.active {
    background: rgba(0, 149, 181, 1);
}

@media screen and (max-width: 1024px) {
    section.case-studies .case-studies-container .slider-container ul.slider li {
        min-height: 480px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li img {
        width: 41.625em;
        right: 20px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li .company-logo img {
        width: 50%;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p {
        font-size: 1.125em;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li .company-logo {
        margin: 80px 0 25px 0;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li .block {
        padding-bottom: 15px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta {
        right: 17%;
        top: 300px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta a.button {
        width: 11.875em;
    }
    ul#bx-pager li a {
        font-size: 1.125em;
        padding: 19px 5.563em;
    }
}

@media screen and (max-width: 800px) {
    section.case-studies .case-studies-container .slider-container ul.slider li img {
        right: -90px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta {
        right: 1%;
    }
}

@media screen and (max-width: 767px) {
    section.case-studies .col-two {
        float: left;
        width: 42%;
        margin: 0% 4%;
    }
}

@media screen and (max-width: 700px) {
    section.case-studies .case-studies-container .slider-container ul.slider li {
        min-height: 336px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li .company-logo {
        margin: 40px 0 25px 0;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li img {
        width: 28.500em;
        right: 20px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li h2 {
        margin: 0;
    }
    ul#bx-pager li a {
        padding: 10px 3.263em;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta {
        right: 13%;
        top: 213px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta a.button {
        padding: 5px;
        width: 10.175em;
    }
}

@media screen and (max-width: 700px) {
    section.case-studies .case-studies-container .slider-container ul.slider li img {
        right: -38px;
    }
}

@media screen and (max-width: 568px) {
    section.case-studies .case-studies-container .slider-container ul.slider li {
        min-height: 286px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li h2,
    section.case-studies .case-studies-container .slider-container ul.slider li p,
    ul#bx-pager li a {
        font-size: 0.875em;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li .block {
        padding-bottom: 5px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta {
        top: 183px;
    }
}

@media screen and (max-width: 465px) {
    section.case-studies .case-studies-container .slider-container .col-two {
        overflow: visible;
        float: none;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta {
        position: static;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li img {
        display: none;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li .company-logo img {
        display: block;
        width: 249px;
        margin: 0 auto;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li .block {
        padding-bottom: 25px;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li h2 {
        font-size: 1.125em;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p {
        font-size: 1.750em;
    }
    section.case-studies .case-studies-container .slider-container ul.slider li p.cta a.button {
        margin: 0 auto 100px auto;
    }
}

section.ready-to-talk {
    background: #ebebeb;
    border-bottom: 20px solid #fff;
    border-top: 20px solid #fff;
}

section.ready-to-talk .ready-to-talk-container {
    margin: 0 auto;
    max-width: 87.500em;
    overflow: hidden;
}

section.ready-to-talk .ready-to-talk-container .col-two {
    box-sizing: border-box;
    display: block;
    margin: 0;
    min-height: 500px;
    text-align: left;
    width: 50%;
}

section.ready-to-talk .ready-to-talk-container .col-two:first-child {
    border-right: 10px solid #fff;
    padding-left: 10px;
}

section.ready-to-talk .ready-to-talk-container .col-two:last-child {
    border-left: 10px solid #fff;
    padding: 0 10px 0 80px;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container {
    height: 280px;
    margin-top: 15%;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container .col-two-container-inner {
    border: none;
    float: left;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container .col-two-container-inner:first-child {
    width: 42%;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container .col-two-container-inner:last-child {
    width: 58%;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container img {
    padding-right: 10%;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container h1 {
    font-size: 2.188em;
    margin-bottom: 17px;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container p {
    font-size: 1.250em;
    margin-bottom: 25px;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container p a.button {
    background: #05b59c;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color: #fff;
    display: inline-block;
    font-size: 1.563em;
    font-weight: bold;
    padding: 13px 50px;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container p a.book-download {
    color: #f37e24;
    font-size: 1.563em;
    font-weight: bold;
}

section.ready-to-talk .ready-to-talk-container .col-two .col-two-container p a.book-download:after {
    background: url(images/ebook-download.png) no-repeat;
    content: " ";
    display: inline-block;
    height: 29px;
    left: 5px;
    position: relative;
    top: 5px;
    width: 29px;
}

section.ready-to-talk .ready-to-talk-container .col-two:first-child .col-two-container .col-two-container-inner:last-child {
    padding-right: 90px;
}

@media screen and (max-width: 1185px) {
    section.ready-to-talk .ready-to-talk-container .col-two .col-two-container p a.button {
        font-size: 1.250em;
        padding: 13px 35px;
    }
}

@media screen and (max-width: 1037px) {
    section.ready-to-talk .ready-to-talk-container .col-two .col-two-container p a.book-download {
        font-size: 1.250em;
    }
}

@media screen and (max-width: 977px) {
    section.ready-to-talk .ready-to-talk-container .col-two:first-child .col-two-container .col-two-container-inner:last-child {
        padding-right: 20px;
    }
}

@media screen and (max-width: 767px) {
    section.ready-to-talk .ready-to-talk-container .col-two {
        border-right: none !important;
        border-left: none !important;
        min-height: 450px;
        width: 100% !important;
    }
    section.ready-to-talk .ready-to-talk-container .col-two:first-child {
        border-bottom: 10px solid #fff;
    }
    section.ready-to-talk .ready-to-talk-container .col-two:last-child {
        border-top: 10px solid #fff;
    }
    section.ready-to-talk .ready-to-talk-container .col-two .col-two-container .col-two-container-inner {
        float: left;
        text-align: left;
        width: 50% !important;
    }
}

@media screen and (max-width: 480px) {
    section.ready-to-talk .ready-to-talk-container .col-two {
        border-right: none !important;
        border-left: none !important;
        min-height: 450px;
        width: 100% !important;
    }
    section.ready-to-talk .ready-to-talk-container .col-two:first-child {
        border-bottom: 10px solid #fff;
    }
    section.ready-to-talk .ready-to-talk-container .col-two:last-child {
        border-top: 10px solid #fff;
    }
    section.ready-to-talk .ready-to-talk-container .col-two .col-two-container .col-two-container-inner {
        float: none;
        text-align: center;
        width: 100% !important;
    }
    section.ready-to-talk .ready-to-talk-container .col-two,
    section.ready-to-talk .ready-to-talk-container .col-two .col-two-container img {
        padding: 20px !important;
    }
}

/*
Todd Motto Labs
URL: www.toddmotto.com
*/

/*------------------------------------*\
SuperBox
\*------------------------------------*/

*,
*:after,
*:before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

img {
    vertical-align: bottom;
}

.wrapper {
    max-width: 1280px;
    margin: 0 auto;
}

.logo {
    margin: 25px 0;
    text-align: center;
}

.logo-img {
    max-width: 95%;
}

/* SuperBox */

.superbox-list {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 12.5%;
}

.superbox-img {
    max-width: 100%;
    width: 100%;
    cursor: pointer;
}

.superbox-show {
    text-align: center;
    position: relative;
    background: #333;
    width: 100%;
    /*float:left;*/
    padding: 55px 25px;
    display: none;
    /* everything below this line is custom css */
    overflow: hidden;
    /* everything above this line is custom css */
}

.superbox-current-img {
    max-width: 100%;
    box-shadow: 0 1px 4px #222;
    border: 1px solid #222;
}

.superbox-img:hover {
    opacity: 0.8;
}

.superbox-float {
    float: left;
}

.superbox-close {
    opacity: 0.7;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 25px;
    background: url(../img/close.gif) no-repeat center center;
    width: 35px;
    height: 35px;
}

.superbox-close:hover {
    opacity: 1;
}

@media only screen and (min-width: 320px) {
    .superbox-list {
        width: 50%;
    }
}

@media only screen and (min-width: 486px) {
    .superbox-list {
        width: 25%;
    }
}

@media only screen and (min-width: 768px) {
    .superbox-list {
        width: 16.66666667%;
    }
}

@media only screen and (min-width: 1025px) {
    .superbox-list {
        width: 12.5%;
    }
}

.page-template-template-questionaires-php {
    background-color: #fff;
}

.rfpForm {
    display: block;
    margin: 0 auto;
    max-width: 90%;
    border: 1px solid #ccc;
    background: #e7e5e5;
}

.rfpForm img {
    margin: 0;
}

.optin-monster-overlay #om-lightbox-bullseye-footer button {
    line-height: 0px;
    text-align: left;
}

/* Resource Page */

.resource:nth-child(even) {
    background: #f3f3f3;
}

.resource:nth-child(odd) {
    background: #fff;
}

.resource {
    padding: 30px 0;
    position: relative;
    text-align: center;
}

.imageLft {
    display: block;
}

.ebook .imageLft img {
    max-height: 390px;
}

.literature-brochures-specification-sheets .imageLft img {
    max-width: 250px;
}

.resource .wrapper p,
.resource .wrapper h2 {
    line-height: 1.5em;
    display: block;
}

.topTxt h1 {
    display: inline;
    /* Style for "Resource Cente" */
    color: #FFF;
    font-family: "Helvetica";
    font-size: 26px;
    font-weight: 300;
    line-height: 74px;
}

.resource h2 {
    display: inline;
    padding-bottom: 10px;
}

.resource .wrapper .imageLft {
    margin: auto;
    max-width: 240px;
}

.resource .wrapper .btn-grey {
    margin-top: 20px;
}

.resource .wrapper .image {
    display: block;
    float: left;
    clear: both;
    text-align: left;
    width: 100%;
    text-align: center;
}

.resource .wrapper .content {
    display: block;
    float: right;
    width: 100%;
    text-align: left;
    clear: both;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (min-width: 600px) {
    .resource {
        padding: 60px 0;
    }
    .resource .wrapper {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .resource .wrapper .content {
        width: 63%;
    }
    .resource .wrapper .image {
        width: 37%;
        text-align: left;
    }
    .resource .wrapper .imageLft {
        max-width: inherit;
    }
    .resource .wrapper .btn-grey {
        margin-top: 20px;
    }
}

.resource a {
    margin-top: 10px;
}

section#type {
    background: url("images/black.png") repeat;
    text-align: center;
    /*clear: both;
    display: block;
    position: absolute;*/
    z-index: 9;
    float: right;
}

section#type h2 {
    font-size: 43px;
    font-weight: 300;
    line-height: 36px;
    padding-bottom: 45px;
    padding-top: 45px;
    width: 100%;
    color: #ccc;
}

.resource .wrapper,
.topTxt .wrapper {
    max-width: 1100px;
    display: inline-block;
    margin: auto;
}

.type,
.topic {
    display: inline-block;
    width: 161px;
    height: 74px;
    background: url("images/down-arrow-resource.png") no-repeat 105px center #393939;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.12);
    /* margin-top:24px;*/
    color: #fff;
    font-family: 'Lato', Arial, sans-serif;
    line-height: 74px;
    font-size: 18px;
    padding-left: 30px;
    text-align: left;
    vertical-align: top;
    text-transform: uppercase;
}

#types,
#topics {
    background: #D9D9D9;
    margin-left: -30px;
    padding-left: 30px;
    z-index: 99;
}

.type:hover,
.topic:hover {
    background: url("images/down-arrow-resource.png") no-repeat 105px center #000;
    cursor: pointer;
}

#topics #Filters2 {
    width: 350px;
}

.type .controls,
.topic .controls {
    display: none;
}

.topTxt {
    background: #393939;
    margin-top: 46px;
    height: 74px;
}

.topTxt p {
    font-weight: normal;
    padding-top: 10px;
    line-height: 1.5em;
}

@media screen and (max-width: 600px) {
    #type.mobile {
        display: block;
        position: relative;
    }
    #type.mobile form {
        float: left;
        text-align: left;
        margin-top: 10px;
        background: #ccc;
        padding: 15px;
        width: 90%;
    }
    .topTxt {
        text-align: center;
        margin-top: 26px;
    }
}

.calculator .imageLft {
    margin-left: -116px;
}

.resource-cta {
    margin-bottom: 15px;
    display: block;
    position: relative;
    left: -6px;
}

.resource-cta.guide {
    left: 0;
}

/* Ebook Thank You Page */

.page-template-page-thank-you {
    background: #fff;
}

.page-template-page-thank-you .padding {
    padding: 0;
}

.page-template-page-thank-you h1 {
    text-align: left;
    font-size: 49px;
    font-weight: 700;
    font-family: "Helvetica Neue";
}

.page-template-page-thank-you #content-wrap {
    max-width: 938px;
    margin: auto;
}

.page-template-page-thank-you .module {
    width: 100%;
    padding: 3.5%;
}

.page-template-page-thank-you .header_blurb {
    font-size: 25px;
    margin-bottom: 45px;
}

.page-template-page-thank-you .recommended_posts_header {
    color: #f06226;
    font-family: "Helvetica Neue";
    font-size: 28px;
    font-weight: 400;
}

.page-template-page-thank-you a.readMore {
    color: #f06226;
    font-size: 20px;
    font-weight: 700;
}

.page-template-page-thank-you .ctaSection a img {
    margin-top: 40px;
    margin-bottom: 20px;
}

/*   Buttons
    --------------------------------------------------------------------------  */

.cta-btn {
    display: inline-block;
    padding: 0.625em 1.250em;
    background-color: transparent;
    border-radius: 3px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    transition: all 100ms ease-out;
    text-transform: uppercase;
}

.cta-btn:focus {
    outline: 0;
}

.btn-orange {
    background: linear-gradient(to bottom, #f05419 0%, #f47900 100%);
    color: #fff;
    transition: none;
}

.btn-orange:hover,
.btn-orange:focus {
    background: linear-gradient(to bottom, #F05518, #F05518);
    color: #fff;
}

.btn-blue {
    background: linear-gradient(to bottom, #0079FC, #0059E6);
    color: #fff;
    transition: none;
}

.btn-blue:hover,
.btn-blue:focus {
    background: linear-gradient(to bottom, #0079FC, #0079FC);
    color: #fff;
}

.btn-green {
    background: linear-gradient(to bottom, #7BB005, #5D9604);
    color: #fff;
    transition: none;
}

.btn-green:hover,
.btn-green:focus {
    background: linear-gradient(to bottom, #7BB005, #7BB005);
    color: #fff;
}

.btn-grey {
    background-color: #3C3C3C;
    color: #fff;
    transition: none;
}

.btn-grey:hover,
.btn-grey:focus {
    background: #000;
    color: #fff;
}

.btn-red {
    background: #e22d0f;
    color: #fff;
}

.btn-red:hover {
    color: #fff;
    background: #404040;
}

.blog-content-wrap .cta-button,
.blog-content-wrap .post-thumb {
    text-align: center;
}

.blog-content-wrap .cta-button .cta-btn,
.blog-content-wrap .post-thumb .cta-btn {
    color: #ffffff;
}

.service-cta {
    font-weight: bold;
}

/*Location page*/

.vital-locations section {
    background: #ffffff;
}

.vital-locations .centered-content {
    width: 1020px;
    margin: auto;
    max-width: 100%;
    padding: 0 20px;
}

/*Interior Banner*/

.vital-locations .interior-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 160px 0;
    position: relative;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}

.admin-bar .vital-locations .interior-banner {
    margin-top: 10px;
}

.vital-locations .interior-banner .interior-banner-cover {
    text-align: center;
    position: relative;
}

.vital-locations .interior-banner .banner-logo {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding: 0 22px 22px 22px;
}

.vital-locations .interior-banner .banner-title {
    font-size: 60px;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 40px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}

.vital-locations .interior-banner .location-details {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 38px 50px 20px;
    text-align: center;
    margin-left: 3%;
    margin-top: -155px;
}

.vital-locations .interior-banner .location-details .location {
    margin-bottom: 10px;
    font-size: 17px;
}

.vital-locations .interior-banner .location-details .location {
    color: #ffffff;
    font-weight: 300;
    max-width: 188px;
}

.vital-locations .interior-banner .location-details .contact {
    padding: 0 5px;
    margin-bottom: 52px;
    font-size: 17px;
    color: #ffffff;
    font-weight: 300;
}

.vital-locations .interior-banner .location-details .contact.sales-phone {
    margin-bottom: 4px;
}

.vital-locations .interior-banner .contact a {
    color: #ffffff;
    transition: ease all 0.7s 0s;
    outline: none;
}

.vital-locations .interior-banner .contact a:hover {
    color: #f05419;
}

.vital-locations .interior-banner .direction {
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #f6780a;
    font-size: 13px;
    font-weight: 300;
    transition: ease all 0.7s 0s;
    font-weight: 400;
    outline: none;
}

.vital-locations .interior-banner .direction:hover {
    color: #f05419;
}

.vital-locations .interior-banner .direction:after {
    content: "";
    width: 29px;
    height: 2px;
    background: #444444;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -14px;
}

.vital-locations .interior-banner .location-details .address {
    position: relative;
}

.vital-locations .interior-banner .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.vital-locations .interior-banner .icon.cloud-icon {
    height: 24px;
    width: 24px;
}

.vital-locations .interior-banner .location-details .time {
    display: inline-block;
    float: left;
    color: #818181;
}

.vital-locations .interior-banner .location-details .weather {
    display: inline-block;
    float: right;
    color: #818181;
}

/*Intro section*/

.vital-locations .intro-content {
    padding: 68px 0;
}

.vital-locations .title {
    font-size: 36px;
	color: #333333;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 21px;
	text-align: center;
}

.vital-locations .intro-content .description {
    font-size: 16px;
    color: #333333;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    line-height: 26px;
    margin-bottom: 84px;
}

.vital-locations .intro-content .stats {
    display: inline-block;
    width: 1140px;
    max-width: 100%;
    margin: auto;
    padding: 0 20px;
}

.vital-locations .stats .stats-content {
    display: block;
    width: 33.33%;
    float: left;
    margin-bottom: 10px;
    margin-top: 6px;
	border-right: 1px solid #c2c2c2;
	text-align: center;
}

.vital-locations .stats .stats-content:last-child {
    border: 1px solid transparent;
}

.vital-locations .stats .stats-title {
    color: #f6780a;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 26px;
    letter-spacing: 3px;
}

.vital-locations .stats .stats-description {
    font-size: 18px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 300;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}

/*Parallax Image with description section*/

.vital-locations .parallex-content {
    background-position: center center;
    background-size: cover;
    position: relative;
    display: table;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.vital-locations .background-overlay {
    background: rgba(0, 0, 0, 0.55);
    position: absolute;
    width: 100%;
    height: 100%;
}

.vital-locations .parallex-content .description-cover {
    display: inline-block;
    margin: auto;
}

.vital-locations .parallex-content .arrow-down {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 100%;
    margin-top: -70px;
    position: absolute;
    ;
}

.vital-locations .parallex-content .arrow-down img {
    width: 52px;
    height: 52px;
    transform: rotate(90deg);
}

.vital-locations .parallex-content .description {
    color: #ffffff;
    font-size: 36px;
    font-weight: 300;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    position: relative;
    line-height: 46px;
    height: 486px;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
}

/*Gallery Slider*/

.vital-locations .gallery-slider {
    position: relative;
    padding: 10px 0;
}

.vital-locations .gallery-slider .no-gallery-slideshow {
    display: inline-block;
    width: 100%;
}

.vital-locations .prev-next {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    z-index: 99;
}

.vital-locations .prev-next .prev {
    float: left;
    transform: rotate(180deg);
}

.vital-locations .prev-next .next {
    float: right;
}

.vital-locations .gallery-slider .prev-next .prev,
.vital-locations .gallery-slider .prev-next .next {
    background: rgba(0, 0, 0, 0.5);
}

.vital-locations .prev-next .prev,
.vital-locations .prev-next .next {
    width: 62px;
    height: 62px;
    margin-top: -31px;
    transition: ease all 0.7s 0s;
    position: relative;
}

.vital-locations .disabled {
    opacity: 0.2;
}

.vital-locations .gallery-slider .prev-next .prev:hover,
.vital-locations .gallery-slider .prev-next .next:hover {
    background: rgba(0, 0, 0, 0.7);
}

.vital-locations .prev-next .prev img,
.vital-locations .prev-next .next img {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 16px;
    top: 18px;
}

.vital-locations .gallery-slideshow {
    max-width: 100%;
    position: relative;
}

.vital-locations .gallery-slideshow .slider-content {
    width: 33.33%;
    margin: 0 10px 0 0;
}

.vital-locations .no-gallery-slideshow .slider-content {
    width: 33.1%;
    margin: 0 0.33% 0 0;
    float: left;
}

.vital-locations .no-gallery-slideshow img {
    width: 100%;
}

.vital-locations .no-gallery-slideshow .slider-content:last-child {
    margin: 0;
}

.vital-locations .slider-content img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

@media only screen and (min-device-width: 1300px) {
    .vital-locations .gallery-slideshow .slider-content img {
        width: 100%;
    }
}

/*Featured Client Section*/

.vital-locations .featured-clients {
    display: inline-block;
    width: 100%;
    padding: 62px 0 72px;
}

.vital-locations .featured-clients .title {
    margin-bottom: 20px;
}

.vital-locations .featured-clients .slider-cover {
    width: 32.5%;
    padding: 0.4%;
    display: block;
}

.vital-locations .featured-clients .slider-cover:last-child {
    padding-right: 0;
}

.vital-locations .featured-clients .slider-cover:first-child {
    padding-left: 0;
}

.vital-locations .featured-clients .no-slideshow .slider-cover {
    float: left;
}

.vital-locations .featured-clients {
    position: relative;
}

.vital-locations .featured-clients .slider-content {
    display: table;
    width: 95%;
    margin-bottom: 20px;
}

.vital-locations .featured-clients .logo-container {
    display: block;
    height: 235px;
    width: 100%;
    position: relative;
    border: 1px solid #e7e7e7;
    vertical-align: middle;
    overflow: hidden;
}

.vital-locations .featured-clients a.logo-container {
    cursor: pointer;
}

.vital-locations .featured-clients .logo-container img {
    transition: ease all 0.7s 0s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vital-locations .featured-clients a.logo-container:hover img {
    transform: scale(1.3) translate(-40%, -35%);
}

.vital-locations .featured-clients .featured-clients-cover {
    width: 1300px;
    max-width: 100%;
    margin: auto;
    position: relative;
}

.vital-locations .featured-clients .client-slideshow {
    display: block;
    margin-bottom: 20px;
}

.vital-locations .featured-clients .no-slideshow {
    display: inline-block;
    width: 1300px;
    max-width: 100%;
    margin: auto;
}

.vital-locations .featured-clients .cta-title {
    font-size: 16px;
    margin-bottom: 10px;
}

/*Favorite Place Section*/

.vital-locations .favorite-place {
    background: #2d2d2d;
    color: #ffffff;
    padding: 72px 64px;
}

.vital-locations .favorite-place .title {
    font-size: 24px;
    margin-bottom: 58px;
    color: #ffffff;
}

.vital-locations .favorite-place .place-container {
    display: inline-block;
    width: 100%;
    position: relative;
}

.vital-locations .favorite-place .place-container .place-slideshow,
.vital-locations .favorite-place .place-container .place-slideshow .cycle-carousel-wrap {
    width: 100% !important;
}

.vital-locations .favorite-place .prev-next .prev {
    margin-left: -60px;
}

.vital-locations .favorite-place .prev-next .next {
    margin-right: -60px;
}

.vital-locations .favorite-place .slider-content {
    display: inline-block;
    width: 19.5%;
}

.vital-locations .favorite-place .slider-content.cycle-slide {
    width: 20%;
    display: inline-block;
}

.vital-locations .favorite-place .place-icon {
    display: inline-block;
    float: left;
    width: 20%;
    margin-right: 4%;
}

.vital-locations .favorite-place .place-content {
    display: inline-block;
    float: right;
    width: 76%;
    text-align: left;
}

.vital-locations .favorite-place svg {
    width: 40px;
    height: 40px;
}

.vital-locations .favorite-place .place-content .place-name {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.vital-locations .favorite-place .place-content .description {
    color: #f6780a;
}

/*Testimonial Slider*/

.vital-locations .client-testimonial-slider {
    padding: 45px 0 60px;
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

.vital-locations .client-testimonial-slider .title {
    margin-bottom: 60px;
}

.vital-locations .testimonial-slideshow {
    display: inline-block;
    width: 100%;
}

.vital-locations .client-testimonial-slider .cycle-slideshow {
    margin: auto auto 26px;
    max-width: 100%;
    width: 1170px;
}

.vital-locations .testimonial-slideshow .left {
    display: block;
    width: 50%;
    float: left;
    padding-right: 6%;
    background: #ffffff;
    border-right: 1px solid #dadada;
    padding-bottom: 30px;
}

.vital-locations .testimonial-slideshow .right {
    display: block;
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 6%;
    ackground: #ffffff;
}

.vital-locations .testimonial-slideshow .about-title {
    text-transform: uppercase;
    font-size: 15px;
    color: #f6780a;
    margin-bottom: 10px;
}

.vital-locations .testimonial-slideshow .client-logo {
    display: table;
    margin: 10px auto 15px auto;
}

.vital-locations .testimonial-slideshow .client-logo-cover {
    display: table-cell;
    height: 92px;
    vertical-align: middle;
}

.vital-locations .testimonial-slideshow .post-thumbnail {
    max-width: 210px;
}

.vital-locations .testimonial-slideshow .about-description a {
    color: #f6780a;
}

.vital-locations .testimonial-slideshow .client-testimonial {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 26px;
    margin-bottom: 35px;
}

.vital-locations .testimonial-slideshow .author-name,
.vital-locations .testimonial-slideshow .author-position {
    color: #868585;
    margin-bottom: 5px;
}

.vital-locations .client-testimonial-slider .cycle-pager {
    display: inline-block;
    width: 100%;
}

.vital-locations .client-testimonial-slider .cycle-pager .pager-cover {
    display: table;
    width: 16.66%;
    float: left;
}

.vital-locations .client-testimonial-slider .cycle-pager .pager-cover:hover {
    cursor: pointer;
}

.vital-locations .client-testimonial-slider .cycle-pager .pager-image {
    display: table-cell;
    height: 92px;
    vertical-align: middle;
}

.vital-locations .client-testimonial-slider .cycle-pager .pager-image img {
    opacity: 0.4;
    transition: ease all 0.7s 0s;
    max-width: 110px;
}

.vital-locations .client-testimonial-slider .cycle-pager .cycle-pager-active img {
    opacity: 1;
}

.vital-locations .client-testimonial-slider .cycle-pager .pager-image .vital-locations .client-testimonial-slider .cycle-pager .pager-image {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    text-align: center;
}

.vital-locations .client-testimonial-slider .client-testimonial-container {
    width: 1380px;
    padding: 0 20px;
    max-width: 100%;
    margin: auto;
}

/*Featered post*/

.vital-locations .featured-post {
    padding: 60px 0;
}

.vital-locations .featured-post .title {
    font-size: 30px;
    margin-bottom: 48px;
    display: block;
    font-weight: 400;
}

.vital-locations .featured-post .highlighted {
    color: #f6780a;
    font-weight: 400;
}

.vital-locations .featured-post .featured-post-cover {
    display: inline-block;
    margin-bottom: 45px;
}

.vital-locations .featured-post .featured-post-content {
    width: 1380px;
    padding: 0 20px;
    max-width: 100%;
    margin: auto;
}

.vital-locations .featured-post .post-image {
    width: 48%;
    float: left;
    display: block;
}

.vital-locations .featured-post .post-thumbnail {
    max-width: 100%;
}

.vital-locations .featured-post .post-type {
    text-transform: uppercase;
    color: #494949;
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
}

.vital-locations .featured-post .post-content {
    display: block;
    float: right;
    width: 48%;
    text-align: left;
}

.vital-locations .featured-post .post-content-full {
    text-align: left;
    width: 100%;
}

.vital-locations .featured-post-cover .post-title {
    color: #f6780a;
    font-size: 30px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
    transition: ease all 0.7s 0s;
}

.vital-locations .featured-post-cover .post-title:hover {
    color: rgba(246, 120, 10, 0.75);
}

.description {
    margin-bottom: 15px;
}

.vital-locations .featured-post .read-more-post,
.vital-locations .post-feed .read-more-post {
    color: #f6780a;
    text-transform: uppercase;
    font-size: 14px;
    transition: ease all 0.7s 0s;
}

.vital-locations .featured-post .read-more-post:hover,
.vital-locations .post-feed .read-more-post:hover {
    color: rgba(246, 120, 10, 0.75);
}

/*Post Feed*/

.vital-locations .post-feed {
    display: inline-block;
    padding: 0 40px;
}

.vital-locations .post-feed .post-content {
    text-align: left;
    display: block;
    width: 33.33%;
    padding: 0 60px;
    float: left;
}

.vital-locations .post-feed .post-content:first-child {
    padding-left: 0;
}

.vital-locations .post-feed .post-content {
    padding-right: 0;
}

.vital-locations .post-feed .post-title {
    font-size: 22px;
    margin-bottom: 10px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #333333;
    transition: ease all 0.7s 0s;
}

.vital-locations .post-feed .post-title:hover {
    color: #f6780a;
}

.vital-locations .related-location .location {
    display: inline-block;
    width: 100%;
    padding: 0 5px;
}

.vital-locations .related-location .location-cover {
    display: inline-block;
    float: left;
    width: 32.67%;
    position: relative;
    overflow: hidden;
    margin: 2px 0.33%
}

.vital-locations .related-location .location-cover.full-width {
    width: 99.67%;
    max-height: 475px;
}

.vital-locations .related-location .location-cover.two-column {
    width: 49.34%;
    max-height: 475px;
}

.vital-locations .related-location .location-thumbnail {
    width: 100%;
}

.vital-locations .related-location .logo-cover {
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding: 0 22px 22px;
    margin-bottom: 10px;
}

.vital-locations .related-location .cover-overlay {
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    transition: ease all 0.7s 0s;
}

.vital-locations .related-location .location-cover {
    height: 430px;
    background-size: cover;
    background-repeat: no-repeat;
}

.vital-locations .related-location .location-cover:hover>.cover-overlay {
    background: rgba(0, 0, 0, 0.5);
}

.vital-locations .related-location .location-cover:hover>.location-address {
    bottom: 100px;
    transition: ease all 0.7s 0s;
}

.vital-locations .related-location .location-content :hover .vital-locations .related-location .cover {
    background: rgba(0, 0, 0, 0.4);
}

.vital-locations .related-location .location-content {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -100px;
	padding: 0 10px;
	text-align: center;
}

.vital-locations .related-location .location-title {
    font-size: 50px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #ffffff;
}

.vital-locations .related-location .location-address {
    display: block;
    width: 100%;
    padding: 0 10px;
    position: absolute;
    left: 0;
    bottom: -60px;
    transition: ease all 0.7s 0s;
    color: #ffffff;
	font-size: 20px;
	text-align: center;
}

/*Who we are page banner responsive*/

@media (max-width: 1330px) {
    .team-slideshow .team-landing .lockup a {
        font: 50px/1em helvetica, arial, sans serif;
    }
}

@media (max-width: 1100px) {
    .team-slideshow .team-landing .lockup a {
        font: 40px/1em helvetica, arial, sans serif;
    }
}

@media (max-width: 1024px) {
    .team-slideshow .team-landing .lockup {
        margin-top: -60px;
    }
    .team-slideshow .team-landing .lockup a {
        font: 30px/1em helvetica, arial, sans serif;
    }
}

@media (max-width: 768px) {
    .team-slideshow .team-landing .lockup {
        margin-top: -45px;
    }
    .team-slideshow .team-landing .lockup a {
        padding: 25px;
    }
    .vital-locations .related-location .location-cover {
        height: 250px;
    }
}

@media (max-width: 680px) {
    .team-slideshow .team-landing .lockup a {
        font: 23px/1em helvetica, arial, sans serif;
    }
    .team-slideshow .lockup a span {
        font: 100 16px/40px helvetica, arial, sans serif;
    }
}

@media (max-width: 600px) {
    .team-slideshow .team-landing .lockup {
        left: auto;
        top: auto;
    }
    .team-slideshow .team-landing .lockup {
        margin: auto;
    }
    .team-slideshow .team-landing .lockup a {
        border: none;
    }
}

.author .large-author-avatar img {
    margin: 0 1em 0 0;
}

.related-post .page-blog-title {
    display: inline;
}

.related-post .col-two {
    margin-bottom: 20px;
}

.related-post .content-blog .content {
    display: inline-block;
    float: left;
    width: 60%;
}

.related-post .service-post-thumb img {
    width: auto;
    max-width: 100%;
}

/*Portsmouth Landing page responsive*/

@media (min-width: 1450px) {
    .vital-locations .featured-clients .prev-next .prev {
        margin-left: -70px;
    }
    .vital-locations .featured-clients .prev-next .next {
        margin-right: -69px;
    }
}

@media (max-width: 1200px) {
    .vital-locations .related-location .location-cover:hover>.location-address {
        bottom: 70px;
    }
}

@media (max-width: 1100px) {
    .vital-locations .intro-content {
        padding: 24px 0;
    }
    .vital-locations .intro-content .description {
        margin-bottom: 28px;
    }
    .vital-locations .featured-clients {
        padding: 24px 0 48px;
    }
    .vital-locations .parallex-content .description {
        height: 384px;
    }
    .vital-locations .favorite-place {
        padding: 32px 64px;
    }
    .vital-locations .favorite-place .title {
		margin-bottom: 28px;
		color: #fff;
    }
    .vital-locations .client-testimonial-slider {
        padding: 24px 0;
        border-bottom: 1px solid #dadada;
    }
    .vital-locations .featured-post {
        padding: 24px 0;
    }
    .vital-locations .featured-clients .logo-container {
        height: 160px;
    }
    .vital-locations .testimonial-slideshow .client-testimonial {
        font-size: 22px;
    }
    .vital-locations .client-testimonial-slider .cycle-slideshow {
        margin: auto auto 22px;
    }
    .vital-locations .featured-post .title {
        margin-bottom: 28px;
    }
    .vital-locations .related-location .logo-cover {
        margin-bottom: 5px;
        padding: 0 23px 17px;
    }
    .vital-locations .related-location .location-title {
        font-size: 38px;
    }
    .vital-locations .favorite-place .slider-content.cycle-slide {
        width: 25%;
    }
}

@media (max-width: 1024px) {
    .vital-locations .interior-banner .location-details {
        margin-left: 0;
        padding: 24px 22px;
    }
    .vital-locations .interior-banner .direction {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .vital-locations .interior-banner .banner-title {
            font-size: 40px;
    }
    .vital-locations .interior-banner .banner-logo {
        padding: 0 16px 10px;
    }
    .vital-locations .title {
        font-size: 28px;
    }
    .vital-locations .stats .stats-title {
        font-size: 38px;
    }
    .vital-locations .parallex-content .description {
        line-height: 38px;
        font-size: 28px;
    }
    .vital-locations .parallex-content .arrow-down {
        margin-top: -68px;
    }
    .vital-locations .prev-next .prev,
    .vital-locations .prev-next .next {
        height: 42px;
        margin-top: -21px;
        width: 42px;
    }
    .vital-locations .prev-next .prev img,
    .vital-locations .prev-next .next img {
        left: 8px;
        top: 7px;
    }
    .vital-locations .featured-clients .logo-container {
        height: 115px;
    }
    .vital-locations .parallex-content .arrow-down img {
        height: 38px;
        width: 38px;
    }
    .vital-locations .favorite-place .place-icon {
        display: block;
        float: none;
        margin: auto;
        width: auto;
    }
    .vital-locations .favorite-place .slider-content {
        text-align: center;
    }
    .vital-locations .favorite-place .place-content {
        float: none;
        text-align: center;
        width: 100%;
    }
    .vital-locations .featured-clients .logo-container:hover img {
        transform: scale(1.1);
    }
    .vital-locations .featured-post-cover .post-title {
        font-size: 22px;
    }
    .vital-locations .related-location .location-cover {
        height: 310px;
    }
    .vital-locations .related-location .logo-cover {
        padding: 0 17px 15px;
    }
    .vital-locations .related-location .location-title {
        font-size: 35px;
    }
    .vital-locations .related-location .location-address {
        bottom: 30px;
        font-size: 16px;
    }
    .vital-locations .related-location .location-cover:hover>.location-address {
        bottom: 30px;
    }
    .vital-locations .post-feed .post-title {
        font-size: 20px;
    }
}

@media (max-width: 1000px) {
    .vital-locations .post-feed .post-content {
        display: block;
        float: none;
        margin-bottom: 10px;
        padding: 0;
        text-align: left;
        width: 100%;
    }
    .vital-locations .featured-post .featured-post-cover {
        margin-bottom: 18px;
    }
    .vital-locations .client-testimonial-slider .cycle-pager .pager-image {
        display: none;
    }
    .vital-locations .client-testimonial-slider .cycle-pager .pager-cover {
        background: #e67017;
        border-radius: 100%;
        display: inline-block;
        height: 10px;
        margin-right: 10px;
        width: 10px;
        cursor: pointer;
    }
    .vital-locations .client-testimonial-slider .pager-cover.cycle-pager-active {
        background: #f05419;
    }
    .vital-locations .client-testimonial-slider .cycle-pager {
        display: inline-block;
        width: auto;
    }
    .vital-locations .favorite-place .prev-next .prev {
        margin-left: -38px;
    }
    .vital-locations .favorite-place .prev-next .next {
        margin-right: -38px;
    }
    .vital-locations .favorite-place .slider-content.cycle-slide {
        width: 33.33%;
    }
}

@media (max-width: 800px) {
    .vital-locations .interior-banner {
        margin-top: 11px;
    }
    .vital-locations .related-location .location-cover {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .vital-locations .favorite-place .slider-content.cycle-slide {
        width: 50%;
        max-width: 320px;
    }
}

@media (max-width: 700px) {
    .vital-locations .interior-banner {
        padding: 40px 0 40px;
    }
    .vital-locations .interior-banner .location-details {
        display: none;
    }
    .vital-locations .parallex-content .arrow-down {
        margin-top: -48px;
    }
    .vital-locations .testimonial-slideshow .left {
        float: none;
        padding-right: 0%;
        width: 100%;
        margin-bottom: 10px;
    }
    .vital-locations .testimonial-slideshow .right {
        float: none;
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
    .vital-locations .featured-post .post-image {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .vital-locations .featured-post .post-content {
        float: none;
        width: 100%;
    }
    .vital-locations .post-feed {
        padding: 0;
    }
    .vital-locations .testimonial-slideshow .client-logo {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .vital-locations .featured-clients .slider-cover {
        display: block;
        padding: 0.4%;
        width: 49.2%;
    }
    .vital-locations .parallex-content .description {
        font-size: 26px;
    }
    .vital-locations .related-location .location-title {
        font-size: 25px;
    }
    .vital-locations .related-location .location-address {
        bottom: 16px;
    }
    .vital-locations .related-location .location-cover:hover>.location-address {
        bottom: 16px;
    }
}

@media (max-width: 600px) {
    .vital-locations .stats .stats-title {
        font-size: 32px;
    }
    .vital-locations .stats .stats-title {
        margin-bottom: 10px;
    }
    .vital-locations .stats .stats-description {
        font-size: 15px;
    }
    .vital-locations .related-location .location-cover {
        height: 250px;
    }
    .vital-locations .favorite-place .slider-content.cycle-slide {
        width: 50%;
        max-width: 250px;
    }
}

@media (max-width: 568px) {
    .vital-locations .interior-banner {
        margin-top: 23px;
        margin-top: 18px;
    }
    .vital-locations .interior-banner .banner-title {
        font-size: 28px;
        margin-bottom: 23px;
    }
    .vital-locations .interior-banner {
        padding: 32px 0;
    }
    .vital-locations .title {
        font-size: 24px;
    }
    .vital-locations .centered-content {
        padding: 0 10px;
    }
    .vital-locations .intro-content {
        padding: 20px 0;
    }
    .vital-locations .intro-content .description {
        margin-bottom: 16px;
    }
    .vital-locations .featured-clients {
        padding: 16px 0 28px;
    }
    .vital-locations .featured-clients .client-slideshow {
        margin: auto auto 0;
    }
    .vital-locations .client-testimonial-slider {
        padding: 16px 0;
    }
    .vital-locations .related-location .location-cover {
        height: 150px;
    }
    .vital-locations .related-location .location-cover.two-column {
        width: 100%;
    }
    .vital-locations .related-location .logo-cover {
        display: none;
    }
    .vital-locations .related-location .location-content {
        margin-top: -24px;
    }
    .vital-locations .related-location .location-address {
        display: none;
    }
}

@media (max-width: 500px) {
    .vital-locations .stats .stats-description {
        font-size: 12px;
    }
    .vital-locations .intro-content .stats {
        padding: 0 10px;
    }
    .vital-locations .favorite-place .slider-content {
        width: 50%;
    }
    .vital-locations .favorite-place .slider-content.cycle-slide {
        max-width: 100%;
        width: 375px;
    }
    .vital-locations .parallex-content .description {
        font-size: 20px;
        line-height: 28px;
    }
    .vital-locations .parallex-content .arrow-down img {
        height: 26px;
        width: 26px;
    }
    .vital-locations .parallex-content .arrow-down {
        margin-left: -13px;
    }
    .vital-locations .related-location .location-thumbnail {
        height: 100%;
        width: 100%;
    }
    .vital-locations .related-location .location-cover {
        height: 137px;
        width: 100%;
    }
    .contact-info {
        margin: 0;
        width: 100%;
    }
}

@media (max-width: 400px) {
    .related-post .content-blog>p {
        width: 100%;
    }
}

#page-wrap .slick-slider .slick-prev,
#page-wrap .slick-slider .slick-next {
    top: 48%;
    width: 40px;
    height: 40px;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
}

#page-wrap .slick-slider .slick-prev {
    background-image: url('images/slider-left.png') !important;
}

#page-wrap .slick-slider .slick-next {
    background-image: url('images/slider-right.png') !important;
}

body.page-template-our-work .services-landing {
    margin-top: 100px !important;
}

body.page-template-our-work #page-wrap {
    overflow: auto;
}