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

::-moz-selection { background: #9abef7; color:#fff; }
::selection { background: #9abef7; color:#fff; }

* {
    margin: 0;
    padding: 0;
}
.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: #20457f;
    margin: 3em 0;
    clear: both;
}
.hidden {
    display: none;
}
#content-wrap {
    width: 100%;
    padding-bottom: 1.5em;
}
#page-wrap {
    width: 100%;
	z-index:-1000;
	position:absolute;
}
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%;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

    #page-wrap {
        padding-top: 0em
    }
    #ipad-bg-landscape {
        position: fixed;
        top: 0;
        right: 0;
        width: 84.3%;
        height: 100%;
        z-index: -1;
    }
    body {
        background: #111
    }
}
@media (max-width: 568px) {

    body {
        background: #111
    }
    #page-wrap {
        padding-top: 0em;
        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','Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-weight: 100;
}
.thick {
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -.03em;
}
.small {
    font-size: 75%;
}
.orange-heading {
    background: #20457f 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: #ec6115!important;
}
.green {
    color: #8cc63f!important;
}
.dark-grey {
    color: #444!important;
}
.blue {
    color: #0883f5!important;
}
.white {
    color: #ffffff!important;
}
.red {
    color: #e22d0f!important;
}
.inputColor {
    color: #000 !important;
}

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

.center {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 1.5%;
}
.align-center {
    text-align: center;
}
.padding {
    padding-top: 6em;
}
.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%;
}
.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%
    }
    .center {
        margin: 0 auto;
        max-width: 1100px;
        padding: 0;
    }
    .content-wrap {
        margin: 0;
        width: 100%;
    }
    .blackwrap {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
}
@media (max-width: 568px) {
    .padding {
        padding-top: 3em
    }
}
@media (max-width: 568px) {
    .center {
        padding: 0
    }
    .white-bg {
        padding: 4em 0;
        background: #fff;
        color: #444!important;
    }
    .blackwrap {
        width: 100%;
        margin: 0;
    }
}
@media only screen and (min-width:2000px) {
	.center {
		max-width:2000px;
	}
}


/*   1.5. Forms
    --------------------------------------------------------------------------  */

.gform_wrapper .top_label .gfield_label {
    width: 100%
}


/*  ==========================================================================
     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;
}
.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 (min-width:569px) 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) {
    .mobile-remove {
        display: none
    }
    .mobile-show {
        display: inline
    }
    .desktop-remove {
        display: block
    }
    .col-four {
        float: none;
        width: 92%;
        margin: 0%;
    }
    .col-five {
        float: none;
        width: 92%;
        margin: 0% 4%;
    }
}

/*  ==========================================================================
     3. HEADER
    ==========================================================================  */

#header-logo {
    float: left;
    position: relative;
    display: block;
    width: 25%;
}
#header-logo img {
    padding: .4em 0 0;
    width: 300px;
}
@media only screen and (min-width:768px) and (max-width:1024px) {

    #header-logo {
        width: 20%
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

    #header-logo {
        float: none;
        position: relative;
        display: block;
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
}
@media (max-width: 568px) {

    #header-logo {
        float: none;
        position: relative;
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 45%;
    }
    #header-logo img {
        width: 300px;
        padding: 18px 5px 0 5px;
    }

}

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

#footer_wrap {
    background: #1f1f1f;
    background: rgba(0,0,0,0.75);
    width: 100%;
    overflow: hidden;
    clear: both;
}
body.page-id-31 #footer_wrap,
body.page-id-29 #footer_wrap {
    background: #000
}
#footer {
    max-width: 1200px;
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 0 auto;
}
#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 .CTA {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 1em 0 0;
    position: relative;
    top: 1em;
}
#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: 250px;
}
.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 (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-one {
        display: none
    }
     #footer-col-one img {
         display: none
     }
    .footer-address {
        font-size: .825em;
        margin: 1.2em;
    }
}
@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: 'Helvetica Neue', '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
    ==========================================================================  */

/*  ==========================================================================
     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;
}
@media only screen and (max-width : 375px) {
    .share-buttons li {
        display: block;
        margin-bottom: 20px;
    }
}
.share-buttons li a {
    height: 40px;
    padding: 10px 14px;
    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;
}
.icon-feed,
.icon-facebook,
.icon-linkedin,
.icon-twitter {
    float: left;
    padding-left: 0;
    color: #666;
    font-size: 23px;
    position: relative;
    top: 7px;
    left: -26px;
}
.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;
}

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

.CTA,
.CTA-red,
.CTA-blue,
.CTA-green,
.CTA-grey,
.gform_button {
    color: #FFFFFF!important;
    font-family:  'Helvetica Neue', '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,
.gform_button {
    background: #F57B20 url(images/orange-gradient.png) bottom center repeat-x;
}
.CTA:hover,
.gform_button:hover {
    color: #fff;
    background: #e84e00;
}
.gform_button {
    line-height: 1em!important;
    border-color: transparent;
}
.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;
}
.read-more {
    color: #FFFFFF!important;
    font-family:  'Helvetica Neue', '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;
}
.home-section-description {
    color: #222;
    font-family: 'Helvetica', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 3.5em;
    font-weight: 100;
    letter-spacing: -.05em;
    line-height: 1.2em;
    margin: 3%;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.35);
    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;
}
.parent-pageid-8759 .home-section-description strong{
    color: #0883f5 !important;
    letter-spacing: 1px;
}

.parent-pageid-8759 #gform_submit_button_4 {
    background: url("images/blue-gradient.png") repeat-x scroll center bottom #0883F5;
}
.parent-pageid-8759 #gform_submit_button_4:hover{
    background: #013fc3;
    color: #FFFFFF;
    line-height: 60px;
    height: 60px;
}
.parent-pageid-8756 .home-section-description strong{
    color: #8cc63f !important;
    letter-spacing: 1px;
}
.parent-pageid-8756 #gform_submit_button_2 {
    background: #8cc63f url(images/green-gradient.png) bottom center repeat-x;
}
.parent-pageid-8756 #gform_submit_button_2:hover {
    background: #508101;
}

.parent-pageid-8761 .home-section-description strong{
    color: #ec6115 !important;
    letter-spacing: 1px;
}

@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;
}
#content-slider-3 {
    padding: 0;
    height: auto;
}
#content-slider-2 {
    max-width: 48em;
    height: 650px;
    margin: 0 auto;
}
@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
    }
    .rsDefault.rsHor .rsArrowLeft,
    .rsDefault.rsHor .rsArrowRight {
        display: none!important
    }
    #content-slider-1 {
        height: 20em!important
    }
    #content-slider-2 {
        height: 22em;
        padding: 3% 0 5%;
        background: #111 url(images/dd-pattern.png) 0 0 repeat;
        -webkit-box-shadow: inset 0px 0px 30px #000;
        box-shadow: inset 0px 0px 30px #000;
    }
    #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-slideshow {
}
.team-slideshow .team-landing {
	background: url(images/team-landing-bg.jpg) top center no-repeat fixed;
	position:relative;
	height:1000px;
	width:100%;
}
.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;
	bottom:50%;
	right:5%;
}
.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;
	-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:hover {
	color:#f17d25;
}
.team-slideshow .portsmouth-link {
	border-right:solid 1px #f17d25;
	text-align:right;
}
.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:600px) {
	.team-slideshow .team-landing {
		background-size:cover;
		position:relative;
		height:auto;
		width:100%;
		padding:6em 0;
	}
	.team-slideshow .team-landing .lockup {
		position:relative;
		bottom:auto;
		right:auto;
	}
	.team-slideshow .team-landing .lockup a {
		font:30px/1em helvetica, arial, sans serif;
		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
    --------------------------------------------------------------------------  */
@media only screen and (min-width:500px) {
	.page-id-8068 .padding {
		padding:0;
	}
}
.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.html) -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: .5em 1em .5em .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: 1.2em;
    line-height: 1em;
    color: #444;
    font-family: 'Whiteboard', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-weight: 100;
    padding-top: 1em;
}
.team-wrap p {
    font-size: .875em;
    line-height: 1.5em;
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #666;
}
.team-wrap ul {
    list-style: none;
    margin: 0;
    font-size: .8em;
    line-height: 1.4em;
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    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;
}
.mega-heading {
	text-align:center;
	font:60px/60px 'Helvetica Light', helvetica, arial, sans serif;
	display:block;
	padding:3% 0;
}
.mega-heading strong {
	font:60px/60px 'Helvetica Bold', helvetica, arial, sans serif;
	font-weight:bold;
}
.mega-quotes {
	font:60px/67px 'Helvetica Light', helvetica, arial, sans serif;
	display:block;
	padding:3% 0;
	letter-spacing:-0.03em;
}
.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-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    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-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    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;
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    line-height: 1em;
    letter-spacing: -0.06em;
}
.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:5% 0;
}
@media only screen and (max-width: 900px) {
    .team-summary {
        margin: 0 0 10% 4%;
        width: 92%;
    }
	.avatar-nav a {
		width: 15%;
	}
}
#vital_culture {
    background: #000 url(images/vitalgram.png) bottom right no-repeat;
    position: relative;
    clear: both;
    top: 0;
    margin: 0 auto;
    padding-top: 3em;
    height: 570px;
    overflow: hidden;
}
#culture-title {
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    position: absolute;
    top: 35%;
    font-size: 6em;
    font-weight: 600;
    text-align: center;
    width: 100%;
    letter-spacing: -0.02em;
    color: #f1f1f1;
    line-height: 1em;
}
#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 (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.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 'Helvetica Light', helvetica, arial, sans serif;
		padding: 5%;
	}
	.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: .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: 'Helvetica Neue', '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: 'Helvetica Neue', '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: 3em 0 0;
    }
    .team-wrap h1,
    #content-slider-3 h1 {
        font-size: 1em;
        line-height: 2em;
        color: #444;
        font-family: 'Whiteboard', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial,sans-serif;
        font-weight: 100;
        padding-top: 0;
    }
    .team-bio {
        
    }
    .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: .4em!important
    }
    .team-avatar {
        position:absolute;
		 width:42%;
    }
     .team-avatar img {
         margin: 0 auto!important
     }
    .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: 23%;
    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;
}
.home-blog-posts-blackbg {
    background: #000;
    background: rgba(0,0,0,0.6);
    display: block;
    height: 80%;
    width: 80%;
    padding: 10%;
    min-height: 12em;
}
.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;
}
.blog-category {
    color: #f57b20;
    font-family: 'Whiteboard','Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: .825em;
    line-height: 1.3em;
}
.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%;
	}
}
/*   8.5. Twitter Feed
    --------------------------------------------------------------------------  */

.twitter-feed-wrap {
    position: relative;
    margin: 15em 0;
}
.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: 568px) {

    .twitter-feed-wrap {
        position: relative;
        margin: 20% 0;
    }
    .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;
        max-height: 30em;
        font-size: .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: 12.5%;
    background: #000;
}
.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 {
    padding: 5em 0
}
#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 screen and (max-width: 1024px) {
    .instagram-placeholder {
        float: left;
        width: 11.111111%;
    }
}

/*   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;
}
@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/*url("images/blacknwhitecollage.jpg") bottom left no-repeat*/;
        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: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
.applicant h3 {
    font-weight: 100;
    font-size: 2em;
    margin: 1em 0 .3em;
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
.tight-form {
    padding: 4% 0 5%;
    color: #444;
    font-weight: 100;
}
.tight-form p {
    clear: both;
    margin: 3% 0;
    line-height: 2em;
}
.tight-form label {
    margin:0 4% 0 0;
    font-size:.85em;
}
.tight-form .wpcf7-list-item {
    clear: both;
    overflow: hidden;
    width: 100%;
}
.tight-form .wpcf7-list-item label {
    width: 100%
}
.tight-form .wpcf7-list-item input {
    float: left;
    max-width: 20px;
    width: 15%;
    height: 1.4em;
    position: relative;
    top: 10px;
    margin-right: 5px;
}
.tight-form .wpcf7-list-item span {
    float: left;
    max-width: 150px;
    width: 80%;
}
.tight-form .CTA {
    padding: 2% 4%;
    margin: 4% 0;
    line-height: 1em!important;
    border: none;
}
.tight-form .Resume input {
    width: 80%
}
.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) {

    .tight-form .Resume input {
        width: 80%
    }
    .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
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}
.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
    ==========================================================================  */

body.blog,
body.single,
body.archive,
body.search,
.error404 {
    background: #000 url(images/mobile-blog-bg.jpg) top center no-repeat fixed;
}
#blog-full-width-container {
    width: 100%;
    clear: both;
    overflow: hidden;
}
body.page-id-85,
body.page-id-87 {
    background: #eee;
}
.loop-title {
    font-size: 1.5em;
    line-height: 1.2em;
}
.vitalBlogTitle {
    font-size: .55em
}
.blackwrap-blog {
    max-width: 66em;
    margin: 3em auto;
    background: #000;
    background: rgba(0,0,0,0.61);
    clear: both;
    overflow: hidden;
    padding: 1%;
}
body.page-id-6 .blackwrap-blog,
body.parent-pageid-6 .blackwrap-blog {
    background: #000;
    background: rgba(0,0,0,0.31);
}
.ebook-cta {
    margin: 0 0 2em;
    padding: 0;
    display: block;
}
.blog-content-wrap .ebook-cta img {
    margin: 20px 0;
    width: 100%;
    height: auto;
}
#comments {
    padding:4%;
    clear:both;
}
.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','Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
@media only screen and (min-width:768px) and (max-width:1024px) {

    body.blog,
    body.single,
    body.archive,
    body.search,
    .error404 {
        background: #111 url(images/blog-bg.jpg) top center no-repeat fixed
    }
    .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
    }
    #nav_menu-2,
    #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: .925em;
    line-height: 1.7em;
    margin: 1em 0;
    color: #555;
}
.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: #F57B20
}
.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: 'Helvetica Neue', '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;
}
@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 Light', 'HelveticaNeue', 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
}
.share .mobile-show,
.share .mobile-remove {
    float: left
}
@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: -.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', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial,sans-serif;
    font-size: 1.125em;
}
.post-pagination .next {
    float: right
}
@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
    }
}

/* MailChimp Form */

#newsletter-signup {
    margin: 3em auto;
    clear: both;
    overflow: hidden;
    width: 97%;
}
#newsletter-signup h3 {
    font-weight: 400;
    margin: 0;
    font-size: 1.2em;
    color: #333;
    text-indent: 0px;
    font-family:  'Helvetica', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
#newsletter-signup p,
#newsletter-signup .gform_description {
    font-size: .8em;
    color: #999;
    margin: 2px 0 7px;
    padding: 0 0 0 0;
}
#newsletter-signup input {
    border: 1px solid #999;
    color: #ccc;
    font-size: 0.8em;
    margin: 0 auto;
    outline: medium none;
    padding: 2% 0;
    text-indent: 0.5em;
    width: 95%;
    -webkit-box-shadow: inset 1px 1px 4px #ccc;
    box-shadow: inset 1px 1px 4px #ccc;
    border-radius: 3px;
}
input#newsletter-subscribe-submit,
input#gform_submit_button_8 {
    color: #FFFFFF;
    float: left;
    font-family:  'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 0.9em;
	letter-spacing:0;
    margin: 5% 0 0;
    padding: 5% 5% 4%;
    text-align: center;
    width: auto;
    border: none;
    text-indent: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
}
.sidebar-heading {
    font-weight: 100;
    font-size: 1em;
    margin-left: .5em;
}
#newsletter-signup .gform_wrapper .gform_footer {
    margin: 0
}
#newsletter-signup .gfield_label {
    display: none
}
@media (max-width: 568px) {

     #sidebar #newsletter-signup {
         display: none
     }
}

/* Search */

#header-searchform {
    clear: both;
    overflow: hidden;
    margin: 0;
}
#header-searchform #s {
    background: none;
    border: none;
    border-bottom: solid 1px #999;
    outline: none;
    padding: 0 0.5em 0.4em 0.3em;
    font-size: 1;
    color: #999;
    float: left;
    width: 75%;
    margin: 2% 0 2% 1%;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
#header-searchform:hover #s {
    border-bottom: solid 1px #e67017
}
#header-searchform #searchsubmit {
    position: relative;
    top: 5px;
    float: right;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #header-searchform {
        display: none
    }
}
@media (max-width: 568px) {
    #header-searchform {
        display: none
    }
}

/* Default Widget */

.widget {
    margin-bottom: 1em;
    color: #999;
    font-family: 'Helvetica Neue', '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: .5em 0 .5em .5em
}
.widget li span {
    font-size: .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 .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 .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:block;
    height:30px;
    margin: 3px auto 0;
}
.sidebar-cta:hover {
    color: #e35f00;
    background-position: bottom left;
}

@media (max-width: 568px) {

     #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%
    }
}

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

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


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

.web-design-wrap {
    max-width: 55em;
    width: 100%;
    margin: 2.4em auto 0;
    clear: both;
    overflow: hidden;
}
.launch-link {
    text-align: right;
    padding: 1em 0 .5em;
    color: #fff;
    letter-spacing: .03em;
    font-size: .75em;
    float: right;
    opacity: .5;
}
.launch-link:hover {
    opacity: 1
}
.launch-link img {
    position: relative;
    top: 3px;
}
#content-slider-1 .rsImg {
    margin-top: 3em!important
}
#content-slider-2 {
    margin: 4.5em auto!important
}
#content-slider-2 .rsImg {
    margin: 0 auto!important;
    width: 100%!important;
    height: auto!important;
}
@media and screen (max-width:600px) {
	#content-slider-2 {
		margin: 3.5em auto!important
	}
}
.salesCTA {
    text-align: center;
    margin: 15px 0 0px;
    padding-bottom: 35px;
}
.salesCTA h1 {
    font-size: 1.3em;
    line-height: 2em;
    color: #fff;
    font-family: 'Whiteboard', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial,sans-serif;
    font-weight: 100;
}
.salesCTA p {
    font-size: 1.2em;
    line-height: 1.3em;
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 1em;
    font-weight: lighter;
}
.portfolio-nav {
    text-align: center;
    margin: 0 auto 2%;
    clear: both;
    overflow: hidden;
    background: #111;
    background: rgba(0,0,0,0.38);
    padding: .8em 0;
    position: fixed;
    top: 4em;
    left: 0;
    width: 100%;
    z-index: 100;
}
.portfolio-nav a {
    padding: .5em 1em;
    margin: 0 0 0 -5px;
    font-size: .85em;
    line-height: 2.5em;
    font-family:  'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial,sans-serif;
    color: #fff;
    letter-spacing: -.02em;
    border-left: solid 1px #fff;
    opacity: .3;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-nav a:hover {
    opacity: 1;
    color: #fff;
}
.portfolio-nav a.current-page:hover {
    opacity: 1;
    color: #fff;
}
.portfolio-nav a.current-page {
    background: #444;
    -webkit-box-shadow: inset 0px 0px 20px #111;
    box-shadow: inset 0px 0px 20px #111;
    opacity: .6;
    border: solid 1px #ccc;
    color: #fff;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .portfolio-nav {
        text-align: center;
        margin-top: 4%;
    }
}
@media (max-width: 568px) {

    .portfolio-nav {
        margin: -3em auto 4em;
        position: relative;
        background: #111;
    }
    .launch-link {
        left: 2%!important;
        top: 0;
    }
    .salesCTA h1 {
        color: #333
    }
    .salesCTA p {
        color: #333
    }
}

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

.leadCap .col-sixtysix {
    text-align: justify;
    padding: 4% 2% 0% 8%;
    width: 50%;
    margin: 0;
}
.leadCap .col-thirtythree {
    float: right;
    margin: 4% 0% 0%!important;
    width: 30%;
    padding: 2% 4% 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 input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #455560;
    height: 32px;
    width: 95%;
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 18px;
    padding-left: 5px;
}
.leadCap textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #455560;
    width: 95%;
    margin-bottom: 15px;
    line-height: 30px;
    font-size: 18px;
    padding-left: 5px;
    height: 68px;
}
.leadCap .CTA,
.leadCap .gform_button {
    background: url("images/orange-gradient.png") repeat-x scroll center bottom #F57B20;
    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: 'Helvetica Neue', '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:hover,
.leadCap .gform_button:hover {
    background: none repeat scroll 0 0 #E84E00;
    color: #FFFFFF;
    line-height: 60px;
    height: 60px;
}
.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: 'Helvetica Neue', '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: 'Helvetica Neue', '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 .heavy-header {
    text-align: left;
    padding: 1em 0 0;
    font-size: 3.5em;
}
@media only screen and (min-width:768px) 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: 44%;
        float: left;
    }
}
@media only screen and (max-width: 568px) {
    .leadCap .col-sixtysix {
        text-align: justify;
        padding: 4% 4% 0%;
        width: 92%;
        margin: 0;
    }
    .leadCap .col-thirtythree {
        float: none;
        margin: 0%!important;
        width: 92%;
        padding: 4% 4% 0%;
        height: 35em;
    }
}

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

.wwd-icons {
    padding: 0%;
    margin: 4%;
    width: 25%;
    float: left;
}
.wwd-icons img {
    width: 70%!important;
    max-width: 110px;
    height: auto;
}
.option-box {
    background-color: #fff;
    color: #555555;
    font-size: 0.9em;
    padding: 0 0 4%;
    margin: 0 0 4%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.option-box p {
    margin: 3% auto;
    color: #666;
}
.option-box img {
    width: 100%;
    height: auto;
}
.option-box ul {
    margin: 1.5em 0;
    list-style: none;
    width: 100%;
}
.option-box ol {
    margin: 0 0 3% 1.5%;
    line-height: inherit;
    font-size: .825em;
}
.option-box ul li {
    margin: .5em 0;
    text-indent: 1%;
}
.option-box ul a {
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #999;
    font-size: 1.05em;
    line-height: 1.6em;
}
.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-bg {
    background-repeat: no-repeat;
    background-position: top right;
}
.service-box-heading {
    padding: 9em 4%;
    width: 100%;
    border-bottom: solid 1px #ddd;
}
.service-box-heading h1,
.service-box-heading h2 {
    width: 50%;
    margin: 0;
}
.service-box-heading h1 {
    font-size: 3.2em
}
.service-box-heading h2 {
    font-weight: 100;
    margin: 1em 0 1em .2em;
    font-style: italic;
    font-size: 1.5em;
}
.service-corner {
    position: absolute;
    top: 0;
    left: 0;
    width: auto!important;
}
.services-cta-wrap {
    text-align: center;
    float: right;
    margin: 0 0 2em 4em;
    border-left: solid 1px #ddd;
    font-size: 1.2em;
    padding: 2em 0 8em 2em;
    width: 40%;
}
.services-cta-wrap p {
    margin: 2em 0!important
}
.services-entry {
    padding: 4%
}
.service-box p {
    margin: 3% auto;
    color: #666;
}
.service-box img {
    width: 100%;
    height: auto;
}
.service-box ul {
    margin: 5% 0;
    list-style: none;
    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: 'Helvetica Neue', '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: .3em 0!important
}
.services-menu li a {
    font-size: .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 h3 {
    margin-bottom: 1.5em
}
.page-id-6 .wwd-blurb h3 {
    margin-bottom: 0em
}
.wwd-blurb ul li a {
    padding: 0 1em 0 0;
    background: url(images/bullet-arrows.png) right -300px no-repeat;
}
.wwd-blurb ul li a:hover {
    background-position: right -30px
}
#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: 'Helvetica Neue', '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%;
    }
}
@media only screen and (max-width: 920px) {
    #branding .wwd-graphic {
        padding: 0
    }
}
@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: .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 {
         padding: 30em 0 0;
         width: 100%;
         border-bottom: solid 1px #ddd;
     }
      .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;
          padding: 0% 4% 4%;
      }
     .services-cta-wrap {
         text-align: center;
         float: right;
         margin: 1em 0;
         width: 100%;
     }
}
@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;
    }
    .wwd-icons {
        padding: 2%;
        margin: 2%;
    }
}
@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;
    }
    .service-box-heading h1 {
        font-size: 3em
    }
    .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 {
        font-size: 4em
    }
    .service-box-heading h1,
    .service-box-heading h2 {
        padding: 4% 4% 2%;
        width: 60%;
        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: center;
    }
     .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;
    }
    .service-box-heading {
        padding: 20em 0 0;
        width: 100%;
        border-bottom: solid 1px #ddd;
    }
    .service-box-heading h1 {
        font-size: 2em
    }
    .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;
        padding: 0% 4% 4%;
    }
    .services-cta-wrap {
        text-align: center;
        float: right;
        margin: 1em 0;
        width: 92%;
        padding: 1% 4%;
        border: none;
    }
    .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 {
    margin: 4% 0 7%!important;
    display: block;
    font-size: .95em;
}
.excerpt a {
    color: #e67017
}
#case-studies .cs-loop-option-box {
    position: relative;
    width: 100%;
    margin: 2% 2% 2% 0%;
    padding: 0 0 4%;
    float: left;
    background-color: #f1f1f1;
    color: #555555;
    font-size: 0.9em;
    min-height: 35em;
}
#case-studies .option-box {
    background: #f1f1f1
}
#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 h1 {
    font-size: 1.2em;
    font-family: 'Whiteboard','Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #8cc63f!important;
    font-weight: 100;
    word-spacing: .09em;
    line-height: 1.5em;
}
#case-studies h2 {
    font-size: 3.5em;
    font-weight: 100;
    letter-spacing: -.06em;
    line-height: 1em;
    margin-bottom: 2%;
}
#case-studies h3 {
    font-size: 2em;
    font-weight: 100;
    line-height: 1em;
    letter-spacing: -.05em;
}
#case-studies h4 {
    font-size: 1.8em;
    color: #8cc63f!important;
    font-weight: bold;
    line-height: 1em;
}
#case-studies h5 {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
}
#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;
    font-weight: 100;
}
#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;
}
#case-studies .CTA {
    display: block;
    width: 40%;
}
.web-list li {
    background: url(images/check-green.png) left 1px no-repeat;
    padding-left: 20px;
}
.brand-list li {
    background: url(images/check-blue.png) left 1px no-repeat;
    padding-left: 20px;
}
.inbound-list li {
    background: url(images/check-orange.png) left 1px no-repeat;
    padding-left: 20px;
}
.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: 'Helvetica Neue', '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','Helvetica Neue', '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;
    background: #f57b20;
    padding: 4% 0;
    margin: 5% auto 10%;
	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;
}
.bubble {
    background: url(images/contact-bubble.png) 75% center no-repeat;
    font-size: 5.2em;
    letter-spacing: -.06em;
    line-height: 2.5em;
    text-align: center;
    margin: 4% 0;
    text-shadow: .05em .05em .2em #cb4f07;
}
body.page-id-5169 .bubble {
    background: none;
    color: #fff;
}
body.page-id-5169 h3 {
    color: #fff;
}
.contact-box form {
    margin: 3% auto;
    text-shadow: .1em .15em .2em #cb4f07;
}
.contact-box .whiteboard {
    text-shadow: #F97B00 1px 1px 2px;
    line-height: 1.3em;
    margin-bottom: 1em;
}
.contact-box label {
    font-weight: 100;
    font-size: 1em;
    color: #fff;
}
.contact-box input,
.contact-box textarea,
.contact-box input[type="email"] {
    outline: none;
    width: 100%;
    background: #fff;
    border: solid 1px #F97B00;
    font-size: 1em;
    color: #999;
    line-height: 1.3em;
    margin: 1% 0;
    padding: .5em 0;
    text-indent: 3%;
}
.contact-box input.gform_button {
    cursor: pointer;
    padding: 2.6% 0;
    margin: 3% auto;
    background: #1d5cd6 url(images/blue-btn.png) bottom center repeat-x;
    color: #f5f5f5;
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    letter-spacing: -.03em;
    font-weight: bold;
    border: solid 1px #174fad;
    -webkit-box-shadow: 0 .4em .6em  rgba(0,0,0,0.69);
    box-shadow: 0 .4em .6em  rgba(0,0,0,0.69);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.contact-box input.gform_button:hover {
    text-shadow: .1em .1em .2em #174fad;
    position: relative;
    top: 4px;
    -webkit-box-shadow: 0 .2em .6em rgba(0,0,0,0.19);
    box-shadow: 0 .2em .6em rgba(0,0,0,0.19);
}
.contact-box .gform_wrapper input {
    font-size: 1em!important;
    padding: .5em 0!important;
}
.contact-box .gform_wrapper input.gform_button {
    font-size: 1.5em!important
}
.contact-box .gform_wrapper .gfield_required {
    color: #fff
}
#map_canvas {
    width: 99.99%;
    height: 250px;
    position: relative;
    bottom: 4%;
    border-top: solid 3px #cb4f07;
    border-bottom: solid 2px #ff9d56;
}
#input_6_5 {
    width: 60%
}

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

.page-id-6502 .module,
.page-id-6583 .module,
.page-id-6585 .module {
    overflow: hidden;
}
.ebook-cover {
    float: left;
    width: 52.323%;
    margin-right: 4%;
}
.ebook-cover img {
    max-width: 100%;
}
.ebook-content {
    float: right;
    width: 40.626%;
}
.page-template-page-ebook-php .gform_wrapper input {
    max-width: 83%;
}
.page-template-page-ebook-php .gform_wrapper .top_label input.medium {
    width: 83%;
    padding-right: 21px;
}
.page-template-page-ebook-php .gform_wrapper .ginput_complex .ginput_left,
.page-template-page-ebook-php .gform_wrapper .ginput_complex .ginput_right {
    float: none;
    width: 100%;
}
.page-template-page-ebook-php .gform_wrapper input[type="text"] {
    padding: 14px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 1.125em;
}
.page-template-page-ebook-php .gform_wrapper input[type="text"]:focus {
    border-color: #e67017;
}
.page-template-page-ebook-php .gform_wrapper .gfield {
    margin-bottom: 0.5em;
}
.page-template-page-ebook-php .gform_wrapper .gform_footer {
    margin-top: 0;
    padding-top: 0;
}
.page-template-page-ebook-php .gform_wrapper {
    margin: 0;
    max-width: 100%;
}

.page-template-page-ebook-php #input_1_13 {
    width: 93%;
}
.page-template-page-ebook-php .ebook-cover h2 {
    margin-top: 0;
}
@media only screen and (max-width:768px) {
    .page-template-page-ebook-php .gform_wrapper input[type="text"] {
        width: 86%
    }
    .page-template-page-ebook-php #input_1_13 {
    width: 100%;
}
}
@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-php h2 {
     color: #555555;
    font-family: 'Helvetica Neue','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-php .gform_wrapper .gfield_checkbox li input[type="checkbox"], .page-template-lead-capture-php .gform_wrapper .gfield_radio li input[type="radio"], .page-template-lead-capture-php .gform_wrapper .gfield_checkbox li input {
    margin-top: -5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .page-template-lead-capture-php .gform_wrapper .gfield_checkbox li input[type="checkbox"], .page-template-lead-capture-php .gform_wrapper .gfield_radio li input[type="radio"], .page-template-lead-capture-php .gform_wrapper .gfield_checkbox li input {
        margin-top: -5px !important;
    }
}
.page-template-lead-capture-php .gform_wrapper .top_label input.medium, .page-template-lead-capture-php .gform_wrapper .top_label select.medium {
    width: 99.2%;
}

/* service page related content */
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;
}
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;
}
a.related-service:hover h5 {
    color: #ec6115;
}


/*  ==========================================================================
     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;
    }
    body.page-id-37 #ipad-bg-portrait {
        background: #111 url(images/whatwedo-bg.jpg) top center no-repeat
    }
    body.page-id-4793 #ipad-bg-portrait {
        background: #000 url(images/tunes-bg.jpg) fixed top center no-repeat
    }
    body.blog #ipad-bg-portrait,
    body.single #ipad-bg-portrait,
    body.archive #ipad-bg-portrait,
    body.search #ipad-bg-portrait,
    .error404 #ipad-bg-portrait {
        background: #eee url(images/blog-bg.jpg) top center no-repeat fixed
    }
    body.page-id-6 #ipad-bg-portrait,
    body.parent-pageid-6 #ipad-bg-portrait {
        background: #111 url(images/no-photo-bg.jpg) top center no-repeat fixed
    }
    body.page-id-41 #ipad-bg-portrait,
    body.parent-pageid-41 #ipad-bg-portrait,
    body.single-case-studies #ipad-bg-portrait {
        background: #111 url(images/no-photo-bg.jpg) top center no-repeat fixed
    }
    body.page-id-85 #ipad-bg-portrait {
        position: absolute;
        background: #111 url(images/work-bg.jpg) top center no-repeat;
    }
    body.page-id-87 #ipad-bg-portrait {
        position: absolute;
        background: #111 url(images/work-web-bg.jpg) center 1.3em no-repeat;
    }
    body.page-id-31 #ipad-bg-portrait {
        background: url(images/team-landing.jpg) top center no-repeat fixed
    }
    body.page-id-5160 {
        background-position: 150% 0
    }
    .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.page-id-37 #ipad-bg-landscape {
        background: #111 url(images/whatwedo-bg.jpg) top center no-repeat
    }
    body.page-id-4793 #ipad-bg-landscape {
        background: #000 url(images/tunes-bg.jpg) top center no-repeat
    }
    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;
    }
    body.page-id-6 #ipad-bg-landscape,
    body.parent-pageid-6 #ipad-bg-landscape {
        background: #111 url(images/no-photo-bg.jpg) top center no-repeat
    }
    body.page-id-41 #ipad-bg-landscape,
    body.parent-pageid-41 #ipad-bg-landscape,
    body.single-case-studies #ipad-bg-landscape {
        background: #111 url(images/no-photo-bg.jpg) top center no-repeat
    }
    body.page-id-85 #ipad-bg-landscape {
        background: #111 url(images/work-bg.jpg) top center no-repeat
    }
    body.page-id-87 #ipad-bg-landscape {
        background: #111 url(images/work-web-bg.jpg) center 20% no-repeat
    }
    body.page-id-31 #ipad-bg-landscape {
        background: url(images/team-landing.jpg) top center no-repeat
    }
    body.page-id-4793 {
        background: #000 url(images/tunes-bg.jpg) fixed 0px -100px no-repeat
    }
    .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;
    }
    body.page-id-85 .salesCTA h1 {
        color: #222
    }
    body.page-id-85 .salesCTA p {
        color: #222
    }
}
@media (min-width: 481px) {
    body.page-id-37,
    body.page-id-5169,
    body.page-id-5160
    {
        background: #111 url(images/whatwedo-bg.jpg) fixed top center no-repeat
    }
    body.page-id-4793 {
        background: #000 url(images/tunes-bg.jpg) fixed top center no-repeat
    }
    body.blog,
    body.single,
    body.archive,
    body.search,
    .error404 {
        background: #000 url(images/blog-bg.jpg) top center no-repeat fixed
    }
    body.page-id-6,
    body.parent-pageid-6,
    .page-id-6453,
    body.parent-pageid-8756,
    body.parent-pageid-8759,
    body.parent-pageid-8761 {
        background: #111 url(images/no-photo-bg.jpg) top center no-repeat fixed
    }
    body.page-id-41,
    body.parent-pageid-41,
    body.single-case-studies,
    body.page-id-5003,
    body.page-id-5360,
    body.page-id-5358 {
        background: #111 url(images/no-photo-bg.jpg) top center no-repeat fixed
    }
    body.page-id-85 {
        background: #111 url(images/work-bg.jpg) top center no-repeat
    }
    body.page-id-87 {
        background: #111 url(images/work-web-bg.jpg) center 1.3em no-repeat
    }
    body.page-id-31 {
        background: url(images/team-landing-blur.jpg) top center no-repeat fixed;
        background-size: cover;
    }
    body.page-id-29 {
        background: #fff
    }
    body.page-id-5160 {
        background: #111 url(images/no-photo-bg.jpg) top center no-repeat fixed/*url(images/applicant-bg.jpg) 90% 0 no-repeat fixed*/
    }
    body.page-id-6502 {
        background: #e36525 url(images/bg-ebook-10questions.jpg) center -3em no-repeat fixed
    }
    body.page-id-7994 {
        background: #f36f21 url(images/new-eBook_bg.jpg) center -3em no-repeat fixed
    }
    body.page-id-6583 {
        background: #e36525 url(images/bg-ebook-10questions.jpg) center -3em no-repeat fixed
    }
    body.page-id-6585, body.page-id-7997 {
        background: #e36525 url(images/bg-ebook-10questions.jpg) center -3em no-repeat fixed
    }
    body.page-id-29 {
        background: #000 url(images/cloud-bg.jpg) bottom center no-repeat fixed
    }
}
@media only screen and (max-width:568px) {
    body.page-id-6502 {
        background: #e36525 url(images/bg-ebook-10questions.jpg) center 6em no-repeat fixed
    }
    body.page-id-6583 {
        background: #e36525 url(images/bg-ebook-10questions.jpg) center 6em no-repeat fixed
    }
    body.page-id-6585 {
        background: #e36525 url(images/bg-ebook-10questions.jpg) center 6em no-repeat fixed
    }
    body.page-id-4793 {
        background: #000 url(images/tunes-bg.jpg) fixed -100px -100px no-repeat
    }
    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 (min-width:2000px) {
    body,
	body.page-id-6,
	body.parent-pageid-6,
	body.page-id-37,
	body.page-id-41,
    body.page-id-5169,
    body.page-id-5160,
	body.page-id-29,
	body.page-id-6502,
	body.page-id-6583,
	body.page-id-6585,
	body.page-id-4793,
	body.single-case-studies,
	body.blog,
    body.single,
    body.archive,
    body.search,
    .error404 {
       background-size:cover;
    }
}
@media (max-width: 1024px) {

    body.page-id-5160 {
        background-position: 300px 0
    }
}
/* 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','Helvetica Neue','HelveticaNeue',Helvetica,Arial,sans-serif;
    padding-right: 15px;
}