@font-face {
    font-family: 'Bebas';
    src: url("fonts/BEBAS-webfont.eot");
    src: url("fonts/BEBAS-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/BEBAS-webfont.woff") format("woff"), url("fonts/BEBAS-webfont.ttf") format("truetype"), url("fonts/BEBAS-webfont.svg#Bebas") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Museo Slab';
    src: url("fonts/Museo_Slab_300-webfont.eot");
    src: url("fonts/Museo_Slab_300-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Museo_Slab_300-webfont.woff") format("woff"), url("fonts/Museo_Slab_300-webfont.ttf") format("truetype"), url("fonts/Museo_Slab_300-webfont.svg#Muso_Slab") format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'Museo Slab';
    src: url("fonts/Museo_Slab_300italic-webfont.eot");
    src: url("fonts/Museo_Slab_300italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Museo_Slab_300italic-webfont.woff") format("woff"), url("fonts/Museo_Slab_300italic-webfont.ttf") format("truetype"), url("fonts/Museo_Slab_300italic-webfont.svg#MuseoSlab300Italic") format("svg");
    font-weight: 300;
    font-style: italic
}
@font-face {
    font-family: 'Museo Slab';
    src: url("fonts/Museo_Slab_500-webfont.eot");
    src: url("fonts/Museo_Slab_500-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Museo_Slab_500-webfont.woff") format("woff"), url("fonts/Museo_Slab_500-webfont.ttf") format("truetype"), url("fonts/Museo_Slab_500-webfont.svg#Museo_Slab") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Museo Slab';
    src: url("fonts/Museo_Slab_500italic-webfont.eot");
    src: url("fonts/Museo_Slab_500italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Museo_Slab_500italic-webfont.woff") format("woff"), url("fonts/Museo_Slab_500italic-webfont.ttf") format("truetype"), url("fonts/Museo_Slab_500italic-webfont.svg#MuseoSlab500Italic") format("svg");
    font-weight: normal;
    font-style: italic
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
::selection {
    background: #ec594d;
    color: #fff
}
body {
    background: #fff;
    font: 300 15px/21px 'Museo Slab', Georgia, "Times New Roman", Times, serif;
    color: #595959
}
@media (min-width: 520px) {
    body {
    font: 300 18px/24px 'Museo Slab', Georgia, "Times New Roman", Times, serif;
    }
}
html .mceContentBody {
    max-width: 756px
}
a {
    text-decoration: none;
    color: #ec594d;
    font-weight: normal
}
a:hover {
    text-decoration: underline
}
h1 a,
h2 a,
h3 a {
    color: #535353
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
#sitename:hover {
    text-decoration: none;
    color: #ec594d
}
p {
    margin: 10px 0 20px;
    line-height: 1.5
}
h1,
h2.entry-title,
.col-sidebar h3,
#footer h3,
.mceContentBody h2,
.entry-content h2 {
    font: normal 24px/30px Bebas, Helvetica, Arial, sans-serif;
    word-spacing: .15em;
    margin: 0
}
@media (min-width: 520px) {
    h1,
    h2.entry-title,
    .col-sidebar h3,
    #footer h3,
    .mceContentBody h2,
    .entry-content h2 {
        font: normal 36px/40px Bebas, Helvetica, Arial, sans-serif
    }
}
.entry-content h2 {
    margin-bottom: 20px
}
.page-title {
    margin-bottom: 25px
}
h2,
.mceContentBody h3,
.entry-content h3 {
    font: normal 20px/22px Bebas, Helvetica, Arial, sans-serif;
    word-spacing: .15em
}

@media (min-width: 520px) {
    h2,
    .mceContentBody h3,
    .entry-content h3 {
        font: normal 24px/25px Bebas, Helvetica, Arial, sans-serif
    }
}
.highlight {
    color: #ec594d !important
}
.spaced {
    margin: 10px 0 30px
}
h3 {
    font: normal 16px/18px Bebas, Helvetica, Arial, sans-serif;
    margin: 30px 0 10px
}
@media (min-width: 520px) {
    h3 {
        font: normal 18px/20px Bebas, Helvetica, Arial, sans-serif
    }
}
.mceContentBody h3,
.entry-content h3 {
    margin: 60px 0 15px
}
.mceContentBody>h3:first-child,
.entry-content>h3:first-child {
    margin: 0 0 10px
}
.assistive-text {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important
}
small {
    font-size: 12px;
    color: #999
}
em,
i {
    font-style: italic
}
code,
pre {
    font-family: monospace
}
code {
    padding: 2px 4px;
    font-size: 90%;
    background-color: #efefef;
    border-radius: 4px
}
pre {
    display: inline-block;
    padding: 10px;
    margin: 20px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
    white-space: pre-wrap
}
hr {
    clear: both;
    width: 100%;
    height: 1px;
    border: none 0;
    color: #e2e2e2;
    background-color: #e2e2e2;
    margin: 20px auto
}
@media (min-width: 520px) {
    hr {
        margin: 60px auto
    }
}
img {
    border: none
}
blockquote {
    margin: 30px 3.923766%;
    font-weight: normal;
    font-style: italic
}
blockquote cite:before {
    content: "\2014 \0020"
}
.mceContentBody ul,
.mceContentBody ol,
.entry-content ul,
.entry-content ol {
    margin: 15px 0
}
.mceContentBody li,
.entry-content li {
    padding: 5px 0;
    margin-left: 20px
}
.mceContentBody ul li,
.entry-content ul li {
    position: relative
}
.clear {
    clear: both !important;
    height: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    background: none !important;
    line-height: 0 !important;
    font-size: 1px !important
}
.group:before,
.group:after {
    content: "";
    display: table
}
.group:after {
    clear: both
}
.group {
    *zoom: 1
}
.alignleft {
    float: left
}
.alignright {
    float: right
}
.aligncenter,
div.aligncenter,
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.centered {
    text-align: center
}
img {
    border: none;
    max-width: 100%;
    height: auto
}
img.alignleft,
.wp-caption.alignleft {
    margin: 0 20px 10px 0
}
img.alignright,
.wp-caption.alignright {
    margin: 0 0 10px 20px
}
.wp-caption,
.entry-attachment .attachment {
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    background-color: #eee;
    padding: 5px
}
.wp-caption img,
.entry-attachment .attachment img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0 none
}
.wp-caption p.wp-caption-text,
.wp-caption-dd {
    font-size: 12px;
    padding: 5px;
    margin: 0
}
.entry-attachment .attachment {
    margin: 15px 0
}
.attachment,
.caption {
    text-align: center
}
body {
    background: #fff
}
.container {
    max-width: 1110px;
    margin: 0 auto
}
#page .container {
    padding: 40px 15px
}
img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
span,
p,
a {
    -webkit-font-smoothing: antialiased !important
}
h1,
h2,
h3 {
    font-family: 'ff-good-headline-web-pro-con', helvetica, sans-serif !important
}
body {
    font-family: 'proxima-nova-alt', helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px/24px;
    color: #333
}

@media (min-width: 520px) {
    body {
        font-size: 15px/21px
    }
}
.kavaitl {
    font-family: 'ff-kava-web-pro', Arial, Helvetica, Geneva, sans-serif !important;
    font-style: italic;
    text-transform: none !important;
    font-size: 42px
}
#header {
    background: #333;
    position: fixed;
    top: 0;
    height: 50px;
    padding: 0 10px;
    width: 100%;
    z-index: 1000
}
@media (min-width: 680px) {
    #header {
        height: auto;
        padding: 0
    }
}
#header.borderless {
    border: none
}
.admin-bar #header {
    top: 28px
}
.site-name {
    float: left;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
@media (min-width: 680px) {
    .site-name {
        margin: 20px
    }
}
.site-name a {
    display: block;
    background: url("img/rzrp_logo_white_lockup.svg") no-repeat 0 0;
    width: 115px;
    height: 36px;
    margin-top: 2px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize
}
@media (min-width: 680px) {
    .site-name a {
        width: 160px;
        height: 36px;
        margin-top: 0;
        background-size: auto
    }
}
#nav-toggle {
    display: block;
    position: relative;
    color: #ec594d;
    background: transparent;
    border-radius: 5px;
    float: right;
    font-size: 20px;
    line-height: 12px;
    text-align: center;
    margin: 0;
    padding-top: 6px;
    height: 48px;
    width: 27px
}
#nav-toggle:hover {
    text-decoration: none
}
@media (min-width: 680px) {
    #nav-toggle {
        display: none
    }
}
.scrolled #nav {
    height: 100%;
    margin: 0 !important;
    box-sizing: border-box
}
.scrolled #nav li:last-child {
    height: 43px;
}
.scrolled #nav li:last-child a:hover {
    color: #fff !important
}

#nav {
    display: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}
#nav.open {
    display: block;
    border-bottom: 1px solid #d8d8d8;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding-bottom: 10px;
    background: #444;
    z-index: 1000
}
#nav li {
    list-style: none;
    background-color:#333;
}
@media (min-width: 680px) {
    #nav li {
        float: left
    }
}
#nav li.current-menu-item a:after,
#nav li.current_page_parent a:after {
    content: '\2022\2022\2022';
    position: absolute;
    display: block;
    background: transparent;
    width: 32px;
    color: #ec594d;
    height: 8px;
    top: 20px;
    left: 50%;
    margin-left: -15px;
    letter-spacing: 3px
}
#nav a {
    display: block;
    text-align: center;
    font: normal 20px/40px 'ff-good-headline-web-pro-con', Helvetica, sans-serif;
    color: white;
    text-transform: uppercase
}
@media (min-width: 680px) {
    #nav a {
        padding: 0 10px
    }
}
@media (min-width: 770px) {
    #nav a {
        padding: 0 15px
    }
}
#nav a:hover,
#nav li.current-menu-item a,
#nav li.current_page_parent a {
    color: #ec594d;
    text-decoration: none;
    position: relative
}
@media (min-width: 680px) {
    #nav,
    #nav.open {
        display: block;
        position: static;
        float: right;
        margin: 14px 0 0 0
    }
    .scrolled .site-name,
    .scrolled .site-name a {
        margin: 5px 20px;
	height:20px;	
    }
    .scrolled #nav {
        margin-top: 3px
    }
    .scrolled #nav li.current-menu-item a:after,
    .scrolled #nav li.current_page_parent a:after {
        top: 15px
    }
}
#footer {
    background: #333;
    color: #fff;
    font-weight: normal;
    position: relative;
    z-index: 101;
    margin-top: -1px
}
#footer h3 {
    font-size: 28px;
    color: #888
}
#footer a {
    color: #fff
}
#footer .recent_posts {
    padding-top: 0;
    color: #888;
    font-size: 15px;
    font-weight: 300
}
#footer .recent_posts li {
    margin-top: 15px;
    list-style: none;
    padding-left: 0;
    line-height: 21px
}
#footer .recent_posts li:before {
    content: '\2022\a\2022\a\2022';
    float: left;
    margin: 6px 0 0 -15px;
    display: none;
    background: none;
    line-height: 10px;
    width: 0
}
#footer .recent_posts li:hover:before {
    background-position: 0 0
}
#footer .recent_posts a {
    font-size: 18px;
    font-weight: 300
}
#footer .recent_posts a:hover {
    text-decoration: none;
    color: #ec594d
}
#footer .copyright {
    color: #888;
    font-size: 10pt
}
div[class^=footer_col] {
    margin: 30px 0
}
#footer_nav {
    margin-top: 15px
}
#footer_nav li {
    list-style: none;
    line-height: 28px
}
#footer_nav>li>a {
    font-size: 18px;
    font-weight: 300
}
#footer_nav a:hover {
    text-decoration: none;
    color: #ec594d
}
#footer_social li {
    list-style: none;
    float: left;
    margin: 0 10px 10px 0
}
#footer_social li:last-of-type {
    margin-right: 0
}
#footer_social a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat
}
#footer_social a:hover svg {
    fill: #d75449
}
#footer_social .twitter a {
    background-image: url("img/social/social_twitter.svg")
}
#footer_social .facebook a {
    background-image: url("img/social/social_facebook.svg")
}
#footer_social .feed a {
    background-image: url("img/social/social_rss.svg")
}
#footer_social .linkedin a {
    background-image: url("img/social/social_linkedin.svg")
}
#footer_social .email a {
    background-image: url("img/social/social_email.svg")
}
#footer_social .dribbble a {
    background-image: url("img/social/social_dribbble.svg")
}
#footer_social .instagram a {
    background-image: url("img/social/social_instagram.svg")
}
#footer_social .github a {
    background-image: url("img/social/social_github.svg")
}
.footer_address {
    clear: both;
    font-size: 15px;
    color: #fff
}
.footer_address span {
    font: normal 28px/24px 'ff-good-headline-web-pro-con', Helvetica, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #ec594d
}
@media (min-width: 770px) {
    .footer_col_1 {
        float: left;
        width: 25%
    }
    .footer_col_2 {
        float: left;
        width: 50%;
        padding-right: 3%
    }
    .footer_col_3 {
        float: left;
        clear: none;
        width: 25%
    }
    .copyright {
        position: absolute;
        bottom: 50px
    }
}
.content-alt {
    margin: 60px -15px;
    padding: 40px 15px 20px;
    background: #f8f8f8;
    border: solid #e2e2e2;
    border-width: 1px 0;
    clear: both
}
@media (min-width: 770px) {
    .content-alt {
        margin: 60px 0;
        padding: 40px 6.5% 20px
    }
    .content-alt.nocol {
        margin: 60px -9999px;
        padding: 40px 9999px 20px
    }
    .content-alt.withcol {
        margin: 60px -9999px 60px -6.5%;
        padding: 40px 9999px 20px 6.5%
    }
}
.content-alt.no-padding {
    padding-top: 0;
    padding-bottom: 0
}
.content-alt.no-padding-top {
    padding-top: 0
}
.content-alt.no-padding-bottom {
    padding-bottom: 0
}
.content-alt.no-top-margin {
    margin-top: 0px
}
[class^="rzicon-"],
[class*=" rzicon-"] {
    display: inline-block;
    width: 140px;
    height: 162px;
    background: url(img/sprite.png);
    vertical-align: text-top;
    *margin-right: .3em;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize
}
.rzicon-171 {
    background-position: 0 -70px
}
.rzicon-7 {
    background-position: -150px -70px
}
.rzicon-166 {
    background-position: -300px -70px
}
blockquote {
    font-size: 24px;
    margin-bottom: 24px;
    padding-left: 20px;
    border-left: 8px solid #ec594d
}
.atf {
    height: 100vh;
    width: 100vw;
    background-image: url(img/rz-home-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 25vh;
    position: relative
}
.atf .atf-text {
    position: relative;
    width: 100%;
    color: black;
    text-align: center;
    display: block
}
.atf .atf-text .we-create {
    font: 40px/40px "ff-good-headline-web-pro-con", Arial, Helvetica, Geneva, sans-serif;
    margin-bottom: 40px
}
.atf .atf-text .what-we-create {
    font: 45px/45px 'ff-kava-web-pro', Arial, Helvetica, Geneva, sans-serif !important;
    font-weight: 100 !important;
    font-style: italic !important;
    text-transform: none;
    margin-bottom: 40px;
    padding: 18px 0;
    min-height: 101px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
@media (min-width: 520px) {
    .atf .atf-text .what-we-create {
        font-size: 55px !important
    }
}
@media (min-width: 770px) {
    .atf .atf-text .what-we-create {
        font-size: 70px !important
    }
}
@media (min-width: 920px) {
    .atf .atf-text .what-we-create {
        font-size: 100px !important
    }
}
.atf .atf-text .what-we-create:before,
.atf .atf-text .what-we-create:after {
    display: none;
    color: #ec594d;
    margin: 0 20px 0 5px
}
@media (min-width: 520px) {
    .atf .atf-text .what-we-create:before,
    .atf .atf-text .what-we-create:after {
        display: inline-block
    }
}
.atf .atf-text .what-we-create:before {
    content:'{'
}
.atf .atf-text .what-we-create:after {
    content: '}'
}
.atf .atf-text .what-we-create .value-prop span.highlight {
    background-color: rgba(236, 89, 77, 0.95);
    color: white !important
}
.atf .atf-text .hr {
    width: 100%;
    margin: 0 auto;
    background-color: white;
    height: 2px;
    margin-bottom: 40px;
    display: none
}
@media (min-width: 600px) {
    .atf .atf-text .hr {
        width: 600px
    }
}
@media (min-width: 680px) {
    .atf .atf-text .hr {
        display: block
    }
}
.atf .atf-buttons {
    margin: 40px auto 70px auto;
    width: 320px;
    position: relative
}
@media (min-width: 680px) {
    .atf .atf-buttons {
        width: 470px
    }
    .atf .atf-buttons .button {
        width: 220px !important
    }
}
.atf .atf-buttons .button {
    width: 320px;
    height: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin-bottom: 20px
}
.atf .atf-buttons .button.work {
    background-color: #ec594d;
    margin-right: 20px
}
.atf .atf-buttons .button.work:hover {
    background-color: #d75449
}
.atf .atf-buttons .button.contact {
    background-color: #3fbcd7
}
.atf .atf-buttons .button.contact:hover {
    background-color: #35a2ba
}
.atf .atf-buttons .button a {
    font: 22px/48px "ff-good-headline-web-pro-con", Arial, Helvetica, Geneva, sans-serif;
    color: white !important;
    width: 100%;
    height: 100%;
    display: block
}
.atf .atf-buttons .button a:hover {
    text-decoration: none
}
.atf .atf-downarrow {
    position: absolute;
    bottom: 10vh;
    right: calc(50% - 50px / 2);
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: none
}
@media (min-width: 680px) {
    .atf .atf-downarrow {
        display: block
    }
}
.atf .atf-downarrow #chevron {
    top: 25px;
    position: relative;
    margin-bottom: 6px;
    height: 100%;
    width: 100%;
    background-image: url(img/chevron.svg);
    background-size: contain;
    background-repeat: no-repeat
}
.home_intro {
    text-align: center;
    padding-top: 15px
}
.home_intro .homeCallout {
    font: 42px/42px 'ff-kava-web-pro', Arial, Helvetica, Geneva, sans-serif;
    font-weight: 100;
    font-style: italic
}
.home_intro p.homeCalloutP {
    font-size: 16px/24px;
    font-style: regular
}
.home_intro p.brandBlurb {
    font-size: 21px;
    font-style: italic;
    font-weight: 300
}
.home_intro a.homeCalloutLink {
    font: 24px/24px "ff-good-headline-web-pro-con", Arial, Helvetica, Geneva, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: none
}
@media (min-width: 520px) {
    .home_intro {
        padding: 15px 9% 0
    }
    .home_intro p.brandBlurb {
        font-size: 28px
    }
}
@media (min-width: 770px) {
    .home_intro .CalloutRule hr {
        display: none
    }
}
#cta-container {
    background-color: #ec594d;
    text-align: center;
    margin-top: -30px;
    max-width: 100%;
    padding: 60px 50px
}
@media (min-width: 720px) {
    #cta-container #page #cta-container {
        padding: 60px 80px
    }
}
@media (min-width: 920px) {
    #cta-container #page #cta-container {
        padding: 60px 155px
    }
}
#cta-container #shapeCTA {
    font: 100 52px/58px 'ff-kava-web-pro', Arial, Helvetica, Geneva, sans-serif;
    font-style: italic;
    color: #fff
}
@media (min-width: 720px) {
    #cta-container #shapeCTA #shapeCTA {
        font: 72px/78px 'ff-kava-web-pro', Arial, Helvetica, Geneva, sans-serif
    }
}
#cta-container #shapeSubCTA {
    font: 24px/52px 'ff-good-headline-web-pro-con', helvetica, sans-serif !important;
    color: #fff;
    text-transform: uppercase
}
.icon_column {
    margin-bottom: 40px;
    padding-top: 30px;
    border-top: 1px solid #8eaeb2
}
@media (min-width: 680px) {
    .icon_column {
        float: left;
        width: 33.333333%;
        padding: 0 4.6%;
        margin-bottom: 60px;
        padding-bottom: none;
        border: none
    }
}
@media (min-width: 770px) {
    .icon_column {
        text-align: center
    }
}
@media (min-width: 680px) {
    .icon_column span {
        display: block;
        width: 140px;
        height: 162px;
        float: none;
        background-size: auto;
        margin: 0 auto 20px
    }
}

.shaded {
    clear: both;
    background: #f7f7f7;
    border: solid #eaeaea;
    border-width: 1px 0;
    padding: 30px 0;
    margin-bottom: 30px
}
.products_img {
    text-align: center;
    margin-bottom: 20px
}
.products_copy p {
    color: #333;
    font-size: 18px/24px
}
.products_copy h1 {
    font-family: 'ff-kava-web-pro', Arial, Helvetica, Geneva, sans-serif !important;
    font-style: italic
}
.products_img,
.products_copy {
    padding: 0 10px
}
@media (min-width: 680px) {
    .products_img,
    .products_copy {
        padding: 0
    }
}
.stat {
    text-align: center;
    margin: 10px 0;
    color: #a0a0a0;
    overflow: hidden;
    *zoom: 1
}
.stat span {
    display: block;
    font: normal 50px/50px Bebas, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #ec594d;
    padding-bottom: 10px;
    margin-right: 10px
}
@media (min-width: 480px) {
    .stat span {
        padding-bottom: 20px;
        margin-right: 0;
        font: normal 50px/40px Bebas, Helvetica, Arial, sans-serif
    }
}
@media (min-width: 680px) {
    .stat span {
        font-size: 72px;
        line-height: 60px
    }
}
@media (min-width: 480px) {
    .stat {
        border-right: 1px solid #eaeaea;
        float: left;
        width: 50%;
        line-height: 15px;
        padding: 0 15px 0 5.5%;
        margin: 30px 0
    }
}
@media (min-width: 920px) {
    .stat {
        width: auto
    }
}
.stat-full {
    clear: both;
    padding: 10px 0;
    color: #a0a0a0;
    line-height: 22px
}
.stat-full span {
    display: block;
    font: normal 50px/85px Bebas, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #ec594d;
    text-align: center;
    padding-bottom: 5px
}
@media (min-width: 680px) {
    .stat-full span {
        float: left;
        font-size: 72px;
        padding: 0 15px 5px 0;
        margin: -13px 15px 0 0;
        border-right: 1px solid #eaeaea
    }
}
@media (min-width: 680px) {
    .stat-full {
        padding: 30px 0
    }
}
#portfolio-nav {
    text-align: center;
    padding: 10px 0;
    position: relative;
    top: 50px;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
@media (min-width: 680px) {
    #portfolio-nav {
        top: 72px
    }
}
#portfolio-nav .platform {
    padding: 5px 10px;
    border-radius: 5px
}
#portfolio-nav .platform:hover {
    text-decoration: none
}
#portfolio-nav .platform.active {
    background: #ec594d;
    color: white
}
.scrolled #portfolio-nav {
    background-color: rgba(255, 255, 255, 0.9)
}
@media (min-width: 680px) {
    .scrolled #portfolio-nav {
        top: 57px
    }
}
#portfolio-items {
    margin-top: 92px
}
#portfolio-items a,
#portfolio-items a:hover {
    color: #535353;
    text-decoration: none
}
@media (min-width: 680px) {
    #portfolio-items {
        margin-top: 45px
    }
}
#portfolio-items .platforms {
    color: #ec594d
}
.post-type-archive-portfolio #page>.container {
    padding: 0 !important;
    width: 100%;
    max-width: 100%
}
.portfolio-item-container {
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    *zoom: 1;
    left: 0;
    height: 400px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding-top: 20px
}
.portfolio-item-container .container {
    position: relative;
    padding: 0 10px
}
.portfolio-item-container.hide {
    height: 0 !important;
    border: none !important;
    opacity: 0 !important;
    width: 0 !important;
    padding: 0 !important
}
.portfolio-item-container:nth-child(odd) {
    background-color: #f8f8f8
}
.portfolio-item-container:nth-child(even) {
    background-color: white
}
.portfolio-item-container.odd {
    background-color: #f8f8f8 !important
}
.portfolio-item-container.even {
    background-color: white !important
}

@media (min-width: 680px) {
    .portfolio-item-container {
        height: 400px;
        padding-top: 30px
    }
    .portfolio-item-container .image {
        text-align: center
    }
    .portfolio-item-container .image img {
        -webkit-transition: all 0.8s ease-out;
        transition: all 0.8s ease-out
    }
    .portfolio-item-container .image.loading img {
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
    .portfolio-item-container .text,
    .portfolio-item-container .image {
        position: absolute;
        width: 49%;
        -webkit-transition: all 0.8s ease;
        transition: all 0.8s ease
    }
    .portfolio-item-container .text {
        padding-top: 60px
    }
    .portfolio-item-container.loading:nth-child(odd) {
        left: -100%
    }
    .portfolio-item-container.loading:nth-child(even) {
        left: 100%
    }
    .portfolio-item-container:nth-child(odd) .text {
        left: 0;
        padding-left: 20px
    }
    .portfolio-item-container:nth-child(odd) .image {
        left: 50%
    }
    .portfolio-item-container:nth-child(even) .text {
        left: 50%
    }
    .portfolio-item-container:nth-child(even) .image {
        left: 0
    }
    .portfolio-item-container.odd .text {
        left: 0 !important;
        padding-left: 20px !important
    }
    .portfolio-item-container.odd .image {
        left: 50% !important
    }
    .portfolio-item-container.even .text {
        left: 50% !important
    }
    .portfolio-item-container.even .image {
        left: 0 !important
    }
}
#slider {
    height: 100vh;
    background-color: #535353
}
.slides li,
.intro {
    position: relative
}
.slides .slide-content,
.intro-content {
    text-align: center;
    position: absolute;
    top: 40%;
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-shadow: 0px 2px 5px rgba(30, 30, 30, 1)
}
@media (min-width: 520px) {
    .slides .slide-content h2,
    .intro-content h2 {
        font-size: 18px
    }
}
@media (min-width: 720px) {
    .slides .slide-content h2,
    .intro-content h2 {
        font-size: 24px;
        line-height: 33px
    }
}
@media (min-width: 920px) {
    .slides .slide-content h2,
    .intro-content h2 {
        font-size: 50px;
        line-height: 70px
    }
}
.slides .slide-content h1 a,
.slides .slide-content h2 a,
.intro-content h1 a,
.intro-content h2 a {
    color: #fff
}
.slide-content,
.intro-content {
    z-index: 900
}
.slide-image,
.intro-image {
    position: relative;
    z-index: 800
}
.slides .slide-content h1,
.intro-content h1 {
    font-size: 24px;
    line-height: 25px;
    margin: 0 auto;
    margin-bottom: 2%;
    max-width: 1200px
}
@media (min-width: 520px) {
    .slides .slide-content h1,
    .intro-content h1 {
        font-size: 48px;
        line-height: 45px
    }
}
@media (min-width: 720px) {
    .slides .slide-content h1,
    .intro-content h1 {
        font-size: 60px;
        line-height: 60px
    }
}
@media (min-width: 920px) {
    .slides .slide-content h1,
    .intro-content h1 {
        font-size: 80px;
        line-height: 80px
    }
}
.slides .slide-content p,
.intro-content p {
    margin: 0 auto;
    max-width: 1200px
}
.slides a:hover {
    text-decoration: none
}
.flex-direction-nav {
    display: none
}
.intro {
    text-align: center;
    width: 100%;
    max-height: 530px;
    overflow: hidden;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}
.intro img {
    display: block;
    width: 100%
}
.page #page-wrapper,
.single-portfolio #page-wrapper,
.single-member #page-wrapper {
    position: relative;
    z-index: 101
}
.col-portfolio {
    padding: 30px 0
}
.single-member .intro p {
    background: rgba(0, 0, 0, 0.3);
    margin-top: 10%;
    font-family: Bebas, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    word-spacing: .15em;
    padding: 5px 5%
}
.flex-control-nav {
    z-index: 890 !important
}
.flexslider .slides>li {
    position: relative
}
.flex-control-paging li a {
    height: 5px;
    width: 5px
}
@media (min-width: 520px) {
    .flex-control-paging li a {
        height: 11px;
        width: 11px
    }
}
.clearfix,
.container {
    *zoom: 1
}
.clearfix:after,
.container:after {
    content: "";
    display: table;
    clear: both
}
.center-text {
    text-align: center
}
.table-display {
    display: inline-block
}
@media (min-width: 770px) {
    .table-display {
        display: table
    }
}
.cell {
    float: left
}
.cell.center {
    text-align: center
}
@media (min-width: 770px) {
    .cell {
        float: none;
        display: table-cell;
        width: 50%;
        vertical-align: middle
    }
}
#carousel {
    position: relative;
    background: #fff
}
#carousel ul {
    width: 100%;
    overflow: hidden
}
#carousel li {
    list-style: none;
    float: left;
    position: relative
}
#carousel h2 {
    font-size: 18px;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 8%;
    color: #fff;
    line-height: 70px;
    height: 70px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}
@media (min-width: 920px) {
    #carousel h2 {
        height: 0
    }
}
@media (min-width: 920px) {
    #carousel a:hover h2 {
        height: 70px
    }
}
#carousel img {
    display: block;
    width: 100%
}
@media (min-width: 920px) {
    #carousel img {
        -webkit-filter: blur(1.5px) grayscale(0.8);
        filter: blur(1.5px) grayscale(0.8);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease
    }
}
@media (min-width: 920px) {
    #carousel a:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
}
#carousel-prev,
#carousel-next {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    width: 58px;
    height: 58px;
    text-indent: -9999px;
    background: #ec594d
}
#carousel-prev {
    z-index: 10;
    left: 0;
    border-radius: 0 5px 5px 0
}
#carousel-next {
    right: 0;
    border-radius: 5px 0 0 5px
}
#carousel-prev:after,
#carousel-next:after {
    content: '\2022\2022\2022';
    width: 58px;
    height: 58px;
    display: inline-block;
    font-size: 20px;
    letter-spacing: 3px;
    color: #fff;
    background: transparent;
    float: right;
    text-indent: 0;
    line-height: 58px;
    text-align: center
}
.logos_list {
    margin: 20px 0
}
.logos_list li {
    list-style: none;
    text-align: center;
    float: left;
    width: 33%;
    padding: 10px;
    margin-top:-30px
}
@media (min-width: 520px) {
    .logos_list li {
        width: 33.333%
    }
}
@media (min-width: 680px) {
    .logos_list li {
        width: 20%
    }
}
@media (min-width: 770px) {
    .logos_list li {
        width: 16.666%
    }
}
@media (min-width: 920px) {
    .logos_list li {
        padding: 1.5em
    }
}
.logos_list img {
    display: inline-block;
    vertical-align: middle
}
#page-wrapper.nopos {
    position: static
}
.col-nav {
    padding: 20px 0 0;
    position: relative
}
.col-nav ul {
    text-align: center
}
.col-nav ul.secondary {
    display: none
}
.col-nav li {
    display: inline-block;
    list-style: none;
    margin: 1px -4px 0 0
}
.col-nav a {
    display: inline-block;
    padding: 0 15px;
    line-height: 30px;
    background: #dbdbdb;
    color: #2f353b;
    border-radius: 5px 5px 0 0
}
.col-nav a:hover {
    color: #ec594d;
    text-decoration: none
}
.col-nav .current_page_item a,
.col-nav a.active {
    background: #ec594d;
    color: #fff
}
.col-page,
.col-archive {
    border-top: 1px solid #e2e2e2;
    padding-top: 30px
}
.col-archive {
    padding: 0 0 20px
}
.col-archive article {
    margin: 20px auto;
    max-width: 277px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 1px 3px 0 #d4d4d4;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    position: relative
}
.mix {
    opacity: 0;
    display: none
}
.col-archive a:hover {
    text-decoration: none
}
.col-archive article h2 {
    background: #fff;
    font-size: 19px;
    line-height: 30px;
    padding: 11px 14px;
    color: #535353;
    border-radius: 5px 5px 0 0;
    position: relative;
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease
}
.col-archive article h2:before {
    content: ' ';
    position: absolute;
    left: 30px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    z-index: 100;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease
}
.col-archive article h2 span {
    display: block;
    font: normal 14px/30px 'Museo Slab', Georgia, "Times New Roman", Times, serif;
    text-transform: none;
    color: #909090
}
.col-archive article img {
    display: block;
    border-radius: 0 0 5px 5px;
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease
}
.col-archive article:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}
.content-iphone-container {
    max-width: 500px;
    margin: 0 auto
}
.content-iphone {
    background: url(img/content-iphone.jpg) no-repeat 0 0;
    background-size: contain;
    padding: 35% 16% 33.2% 17.2%
}
.content-iphone img {
    margin: 0 !important;
    display: block
}
.content-ipad-container {
    clear: both;
    max-width: 900px;
    margin: 0 auto
}
.content-ipad {
    background: url(img/content-ipad.jpg) no-repeat 0 0;
    background-size: contain;
    padding: 8.555555% 9.555555% 15.444444% 10%
}
.content-ipad img {
    margin: 0 !important;
    display: block
}
.member-social {
    margin: 0 0 30px;
    height: 52px
}
.member-social li {
    list-style: none;
    float: left;
    margin-right: 13px
}
.member-social a {
    display: block;
    width: 46px;
    height: 52px;
    text-indent: -9999px;
    background: url(img/sprite.png);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease
}
.member-social a.twitter {
    background-position: -449px -219px
}
.member-social a.linkedin {
    background-position: -499px -219px
}
.member-social a.email {
    background-position: -549px -219px
}
.member-social a:hover {
    opacity: .85
}
.team_list {
    margin: 40px 0 0 !important
}
.team_list li {
    padding: 0 0 40px !important;
    margin: 0 !important;
    list-style: none
}
.team_list li:before {
    display: none !important
}
.team_image {
    position: relative;
    width: 172px;
    height: 198px;
    margin: 0 auto 20px
}
.team_image img {
    display: block
}
.team_image:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
.team_content h2 {
    font-size: 24px;
    margin: 0 !important
}
.team_content h2 a {
    color: inherit
}
.team_content h3 {
    font-size: 18px;
    margin: 0 0 15px !important
}
.apply_button {
    margin-bottom: 30px
}
.job_list {
    margin: 40px 0 0 !important
}
.job_list li {
    padding: 0 0 40px !important;
    margin: 0 !important;
    list-style: none
}
.job_list li:before {
    display: none !important
}
.job_image {
    width: 140px;
    margin: 0 auto 20px
}
.job_image img {
    display: block
}
.job_content {
    font-size: 16px
}
.job_content h2 {
    font-size: 24px;
    margin: 0 0 15px !important
}
.col-main {
    padding: 48px 0 8px
}
.navigation {
    padding-top: 13px;
    border-top: 1px solid #eaeaea;
    min-height: 72px
}
.entry {
    margin-bottom: 40px
}
.entry-image {
    margin: 0 0 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea
}
.entry-image img {
    display: block
}
.single .entry-image {
    border-bottom: none;
    border-top: 1px solid #eaeaea;
    padding: 15px 0
}
.entry-meta {
    font-size: 14px;
    color: #888;
    margin: 5px 0 10px
}
.entry-meta a {
    text-transform: uppercase
}
.entry-content {
    padding-bottom: 1px
}
.commentlist {
    margin: 15px 0 30px
}
.commentlist li {
    list-style: none;
    margin: 25px 0 20px;
    padding: 25px 0 0;
    border-top: 1px solid #eaeaea
}
.commentlist li li,
.commentlist li li li li {
    background: #eaeaea;
    padding: 15px 20px 0;
    border: none
}
.commentlist li li li {
    background: #fff
}
.commentlist .avatar {
    float: right;
    display: block;
    margin: 0 0 20px 20px
}
#reply-title small {
    padding-left: 15px
}
#commentform p {
    position: relative;
    margin: 15px 0
}
#commentform label {
    top: 6px;
    left: 11px;
    z-index: 10;
    line-height: 30px;
    color: #999
}
#commentform textarea {
    height: 150px
}
.col-sidebar {
    padding: 48px 0 8px
}
.col-sidebar .widget {
    margin-bottom: 40px
}
.col-sidebar .widget ul {
    padding-top: 4px
}
.col-sidebar .widget ul li {
    list-style: none;
    padding-top: 6px
}
.col-sidebar .widget.widget_recent_entries li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 4px
}
.col-sidebar .widget.widget_recent_entries li a {
    background: url(img/sprite.png) no-repeat 0 -365px;
    padding-left: 14px;
    display: inline-block;
    line-height: 20px;
    min-height: 40px
}
.col-sidebar .widget.widget_recent_entries li a:hover {
    color: #333;
    background-position: 0 -296px;
    text-decoration: none
}
.tagcloud {
    padding-top: 10px
}
.tagcloud a:hover {
    text-decoration: none;
    color: #535353
}
input[type=text],
input[type=url],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
textarea,
.with_frm_style .frm_form_fields input,
#wpcontent .with_frm_style .frm_form_fields select,
.with_frm_style .frm_form_fields select,
.with_frm_style .frm_form_fields textarea {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    outline: none;
    font: 300 18px/20px 'Museo Slab', Georgia, "Times New Roman", Times, serif;
    color: #595959;
    width: 100%;
    max-width: 100% !important
}
.button,
input[type=submit],
#content .with_frm_style .frm_submit input[type=submit] {
    border: none;
    background: #ec594d;
    display: inline-block;
    font: 100 18px/42px 'Good Headline Pro', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0 20px;
    color: #fff;
    cursor: pointer
}
@media (min-width: 680px) {
    .button,
    input[type=submit],
    #content .with_frm_style .frm_submit input[type=submit] {
        font: 100 22px/58px 'ff-good-headline-web-pro-con', Helvetica, Arial, sans-serif
    }
}
#content .with_frm_style .frm_submit input[type=submit] {
    height: 58px;
    box-sizing: border-box;
    box-shadow: none;
    -ms-filter: progid: DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='$whitefff');
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='$whitefff')
}
.button:hover,
input[type=submit]:hover {
    text-decoration: none;
    background-color: #ec594d
}
.button.hellip,
.button.hover_hellip:hover,
input[type=submit],
#content .with_frm_style .frm_submit input[type=submit] {
    width: 244px;
    max-width: 100%
}
.button.hellip:hover {
    text-decoration: none
}
.button.next_hellip,
.button.prev_hellip {
    width: 150px;
    display: block;
    margin: 0 auto 15px
}
.button.prev_hellip {
    text-align: right
}
.button.prev_hellip:before {
    float: left
}
.button.next_hellip.disabled,
.button.prev_hellip.disabled {
    background: #dbdbdb;
    cursor: text
}
.hellip.transparent {
    background: transparent;
    color: white;
    border: 2px solid white
}
.hellip.transparent:hover {
    background: white;
    color: #ec594d
}
#searchform {
    position: relative
}
#searchform label {
    top: 20px;
    left: 41px;
    font: 300 24px/20px 'Museo Slab', Georgia, "Times New Roman", Times, serif;
    z-index: 10;
    color: #dbdbdb
}
#s {
    background: #fff url(img/sprite.png) no-repeat -487px -58px;
    font-size: 24px;
    padding: 15px 15px 15px 40px
}
#content .with_frm_style label,
#content .with_frm_style label.frm_primary_label {
    font-weight: 300;
    font-size: 18px;
    font-family: 'Museo Slab', serif;
    width: 100%;
    margin: 0;
    padding: 0
}
@media (min-width: 520px) {
    .single-member .intro-content {
        max-width: 50%
    }
    .single-member .intro p {
        text-align: left;
        padding: 10px 10%
    }
    .flex-direction-nav {
        display: block
    }
    .col-archive article {
        float: left;
        width: 46.938775%;
        margin: 20px 0 0 2.040816%
    }
    .member-social {
        float: right
    }
    .team_image,
    .job_image {
        float: left;
        margin-top: 20px
    }
    .team_content {
        margin-left: 172px;
        padding-left: 7.218045%
    }
    .job_content {
        margin-left: 140px;
        padding-left: 5.021520%
    }
    .with_frm_style .frm_form_fields input,
    #wpcontent .with_frm_style .frm_form_fields select,
    .with_frm_style .frm_form_fields select,
    .with_frm_style .frm_form_fields textarea {
        width: 70%
    }
    #content .with_frm_style label,
    #content .with_frm_style label.frm_primary_label {
        padding-right: 1%
    }
    .frm_submit {
        padding-left: 20%
    }
}
@media (min-width: 720px) {
    .single-member .intro p {
        padding: 20px 10%;
        line-height: 30px
    }
    #carousel h2 {
        font-size: 24px
    }
    .apply_button {
        float: right;
        margin: -7px 0 0
    }
}
@media (min-width: 920px) {
    .single-member .intro p {
        line-height: 40px
    }
}
@media (min-width: 480px) {
    .products_img {
        width: 38%;
        float: right;
        margin: 0
    }
    .products_copy {
        width: 55%;
        float: left;
        padding-top: 4%
    }
    .button.next_hellip {
        float: right
    }
    .button.prev_hellip {
        float: left
    }
}
@media (min-width: 680px) {
    .products_img {
        width: 58%
    }
    .products_copy {
        width: 35%;
        padding-top: 4%
    }
}
@media (min-width: 760px) {
    .col-main {
        width: 73.703703%;
        padding-right: 40px;
        float: left;
        border-right: 1px solid #eaeaea
    }
    .col-sidebar {
        width: 22.592592%;
        float: right
    }
    .col-nav {
        width: 17.407407%;
        float: left;
        padding: 60px 0 0
    }
    .col-nav ul {
        text-align: right;
        padding-bottom: 35px
    }
    .col-nav ul.stuck {
        position: fixed;
        top: 147px
    }
    .col-nav ul.secondary {
        display: block
    }
    .col-nav li {
        display: block;
        margin: 0
    }
    .col-nav a {
        display: block;
        padding: 0 14.893617% 0 0;
        line-height: 50px;
        background: #fff;
        border-radius: 5px 0 0 5px
    }
    .col-page {
        width: 82.592592%;
        float: right;
        border-top: none;
        border-left: 1px solid #e2e2e2;
        padding: 72px 0 60px 5.044843%
    }
    .col-page hr {
        margin-left: -6.5%;
        width: 106.5%
    }
    .col-archive {
        width: 82.592592%;
        float: right;
        border-top: none;
        border-left: 1px solid #e2e2e2
    }
    .col-portfolio,
    .col-full {
        padding: 70px 0
    }
    hr.nocol {
        width: 99999px;
        margin-right: -9999px;
        margin-left: -9999px
    }
    hr.withcol {
        width: 99999px;
        margin-right: -9999px
    }
    #page {
        overflow: hidden
    }
    .content-left {
        clear: left;
        width: 48%;
        float: left
    }
    .content-left img {
        margin: 40px 13% 0 0
    }
    .content-right {
        clear: right;
        width: 48%;
        float: right
    }
    .content-right img {
        margin: 0 0 0 13%
    }
    .content-third {
        float: left;
        width: 26.284348%;
        margin-right: 7.048984%
    }
    .content-third h3:first-child {
        margin-top: 0
    }
}
@media (min-width: 860px) {
    .col-archive article {
        width: 31.053811%;
        margin: 20px 0 0 2.242152%
    }
}
@media (min-width: 1100px) {
    .single-member .intro-content {
        font-size: 50px;
        margin-left: 5.5%
    }
    .single-member .intro p {
        padding: 30px 6%;
        line-height: 70px;
        margin: 0
    }
}