/*!
 * pagepiling.js 1.5.6
 *
 * https://github.com/alvarotrigo/pagePiling.js
 * @license MIT licensed
 *
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */
body, html { overflow: hidden; margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.pp-section { height: 100%; position: absolute; width: 100%; backface-visibility: hidden }
.pp-easing { -webkit-transition: all 1s cubic-bezier(.55,.085,0,.99); -moz-transition: all 1s cubic-bezier(.55,.085,0,.99); -o-transition: all 1s cubic-bezier(.55,.085,0,.99); transition: all 1s cubic-bezier(.55,.085,0,.99); -webkit-transition-timing-function: cubic-bezier(.55,.085,0,.99); -moz-transition-timing-function: cubic-bezier(.55,.085,0,.99); -o-transition-timing-function: cubic-bezier(.55,.085,0,.99); transition-timing-function: cubic-bezier(.55,.085,0,.99) }
#pp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1 }
    #pp-nav.right { right: 17px }
    #pp-nav.left { left: 17px }
.pp-section.pp-table { display: table }
.pp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100% }
.pp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1 }
    .pp-slidesNav.bottom { bottom: 17px }
    .pp-slidesNav.top { top: 17px }
    #pp-nav ul, .pp-slidesNav ul { margin: 0; padding: 0 }
    #pp-nav li, .pp-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative }
    .pp-slidesNav li { display: inline-block }
        #pp-nav li a, .pp-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none }
    #pp-nav li .active span, .pp-slidesNav .active span { background: #333 }
    #pp-nav span, .pp-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0,0,0,0); border-radius: 50%; position: absolute; z-index: 1 }
.pp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial,helvetica,sans-serif; white-space: nowrap; max-width: 220px }
    .pp-tooltip.right { right: 20px }
    .pp-tooltip.left { left: 20px }
.pp-scrollable { overflow-y: scroll; height: 100% }
/*# sourceMappingURL=jquery.pagepiling.min.css.map */

/** About Page */

body { overflow: hidden; }
#navbar-collapse-main .navbar-nav > li > a.about { color: #f15a55; }

.title-logo { fill: #f15a55; }
.about-page-section .show-mobile { display: none; }
.about-page-section .hide-mobile { display: block; }
.about-page-section .full-page-container { width: 100vw; height: 100vh; display: table; }
.about-page-section .image-block { display: table-cell; vertical-align: middle; width: 50%; position: relative; text-align: center; background-position: center; background-size: cover; background-repeat: no-repeat; }

.about-page-section .content-block { display: table-cell; vertical-align: middle; width: 50%; padding: 5vw; background: #fff; }
.about-page-section:not(#LobbySection) .aside-content { max-width: 568px; }

body.scroll-anim .about-page-section { position: fixed; top: 0; left: 0; z-index: 100; overflow: hidden; /*-webkit-transition: height .3s ease-in-out; transition: height .3s ease-in-out;*/ }

.about-page-section .display-table          { display: table; }
.about-page-section .table-cell             { display: table-cell; vertical-align: top; }

.about-page-section .content-block h1 { font-size: 280%; line-height: 1; margin: 0; }
.about-page-section .content-block h2 { font-size: 185%; margin: 3px 0 0 0; line-height: 1; }
.about-page-section .content-block h3       { font-size: 120%; margin: 0; }
.about-page-section .display-table .table-cell:first-child { width: 35%; }
.about-page-section .display-table .table-cell:first-child h2 { font-size: 280%; padding-left: 30px; line-height: .85; }

#LobbySection p { line-height: 1.5; margin-top: 30px; font-size: 90%; }
#LobbySection .color-white      { color: #fff; }

#LobbySection .aside-content { max-width: unset; width: 430px; }
#WhatWeDoSection .content-block h3:not(:first-child) { margin-top: 25px; }
#WhatWeDoSection h3 { font-family: 'SimplerBold'; font-size: 110%; }
#WhatWeDoSection p { line-height: 1.25; font-size: 90%; }

#StepsSection .steps-wrap .steps-section-list { display: table; width: 100%; counter-reset: counter; list-style: none; margin: 0; }
#StepsSection .steps-wrap .steps-section-list li { width: 33.3333%; float: right; line-height: 1.4; font-size: 130%; margin-top: 10px; }
#StepsSection .steps-wrap .steps-section-list li p { font-size: inherit; line-height: inherit; }
#StepsSection .steps-wrap .steps-section-list li:before { counter-increment: counter; content: counter(counter); display: block; color: #f15b56; font-size: 395%; font-weight: bold; font-family: 'CeraGRBlack-Richkid'; }
#StepsSection .content-block h2 { font-size: 280%; line-height: .85; }

#WhoWeAreSection .content-block h2 { font-size: 280%; line-height: .85; margin: 0 0 50px 0; }

#OurClients { background: #fff; margin-bottom: 80px; }
#OurClients h2 { font-size: 185%; line-height: .85; margin: 120px 0 50px 0; text-align: center; }
#OurClients .clients-list { width: 80%; margin: 0 auto; overflow: hidden; }
#OurClients .clients-list-item { width: 16.666%; margin-bottom: 30px; float: right; text-align: center; }
#OurClients .clients-list-item img { width: 110px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .5s ease; transition: all .5s ease; }
#OurClients .clients-list-item:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

#AboutUsSection p, #WhoWeAreSection p { font-size: 90%; }

#pagerSlide { position: relative; }


/** pagepilling */

.pp-section.pp-table { position: fixed; display: block; transform: none !important; overflow: hidden; height: 100%; -webkit-transition: height 1s ease; transition: height 1s ease; }
.pp-section.pp-table:first-child { z-index: 20 !important; }

.pp-easing { -webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transition: unset; -webkit-transition-timing-function: unset; -moz-transition-timing-function: unset; -o-transition-timing-function: unset; transition-timing-function: unset; }
#pp-nav { display: none; }
body.doScroll { overflow: scroll; }

@media (max-width: 1170px) {
    .about-page-section .content-block h1 { font-size: 250%; }
    .about-page-section .content-block h2 { font-size: 165%; }
    #LobbySection p { font-size: 85%; }
    .about-page-section .content-block { padding: 0; position: relative; }
    #LobbySection .aside-content { width: 415px; margin: 0 auto; }
    .about-page-section .display-table { display: block; }
    .about-page-section .table-cell { display: block; }
    .about-page-section .display-table .table-cell:first-child { width: auto; }
    .about-page-section:not(#LobbySection) .aside-content { max-width: 510px; max-width: 100%; width: 37vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    #StepsSection .steps-wrap .steps-section-list li { width: 50%; }
    #WhoWeAreSection .content-block h2, .about-page-section .display-table .table-cell:first-child h2 { margin-bottom: 35px; padding-left: 0; }
    #AboutUsSection .content-block h2, #WhoWeAreSection .content-block h2 { padding-left: 0; width: 315px; }
    #OurClients h2 { width: 565px; margin-left: auto; margin-right: auto; }
    .aside-content p { font-size: 97%; }
    .about-page-section .display-table .table-cell:first-child h2, #StepsSection .content-block h2 { font-size: 250%; }
    #StepsSection .steps-wrap .steps-section-list li:before { font-size: 350%; }
}

@media (max-width: 1120px) {
    body, html { overflow: unset !important; }
    #OurClients .clients-list { max-width: 850px; }
}

@media (max-width: 991px) {
    .title-logo { fill: #fff; }
    .about-page-section .full-page-container { display: block; height: auto; }
    .about-page-section .image-block { display: block; width: 100%; height: 50vh; line-height: 50vh; background-position: 0 15%; }
    .about-page-section .content-block { display: block; width: 100%; height: 50vh; }
    .about-page-section .show-mobile { display: block; }
    .about-page-section .hide-mobile { display: none; }
    .about-page-section .mobile-title-text { position: absolute; bottom: 0; width: 100%; }
    .about-page-section .mobile-title-text h1 { color: #fff; font-size: 280%; text-align: center; margin: 0; line-height: 1; }
    .about-page-section .mobile-title-text h2 { margin: 0; line-height: 1; margin-bottom: 30px; }
    #LobbySection p { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
    section:not(#LobbySection) .mobile-title-text h2 { color: #fff; text-align: center; font-size: 280%; }
    #LobbySection .mobile-title-text h2 { color: #fff; font-size: 185%; text-align: center; }
    #LobbySection .aside-content > p { width: 600px; font-size: 100%; text-align: center; line-height: 1.4; margin: 0; }
    section:not(#LobbySection) .content-block .aside-content { width: 600px; max-width: 85%; }
    #WhatWeDoSection .aside-content h3 { font-size: 110%; text-align: center; margin-top: 15px; }
    #WhatWeDoSection .aside-content p { font-size: 100%; text-align: center; }

    #StepsSection .steps-wrap .steps-section-list li:before { font-size: 380%; }
    #StepsSection .steps-wrap .steps-section-list li { width: 33.333%; font-size: 118%; padding-right: 8vw; }
    #StepsSection .steps-wrap .steps-section-list li { margin: 0; }
    #WhatWeDoSection .content-block h3:not(:first-child) { margin-top: 15px; }
    #AboutUsSection .aside-content p, #WhoWeAreSection .aside-content p { font-size: 100%; line-height: 1.4; }

    #OurClients .clients-list { width: 100%; max-width: 80vw; padding-bottom: 60px; }
    #OurClients h2 { line-height: 1; font-size: 185%;  }
    #OurClients .clients-list-item { width: 25%; }

    #siteheader-navigation-container.logo-text-dark .navbar-brand svg .title-logo { fill: #f15a55; }
}

@media (max-width: 767px) {
    #OurClients h2 { margin: 60px 0 10px 0; width: 100%; font-size: 9vw; }
    .about-page-section .image-block img { width: 125px; }
    .about-page-section .mobile-title-text h1 { font-size: 190%; }
    #LobbySection .content-block { height: 50vh; }
    #LobbySection .mobile-title-text h2 { font-size: 130%; }
    #LobbySection .aside-content, #LobbySection .aside-content > p { width: 100%; }
    #LobbySection .aside-content > p { padding: 0 20px; font-size: 100%; }
    section:not(#LobbySection) .content-block .aside-content { width: 100%; max-width: 100%; padding: 30px 20px; text-align: center; position: relative; top: auto; left: auto; transform: none; }
    #WhatWeDoSection .aside-content h3 { font-size: 90%; }
    #WhatWeDoSection .aside-content p { font-size: 90%; }
    section:not(#LobbySection) .mobile-title-text h2 { font-size: 190%; }
    #StepsSection .steps-wrap .steps-section-list li:before { font-size: 360%; margin-bottom: 10px; }
    #StepsSection .steps-wrap .steps-section-list li { width: 33.3333%; font-size: 106%; padding-right: 10px; margin: 0; float: right; line-height: 1; }
    #StepsSection .steps-wrap .steps-section-list { display: block; float: none; overflow: hidden; }
    #AboutUsSection .aside-content p, #WhoWeAreSection .aside-content p { font-size: 100%; }
    #OurClients .clients-list { padding: 0 15px 15px; overflow: hidden; }
    #WhatWeDoSection .content-block h3:not(:first-child) { margin-top: 10px; }
    .about-page-section .mobile-title-text h2 { margin-bottom: 20px; }
    #OurClients .clients-list-item { width: 33.333%; }
    #OurClients .clients-list-item img { padding: 10px; }
    #WhatWeDoSection .content-block .table-cell h3:first-child { margin-top: 0; }
    #OurClients .clients-list-item:last-child { display: none; }
    .footer-links > li:last-of-type { display: block; margin-top: 12px; margin: 15px 0 0 0; }
    #OurClients .clients-list-item { padding: 0; }
    #OurClients .clients-list { max-width: 95vw;}
    #OurClients { margin-bottom: 30px; }
    .about-page-section .content-block { height: auto; }
}

@media (max-height: 680px) and (min-width: 1170px) {
    #StepsSection .content-block h2, .about-page-section .display-table .table-cell:first-child h2, #WhoWeAreSection .content-block h2, .about-page-section .content-block h1 { font-size: 230%; }
    #StepsSection .steps-wrap .steps-section-list li:before { font-size: 315%; }
    #StepsSection .steps-wrap .steps-section-list li { font-size: 100%; }
    #AboutUsSection.about-page-section .content-block { padding-top: 8vw; }
    #AboutUsSection p, #WhoWeAreSection p { font-size: 80%; line-height: 1.25; }
    #WhatWeDoSection h3 { font-size: 90%; }
    #WhatWeDoSection p { font-size: 85%; }
    #WhatWeDoSection .content-block h3:not(:first-child) { margin-top: 20px; }
    #LobbySection p { font-size: 80%; }
    .about-page-section .content-block h2 { font-size: 150%; }
}