body {
    margin: 0;
    font-family: 'Roboto', Arial;
}

#bodyWrap {
    padding-top: 3em;
}

.innerWrap {
    margin: auto;
}

.themeColour-text {
    color: #00abeb;
}

.themeColour-bg {
    background-color: #00abeb;
    color: #fff !important;
}

#bodyWrap .innerWrap, #header .nav .innerWrap, #footer .innerWrap,#siteLogo .innerWrap {
    max-width: 1170px;
    margin: auto;
}
/*#header .nav .innerWrap { max-width: 1300px; }*/
#header .topNav .innerWrap {
    max-width: 1200px;
}

#header .socialNav .innerWrap {
    max-width: 1232px;
}

#bodyWrap .innerWrap {
    padding: 4em 0;
}

#bodyWrap, #footer {
    position: relative;
}

/** FONTS **/
p {
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 200;
}

    p .subhead {
        font-size: 24px;
        line-height: 1.6em;
    }

    p .box {
        padding: 0.5em 1em;
        text-transform: uppercase;
        display: inline-block;
    }

.grey .box.subhead {
    background-color: #fff;
}

.box.subhead {
    background-color: #eee;
}

.box a {
    text-decoration: none;
    color: #000;
}

p .box {
    background-color: #00abeb;
}

    p .box a {
        color: #fff;
    }

h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.6em;
    text-transform: uppercase;
}

.blue p, .blue h2 {
    color: #fff;
}

.blue h2 {
    font-size: 34px;
    line-height: 1.2em;
    display: inline-block;
}

img {
    display: block;
    border: none;
    outline: none;
}

#bodyWrap .pageHead {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #bodyWrap .pageHead.banner {
        padding-top: 0;
    }

    #bodyWrap .pageHead .innerWrap {
        padding: calc(8% + 2em) 0 8%;
    }

    #bodyWrap .pageHead.banner .innerWrap {
        padding: 0;
    }

    #bodyWrap .pageHead:before {
        content: '';
        display: block;
        box-shadow: 0 0 120px 220px rgba(0,0,0,0.35);
    }

    #bodyWrap .pageHead.banner:before {
        content: none;
    }

    #bodyWrap .pageHead.slider:before {
        box-shadow: none;
    }

    #bodyWrap .pageHead h2 {
        color: #fff;
        text-align: center;
        margin: 0;
    }

    #bodyWrap .pageHead.banner h2 {
        text-align: left;
        font-size: 56px;
        line-height: 1.2em;
        font-weight: 500;
    }

    #bodyWrap .pageHead.banner .subhead {
        font-style: italic;
        font-size: 26px;
        font-weight: 200;
        margin: 1em 0;
        color: #fff;
    }

        #bodyWrap .pageHead.banner .subhead.client-name {
            font-style: normal;
            font-weight: 600;
            text-transform: uppercase;
        }

    #bodyWrap .pageHead.banner img {
        margin: 0;
    }

    #bodyWrap .pageHead.banner .slider a {
        color: #fff;
        text-decoration: none;
    }

    #bodyWrap .pageHead.banner {
        background-image: url(/images/header/banner-background-concrete.jpg);
        background-size: cover;
        position: relative;
    }

        #bodyWrap .pageHead.banner .col-group .col {
            margin: 0;
            display: block;
            float: left;
        }

            #bodyWrap .pageHead.banner .col-group .col:first-child {
            }

                #bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap {
                    
                    margin-left: calc( (200% - 1170px) / 2);
               
                }

                    #bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap .wrap {
                        padding: 0 2em;
                       
                    }

            #bodyWrap .pageHead.banner .col-group .col:last-child {
              
                position: relative;
            }

                #bodyWrap .pageHead.banner .col-group .col:last-child .col-wrap {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                }

        #bodyWrap .pageHead.banner .slider li .slide-wrap {
            padding: 1em 5%;
            height: 95%;
            position: relative;
        }

            #bodyWrap .pageHead.banner .slider li .slide-wrap:before {
                content: '';
                display: block;
                height: 4em;
            }

            #bodyWrap .pageHead.banner .slider li .slide-wrap img {
                max-width: none;
            }

        #bodyWrap .pageHead.banner .slider ul {
            padding: 0;
            margin: 0;
            max-width: none;
        }

        #bodyWrap .pageHead.banner .slider li .slide-wrap .slide-text {
            display: inline-block;
            font-style: italic;
            padding: 2em 0 1em 1em;
            max-width: calc(60% - 1em);
        }

            #bodyWrap .pageHead.banner .slider li .slide-wrap .slide-text img {
                margin-bottom: .4em;
            }

        #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover] {
            display: inline-block;
            position: relative;
            float: left;
            width: 40%;
            max-width: 250px;
        }

            #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover] .hidden, #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover] .default {
                max-width: 100%;
            }

                #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover] .hidden img, #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover] .default img {
                    max-width: 100%;
                }

            #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover].bottom-image {
                position: absolute;
                bottom: 0;
                right: 4em;
            }

            #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover] .hidden {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                transition: 0.5s;
                -webkit-transition: 0.5s;
            }

            #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover].global_hover .hidden {
                opacity: 1;
            }

        #bodyWrap .pageHead.banner .slider .next, #bodyWrap .pageHead.banner .slider .prev {
            text-indent: -9999px;
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            width: 40px;
            height: 40px;
            cursor: pointer;
            background-position: center;
        }

        #bodyWrap .pageHead.banner .slider .next {
            transform: translateY(-105%);
            -webkit-transform: translateY(-105%);
            background-image: url(/images/nav-next.png);
        }

        #bodyWrap .pageHead.banner .slider .prev {
            transform: translateY(5%);
            -webkit-transform: translateY(5%);
            background-image: url(/images/nav-prev.png);
        }

    #bodyWrap .pageHead .slideWrap {
        height: 0;
        padding-top: calc(35% + 2em);
        position: relative;
    }

        #bodyWrap .pageHead .slideWrap .slider {
            position: absolute;
            top: 0;
        }

            #bodyWrap .pageHead .slideWrap .slider li {
                transform: translateY(-35%);
                -webkit-transform: translateY(-35%);
            }

            #bodyWrap .pageHead .slideWrap .slider.next, #bodyWrap .pageHead .slideWrap .slider.prev {
                top: 2em;
                height: calc(100% - 2em);
            }

            #bodyWrap .pageHead .slideWrap .slider.next {
                right: 0;
            }

            #bodyWrap .pageHead .slideWrap .slider.prev {
                left: 0;
            }

#bodyWrap .umb-grid {
}

    #bodyWrap .umb-grid a {
        color: #00abeb;
        text-decoration: none;
        box-shadow: 0 -1px 0 0 #00abeb inset;
        transition: 0.5s;
        padding-left:0.2em;
        padding-right:0.2em;
        margin-left:-0.2em;
        margin-right:-0.2em;
        -webkit-transition: 0.5s;
        display: inline-block;
    }

        
        #bodyWrap .umb-grid a:hover {
            box-shadow: 0 -1.4em 0 0 #00abeb inset;
            color: #fff;
        }
        #bodyWrap .umb-grid .subhead a:hover{
            box-shadow: 0 -1.8em 0 0 #00abeb inset;
        }

    #bodyWrap .umb-grid .box a, #bodyWrap .umb-grid .box span {
        color: #fff;
        box-shadow: none;
    }

    /*#bodyWrap .umb-grid .openPopup:before { content: 'Read More'; color: rgba(0,0,0,0.75); }*/

    #bodyWrap .umb-grid .openPopup {
        display: none;
        position: absolute;
        right: -4.5em;
        bottom: -4.5em;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 8em;
        height: 8em;
        background: rgba(255,255,255,0.5) url(/images/search-icon.png) 50% 0 no-repeat;
    }

.touchEnabled #bodyWrap .umb-grid .openPopup {
    display: block;
}

#bodyWrap > .umb-grid:first-child .column > *[data-center-align] {
    width: 100%;
    height: auto;
    left: 0 !important;
}

    #bodyWrap > .umb-grid:first-child .column > *[data-center-align] h2 {
        text-shadow: none !important;
    }

        #bodyWrap > .umb-grid:first-child .column > *[data-center-align] h2:after {
            content: '';
            background: url(/images/down-arrow.png) bottom no-repeat;
            display: block;
            position: relative;
            width: 13px;
            height: 70px;
        }

.home #bodyWrap > .umb-grid:first-child .column img {
    max-width: 70%;
}

/** GRID **/
.umb-grid, .grid-section, .grid-section > div, .col-group {
    max-width: 100%;
}

    .grid-section > div {
        overflow: hidden;
    }

        .grid-section > div.collapseUp .container {
            margin-top: 0;
        }

        .grid-section > div.collapseDown .container {
            margin-bottom: 0;
        }

    .grid-section .container {
        max-width: 1170px;
        margin: 4em auto;
    }

    .grid-section .container, .grid-section .row {
        overflow: hidden;
    }

    .grid-section .fullwidth .container {
        max-width: 100%;
    }

#bodyWrap .innerWrap.collapseUp {
    padding-top: 0;
}

#bodyWrap .innerWrap.collapseDown {
    padding-bottom: 0;
}

.umb-grid .grid-section > div[style] {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #efefef;
}

.umb-grid .column {
    float: left;
    width: 96%;
}

    .umb-grid .column > div {
        height: 100%;
        max-width: 1170px;
        margin: auto;
        overflow: hidden;
    }

        .umb-grid .column > div.fullwidth {
            max-width: 100%;
        }

    .umb-grid .column .rte {
        width: calc(100% - 4em);
        margin: auto;
        padding: 2em 0;
    }

        .umb-grid .column .rte > *:first-child {
            margin-top: 0;
        }

        .umb-grid .column .rte > *:last-child {
            margin-bottom: 0;
        }

    .umb-grid .column .macro {
        position: relative;
    }

    .umb-grid .column img {
        max-width: 100%;
        margin: 0;
    }

    .umb-grid .column .imgWrap img {
        width: 100%;
    }

    .umb-grid .column .media img {
        margin: auto;
    }

.contact .input-field.buttons {
    margin-top: 2em;
}
/*.contact .umb-grid .column .rte p {margin-bottom: 0.5em; }*/

.col-struct-30 .umb-grid .column { /*max-height: 500px;*/
}

    .col-struct-30 .umb-grid .column .slider img .col-struct-30 .umb-grid .column.col-md-20 img {
        min-height: 100%;
    }

    .col-struct-30 .umb-grid .column .slider img {
        min-height: 0;
        max-height: none;
    }

.outerWrap .col-struct-30 .grid-section .container {
    margin: 1em auto;
}

/*#bodyWrap .umb-grid:first-child .grid-section > div:first-child { padding-top: 35px; }*/

#bodyWrap .outerWrap .umb-grid:first-child .grid-section > div:first-child {
    padding-top: 0;
    margin-top: -1em;
}

#bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth {
    padding-top: 0;
    margin-top: 0;
}

    #bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth .container {
        margin: 0;
    }

    #bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth div {
        height: 100% !important;
    }

        #bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth div.slideWrap {
            max-height: 500px;
        }

            #bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth div.slideWrap > ul {
                transform: rotate3d(0,0,0,0deg) translateY(-15%) !important;
            }

    #bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth .next,
    #bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth .prev {
        margin-top: 18px;
        height: 50% !important;
    }

    #bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth .next {
        background-image: url(/images/next-white.png);
    }

    #bodyWrap .umb-grid:first-child .grid-section > div:first-child.fullwidth .prev {
        background-image: url(/images/prev-white.png);
    }

.umb-grid .col-md-15 {
    width: 100%;
}

.umb-grid .col-md-3 {
    width: 20%;
}

.umb-grid .col-md-5 {
    width: 33.3333%;
}

.umb-grid .col-md-7 {
    width: 50%;
}

/*.umb-grid .devider .col-md-7:last-child > div { max-width: 80%; margin-left: auto; }*/

.col-struct-30 .column {
    margin-right: 4%;
}

.col-struct-30.thin .column {
    margin-right: 2%;
}

.col-struct-30 .row {
    margin-right: -4%;
}

.col-struct-30.thin .row {
    margin-right: -2%;
}

.col-struct-30 .column .white, .col-struct-30 .column .blue {
    overflow: hidden;
}

.col-struct-30 .col-md-10 {
    width: 29.3333%;
}

.col-struct-30 .col-md-20 {
    width: 62.6666%;
}

.col-struct-30 .col-md-15 {
    width: 46%;
}

.col-struct-30 .umb-grid .flow .column:first-child > div, .col-struct-30 .umb-grid .flow .column:last-child > div {
    margin: 0;
}

.col-struct-30.thin .col-md-10 {
    width: 31.3333%;
}

.col-struct-30.thin .col-md-20 {
    width: 64.6666%;
}

.col-struct-30.thin .col-md-15 {
    width: 48%;
}

.col-struct-30 .fullwidth .column, .col-struct-30.thin .fullwidth .column {
    margin-right: 0;
    width: 100%;
    max-height: none;
}

.col-struct-30 .fullwidth .row, .col-struct-30.thin .fullwidth .row {
    margin-right: 0;
}

.thin .grid-section > div:last-child {
    padding-bottom: 2em;
}

.thin .grid-section .container {
    margin: 0.75em auto;
}

.umb-grid .grid-section .white {
    background-color: #fff; /*padding: 1em 0;*/
}

    .umb-grid .grid-section .white.transparent {
        background-color: rgba(255,255,255,0.5);
    }

.umb-grid .blue {
    background-color: #00abeb;
}

.umb-grid .grey, .outerWrap.grey {
    background-color: #efefef;
}

    .umb-grid .grey.transparent {
        background-color: rgba(239, 239, 239, 0.5);
    }

.umb-grid .light-grey, .outerWrap.light-grey {
    background-color: #f7f7f7;
}

    .umb-grid .light-grey.transparent {
        background-color: rgba(247,247,247,0.5);
    }

.umb-grid .grid-section .video {
    height: 480px;
    background-position: center;
    background-size: cover;
}

.umb-grid .grid-section .angles {
    background-image: url(/images/angles-pattern.png);
    background-position: bottom;
    background-size: cover;
}

.umb-grid .grid-section .circles {
    background-image: url(/images/repeat-pattern.png);
    background-position: bottom;
}

.umb-grid .grid-section .grey.circles {
    background-image: url(/images/repeat-pattern-white.png);
    background-position: bottom;
}

.col-struct-30 .slideWrap {
    max-width: 1170px;
    margin: auto;
}

.umb-grid .flow .column > div, .umb-grid .flow .column .media {
    overflow: hidden;
    height: 100%;
}

    .umb-grid .flow .column .media img {
        width: auto;
        min-width: 100%;
        min-height: 100%;
    }

.umb-grid .flow .col-md-7:first-child > div {
    margin-right: 2em;
}

.umb-grid .flow .col-md-7:last-child > div {
    margin-left: 2em;
}

.umb-grid .flow .column > div > img {
    padding: 0;
}

.umb-grid .flow .column > div .templateWrap {
    padding-top: 2em;
    max-width: 88%;
    margin: auto;
}

.umb-grid .devider .column:first-child > div {
    border-right: 4px solid #efefef;
}

.umb-grid .devider.flow .column > div {
    margin: 0;
}

.col-group {
    overflow: hidden;
}

    .col-group.img-col {
        text-align: center;
    }

    .col-group .col {
        display: inline-block;
        vertical-align: top;
        text-align: initial;
        margin: 2em 0 1em -5px;
    }

        .col-group .col:first-child {
            margin-left: 0;
        }

        .col-group .col .wrap {
            height: 100%;
        }

        .col-group .col.project {
            text-align: center;
        }

            .col-group .col.project img {
                min-width: 100%;
            }

        .col-group .col img {
            margin: auto;
            max-width: 86%;
        }

        .col-group .col ul {
            max-width: 60%;
            margin: auto;
            padding-left: 6%;
        }

    .col-group._2 {
    }

.col._1 {
    width: 50%;
}

.col-group._3 {
}

    .col-group._3 .col._2 {
        width: 66.6666%;
    }

    .col-group._3 .col._1 {
        width: 33.3333%;
    }

.col-group._4 {
    margin-right: calc(-1.5em - 5px);
    max-width: none;
    margin-bottom: -2em;
}

    .col-group._4 .col._1 {
        width: 25%;
    }

    .col-group._4 .col._3 {
        width: 75%;
    }

.col-group._5 {
}

    .col-group._5 .col._1 {
        width: 20%;
    }

.col-group._6 {
}

    .col-group._6 .col._1 {
        width: 16.6667%;
    }

    @media sceen and (max-width:768px){
            .col-group._6 .col._1 {
        width: 33%;
    }
    }

.col-group._5.img-col .col._1 {
    position: relative;
}

    .col-group._5.img-col .col._1:after {
        content: '+';
        position: absolute;
        top: 7%;
        right: 0;
        transform: translate(50%, 50%);
        display: block;
        width: 1em;
        height: 1em;
    }

    .col-group._5.img-col .col._1:last-child:after {
        content: '';
    }



.col-struct-30 .subhead {
    text-align: center;
}

#bodyWrap .home_hover_divisions .innerWrap {
    padding: 0;
}

.caseStudyPage .col-group {
    margin: 0 -1em;
    width: calc(100% + 2em);
    max-width: none;
}

    .caseStudyPage .col-group .col {
        margin: 0;
        display: block;
        float: left;
        overflow: hidden;
        height: 0 !important;
        position: relative;
    }

        .caseStudyPage .col-group .col .col-wrap {
            margin: 1em;
            background-color: #efefef;
            height: calc(100% - 2em);
            position: absolute;
            top: 0;
            width: calc( 100% - 2em);
        }

            .caseStudyPage .col-group .col .col-wrap .contWrap {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background-color: rgba(0, 171, 235, 0.85);
                opacity: 0;
                transition: 0.5s;
                -webkit-transition: 0.5s;
            }

            .caseStudyPage .col-group .col .col-wrap.global_hover .contWrap {
                opacity: 1;
            }

            .caseStudyPage .col-group .col .col-wrap .contWrap .wrap {
                display: inline-block;
                margin: auto;
                position: absolute;
                top: 50%;
                width: 100%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                height: auto;
                text-align: center;
                color: #fff;
                text-decoration: none;
                display: none;
            }

            .caseStudyPage .col-group .col .col-wrap.global_hover .contWrap .wrap {
                display: block;
            }

            .caseStudyPage .col-group .col .col-wrap .contWrap .wrap:before {
                content: '+';
                font-size: 28px;
                font-weight: 600;
            }

            .caseStudyPage .col-group .col .col-wrap .contWrap .wrap p:last-child {
                color: #000;
            }

        .caseStudyPage .col-group .col .img-wrap {
            height: 100%;
            overflow: hidden;
        }

            .caseStudyPage .col-group .col .img-wrap img {
                max-width: 100%;
                max-height: 100%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                position: relative;
                top: 50%;
            }

    .caseStudyPage .col-group._2 .col._1 {
        width: 50%;
        padding-top: 30%;
    }

    .caseStudyPage .col-group._3 .col._1 {
        width: 33.3333%;
        padding-top: 40%;
    }

/**	GLOBAL STYLES **/
.aligned {
    margin: 0;
    padding: 0;
}

.templateWrap {
    padding-top: 1em;
    overflow: hidden;
}

.global_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    opacity: 0;
    transition: 0.5s;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

    .global_popup .wrapper {
        overflow: hidden;
        margin: 4em 0;
        transition: 1s;
        position: relative;
        top: 0px;
    }

        .global_popup .wrapper.closing {
            top: -100px;
        }

    .global_popup .popup {
        position: relative;
        background-color: #f6f6f6;
        padding: 4em 2em;
    }

        .global_popup .popup .close {
            position: absolute;
            top: 0;
            right: 2em;
            width: 64px;
            height: 64px;
            background: url(/images/close.png) no-repeat center;
            background-size: 32px;
            cursor: pointer;
        }

            .global_popup .popup .close:hover {
                background-color: #eee;
            }

.input-field {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0.5em;
    position: relative;
}

    .input-field.error {
        background-color: #ffdfdf;
    }

    .input-field input, .input-field select, .input-field textarea, .input-field .button, .input-field button, .input-field:before {
        border: none;
        background-color: transparent;
        width: 90%;
        display: block;
        padding: 5%;
        margin: 0;
        font-family: inherit;
        font-size: 16px;
        font-weight: 200;
    }

    .input-field select {
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        background: url(/images/select-down.png) no-repeat 97.5% center;
    }

        .input-field select::-ms-expand {
            display: none;
        }

    .input-field.show:after {
        display: block;
        content: attr(data-placeholder-aurg) ' ';
        position: absolute;
        left: 5%;
        top: 50%;
        width: 90%;
        z-index: 9;
        color: rgba(0,0,0,0.4);
        font-size: 16px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .input-field.textarea.show:after {
        padding-top: 5%;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .input-field:focus.show:after {
        display: none;
    }

    .input-field.buttons {
        float: right;
        width: auto;
    }

        .input-field.buttons button, .input-field.buttons .button {
            width: 100%;
            padding: 0.5em 1em;
            cursor: pointer;
            color: #000;
            vertical-align: top;
        }

        .input-field.buttons.working button:before {
            content: '';
            display: inline-block;
            height: 16px;
            width: 16px;
            padding: 0;
            background: url(/umbraco/assets/img/loader.gif) center no-repeat;
            background-size: contain;
            margin-right: 0.5em;
            margin-left: -0.5em;
        }

    .input-field textarea {
        resize: vertical;
    }

.error_pointer {
    display: none;
}

.error-wrap {
    display: none;
}

    .error-wrap.error {
        display: block;
    }

/** HEADER **/
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    transition: box-shadow 0.25s linear;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

    /*#header.offTop {
        transform: translateY(-36px);
        -webkit-transform: translateY(-36px);
    }*/

    #header .topNav, #header .socialNav {
        position: relative;
        z-index: 2;
    }

    #header .socialNav {
        background-color: #fff;
        overflow: hidden;
        border-bottom: 1px solid #AEAEAE;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }

        #header .socialNav .right {
            float: right;
        }

        #header .socialNav span {
            display: block;
            padding: 1em 1em;
            float: left;
        }

        #header .socialNav a, #header .socialNav .phone {
            color: #AEAEAE;
            text-decoration: none;
        }

        #header .socialNav a {
            display: inline-block;
            margin: 0 0.5em -0.24em;
            margin-left: -0.24em;
        }

            #header .socialNav a:last-child {
                margin-right: 0;
            }

        #header .socialNav .button {
            margin-left: 1em;
            cursor: pointer;
            color: #fff;
            background-color: #00abeb;
            text-transform: uppercase;
        }

        #header .socialNav .email:before,
        #header .socialNav .phone:before,
        #header .socialNav .social img {
            transition: 0.5s;
            background-color: rgba(0, 0, 0, 0.3);
        }

            #header .socialNav .email:hover:before,
            #header .socialNav .phone:hover:before,
            #header .socialNav .social img:hover {
                background-color: rgba(0, 171, 235, 1);
            }

        #header .socialNav .email:before {
            background-image: url(/images/email-icon.png);
            background-position: center;
            background-repeat: no-repeat;
            max-width: 23px;
        }

        #header .socialNav .phone:before {
            background-image: url(/images/speach-bubbles-icon.png);
            background-position: center;
            background-repeat: no-repeat;
            max-width: 19px;
        }

        #header .socialNav .email:before, #header .socialNav .phone:before {
            content: '';
            display: inline-block;
            margin-right: 0.5em;
            height: 0.8em;
            width: 1.5em;
            background-size: contain;
        }

        #header .socialNav .email:after, #header .socialNav .phone:after {
            content: '';
            padding-left: 2em;
            border-right: 1px solid #AEAEAE;
        }

        #header .socialNav .social img {
            max-height: 19px;
        }

    #header .topNav .innerWrap {
        padding: 0.5em 1em;
        position: relative;
        z-index: 2;
    }

    #header .bottom-anim {
        height: 74px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

        #header .bottom-anim * {
            position: absolute;
        }

        #header .bottom-anim * {
            float: left;
        }

        #header .bottom-anim .start {
            width: calc(100% - ( (100% - 1232px) /2 ) - 100px);
        }

        #header .bottom-anim .white {
            background-color: #fff;
            height: 100%;
        }

        #header .bottom-anim .small, #header .bottom-anim .angle {
            left: calc(100% - ( (100% - 1232px) / 2 ) - 100px);
            width: 100px;
            transition: 0.5s height ease 0s, 0.5s top ease 0s, background-color 0.25s linear;
        }

        #header .bottom-anim .end {
            left: calc(100% - ((100% - 1232px) / 2));
            width: calc((100% - 1232px) / 2);
        }

        #header .bottom-anim .angle { /*background: url(/images/nav-point-up.png) center no-repeat; background-size: 100% 100%;*/
        }

            #header .bottom-anim .angle:before, #header .bottom-anim .angle:after {
                content: '';
                width: 50%;
                height: 100%;
                display: block;
                background-color: #fff;
                float: left;
            }

            #header .bottom-anim .angle:before {
                border-bottom-right-radius: 100%;
            }

            #header .bottom-anim .angle:after {
                border-bottom-left-radius: 100%;
            }

        #header .bottom-anim .small, #header.active .bottom-anim .small {
            height: 40px;
        }

        #header .bottom-anim .angle, #header.active .bottom-anim .angle {
            height: 34px;
            top: 40px;
            background-color: transparent;
        }

    #header.shadow .angle {
        background-color: rgba(0,0,0,0.42);
    }

    #header.offTop .angle {
        height: 0;
        top: 74px;
    }

    #header.offTop .small {
        height: 74px;
    }

    #header .topNav .downpoint, #header.active .topNav .downpoint {
        top: 74px;
        left: 1.5em;
        background: url(/images/nav-point-down.png) center no-repeat;
        background-size: 100% 100%;
        width: 100px;
        height: 35px;
        position: absolute;
    }

    #header.offTop .downpoint {
        height: 0;
    }

    #header .logo {
        margin: 0;
        display: inline-block;
    }

        #header .logo img {
            background-color: #00abeb;
            display: block;
            max-height: 100%;
        }

    #header .topNav .menu, #header.active .topNav .menu {
        position: relative;
        top: 0;
        cursor: pointer;
        display: inline-block;
        float: right;
        text-transform: uppercase;
        padding: 0.25em;
        font-weight: 800;
        font-size: 20px;
        z-index: 1;
        color: #00abeb;
    }

    #header.offTop .menu {
        top: 30px;
    }

    #header.shadow, #header .nav.active {
        box-shadow: 0px -10px 40px 30px rgba(0,0,0,0.5);
    }


    #header .nav {
        overflow: hidden;
        display: block;
        height: auto;
        padding-top: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: calc(110px + 4em) 0 4em;
        padding: -webkit-calc(110px + 4em) 0 4em;
        transform: rotate3d(0,0,0,0deg) translateY(-100%) !important;
        -ms-transform: translateY(-100%);
        -webkit-transform: rotate3d(0,0,0,0deg) translateY(-100%) !important;
    }

    #header .nav {
        background-image: url(/images/chalkboard-min.jpg);
        background-position: center;
        background-size: cover;
    }

        #header .nav p, #header .nav a {
            color: #fff;
            text-decoration: none;
        }

            #header .nav p .subhead {
                text-transform: uppercase;
                font-size: 20px;
                font-weight: 400;
            }

        #header .nav a {
            font-weight: 200;
            font-size: 18px;
        }

        #header .nav ul {
            padding: 0;
            margin: 0;
        }

            #header .nav ul li {
                list-style: none;
                line-height: 1.6em;
                margin-bottom: 1em;
            }

        #header .nav.active {
            transform: rotate3d(0,0,0,0deg) translateY(0) !important;
            -ms-transform: translateY(0) !important;
            -webkit-transform: rotate3d(0,0,0,0deg) translateY(0) !important;
        }

        #header .nav > .innerWrap {
            padding: 0;
            /*overflow: auto;*/
		height:100% !important;
        }

        #header .nav .nav-col {
            float: left;
            width: calc(25% - 4em - 1px);
            padding: 0 3em;
            padding-right: 1em;
            border-right: 1px dotted #AEAEAE;
            height: 100%;
        }

            #header .nav .nav-col:last-child {
                border-right: none;
            }

            #header .nav .nav-col.devisions {
                border: none;
            }

            #header .nav .nav-col ul li img {
                margin: auto;
                max-width: 86%;
                margin-bottom: 1.2em;
            }

    #header .awards-wrap {
        background-color: rgba(3,64,147,0.75);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }

        #header .awards-wrap .innerWrap {
            padding: 0.75em 0;
        }

#registrationForm {
    position: fixed;
    top: 35px;
    right: calc((100% - 1232px) / 2);
    padding: 3em 1em 0.5em;
    background-color: #fff;
    border: 1px solid #AEAEAE;
    max-width: 27.5%;
    z-index: -1;
    opacity: 0;
}

    #registrationForm.active {
        opacity: 1;
        z-index: 3;
    }

    #registrationForm.offTop {
        top: 0;
    }

    #registrationForm .input-field {
        border: 1px solid #AEAEAE;
    }

    #registrationForm .close {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        height: 2em;
        width: 2em;
        background: url(/images/close.png) center no-repeat;
        background-size: contain;
        cursor: pointer;
    }

    #registrationForm .input-field.text, #registrationForm .input-field.email {
        width: calc(100% - 2px);
    }

    #registrationForm .input-field * {
        padding: 0.25em 0.5em;
    }

    #registrationForm .input-field input {
        width: calc(100% - 1em);
    }

    #registrationForm .input-field.buttons {
        margin-top: 0;
    }

    #registrationForm p {
        margin-top: 0;
    }

#footer {
    background: url(/images/chalkboard.jpg) bottom;
    background-size: cover;
    color: #fff;
}

    #footer .wrap {
        overflow: hidden;
    }

    #footer a {
        color: #fff;
        text-decoration: none;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }

        #footer a:hover {
            color: #00abeb;
        }

    #footer .left .wrap p:first-child,
    #footer .right .col p:first-child {
        text-transform: uppercase;
    }

    #footer .left, #footer .right {
        float: left;
    }

        #footer .left > .wrap, #footer .right > .wrap {
            padding: 2em 0 4em;
            overflow: hidden;
        }

        #footer .left > .wrap {
            margin-right: 2em;
        }

    #footer .left {
        width: calc(1170px / 3);
        padding-left: calc((100% - 1170px) / 2);
        background-color: rgba(0,0,0,0.25);
        text-align: center;
    }

        #footer .left .recent-post {
            position: relative;
        }

            #footer .left .recent-post .circle-wrap {
                width: 50%;
                display: inline-block;
            }

                #footer .left .recent-post .circle-wrap .circle {
                    padding-top: 100%;
                    width: 100%;
                    background: rgba(255,255,255,0.18);
                    border-radius: 100%;
                    box-shadow: 0 0 40px -10px rgba(0, 171, 235, 0.1) inset;
                }

            #footer .left .recent-post .post-title {
                position: absolute;
                margin: 0;
                width: 100%;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                font-size: 24px;
            }

        #footer .left .post-link {
            margin-top: 1em;
            max-width: 90px;
            display: inline-block;
        }

    /*#footer .right {
        width: calc((1170px / 3) * 2 );
        padding-right: calc((100% - 1170px) / 2);
    }*/

        #footer .right ul {
            list-style: none;
        }

            #footer .right ul li {
                margin-bottom: 0.5em;
            }

    #footer > .wrap .col._1 {
        margin: 0 2em;
        float: left;
    }

        #footer > .wrap .col._1:first-child {
            width: calc(100% - 150px - 4em - 4em);
        }

        #footer > .wrap .col._1:last-child {
            width: 150px;
        }

    #footer #registerForm {
    }

    #footer .input-field {
        margin-bottom: 1em;
    }

        #footer .input-field.buttons {
            margin-top: 0;
        }

        #footer .input-field * {
            padding: 0.5em 1em;
        }

        #footer .input-field input {
            width: calc(100% - 2em);
        }

        #footer .input-field.email {
            width: calc(100% - 2.5em);
            float: left;
        }

        #footer .input-field.buttons {
            width: 2.5em;
        }

        #footer .input-field .button {
            text-indent: -9999px;
            background: #00abeb url(/images/next-white.png) no-repeat 60% 50% / 40%;
        }

    #footer .social {
        padding: 0;
        margin: 0;
        max-width: none;
    }

        #footer .social li a img {
            max-height: 18px;
            margin: 0;
            margin-right: 0.25em;
            display: inline;
            transform: translateY(18%);
            -webkit-transform: translateY(18%);
            background-color: #fff;
            transition: 0.5s;
            -webkit-transition: 0.5s;
        }

        #footer .social li a:hover img {
            background-color: #00abeb;
        }

    #footer .outerWrap {
        background-color: rgba(0,0,0,0.6);
        overflow: hidden;
        padding: 1em 0;
    }

    #footer .innerWrap {
        margin: auto;
        overflow: hidden;
    }

    #footer .col-group._3 .col._1 {
        float: left;
        width: 30%;
        margin: 0;
    }

    #footer .col-group._3 .col.logo {
        width: 40%;
    }

    #footer .col-group .col .col-wrap {
        padding: 0 1em;
        height: 100%;
        position: relative;
    }

    #footer .col-group .col.copy span {
        position: absolute;
        bottom: 0;
        right: 1em;
    }

    #footer .outerWrap .phone:before {
        content: 'T';
    }

    #footer .outerWrap .email:before {
        content: 'E';
    }

    #footer .outerWrap .phone:before, #footer .outerWrap .email:before {
        height: 0.8em;
        display: inline-block;
        margin-right: 0.5em;
        background-size: contain;
        font-weight: 600;
    }

    #footer .outerWrap span {
        margin-right: 1em;
    }

        #footer .outerWrap span.copy {
            margin: 0;
        }

    #footer .outerWrap .copy {
        font-size: 12px;
        float: right;
    }

.outerWrap .home_hover_divisions {
    padding-bottom: 4em;
}

.home_hover_divisions ._1.global_hover {
    background-color: #fff;
}

.home_hover_divisions ._1 .wrap {
    margin: 0 1em;
    height: auto;
    text-align: center;
    overflow: hidden;
}

    .home_hover_divisions ._1 .wrap a {
        display: inline-block;
        font-size: 28px;
        font-weight: 200;
        width: 1em;
        line-height: 1em;
        text-align: center;
        background-color: #efefef;
        margin-bottom: 1em;
        text-decoration: none;
        color: #00abeb;
    }

.home_hover_divisions ._1 .imgWrap {
    border-right: 2px solid #fff;
    padding: 1em 0 0.5em;
}

.home_hover_divisions ._1:last-child .imgWrap {
    border: none;
}

.home_hover_divisions ._1 .contWrap {
    opacity: 0;
    margin-top: -1em;
}

.home_hover_divisions ._1.global_hover .contWrap {
    opacity: 1;
}

#homeSlider {
    min-height: 320px;
    background-color: #0c6eb4;
}

.slideWrap {
    overflow: hidden;
    max-width: 100%;
    height: 100%;
}

.slider {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 100%;
}

    .slider li {
        display: block;
        width: 100%;
        height: 100%;
        float: left;
    }

        .slider li > img {
            width: 100%;
        }

        .slider li .text-overlay {
        }

.clientLogos {
    text-align: center;
}

    .clientLogos .innerWrap {
        overflow: hidden;
    }

    .clientLogos .wrap {
        overflow: auto;
        text-align: center;
        margin: 2em 0;
    }

    .clientLogos .imgWrap {
        margin: 0.5em;
        display: inline;
    }

        .clientLogos .imgWrap, .clientLogos .imgWrap img {
            display: inline-block;
        }

#Map {
    height: 360px;
    position: relative;
    overflow: hidden;
}

    #Map .overlay {
        background-color: transparent;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    #Map iframe {
        display: block;
        width: 100%;
        height: 600px;
        position: relative;
        top: -110px;
    }

.members-col {
    overflow: hidden;
    margin-right: -2%;
}

.col-group._4 .member.col._1 {
    width: calc(25% - 1.5em);
    margin: 1em 1.5em;
    margin-left: -5px;
    overflow: hidden;
    position: relative;
}

    .col-group._4 .member.col._1:nth-child(4n-3) {
        margin-left: 0;
    }

.col-group._3.uBlogsy_posts_container .col > article {
    margin: 0 1em;
}

.member .imgWrap {
    min-width: 100%;
    max-height: 100%;
    position: relative;
    overflow: hidden;
}

    .member .imgWrap .head, .member .imgWrap .hide {
        left: 0;
        top: 0;
        transition: 0.5s;
        width: 100%;
        margin: 0;
        max-width: none;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0) scale(1.0, 1.0);
        position: absolute;
    }

    .member .imgWrap .head {
        opacity: 1;
        z-index: 1;
        position: relative;
    }

    .member .imgWrap .hide {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
    }

.member.global_hover .imgWrap .head {
    opacity: 0;
}

.member .contWrap {
    opacity: 0;
    transition: 0.5s;
    text-align: center;
    position: absolute;
    bottom: 0;
    margin-bottom: 0.5em;
    left: 4%;
    width: 84%;
    padding: 4%;
    background-color: rgba(255,255,255,0.75);
}

    .member .contWrap p {
        margin: 0;
    }

        .member .contWrap p strong {
            display: block;
        }

.member.global_hover .contWrap {
    opacity: 1;
}

.divisionDetails ._2 .wrap {
    padding-right: 4em;
}

.divisionDetails ._2 .divHead {
    display: none;
}

.divisionDetails ._1 img {
    float: right;
}

.divisionDetails .divisionLogo {
    margin-bottom: 2em;
}

    .divisionDetails .divisionLogo img {
        margin: 0;
    }

.services {
    overflow: hidden;
}

    .services .wrap {
        height: 130px;
        padding: 1em 0 4em;
    }

    .services .col, .services .wrap {
        height: 100%;
    }

        .services .col .wrap {
            padding: 0;
            border-right: 1px solid #ccc;
        }

    .services .col {
        margin: 0 0 0 -5px;
    }

        .services .col:first-child .wrap {
            border-left: 1px solid #ccc;
        }

        .services .col .wrap li {
            list-style: none;
            line-height: 2em;
            text-align: center;
            font-weight: 200;
        }

    .services .col-group._4 .col._1 {
        width: 24.5%;
    }

.casestudydetails .col-struct-30 {
    position: relative;
}

    .casestudydetails .col-struct-30 .buttons {
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        width: 2em;
        height: 100px;
    }

.casestudydetails .buttons .btn {
    height: 2em;
    width: 2em;
    background-color: #11609b;
    text-align: center;
    position: absolute;
    top: 50%;
}

    .casestudydetails .buttons .btn a {
        color: #fff;
        line-height: 2em;
        text-decoration: none;
        font-weight: 600;
        display: block;
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50% 75%;
    }

    .casestudydetails .buttons .btn.next {
        transform: translateY(-105%);
    }

    .casestudydetails .buttons .btn.prev {
        transform: translateY(5%);
    }

    .casestudydetails .buttons .btn.next a {
        background-image: url(/images/next-white.png);
    }

    .casestudydetails .buttons .btn.prev a {
        background-image: url(/images/prev-white.png);
    }

.casestudydetails .buttons div a {
    display: block;
    text-transform: uppercase;
    font-weight: 200;
}

    .casestudydetails .buttons div a span {
        padding: 0.5em 1em;
        display: inline-block;
    }

.project {
    position: relative;
}

    .project .award-ribbon, #projectSlider .award-ribbon {
        position: absolute;
        top: -1em;
        right: -1em;
        width: 100px;
        line-height: 2em;
        height: 2em;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: 0px 50% -0.5em;
        -moz-transform-origin: 0px 50% -0.5em;
        -o-transform-origin: 0px 50% -0.5em;
        transform-origin: 0px 50% -0.5em;
        z-index: 1;
        transition: 0.25s;
    }

    .project .global_hover .award-ribbon, #projectSlider .award-ribbon {
        transform: rotateX(0deg);
    }

        .project .award-ribbon:before, .project .award-ribbon:after, #projectSlider .award-ribbon:before, #projectSlider .award-ribbon:after {
            content: "";
            display: block;
            z-index: -1;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
        }

        .project .award-ribbon:before, #projectSlider .award-ribbon:before {
            content: "Award";
            background: url(/images/award-ribbon.png) center no-repeat;
            width: 100%;
            height: 100%;
            text-align: center;
            box-shadow: 0px 10px 10px -10px;
            font-size: 22px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .project .award-ribbon:after, #projectSlider .award-ribbon:after {
            background-color: rgb(181, 112, 16);
            width: 2em;
            height: 100%;
            left: initial;
            right: -2em;
            top: 0;
            z-index: -2;
        }

        .project .award-ribbon:after, #projectSlider .award-ribbon:after {
            -webkit-transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
            -o-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
            -webkit-transform: rotateY(120deg) skewY(0);
            -moz-transform: rotateY(120deg) skewY(0);
            -o-transform: rotateY(120deg) skewY(0);
            transform: rotateY(120deg) skewY(0);
        }

        .project .global_hover .award-ribbon:after, #projectSlider .award-ribbon:after {
            -webkit-transform: rotateY(120deg) skewY(20deg);
            -moz-transform: rotateY(120deg) skewY(20deg);
            -o-transform: rotateY(120deg) skewY(20deg);
            transform: rotateY(120deg) skewY(20deg);
        }

    .project.col .wrap {
        padding: 2em 2em 1em;
    }

    .project.col .wrap {
        padding-bottom: 0;
        position: relative;
    }

    .project.col .content {
        padding: 0 2em;
    }

        .project.col .content p:nth-of-type(n+3) {
            display: none;
        }

    .project .wrap .contWrap {
        opacity: 0;
        transition: 0.5s;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .project .global_hover .contWrap {
        opacity: 1;
    }

    .project .wrap > div {
        position: relative;
    }

    .project .contWrap .box {
        position: absolute;
        bottom: 3em;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .project.col .content p strong {
        text-transform: uppercase;
    }

    .project .wrap .contWrap p {
        color: #fff;
        font-weight: 200;
        font-size: 26px;
        line-height: 1.4em;
        max-width: 80%;
        margin: 0;
        text-transform: uppercase;
    }

    .project .contWrap .box {
    }

#projectSlider {
    overflow: hidden;
    max-width: calc(1170px - 2em);
    margin: auto;
}

    #projectSlider .slideHeader {
        text-transform: uppercase;
        margin-right: 2.4em;
        display: block;
    }

    #projectSlider .slideWrap-wrap {
        position: relative;
    }

    #projectSlider .award-ribbon {
        top: -1em;
        right: 3.8%;
    }

    #projectSlider .slideWrap {
        position: relative;
    }

    #projectSlider .next, #projectSlider .prev, .slider.next, .slider.prev {
        cursor: pointer;
        height: 100%;
        width: 64px;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50%;
        text-indent: -9999px;
    }

    #projectSlider .next, .slider.next {
        position: absolute;
        right: 2em;
        background-image: url(/images/next.png);
    }

    #projectSlider .prev, .slider.prev {
        position: absolute;
        left: 2em;
        background-image: url(/images/prev.png);
    }

    #projectSlider .next, #projectSlider .prev {
        height: calc(100% - 2.5em);
    }

    #projectSlider .next {
        right: 0;
    }

    #projectSlider .prev {
        left: 0;
    }

    #projectSlider .slideFooter {
        overflow: hidden;
        width: 90%;
        margin: 1em auto;
        height: 2em;
    }

    #projectSlider .page-wrapper {
        height: 24px;
        margin: 1em 0 0;
    }

    #projectSlider .right {
        width: 30%;
        float: right;
        margin-bottom: 0.5em;
    }

    #projectSlider > p:first-child {
        margin-top: 0;
    }

    #projectSlider .right > p:first-child {
        margin-top: 0;
    }

    #projectSlider .right > p:last-child {
        margin-bottom: 0;
    }

    #projectSlider .buttons:empty {
        display: none;
    }

    #projectSlider.popup {
        padding: 2em;
    }

    #projectSlider .content {
        margin-right: 1em;
    }

    #projectSlider .buttons {
        margin-top: 2em;
    }

    #projectSlider .pager {
        overflow: hidden;
        float: left;
        display: block;
        margin-right: -1em;
    }

        #projectSlider .pager .page {
            cursor: pointer;
            width: 0.75em;
            height: 0.75em;
            margin: 0 0.5em;
            background-color: rgba(0, 174, 239, 0.5);
            border-radius: 20px;
            float: left;
        }

            #projectSlider .pager .page.active {
                background-color: rgb(0, 174, 239);
            }

.slider.next, .slider.prev {
    top: 0;
    height: 100%;
}

.project .contWrap .box, #projectSlider .box {
    background-color: #00abeb;
    display: inline-block;
    padding: 0.5em 1em;
    text-transform: uppercase;
}

    .project .contWrap .box a, #projectSlider .box a {
        color: #fff;
        font-weight: 200;
        white-space: nowrap;
        text-decoration: none;
    }


.videoWrap .videoEditor {
    height: 100%;
}

.videoWrap > .wrap {
    position: relative;
}

.videoWrap .hover {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 2em);
    cursor: pointer;
    z-index: 1;
    transition: 0.5s opacity;
}

.videoWrap .active .hover {
    opacity: 0;
}

.videoWrap .hover > .wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 60%;
}

.videoWrap .hover p {
    text-transform: uppercase;
    text-align: center;
}

    .videoWrap .hover p .subhead {
        color: #fff;
        font-weight: 400;
        font-size: 38px;
    }

.videoWrap .hover img {
    margin: auto;
    width: auto !important;
}

.videoWrap video {
    width: 100%;
    display: block;
}

@media screen and (max-width: 1250px) {
    #header .bottom-anim .end {
        display: none;
    }

    #header .bottom-anim .start {
        width: calc(100% - 100px);
    }

    #header .bottom-anim .small, #header .bottom-anim .angle {
        left: calc(100% - 100px);
    }

    #bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap {
        width: calc(100% - 2em);
        margin-left: 2em;
        padding: 4em 0 2em;
    }

        #bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap .wrap {
            position: static;
            top: 0;
            transform: initial;
            -webkit-transform: initial;
        }

    #bodyWrap .pageHead.banner .col-group .col:last-child {
        padding-top: 0;
        height: 100% !important;
    }

    /*#bodyWrap .pageHead.banner .subhead { max-width: 50%; }*/

    #bodyWrap .pageHead.banner h2,
    #bodyWrap .pageHead.banner .subhead {
        margin-right: 1em;
    }

    #footer .innerWrap {
        padding: 0 2em;
    }

        #footer .innerWrap .phone, #footer .innerWrap .email {
            white-space: nowrap;
        }

    #footer .left {
        width: 33.3333%;
        padding-left: 0;
    }

    #footer .right {
        /*width: 66.6666%;*/
        padding-right: 0;
    }

    #registrationForm {
        right: 0;
    }
}

@media screen and (max-width: 1200px) {
    #projectSlider {
        max-width: calc(100% - 6em);
    }

    .grid-section .container {
        margin: 4em 2em;
    }

    #bodyWrap .innerWrap {
        margin-left: 2em;
        margin-right: 2em;
    }

    .grid-section .fullwidth .container {
        margin-left: 0;
        margin-right: 0;
    }

    .col-group._4 .col._1 {
        width: 25%;
    }
}

@media screen and (max-width: 1100px) {
    .col-struct-30 .umb-grid .column {
        max-height: 650px;
    }

    #bodyWrap .pageHead:before {
        box-shadow: 0 0 130px 120px rgba(0,0,0,0.35);
    }
}

@media screen and (max-width:960px) {
    .thin .grid-section .container {
        margin: 0;
    }

    .outerWrap .col-struct-30 .grid-section .container {
        margin: 0 auto;
    }

    #header .socialNav span {
        padding: 1em 0.5em;
    }

    #header .socialNav .email:after, #header .socialNav .phone:after {
        padding-left: 0.9em;
    }

    #header .socialNav .button {
        margin-left: 0.25em;
    }

    #bodyWrap .pageHead.banner .slider li .slide-wrap .slide-text {
        max-width: calc(100% - 3em);
        padding-left: 3em;
    }

    #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover] {
        display: none;
    }

        #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover][class] {
            display: block;
            width: auto;
            max-height: none;
        }

    .col-struct-30 .umb-grid .grid-section > div {
        margin-bottom: 0.75em;
    }

    .col-struct-30 .umb-grid .column {
        height: auto !important;
        width: 100%;
        margin-bottom: 0;
        max-height: none;
        min-height: 0;
    }

        .col-struct-30 .umb-grid .column:first-child > div > div {
            margin-top: 0;
        }

        .col-struct-30 .umb-grid .column > div > div {
            margin-top: 0.75em;
        }

        .col-struct-30 .umb-grid .column img, .col-struct-30 .umb-grid .flow .column img {
            max-height: none;
            max-width: none;
            min-width: 0;
            min-height: 0;
            width: 100%;
        }

        .col-struct-30 .umb-grid .column video img {
            max-width: none;
            min-width: 0;
        }

        .col-struct-30 .umb-grid .column.col-md-15 {
            width: 100%;
        }

        .col-struct-30 .umb-grid .column.col-md-10 .media {
            display: none;
        }

    .col-group._3 .col._1 {
        width: 50%;
    }

    #footer .signOff span {
        display: block;
    }
}

@media screen and (min-width:960px) {
    .col-group._3.uBlogsy_posts_container .col._1:nth-child(3n-2) {
        margin-left: 0;
    }
           .nav .circle-plus {
        display:none;
    }
}

@media screen and (min-width:768px) and (max-width:960px) {
    .col-group._3.uBlogsy_posts_container .col._1:nth-child(2n-1) {
        margin-left: 0;
    }

}

@media screen and (max-width: 768px) {
    #registrationForm {
        max-width: 350px; 
        top: 0;
    }

}

@media screen and (max-width: 767px) {
    #bodyWrap {
        padding-top: 2.5em;
    }

    #header .nav {
        overflow: auto;
        padding: calc(80px + 2em) 0 2em;
    }
 
        #header .nav > .innerWrap {
            padding: 0 4.5em;
            height: auto;
        }

    #bodyWrap .pageHead.banner .subhead {
        max-width: none;
        margin-bottom: 0;
    }

    #bodyWrap .pageHead.banner .col-group {
        position: relative;
        overflow: hidden;
    }

        #bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap {
            padding-bottom: 0;
        }

        #bodyWrap .pageHead.banner .col-group .col:first-child img {
            display: none;
        }

        #bodyWrap .pageHead.banner .col-group .col:first-child, #bodyWrap .pageHead.banner .col-group .col:last-child {
            height: auto !important;
            width: 100%;
        }

        #bodyWrap .pageHead.banner .col-group .col:last-child {
            height: 0 !important;
            padding-top: 35%;
        }

    #bodyWrap .pageHead.banner .slider li .slide-wrap {
        padding: 0;
        height: 100%;
    }

        #bodyWrap .pageHead.banner .slider li .slide-wrap:before {
            height: 0;
        }

        #bodyWrap .pageHead.banner .slider li .slide-wrap .slide-text {
            padding-left: 4em;
            max-width: calc(60% - 4em);
        }

        #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover][class] {
            max-width: calc(40% - 4em);
        }

    #header .socialNav {
        height: 0;
    }

    #header, #header.shadow, #header .nav.active {
        transform: initial;
        -webkit-transform: initial;
    }

        #header .nav p {
            margin: 0 0 0.5em;
        }

        #header .nav .nav-col {
            display: none;
            border-right: none;
            width: 100%;
            height: auto;
            padding: 1em 0 0.5em;
            border-bottom: 1px dotted #AEAEAE; 
        }
        .nav-col p {cursor:pointer;}
            #header .nav .nav-col.mobile {
                display: block;
            }

            #header .nav .nav-col ul {
                overflow: hidden;
            }

            #header .nav .nav-col .wrap {
                height: 0;
                transition: height 0.5s;
                -webkit-transition: height 0.5s;
                overflow: hidden;
            }

    .home #bodyWrap > .umb-grid:first-child .column > *[data-center-align] {
        position: static !important;
        margin-bottom: 2em;
    }

        .home #bodyWrap > .umb-grid:first-child .column > *[data-center-align] h2 {
            text-align: center;
        }

            .home #bodyWrap > .umb-grid:first-child .column > *[data-center-align] h2:after {
                display: none;
            }

    .home #bodyWrap > .umb-grid:first-child .column {
        width: 100%;
    }

        .home #bodyWrap > .umb-grid:first-child .column:first-child {
            clear: left;
        }

        .home #bodyWrap > .umb-grid:first-child .column:last-child {
            float: left;
        }

    .clientLogos .wrap {
        margin-right: 0.5em;
    }

    .clientLogos .imgWrap {
        max-width: calc(25% - 1em - 3px);
    }

        .clientLogos .imgWrap img {
            max-width: 100%;
        }

    .umb-grid .flow .col-md-7:first-child > div {
        margin-right: 0;
        margin-bottom: 2em;
    }

    .umb-grid .flow .col-md-7:last-child > div {
        margin-left: 0;
    }

    .umb-grid .col-md-7 {
        width: 100%;
    }

    .umb-grid .devider .column:first-child > div {
        border-right: none;
        border-bottom: 2px solid #efefef;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }

    .umb-grid .flow .column > div .templateWrap {
        margin-bottom: 2em;
    }

    .home_hover_divisions.col-group .col._1 {
        width: 100%;
    }

    .home_hover_divisions ._1 .imgWrap {
        border: none;
    }

    .grid-section .container {
        margin: 4em 2em;
    }

    .col-group._4 .member.col._1 {
        margin-top: 1em;
        margin-bottom: 1em;
    }

        .col-group._4 .member.col._1:nth-child(4n-3) {
            margin-left: -5px;
        }

        .col-group._4 .member.col._1:nth-child(3n-2) {
            margin-left: 0;
        }

    .umb-grid .col-md-3 {
        width: 50%;
        margin-bottom: 2em;
    }

        .umb-grid .col-md-3:last-child {
            width: 100%;
        }

    .col-group._3 {
    }

        .col-group._3 .col._2, .col-group._3 .col._1 {
            width: 50%;
        }

    .project .wrap .contWrap p {
        font-size: 28px;
    }

    .divisionDetails .col-group._3 .col._2 {
        width: 75%;
        float: left;
        margin-left: 0;
    }

    .divisionDetails .col-group._3 .col._1 {
        width: 25%;
        float: right;
    }

    .services .col {
        width: 49%;
        height: 100%;
        margin-bottom: 4%;
    }

        .services .col .wrap {
            border-left: 0.5px;
        }

    .col-group._5.img-col .col._1 {
        width: 33.3333%;
    }

    .col-group._4 .member.col._1 {
        width: calc(33.3333% - 1.5em);
    }

    #projectSlider .right, #projectSlider .slideWrap-wrap {
        width: 100%;
        float: none;
    }

    #projectSlider .right {
        padding-top: 2em;
    }

    .caseStudyPage .col-group._2 .col._1, .caseStudyPage .col-group._3 .col._1 {
        width: 50%;
        padding-top: 40%;
    }

    #footer .left, #footer .right {
        width: 100%;
    }

        #footer .left .wrap {
            height: auto;
            margin-right: 0;
        }

        #footer .left .recent-post .circle-wrap {
            width: 30%;
        }

        #footer .left .recent-post .post-title {
            max-width: 360px;
            width: 100%;
            margin: 0 calc((100% - 360px) / 2);
        }

    #footer .col-group .col {
        height: auto !important;
    }

        #footer .col-group .col.copy .small {
            position: static;
        }

        #footer .col-group .col .col-wrap {
            height: auto;
            padding: 0;
            padding-right: 1em;
        }
}
 
.v-center-block {
 height:100%;
}

.pageHead > .col-group {
    padding-top:2em;
 



}

.closed .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}
.closed .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}

.open {
  opacity: 1;
}
.open .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}
.open .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.circle-plus {
    margin:5px 5px 0 0;
    float:right;
    position:relative;
  height: 1em;
  width:1em;
  font-size: 1em;
  line-height:1.4;
 
  display:inline-block;
}

 

.circle-plus  .horizontal {
  position: absolute;
  background-color: #00abeb;
  width: 1em;
  height: 2px;
  left: 50%;
  margin-left: -0.5em;
  top: 50%;
  margin-top: -1px;
}

.circle-plus  .vertical {
  position: absolute;
  background-color: #00abeb;
  width: 2px;
  height: 1em;
  left: 50%;
  margin-left: -1px;
  top: 50%;
  margin-top: -0.5em;
}


@media screen and (min-width:768px){
    .pageHead > .col-group {
    
    height:65em;
    height:60vh;
    max-height:600px;
    min-height:580px;



}
}

.pageHead > .col-group > .col {height:100%;}
 
 
.v-center-block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

 .v-center-block .centered {
  display: inline-block;
  vertical-align: middle;
  
}
@media screen and (max-width: 600px) {
    p .box {
        margin-left: 2em;
        margin-right: 2em;
    }

    p .subhead {
        font-size: 20px;
    }

    h2 {
        font-size: 38px;
    }

    #bodyWrap .pageHead .innerWrap {
        padding: calc(8% + 0.5em) 0 8%;
    }

    #bodyWrap .pageHead.banner h2 {
        font-size: 38px;
    }

    .umb-grid .column .rte {
        width: calc(100% - 4em);
    }

    #header .logo {
        height: 30px;
        float: left;
        width: 100px;
    }

        #header .logo img {
            margin: auto;
        }

    #header .nav {
        padding: calc(50px + 2em) 0 2em;
    }

        #header .nav > .innerWrap {
            padding: 0 3em;
        }

    #header.offTop .menu {
        top: 0;
    }

    #header .topNav .downpoint, #header.active .topNav .downpoint {
        top: 50px;
        left: 1em;
    }

    #header .bottom-anim {
        height: 50px;
    }

        #header .bottom-anim .small, #header .bottom-anim .angle, #header .bottom-anim .end {
            display: none;
        }

        #header .bottom-anim .start {
            width: 100% !important;
        }

    /*#bodyWrap .pageHead.banner .slider li .slide-wrap:before { height: 1em; }
	#bodyWrap .pageHead.banner .col-group .col:first-child { width: 70%; }
	#bodyWrap .pageHead.banner .col-group .col:last-child { width: 33%; top: 0; right: 0; }

	#bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover]:first-child { margin-top: 0; max-width: none; width: 80%; }
	#bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap .wrap { padding-left: 0; }
	#bodyWrap .pageHead.banner .slider .next, #bodyWrap .pageHead.banner .slider .prev { right: 0; }*/

    #footer {
    }

        #footer .left .recent-post .circle-wrap {
            width: 40%;
        }

        #footer .innerWrap {
            padding: 0 2em;
            height: auto;
        }

        #footer .col {
            margin-bottom: 1em;
            width: 25%;
        }

        #footer .right ul {
            overflow: hidden;
        }

            #footer .right ul li {
                width: 50%;
                float: left;
            }

        #footer .col-group._3 .col._1 {
            width: 50%;
            margin-bottom: 1em;
        }

        #footer > .wrap .col._1:first-child, #footer > .wrap .col._1:last-child {
            width: auto;
            margin: 0 2em;
            float: none;
        }

    .col-group .col._1 {
        margin-left: 0;
    }

    .col-group._3 {
    }

        .col-group._3 .col._2 {
            width: 100%;
        }

        .col-group._3 .col._1 {
            width: 100%;
        }

    .col-group._5 .col._1 {
        width: 100%;
        margin-bottom: 1em;
        margin-top: 0;
    }

    .col-group._5.home_hover_divisions .col._1 {
        margin: 0;
    }

    .services .col-group {
        height: auto;
    }

        .services .col-group._4 .col._1 {
            width: 49%;
            height: 100%;
            margin-bottom: 4%;
            margin-left: -5px;
        }

    .services .col:first-child .wrap {
        border-left: none;
    }

    .services .col:nth-child(2n) .wrap {
        border-right: none;
    }

    .services .col:nth-child(2n-1) {
        margin-left: 0;
    }

        .services .col:nth-child(2n-1) ul {
            padding-left: 0;
        }

    #bodyWrap .pageHead:before {
        box-shadow: 0 0 130px 80px rgba(0,0,0,0.35);
    }

    #projectSlider .slideWrap {
        max-width: none;
    }

    #projectSlider .next, #projectSlider .prev {
        width: 32px;
    }

    #projectSlider .pager .page {
        width: 0.75em;
        height: 0.75em;
        margin: 0 0.25em;
    }

    .global_popup .popup {
        padding: 4em 1em 2em;
    }
}

.global_popup #cpRedirPop.popup {
    max-width: 480px;
    margin: auto;
    text-align: center;
    padding: 2em;
}

#cpRedirPop.popup h2 {
    font-size: 38px;
}

#cpRedirPop.popup img {
    display: inline-block;
    width: 100%;
}

@media screen and (max-width: 580px) {
    #footer .col, #footer .col.logo, #footer .col.wide {
        width: 100%;
        float: none;
        height: auto;
    }

        #footer .col .col-wrap.border {
            border: none;
        }

    .services .col .wrap li {
        text-align: center;
        list-style: none;
        margin-bottom: 0.5em;
        margin-top: 0;
    }

    .services .col-group._4 .col._1 {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
    }

    .services .col .wrap {
        border-left: none;
        border-right: none;
    }

    .services .col ul {
        padding-left: 0;
    }

    .col-group._4 .member.col._1 {
        width: calc(50% - 1.5em);
    }

    .col-group._5.img-col .col._1 {
        width: 32%;
        margin-bottom: 1em;
    }

        .col-group._5.img-col .col._1:after {
            display: none;
        }

    #bodyWrap {
        padding-top: 50px;
    }

        #bodyWrap .innerWrap {
            margin-left: 0;
            margin-right: 0;
        }

    .grid-section .container {
        margin: 2em 0;
    }

    .divisionDetails {
        margin: 0 2em;
    }

    .otherDivisions {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    /*#bodyWrap .pageHead.banner .col-group .col:first-child { width: 100%; }
		#bodyWrap .pageHead.banner .col-group .col:first-child img { display: none; }
		#bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap .wrap { padding-right: 0; }
	#bodyWrap .pageHead.banner .col-group .col:last-child { width: 100%; position: relative; padding-top: 40%; }
	#bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover]:first-child { display: none; }
	#bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover].bottom-image { display: block; right: 2.5em; }
	#bodyWrap .pageHead.banner .slider li .slide-wrap .slide-text { position: absolute; top: 0; }
	#bodyWrap .pageHead.banner .slider li .slide-wrap:before { height: 0; }*/

    #bodyWrap .pageHead.banner .subhead {
        font-size: 22px;
    }

    #bodyWrap .pageHead.banner .col-group .col:last-child {
        padding-top: 60%;
    }

    #bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap {
        padding-bottom: 0;
    }

        #bodyWrap .pageHead.banner .col-group .col:first-child .col-wrap .wrap {
            padding: 0;
        }

    #bodyWrap .pageHead.banner .slider li .slide-wrap .slide-text {
        max-width: none;
        padding: 2em;
    }

    #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover][class] {
        max-width: none;
        width: calc(100% - 4em);
        height: 0;
        padding-top: 20%;
        right: 2em;
    }

    #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover] .default {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .col-group._4 {
        height: auto;
    }

        .col-group._4 .col._1 {
            width: 99%;
            margin-bottom: 0;
        }

        .col-group._4 .member.col._1, .col-group._4 .member.col._1:nth-child(4n-3),
        .col-group._4 .member.col._1, .col-group._4 .member.col._1:nth-child(3n-2) {
            width: calc(80% - 1.5em);
            margin: 0 10% 2em;
        }

    .umb-grid .col-md-3 {
        width: 100%;
    }

    .divisionDetails .col-group._3 .col._2 {
        width: 100%;
    }

    .divisionDetails ._2 .wrap {
        padding: 0;
    }

    .divisionDetails .divisionLogo img {
        margin: auto;
    }

    .divisionDetails ._2 .divHead {
        display: block;
        margin-bottom: 2em;
    }

    .divisionDetails .col-group._3 .col._1 {
        display: none;
    }

    #footer .left .recent-post .post-title {
        max-width: none;
        margin: 0;
    }

    #footer .col-group._3 .col._1 {
        width: auto;
    }

    .caseStudyPage .col-group._2 .col._1, .caseStudyPage .col-group._3 .col._1 {
        width: 100%;
        padding-top: 60%;
    }
}

@media screen and (max-width: 380px) {
    #bodyWrap .pageHead.banner .col-group .col:last-child {
        padding-top: 65%;
    }

    #bodyWrap .pageHead.banner .slider li .slide-wrap [data-hover][class] {
        padding-top: 18%;
    }
}

.uBlogys_post figure {
    margin: 0;
}

.col-group .col .uBlogsy_post_image {
    position: relative;
    margin: 0;
    max-width: initial;
    width: 100%;
}

.uBlogsy_post_container {
    overflow: hidden;
}

.uBlogsy_posts_container .uBlogsy_post_date {
    font-size: 16px;
    display: block;
    font-weight: 500;
    color: rgb(0, 171, 235);
}

.uBlogsy_posts_container .post-title a {
    color: inherit;
    text-decoration: inherit;
}

.uBlogsy_posts_container .uBlogsy_post_image:before,
.uBlogsy_posts_container .uBlogsy_post_image:after {
    transition: opacity 0.2s linear;
    opacity: 0;
}

.uBlogsy_posts_container .uBlogsy_post_image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 171, 235);
    content: "";
    z-index: 1;
}

.uBlogsy_posts_container .uBlogsy_post_image:hover:before {
    opacity: 0.5;
}

.uBlogsy_posts_container .uBlogsy_post_image:hover:after {
    opacity: 1;
}

.uBlogsy_posts_container .uBlogsy_post_image:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    content: "+";
    z-index: 2;
    text-align: center;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white;
    font-weight: 100;
    font-size: 100px;
}

.uBlogsy_post_details .uBlogsy_post_detail {
    margin-bottom: 1.5em;
}

    .uBlogsy_post_details .uBlogsy_post_detail p {
        margin: 0;
    }

    .uBlogsy_post_details .uBlogsy_post_detail .subhead,
    .uBlogsy_post_details .uBlogsy_post_detail a {
        color: #00abeb;
        text-decoration: none;
    }

    .uBlogsy_post_details .uBlogsy_post_detail .subhead {
        text-transform: uppercase;
    }

.uBlogsy_post .cw img {
    max-width: 100%;
    height: auto !important;
}

.uBlogsy_post .cw a,
a.btl-hover-link,
span.btl-hover-link a {
    color: #00abeb;
    box-shadow: 0 -1px 0 0 #00abeb inset;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    text-decoration: none;
    display: inline-block;
    padding: 0 0.2em;
}

    .uBlogsy_post .cw a:hover,
    a.btl-hover-link:hover,
    span.btl-hover-link a:hover {
        color: #fff;
        box-shadow: 0 -1.6em 0 0 #00abeb inset;
    }

.uBlogsy_post .cw .shout-out a {
    box-shadow: 0 -1px 0 0 #fff inset;
    color: #fff;
}

    .uBlogsy_post .cw .shout-out a:hover {
        box-shadow: 0 -1.6em 0 0 #fff inset;
        color: #00abeb;
    }

.actions {
    border-bottom: 1px solid lightgray;
    padding: 0 1em 1em;
    margin: 1em 0 0;
}

#categoryArea {
    border-bottom: 1px solid lightgray;
}

#uBlogsy_pagination {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    #uBlogsy_pagination a, #uBlogsy_pagination span {
        font-size: 18px;
        font-weight: 200;
        text-decoration: none;
    }

    #uBlogsy_pagination a {
        color: #00abeb;
    }

.uBlogsy_page_prev {
    float: left;
}

.uBlogsy_page_next {
    float: right;
}

.uBlogsy_page_item {
    display: inline-block;
    margin: 0 0.25em;
}

.uBlogsy_posts_container .blog-landing-pagination {
    margin: 6em 1em 0;
}

.uBlogsy_post_container > aside, .uBlogsy_post_container > article {
    float: left;
}

    .uBlogsy_post_container > article .video {
        width: 100%;
        padding-top: 56.25%;
        position: relative;
    }

        .uBlogsy_post_container > article .video iframe[src*=youtube] {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }


.uBlogsy_post_container > aside {
    width: 25%;
}


.uBlogsy_post_container > article {
    width: 75%;
}

.uBlogsy_post_container aside h3 {
    margin-top: 2em;
    font-weight: 200;
    color: #00aeef;
}

.uBlogsy_post_container aside .uBlogsy_post_date {
    margin-top: 0em;
}

.uBlogsy_post_container aside li, .uBlogsy_post_container aside p, .uBlogsy_post_container aside span {
    font-size: 16px;
    font-weight: 200;
}

#uBlogsy_post_archive li {
    margin: 0.5em 0;
}

.blog-actionbar .category {
    float: right;
}

.uBlogsy_next_prev:after {
    clear: both;
    content: "";
    display: table;
}

.uBlogsy_next_prev > a {
    float: left;
    padding-right: 16px;
    font-size: 2em;
}

.uBlogsy_post_container h3 {
    margin: 0;
    text-transform: uppercase;
}

.uBlogsy_post_container aside ul {
    list-style: none;
    padding-left: 1em;
}

.uBlogsy_post_container .uBlogsy_post_image {
    display: block;
    width: 100%;
    margin: 0;
}

.uBlogsy_post_container .uBlogsy_years,
.uBlogsy_post_container .uBlogsy_labels {
    margin: 0;
    padding: 0;
}

.uBlogsy_post_container .actions {
    list-style: none;
    padding-left: 0;
}

.blog-category-container {
    max-height: 0;
    transition: max-height 0.25s linear;
    overflow: hidden;
}

    .blog-category-container .col-group {
        padding: 2em 0 2.5em;
    }

    .blog-category-container.open {
        max-height: 500px;
    }

.uBlogsy_post_container .uBlogsy_post .uBlogsy_post_body p {
    font-size: 16px;
}
/*.uBlogsy_post_container .uBlogsy_post .uBlogsy_post_body span { font-size: inherit; }*/
.actions li {
    display: inline-block;
    font-size: 2em;
    line-height: 1;
    vertical-align: top;
    padding-right: 16px;
    font-weight: 200;
    text-transform: uppercase;
    color: #00aeef;
}

    .actions li.right {
        float: right;
        padding: 0;
        font-size: 1.5em;
        padding-top: 0.25em;
    }

.actions::after {
    clear: both;
    content: "";
    display: block;
}

.uBlogsy_post_container .actions img {
    height: 1em;
}

.cw {
    padding: 1em;
}

    .cw:after {
        display: table;
        content: "";
        clear: both;
    }

.uBlogsy_post_body {
    margin: 1em 0;
}

.shout-out {
    margin-top: 4em;
    background-color: #00aeef;
    padding: 1em 2em;
    color: white;
    font-size: 16px;
}

    .shout-out a,
    .shout-out p {
        font-size: inherit;
        color: #fff;
    }

@media screen and (max-width:900px) {
    .uBlogsy_post_container > aside,
    .uBlogsy_post_container > article {
        width: 100%;
    }

    .uBlogsy_post_details .cw > div {
        float: left;
        padding-right: 10%;
    }

    .uBlogsy_archive {
        display: none;
    }
}

/*.uBlogsy_post_container .uBlogsy_post_body a,
.fancy-link a { box-shadow: 0 -1px 0 0 #00aeef inset; box-sizing: border-box; display: inline-block; font-size: inherit; line-height: 1.5em; padding: 0 0.2em; text-decoration: none; transition: all 0.2s ease-in-out 0s; }*/


/*.uBlogsy_post_container .uBlogsy_post_body a:hover,
	.fancy-link a:hover { border: medium none; box-shadow: 0 -1.5em 0 0 #00aeef inset; color: #fff; }*/

/** old blog posts imported from creative peeople use the .rte_subhead class, change that too, if you are changing this. */
.uBlogsy_post_body p .box {
    background-color: #00aeef;
    color: #fff;
}

.uBlogsy_post_body .rte_subhead {
    background-color: #efefef;
    display: inline-block;
    padding: 0.5em 1em;
    text-transform: uppercase;
    background-color: #00aeef;
    color: #fff;
}




._division_colour-7db728 .themeColour-text {
    color: #7db728 !important;
}

._division_colour-7db728 .themeColour-bg {
    background-color: #7db728 !important;
    color: #fff !important;
}

._division_colour-741f84 .themeColour-text {
    color: #741f84 !important;
}

._division_colour-741f84 .themeColour-bg {
    background-color: #741f84 !important;
    color: #fff !important;
}

._division_colour-cd1719 .themeColour-text {
    color: #cd1719 !important;
}

._division_colour-cd1719 .themeColour-bg {
    background-color: #cd1719 !important;
    color: #fff !important;
}

._division_colour-fbc413 .themeColour-text {
    color: #fbc413 !important;
}

._division_colour-fbc413 .themeColour-bg {
    background-color: #fbc413 !important;
    color: #fff !important;
}

._division_colour-d10074 .themeColour-text {
    color: #d10074 !important;
}

._division_colour-d10074 .themeColour-bg {
    background-color: #d10074 !important;
    color: #fff !important;
}

.nav-col.divisions .wrap ul li{
	display:inline-block;
	vertical-align:middle;
}

.nav-col.divisions .wrap ul li a img{
    max-width: 85px !important;
    margin-right: 15px !important;
}

@media screen and (min-width: 768px){
	.home_hover_divisions .col._1{
	width:25% !important;
}
}

#header .socialNav .button{
	width:120px;
	text-align:center;
}

.main-logo{
	    position: absolute;
    top: 4em;
    left: auto;
    z-index: 1;
	padding-left:10px;
}

.main-logo.logo-nav{
	top:-7em;
	left:2.5em;
}

.main-logo.logo-nav img{
	max-width:90px;
	position:relative;
	top:15px;
}

.main-logo img{
	max-width:120px;
}

.sm-logo{
	float:left;
	vertical-align:middle;
	display:inline-block;
	visibility:hidden;
	opacity:0;
	-webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}

.sm-logo.active{
	visibility:visible;
	opacity:1;
	transition:opacity 0.3s ease-in-out;
}


.sm-logo img{
	max-width: 66px;
    padding-left: 3em;
    padding-top: 4px;
}

.divisionDetails .divisionLogo img{
	max-width:120px;
}

.popup-box{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    opacity: 0;
    transition: 0.5s;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
	display:none;
}

.popup-box.active{
	display:block;
	opacity:1;
}

.popup-box .wrapper{
	    max-width: 1110px;
		margin:4em auto !important;
    background-color: #f6f6f6;
    width: 100%;
    padding: 2em;
}

.popup-box .wrapper{
	overflow: hidden;
    transition: 1s;
    position: relative;
    top: 0px;
}

.popup-box .wrapper .close{
	    position: absolute;
    top: 0;
    right: 2em;
    width: 64px;
    height: 64px;
    background: url(/images/close.png) no-repeat center;
    background-size: 32px;
    cursor: pointer;
}

.popup-box .wrapper .close:hover{
	background-color: #eee;

}

#footer .left {
    width: calc(1170px / 2);
    padding-left: calc((100% - 1170px) / 2);
    background-color: rgba(0,0,0,0.25);
    text-align: center;
}

#footer .right {
       width: calc((1170px / 7) * 2 );
    padding-left: calc((100% - 1170px) / 5);
	text-align:center;
}

.mobile-menu{
	    padding: 15px 1em;
    text-align: center;
    width: 120px;
    display: inline-block;
	    color: #fff;
    background-color: #00abeb;
    text-transform: uppercase;
    cursor: pointer;
}

.mobile-logo img{
	max-width: 70px;
    padding-left: 15px;
    padding-top: 4px;
}

.mobile-header{
	display:none;
	height:50px;
	background-color:#fff;
	z-index:100;
	position:relative;
}

.mobile-menu{
	float:right;
}

.mobile-logo{
	float:left;
}


.subhead.our-work{
	padding:0.5em;
	border:1px solid #fff;
}

#footer .social{
	width:102px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:2;
}

#footer .right > .wrap{
	position:relative;
}

.circle-wrap{
	    width: 75%;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

.circle-wrap .circle{
	    padding-top: 100%;
    width: 100%;
    background: rgba(255,255,255,0.18);
    border-radius: 100%;
    box-shadow: 0 0 40px -10px rgba(0, 171, 235, 0.1) inset;
}

#footer .left .wrap{
	padding-left:2em;padding-right:2em;
}

@media only screen and (max-width:1170px){
	.main-logo img{
		max-width:90px;
	}
}

@media only screen and (max-width:991px){
	#footer .left{
		width:50%;
	}

	
}


@media only screen and (max-width:767px){
	.mobile-header{
		display:block;
	}

	.main-logo{
		display:none;
	}

	.subhead.our-work{
		border:0px;
}

	#footer .left,#footer .right{
		width:100%;
	}
	.circle-wrap{
		width:250px;
	}
	#footer .right ul li{
		width:100%;
	}
}