/*******************************************
    Bootstrap extension for five columns
********************************************/

/* Example: <div class="col-md-5ths col-xs-6></div> */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*******************************************
    Bootstrap CHANGES
**********************************************/
/* Make container behave like container-fluid at SM breakpoint 
   Default behavior is to do this at XS breakpoint (sub 768px)
*/

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 98%;
    }
}

/*This is actually a change to default Bootstrap behavior - not an extension */
/*[class*='col-'].text-center {
    padding-right: 0;
    padding-left: 0;
}*/

/*******************************************
    Global Styles
*******************************************/
.editMode {
    position: relative !important;
}

html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
}

body {
    background-color: #fff;
    color: #666;
    font-size: 100%;
    font-family: GhandiRegular, sans-serif;
    line-height: 2em;
    padding-top: 105px; /* added for static nav bar support */
}

a, a:focus {
    outline: 0;
}

.sfPageEditor body {
    padding-top: 200px;
}

.sf_cols {
    position: relative;
}

.uppercase {
    text-transform: uppercase !important;
}

.orange {
    color: #eb7203;
}

.teal {
    color: #0498aa;
}

.white {
    color: #fff;
}

.gray {
    background-color: #efefef;
}

h1 {
    font: 4.5em/1em Futura Std Light;
    line-height: 1.3em;
}

    h1.fat {
        font-family: Futura Std Medium;
    }

    h1.orange {
        color: #eb7203 !important;
    }

    h1.teal {
        color: #05a5ba !important;
    }

    h1.white {
        color: #fff;
    }

h2 {
    font: 3.5em/1.4em Futura Std Light;
}

    h2.blue {
        color: #6acbec;
    }

h3 {
    font: 2em/1em Futura Std Light;
}

h4 {
    font-family: Futura Std Medium;
}

    h4.teal {
        color: #05a5ba;
    }

h3.orange {
    color: #eb7203;
}

a, a:hover, a:visited, a:active {
    outline: none;
    color: #0096a9;
    text-decoration: underline;
}

    a img {
        border: 0;
    }

strong {
    font-weight: bold;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.top-spacing {
    margin-top: 50px;
}

.bottom-spacing {
    margin-bottom: 70px;
}

/*.watermark
{
    color: #d3d3d3 !important;
}
*/
.sfFormBox {
    margin-bottom: 2%;
}

/* align --------------------------------------------------------------- */
.vertical-align {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* clearfix ----------------------------------------------------------- */

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

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

.clear:after {
    clear: both;
}

/* container --------------------------------------------------------- */

/*.container {
    margin: 0 auto;
    max-width: 930px;
    width: 100%;
}*/

.padding-container {
    padding: 3% 0;
}

.padding-container-top {
    padding: 3% 0 0;
}

.padding-container.orange, .fill.orange {
    background-color: #eb7203;
}

.padding-container.teal {
    background-color: #05a5ba;
}

.padding-container.white, .fill.white {
    background-color: white;
}

.fill.orange {
    padding: 6em 0;
}


/* input controls ------------------------------------------------------------------ */

.form input[type="radio"] {
    display: none;
}

    .form input[type="radio"] + label {
        display: inline-block;
        margin-right: 5px;
    }

        .form input[type="radio"] + label span {
            display: inline-block;
            margin: 5px 8px 5px 6px;
            width: 13px;
            height: 13px;
            background: url(/img/portal-sprite.png) no-repeat -22px -27px;
            vertical-align: middle;
            cursor: pointer;
        }

    .form input[type="radio"]:checked + label span {
        background: url(/img/portal-sprite.png) no-repeat -2px -27px;
    }

.form input[type="text"], .form select, .form textarea, .form input[type="password"] {
    padding: .5em 1em;
    width: 100%;
    border: 1px solid #eee;
    background-color: #fafafa;
    color: #999;
    font: 1.2em/1em GhandiRegular, sans-serif;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form textarea {
    margin-bottom: 30px;
}

.form input[type="text"],
.form select,
.form input[type="password"] {
    height: 3em;
}

    .form input[type="text"]:focus,
    .form select:focus,
    .form textarea:focus,
    .form input[type="password"]:focus {
        -moz-box-shadow: 0 0 8px #5ac9f4;
        -webkit-box-shadow: 0 0 8px #5ac9f4;
        box-shadow: 0 0 8px #5ac9f4;
    }

    .form input[type="text"]:disabled {
        background-color: #ddd;
    }

/*.form input[type="submit"] {
    padding: 1% 2%;
}*/

/* buttons ------------------------------------------------------------------- */
.btn {
    display: inline-block;
    padding: .6em 0em;
    width: 13em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    font-family: Futura Std Medium;
    -moz-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    text-decoration: none;
}

    .btn.blue, .btn.blue:hover, .btn.blue:active, .btn.blue:visited {
        background-color: #5ac9f4;
        color: #fff;
    }

    .btn.orange {
        background-color: #eb7203;
    }

    .btn.teal {
        background-color: #29a7b7;
    }

/* circles ------------------------------------------------------------------- */
a.circle {
    display: inline-block;
    margin-right: 1%;
    color: #fff;
}

/* error messaging ----------------------------------------------------------- */
.errorCtrl {
    border: 1px solid Red !important;
    -moz-box-shadow: 0 0 8px Red !important;
    -webkit-box-shadow: 0 0 8px Red !important;
    box-shadow: 0 0 8px Red !important;
}

.errorLabel#eship-mgr p {
    color: red !important;
}

/* headers ------------------------------------------------------------------ */
#header-container {
    width: 100%;
    background-color: white;
    height: 105px;
    position: fixed;
    z-index: 1;
}

.headers {
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.2em;
    list-style-type: none;
    margin-right: 27%;
}

    .headers h4 {
        font-size: 1.2em;
    }

/*Footer*/
/*#main-footer
{
    padding-top: 20px;
}*/

#main-footer .footer-column:not(:last-child), #main-footer .footer-column-alt {
    border-right: thin solid #cccccc;
    text-align: left;
    height: 170px;
}

.footernav {
    margin-top: 20px;
}

#main-footer h1.white {
    margin: 20px 0;
}

#main-footer ul {
    padding-left: 0;
}

    #main-footer ul li {
        list-style-type: none;
    }

        #main-footer ul li a {
            text-transform: uppercase;
            font-size: 1em;
            color: #666;
            text-decoration: none;
        }

            #main-footer ul li a:hover {
                color: #eb7203;
            }

#footer {
    padding-top: 2%;
    font-family: Futura Std Medium;
}

    #footer h3 {
        text-transform: uppercase;
        white-space: nowrap;
        font-family: Futura Std Medium;
        font-size: 1.4em;
    }

    #footer div:not(:last-child) {
        border-right: thin solid #cccccc;
        text-align: left;
        height: 170px;
    }

    #footer ul {
        padding-left: 0;
    }

        #footer ul li {
            list-style-type: none;
        }

            #footer ul li a {
                text-transform: uppercase;
                font-size: 1em;
                color: #666;
                text-decoration: none;
            }

.links.container {
    padding-top: 5%;
    margin-bottom: 5%;
}

ul#social.social-footer {
    position: relative;
    margin: 2em 0 0;
    right: 0;
    float: right;
    width: 120px;
    list-style-type: none;
}

#footer-social #social-fb {
    background: url(/img/icon-sprite.png) no-repeat 0 -917px;
}

#footer-social #social-twitter {
    background: url(/img/icon-sprite.png) no-repeat -55px -917px;
}

#footer-social #social-wiki {
    background: url(/img/icon-sprite.png) no-repeat -111px -917px;
}

#footer-social #social-linkedin {
    background: url(/img/icon-sprite.png) no-repeat -167px -917px;
}

.copy-right {
    text-align: right;
    font-size: 1.4em;
}
/*******************************************
    Login
*******************************************/
#login-btn {
    position: absolute;
    top: 35%;
    left: 0;
    display: block;
    width: 31px;
    height: 193px;
    background: url(/img/icon-sprite.png) no-repeat -183px -392px;
}

/*******************************************
    Header / Navigation
*******************************************/

#main-header {
    position: relative;
}

    #main-header .navbar-default {
        background: #fff;
        border: none;
        padding: 1em 0 2em;
    }

    #main-header .navbar-brand {
        height: 85px;
    }

    #main-header .navbar-nav {
        margin-top: 4em;
    }

        #main-header .navbar-nav > li:not(:last-child) {
            border-right: 1px solid #eb7203;
        }

    #main-header .navbar-default .navbar-nav > li > a, #main-header .navbar-default .navbar-nav > li > ul > li > a {
        padding: 3px 10px;
        color: #543c27;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.4em;
        font-family: Futura Std Light;
        font-weight: bold;
        letter-spacing: .1em;
        -moz-transition: color .4s ease-in-out;
        -o-transition: color .4s ease-in-out;
        -webkit-transition: color .4s ease-in-out;
        transition: color .4s ease-in-out;
    }

.dropdown-menu {
    font-size: 100%;
}

#main-header .navbar-default .navbar-nav > li > a:hover {
    color: #05a5ba;
}

#main-header .navbar-toggle {
    margin-top: 24px;
}


#main-header #logo {
    display: inline-block;
    width: 15%;
}

#main-nav {
    position: absolute;
    right: 0;
    bottom: 2em;
    width: 80%;
    text-align: right;
}

    #main-nav li {
        display: inline-block;
        margin-right: 1%;
        padding-right: 1%;
        text-align: center;
        font-weight: bold;
    }

    #main-nav ul li:not(:last-child) {
        border-right: thin solid #eb7203;
    }

    #main-nav li a {
        color: #543c27;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.4em;
        -moz-transition: color .4s ease-in-out;
        -o-transition: color .4s ease-in-out;
        -webkit-transition: color .4s ease-in-out;
        transition: color .4s ease-in-out;
        font-family: Futura Std Light;
        letter-spacing: .1em;
    }

        #main-nav li a:hover {
            color: #05a5ba;
        }

.message p {
    text-align: center;
    font-size: 1.8em;
}

.pickup-options {
    text-align: left;
    padding-left: 35%;
    padding-top: 5%;
}

    .pickup-options span {
        font-size: 1.5em;
        vertical-align: text-bottom;
        padding-left: 2%;
    }

#schedulePickUp {
    margin-left: 35%;
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 1.5em;
}

.pickup-modal-body {
    font-size: 1.8em;
}

#nav-contact {
    position: absolute;
    right: 1.5%;
    top: 15%;
}

    #nav-contact a {
        text-decoration: none;
        font-family: Futura Std Medium;
        text-transform: uppercase;
        font-size: 1.2em;
        letter-spacing: .1em;
    }

        #nav-contact a span {
            display: inline-block;
        }

/*#nav-contact .email
        {
            background: url(/img/icon-sprite.png) no-repeat -189px -817px;
            width: 24px;
            height: 24px;
            display: inline-block;
            vertical-align: bottom;
        }*/


/*******************************************
    Sub Page Header
*******************************************/
.sub-page-header {
    background: #0a1618 url(/img/bg/bg-page-header.jpg) no-repeat top center;
    height: 327px;
    padding-top: 90px;
    margin-bottom: 70px;
}

    .sub-page-header h1 {
        text-align: center;
        text-transform: uppercase;
        color: #fff;
    }

        .sub-page-header h1 span, .office-locations-headquarters h2 span {
            color: #eb7203;
        }

/*******************************************
    Main Hero
*******************************************/
#main-hero {
    
}

    #main-hero h1 {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: .1em;
        letter-spacing: 0.05em
    }
        #main-hero h1:first-of-type {
            margin-top: 0;
        }

    #main-hero h2 {
        font-weight: bold;
    }

    #main-hero p {
        font-size: 2.4em;
        line-height: 1.2em;
    }

    #main-hero .container {
        position: absolute;
        top: 25%;
        right: 25%;
    }

    #main-hero section {
        text-align: right;
    }

    #main-hero ul {
        float: right;
        margin-top: 1%;
        padding-left: 0;
        width: 515px;
        height: 34px;
        background: url(/img/nav_buttons.png) no-repeat;
    }

    #main-hero li {
        position: relative;
        float: left;
        width: 26%;
        height: 100%;
        text-align: center;
        list-style-type: none;
    }

        #main-hero li:first-child, #main-hero li:last-child {
            width: 37%;
        }


        #main-hero li a {
            display: block;
            color: #fff;
            text-transform: uppercase;
            font-style: italic;
            font-size: 1.4em;
            text-decoration: none;
        }

            #main-hero li a:focus {
                outline: 0;
            }


    #main-hero .phone-image {
        display: none;
    
        filter: brightness(65%);
        height: auto;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    #main-hero .video-container {
        overflow: hidden;
        position: relative;
        min-height: 260px;
        max-height: 600px;
    }

        #main-hero .video-overlay {
            background: url('/img/bg/hero-overlay.png') no-repeat;
            background-size: cover;
            position: absolute;
            top: 0;
            bottom: 0;
            /* left: 0;
            right: -10em; */ 
            left: -210px;
            right: -14em;
        }

        #main-hero video {
            width: 100%;
        }



/*******************************************
    E N D   -   Main Hero
*******************************************/

#home-animated-gif {
    position: absolute;
    left: 70px;
    top: 58px;
    width: 367px;
}

/*Video Modal*/
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#modal {
    position: absolute;
    background: url(tint20.png) 0 0 repeat;
    background: rgba(0,0,0,0.2);
    border-radius: 14px;
    padding: 8px;
}

#content {
    border-radius: 8px;
    background: #fff;
    padding: 20px;
}

#close {
    position: absolute;
    background: url(/img/x.jpg) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    top: -7px;
    right: -7px;
}


#vision {
    background: url(/img/bg/bg-vision.jpg) no-repeat;
    background-size: cover;
    padding: 10em 0;
}

    #vision h1.orange {
        text-transform: uppercase;
    }

    #vision h2.white {
        line-height: 1.3em;
    }

/*******************************************
    eShipManager Technology
*******************************************/

#eship-mgr {
    background: url(/images/eShipManager-Background) no-repeat;
    background-size: cover;
    padding: 10em 0 0;
}

    #eship-mgr section {
        float: left;
        width: 45%;
    }

    #eship-mgr aside {
        position: relative;
        float: right;
        width: 55%;
        line-height: 0;
    }

    #eship-mgr p.technology-info {
        margin: 5% 0;
        font-size: 2em;
        line-height: 1.2em;
        color: #fff;
    }

    #eship-mgr hgroup {
        margin-top: 10%;
    }

    #eship-mgr h1 {
        margin: 0;
        padding-bottom: 7px;
    }

    #eship-mgr .btn.orange {
        display: block;
        font-size: 2.2em;
        margin: 0 auto 1em 11.5em;
        color: #fff;
    }

.tms-list {
    margin: 0 0 2em 5em;
    padding: 0;
}

    .tms-list li {
        display: block;
        background: url('/img/technology-sprite.png') no-repeat -3px -174px;
        height: 28px;
        margin-bottom: 10px;
        padding: 5px 0 0 55px;
        list-style-type: none;
        font-size: 1.6em;
        line-height: 1.4em;
        color: #fff;
        text-transform: uppercase;
    }

        .tms-list li.paper {
            background-position: -3px -174px;
        }

        .tms-list li.money {
            background-position: 4px -117px;
        }

        .tms-list li.truck {
            background-position: -2px -145px;
        }

        .tms-list li.computer {
            background-position: -2px -86px;
        }

        .tms-list li.check-list {
            background-position: -1px -28px;
        }

        .tms-list li.arrows {
            background-position: -1px -1px;
        }

        .tms-list li.glass {
            background-position: -1px -56px;
        }

#eship-mgr-list {
    padding: 0;
    font-size: 1.6em;
    line-height: 1.4em;
    color: white;
    list-style-type: none;
    margin-bottom: 5%;
}

    #eship-mgr-list p {
        font-size: 1em;
        display: inline-block;
        line-height: 1em;
        margin-left: 3em;
    }



    #eship-mgr-list img {
        padding: 0 5px 0;
        height: 25px;
        width: 35px;
    }

    #eship-mgr-list > div {
        padding: 5px 0;
        height: 35px;
    }

    #eship-mgr-list .list-item {
        margin: 1% 0;
    }


#eship-mgr #eship-mgr-list .paper {
    background: url('/img/technology-sprite.png') no-repeat -3px -174px;
    /*width: 22px;*/
    height: 28px;
    margin-left: .1em;
}

#eship-mgr-list .paper p {
    margin-left: 2.9em;
}

#eship-mgr #eship-mgr-list .money {
    background: url('/img/technology-sprite.png') no-repeat -2px -117px;
    /*width: 13px;*/
    height: 23px;
    margin-left: .4em;
}

#eship-mgr-list .money p {
    margin-left: 2.7em;
}

#eship-mgr #eship-mgr-list .truck {
    background: url('/img/technology-sprite.png') no-repeat -2px -145px;
    /*width: 32px;*/
    height: 25px;
}

#eship-mgr #eship-mgr-list .computer {
    background: url('/img/technology-sprite.png') no-repeat -2px -86px;
    /*width: 27px;*/
    height: 22px;
}

#eship-mgr #eship-mgr-list .check-list {
    background: url('/img/technology-sprite.png') no-repeat -1px -28px;
    /*width: 26px;*/
    height: 25px;
}

#eship-mgr #eship-mgr-list .arrows {
    background: url('/img/technology-sprite.png') no-repeat -1px -1px;
    /*width: 24px;*/
    height: 25px;
}

#eship-mgr #eship-mgr-list .glass {
    background: url('/img/technology-sprite.png') no-repeat -1px -56px;
    /*width: 28px;*/
    height: 27px;
}

#eship-mgr .orange > span + span {
    display: inline-block;
    font-size: 0.4em;
    vertical-align: super;
    font-weight: lighter;
}

/*******************************************
    Transportation Services
*******************************************/
#transportation {
    background: url(/images/TMS-Background) no-repeat;
    background-size: cover;
}

.transportation-header {
    padding-top: 3%;
}

#transportation h1 {
    text-transform: uppercase;
}

#transportation h2 {
    font-size: 26px;
    font-weight: bold;
}

#transportation h3 {
    font-size: 1em;
    margin: 5px 0;
}

#transportation hr {
    border-color: #eb7203;
}

#transportation header p {
    margin: 1% 0 8%;
    font-size: 2em;
    color: #fff;
}

#transportation-circles {
    position: relative;
    text-align: center;
    padding-top: 4%;
}

    #transportation-circles a {
        background: url(/img/icon-sprite.png) no-repeat -1px -1136px;
        width: 148px;
        height: 148px;
        margin: 3%;
        text-decoration: none;
        font-family: Futura Std Medium;
        /*border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        background-color: #eb7203;
        width: 100%;
        max-width: 200px;
        text-decoration: none;
        outline: 0;*/
    }

        #transportation-circles a:hover,
        #transportation-circles a.active {
            background: url(/img/icon-sprite.png) no-repeat -3px -1295px;
            /*border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color: #05a5ba;
            width: 100%;
            max-width: 200px;*/
        }

    #transportation-circles p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        font-family: Futura Std Medium;
    }

#transportation-content {
    font-size: 1.8em;
    line-height: 1.4em;
    color: #fff;
    min-height: 280px;
    padding-top: 20px;
}

    #transportation-content h2 {
        text-transform: uppercase;
    }

    #transportation-content section:not(:first-child) {
        display: none;
    }

    #transportation-content figure {
        float: left;
        margin-right: 20%;
        width: 30%;
        text-align: center;
    }

    #transportation-content aside ul {
        list-style-type: none;
    }

    #transportation-content aside li {
        position: relative;
        padding-left: 10px;
    }

        #transportation-content aside li:before {
            position: absolute;
            left: 0;
            content: "-";
        }

    #transportation-content > div > div > div p {
        display: list-item;
        list-style-type: disc;
        text-align: left;
        margin: 0;
    }

    #transportation-content p {
        width: 100%;
        margin: 0 auto 10px;
        float: none;
    }

/*******************************************
    Homepage - Library
*******************************************/
#library {
    padding: 3% 0 0;
    background-color: white;
}

/*#library p
    {
        color: #eb7203;
        font-size: 2.5em;
        line-height: 1.2em;
    }*/

#industry-library .slick-prev {
    top: 130px;
    left: -85px;
}

#industry-library .slick-next {
    top: 130px;
    right: -85px;
}

#industry-library .btn {
    display: block;
    margin: 0 auto 3em;
    color: #fff;
}

#industry-image-carousel h4 {
    font-size: 1.5em;
    margin: 0;
}

/*.slick-slide
{
    margin: 0 5px;
}*/

#industry-image-carousel .slick-slide div {
    width: 100%;
    max-width: 225px;
    height: 316px;
}

#industry-image-carousel .slick-slide .vertical-align:after {
    background-color: black;
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
}

#industry-image-carousel .slick-slide .vertical-align:hover:after {
    opacity: 0.4;
}

.GrowthSavings {
    background: url('/images/GrowthSavings') no-repeat;
    background-size: cover;
}

.ERP {
    background: url('/images/ERP') no-repeat;
    background-size: cover;
}

.ConveyorSystems {
    background: url('/images/ConveyorSystems') no-repeat;
    background-size: cover;
}

.Parcel {
    background: url('/images/Parcel') no-repeat;
    background-size: cover;
}


.MGTransSpend {
    background: url('/images/MGTransSpend') no-repeat;
    background-size: cover;
}


.InboundMgmt {
    background: url('/images/InboundMgmt') no-repeat;
    background-size: cover;
}


.HotShot {
    background: url('/images/HotShot') no-repeat;
    background-size: cover;
}

#industry-library #industry-image-carousel .industry-erp {
    background-image: url(/img/case-studies/epr.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-mts {
    background-image: url(/img/case-studies/mts.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-if {
    background-image: url(/img/case-studies/inbound.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-mc {
    background-image: url(/img/case-studies/conveyor.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-mgs {
    background-image: url(/img/case-studies/growth.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-hot-shot {
    background-image: url(/img/case-studies/hot-shot.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-parcel {
    background-image: url(/img/case-studies/parcel.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-3pl {
    background-image: url(/img/case-studies/3PL.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-4keys {
    background-image: url(/img/case-studies/4-keys.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-7keys {
    background-image: url(/img/case-studies/7-keys.jpg);
    margin: 0 auto;
    /*width: 225px;*/
}

#industry-library #industry-image-carousel .industry-port {
    background-image: url(/img/case-studies/port-congestion.jpg);
    margin: 0 auto;
}

#industry-library #industry-image-carousel .industry-customs {
    background-image: url(/img/case-studies/customs.jpg);
    margin: 0 auto;
}

#industry-library #industry-image-carousel .active-temp-control {
    background-image: url('../img/case-studies/ActiveTempControl.png');
    margin: 0 auto;
}

#industry-library #industry-image-carousel .dhl-international {
    background-image: url('../img/case-studies/DHLInternational.png');
    margin: 0 auto;
}

#industry-library #industry-image-carousel .equipment-manufacturing {
    background-image: url('../img/case-studies/EquipmentManufacturing.png');
    margin: 0 auto;
}

#industry-library #industry-image-carousel .flatbed-truckload {
    background-image: url('../img/case-studies/FlatbedTruckload.png');
    margin: 0 auto;
}

#industry-library #industry-image-carousel .passive-temp-control {
    background-image: url('../img/case-studies/PassiveTempControl.png');
    margin: 0 auto;
}

#industry-library #industry-image-carousel .pet-food-industry {
    background-image: url('../img/case-studies/PetFoodIndustry.png');
    margin: 0 auto;
}

#industry-library #industry-image-carousel .food-processing {
    background-image: url('../img/case-studies/food-processing.jpg');
    margin: 0 auto;
}
/*******************************************
    Careers
*******************************************/
.careers-place-to-grow .team-buttons {
    margin-bottom: 80px;
}

.join-our-team-home {
    background: url(/images/NotAJob-Background) no-repeat;
    padding-top: 50px;
    background-size: cover !important;
    text-align: center;
}

#join-our-team .btn {
    margin-top: 25px;
    display: block;
}

#join-our-team .team-header {
    margin-top: 5%;
    margin-bottom: 5%;
}

#join-our-team h1 {
    text-transform: uppercase;
}

/*#join-our-team h1:first-of-type
        {
            font-size: 5.5em;
        }*/

#join-our-team .team-buttons h4, .careers-place-to-grow .team-buttons h4 {
    position: relative;
    top: 100%;
    text-transform: uppercase;
}

#join-our-team p {
    font: 2.2em/1.4em GhandiRegular;
}

/*DAMN YOU IE!
    #join-our-team img {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

#join-our-team img:hover {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}*/

/*#join-our-team .image {
    position: absolute;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    height: 212px;
    width: 212px;
    border-radius: 50%;
    background: black;
    background:rgba(0,0,0,0.6) ;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    }

    #join-our-team .image:hover {
        opacity: 1;
    }*/

#join-our-team footer span {
    display: block;
    margin: 1% 0;
    font-size: 2.4em;
}

#join-our-team-extra {
    text-align: center;
}

    #join-our-team-extra .circle {
        width: 186px;
        height: 186px;
        background: url(/img/icon-sprite.png) no-repeat 0 -204px;
    }

        #join-our-team-extra .circle.active,
        #join-our-team-extra .circle:hover {
            background: url(/img/icon-sprite.png) no-repeat 0 0;
        }

#join-our-team .team-buttons article, .careers-place-to-grow .team-buttons article {
    display: inline-block;
}

#join-our-team .team-buttons img {
    display: block;
    margin: 0 auto;
}

.careers-place-to-grow .team-buttons article {
    margin: 0 10px;
}

.careers-place-to-grow .experienced, .join-our-team-home .experienced {
    background: url('/img/bg/grow-careers-sprite.png') no-repeat -221px -657px;
    width: 212px;
    height: 212px;
}

    .careers-place-to-grow .experienced:hover, .join-our-team-home .experienced:hover {
        background: url('/img/bg/grow-careers-sprite.png') no-repeat -2px -657px;
    }

.careers-place-to-grow .interns, .join-our-team-home .interns {
    background: url('/img/bg/grow-careers-sprite.png') no-repeat -221px -439px;
    width: 212px;
    height: 212px;
}

    .careers-place-to-grow .interns:hover, .join-our-team-home .interns:hover {
        background: url('/img/bg/grow-careers-sprite.png') no-repeat -3px -439px;
    }

.careers-place-to-grow .graduates, .join-our-team-home .graduates {
    background: url('/img/bg/grow-careers-sprite.png') no-repeat -219px -219px;
    width: 212px;
    height: 212px;
}

    .careers-place-to-grow .graduates:hover, .join-our-team-home .graduates:hover {
        background: url('/img/bg/grow-careers-sprite.png') no-repeat -1px -219px;
    }

.careers-place-to-grow .at-home, .join-our-team-home .at-home {
    background: url('/img/bg/grow-careers-sprite.png') no-repeat -219px -2px;
    width: 212px;
    height: 212px;
}

    .careers-place-to-grow .at-home:hover, .join-our-team-home .at-home:hover {
        background: url('/img/bg/grow-careers-sprite.png') no-repeat -1px -2px;
    }

#join-our-team footer a {
    margin-top: 3%;
    color: #fff;
}

.careers-slider-1 {
    background: url(/img/careers/careers-slider-1.jpg) 50% 0% no-repeat;
}

.careers-slider-2 {
    background: url(/img/careers/careers-slider-2.jpg) 50% 0 no-repeat;
}

.careers-slider-3 {
    background: url(/img/careers/careers-slider-3.jpg) 50% 0% no-repeat;
}

.careers-slider-4 {
    background: url(/img/careers/careers-slider-4.jpg) 0% 0 no-repeat;
}

.careers.team-buttons div {
    display: inline-block;
    margin-bottom: 30px;
}

/*******************************************
    Philosophy
*******************************************/
#philosophy {
    background: url(/img/bg/philosophy-overlay.png) no-repeat;
    background-size: cover;
    padding-top: 3.3em;
    position: relative;
}

    #philosophy .container {
        min-height: 67em;
        position: relative;
    }

#philosophy-guy {
    background-image: url(/img/bg/philosophy-guy.png);
    height: 607px;
    width: 609px;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
    background-position-x: 35%;
    background-position-y: 6px;
}

#philosophy-blue-banner {
    background: url(/img/bg/philosophy-blue-banner.jpg);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 6.6em;
}

#philosophy h1 {
    text-transform: uppercase;
}

#philosophy .btn {
    display: block;
    margin: 3em auto;
}

/*******************************************
    Retention
*******************************************/
#retention {
    background-color: #eb7203;
}


/*******************************************
    Image Randomizer
*******************************************/

#randomizer img, .modal-dialog img {
    -ms-background-size: cover;
    background-size: cover;
}

#randomizer .modal {
    margin-left: -400px;
}

#randomizer .modal-content {
    width: 1000px;
    height: 750px;
}

.modal-dialog img {
    min-width: 965px;
    min-height: 600px;
}

#randomizer .bluesquare {
    background-color: #6acbec;
}

    #randomizer .bluesquare h2 {
        color: white;
        text-align: center;
        font-size: 3em;
        line-height: 1.2em;
        margin-top: 30%;
    }

.BW-0 {
    background: url('../img/randomizer/BW_0000_outdoor.png');
}

.BW-1 {
    background: url('../img/randomizer/BW_0001_mountain.png');
}

.BW-2 {
    background: url('../img/randomizer/BW_0002_meeting.png');
}

.BW-3 {
    background: url('../img/randomizer/BW_0003_hoops2.png');
}

.BW-4 {
    background: url('../img/randomizer/BW_0004_hoops.png');
}

.BW-5 {
    background: url('../img/randomizer/BW_0005_exec2.png');
}

.BW-6 {
    background: url('../img/randomizer/BW_0006_exec1.png');
}

.BW-7 {
    background: url('../img/randomizer/BW_0007_company_meeting.png');
}

.BW-8 {
    background: url('../img/randomizer/BW_0008_presenter.png');
}

.BW-9 {
    background: url('../img/randomizer/BW_0009_photo_wall.png');
}

.BW-10 {
    background: url('../img/randomizer/BW_0010_headset2.png');
}

.BW-11 {
    background: url('../img/randomizer/BW_0011_headset_1.png');
}

.BW-12 {
    background: url('../img/randomizer/BW_0012_global.png');
}

.BW-13 {
    background: url('../img/randomizer/BW_0013_computer.png');
}

.BW-14 {
    background: url('../img/randomizer/BW_0014_caves_merker.png');
}

.BW-15 {
    background: url('../img/randomizer/BW_0015_2.png');
}

.BW-16 {
    background: url('../img/randomizer/BW_0016_caves_office.png');
}

/*.BW-0:hover {
    background: url('../img/randomizer/Color_0000_outdoor.png')
}

.BW-1:hover {
    background: url('../img/randomizer/Color_0001_mountain.png');
}

.BW-2:hover {
    background: url('../img/randomizer/Color_0002_meeting.png');
}

.BW-3:hover {
    background: url('../img/randomizer/Color_0003_hoops2.png');
}

.BW-4:hover {
    background: url('../img/randomizer/Color_0004_hoops.png');
}

.BW-5:hover {
    background: url('../img/randomizer/Color_0005_exec2.png');
}

.BW-6:hover {
    background: url('../img/randomizer/Color_0006_exec1.png');
}

.BW-7:hover {
    background: url('../img/randomizer/Color_0007_company_meeting.png');
}*/

.BW-8:hover {
    background: url('../img/randomizer/Color_0008_presenter.png');
}

.BW-9:hover {
    background: url('../img/randomizer/Color_0009_photo_wall.png');
}

.BW-10:hover {
    background: url('../img/randomizer/Color_0010_headset2.png');
}

.BW-11:hover {
    background: url('../img/randomizer/Color_0011_headset_1.png');
}

.BW-12:hover {
    background: url('../img/randomizer/Color_0012_global.png');
}

.BW-13:hover {
    background: url('../img/randomizer/Color_0013_computer.png');
}

.BW-14:hover {
    background: url('../img/randomizer/Color_0014_caves_merker.png');
}

.BW-15:hover {
    background: url('../img/randomizer/Color_0015_2.png');
}

.BW-16:hover {
    background: url('../img/randomizer/Color_0016_caves_office.png');
}

.Large-0 {
    background: url('../img/randomizer/Large_0000_outdoor.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-1 {
    background: url('../img/randomizer/Large_0001_mountain.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-2 {
    background: url('../img/randomizer/Large_0002_meeting.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-3 {
    background: url('../img/randomizer/Large_0003_hoops2.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-4 {
    background: url('../img/randomizer/Large_0004_hoops.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-5 {
    background: url('../img/randomizer/Large_0005_exec2.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-6 {
    background: url('../img/randomizer/Large_0006_exec1.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-7 {
    background: url('../img/randomizer/Large_0007_company_meeting.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-8 {
    background: url('../img/randomizer/Large_0008_presenter.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-9 {
    background: url('../img/randomizer/Large_0009_photo_wall.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-10 {
    background: url('../img/randomizer/Large_0010_headset2.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-11 {
    background: url('../img/randomizer/Large_0011_headset_1.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-12 {
    background: url('../img/randomizer/Large_0012_global.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-13 {
    background: url('../img/randomizer/Large_0013_computer.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-14 {
    background: url('../img/randomizer/Large_0014_caves_merker.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-15 {
    background: url('../img/randomizer/Large_0015_2.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}

.Large-16 {
    background: url('../img/randomizer/Large_0016_caves_office.png') no-repeat 0 0;
    -ms-background-size: cover;
    background-size: cover;
}


.philosophy-hero {
    background: url(/img/philosophy/philosophy-hero.jpg) 50% 0% no-repeat;
    text-align: center;
}

    .philosophy-hero h2 {
        font-size: 5em;
        text-transform: uppercase;
        padding-top: 1.3%;
    }

    .philosophy-hero .hero-content {
        text-align: left;
        margin-top: 6%;
        padding-bottom: 4%;
        font-family: Futura Std Light;
        font-size: 2.5em;
        line-height: 1em;
    }

        .philosophy-hero .hero-content p {
            padding-left: 5%;
            margin-right: 5%;
            line-height: 1.4em;
        }

.orange-banner {
    background-color: #eb7203;
}

    .orange-banner h2 {
        font-size: 4em;
        text-align: center;
        padding: 5% 0;
        margin: 0;
    }

.philosophy-letter {
    padding-top: 2%;
}

    .philosophy-letter p {
        padding-left: 5%;
        margin-right: 5%;
        font-family: futura std medium;
        font-size: 2.1em;
        line-height: 1.2em;
        padding-top: 2.5%;
    }

    .philosophy-letter .signature, .philosophy-hero .signature {
        background: url(/img/philosophy/philosophy-signature.jpg) no-repeat;
        min-height: 122px;
    }

.company-values {
    margin-top: 3%;
    margin-bottom: 3%;
}

    .company-values p {
        font-family: Futura Std Medium;
        font-size: 1.3em;
        color: #808083;
        margin-top: 10%;
    }

    .company-values h3 {
        text-transform: uppercase;
        text-align: center;
        padding-top: 43%;
        margin: 0;
        font-size: 2.2em;
    }

    .company-values .teal-circle-last h3 {
        padding-top: 35%;
    }

    .company-values .teal-circle, .company-values .orange-circle, .company-values .light-blue-circle, .company-values .dark-blue-circle {
        width: 148px;
        height: 148px;
        margin: 0 auto;
        background: url('/img/philosophy/philosophy-icon-sprite.png') no-repeat -1px -1px;
    }

    .company-values .teal-circle {
        background-position: -1px -1px;
    }

    .company-values .orange-circle {
        background-position: -1px -153px;
    }

    .company-values .light-blue-circle {
        background-position: -1px -305px;
    }

    .company-values .dark-blue-circle {
        background-position: -1px -457px;
    }

/*******************************************
    Map
*******************************************/
.map {
    position: relative;
}

#map_canvas {
    width: 100%;
    height: 800px;
    border-top: #c5c5c5;
}

/*******************************************
    Contact Image
*******************************************/
#contactimage {
    background: #0896A9 url(/images/Contact-Background) no-repeat -350px 0;
    -ms-background-size: cover;
    background-size: cover;
    clear: both;
    margin-bottom: 2em;
}


/*******************************************
    Contact Form
*******************************************/
#body div.sf_cols.contact {
    position: absolute;
    top: 5%;
    right: 18%;
    z-index: 1;
    padding: 1% 2%;
    width: 40%;
    background-color: #fff;
    color: #676767;
}

.contact-home {
    width: 40%;
    margin-left: 40%;
    background: white;
    padding: 15px 35px 50px;
}

    .contact-home:last-of-type {
        margin-bottom: 50px;
    }

    .contact-home:first-of-type {
        margin-top: 75px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

#contact-home {
    background: url(/images/Contact-Background) no-repeat;
    /*background-size: cover;*/
    /*background-position-x: -45%;*/
}


.contact-home ul, .contact ul {
    float: left;
    margin-top: -2%;
    padding-left: 0;
    width: 50%;
    list-style-type: none;
}

.contact-home li:not(:first-child), .contact header li:not(:first-child) {
    font-size: 1.8em;
}

.contact-home ul#client-care li:nth-child(4) {
    padding-top: 30px;
}

.contact-home ul li a {
    text-transform: none !important;
    text-decoration: underline !important;
}

.contact header li.small {
    font-size: 1.3em;
}

.contact-home li.small {
    font-size: 1.3em;
    text-transform: none;
    letter-spacing: .08em;
}

.contact-home ul li.small.last {
    margin-bottom: 10px;
}

.contact-home h1, .contact h1 {
    text-transform: uppercase;
}

.contact h3 {
    margin-bottom: 0;
    font-size: 1.8em;
}

.contact-home h3 {
    font-size: 2.2em;
    margin-bottom: 0;
}

.contact-home h4, .contact h4 {
    color: #eb7203;
    text-transform: uppercase;
    padding-top: 5%;
}

.contact-home h3, .contact h3, .contact ul span {
    color: #eb7203;
    text-transform: uppercase;
    font-family: Futura Std Medium;
    letter-spacing: .06em;
}

.contact-home ul span {
    color: #eb7203;
    font-family: Futura Std Medium;
    letter-spacing: .06em;
}

.contact-home ul span, .contact ul span {
    font-size: .9em;
}

/*.contact #client-care a:hover,
.contact #client-care a:visited,
.contact #client-care a:active
{
    outline: none;
    color: #eb7203;
    text-decoration: underline;
}*/

#contact-email {
    padding-bottom: 3%;
}

.contact-home #client-care .email-icon a, .contact #contact-email a {
    display: block;
    float: left;
    margin: 2% 0 0 1.8em;
    color: #676767;
    font-size: 1.6em;
    -moz-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    text-decoration: none;
    text-transform: lowercase;
}

.contact-home #client-care .email-icon a {
    font-size: 1em;
    margin: 3% 0 0 2.3em;
}

#contact-email a:hover {
    color: #05a5ba;
}

#contact-email a + a {
    margin-left: 10% !important;
}

.contact-home .btn, .contact-home input[type=submit], .contact .btn {
    color: white;
    background-color: #29a7b7;
    font-size: 2em;
    width: 100%;
    padding: .6em 0em;
    font-family: QuestrialRegular;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    border: none;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#client-care .email-icon {
    background: url(/img/icon-sprite.png) no-repeat -178px -752px;
    height: 37px;
    margin-top: 2%;
}

.contact-home .contact-header,
.contact-home .contact-header div {
    padding-left: 1%;
}

.contact-home .teal.btn {
    padding: .4em 0em;
}

    .contact-home .teal.btn:hover {
        color: #eb7203;
    }

.contact-header h1 {
    padding-top: 0;
}

#contact-email a.no-icon {
    padding-left: 10%;
}

.contact input[type="submit"] {
    background-color: #05a5ba;
    cursor: pointer;
    border: 0;
    display: inline-block;
    padding: .6em 0em;
    width: 100%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    font-family: QuestrialRegular;
    -moz-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    margin: .8em 0 2em;
}

.contact footer a {
    color: #05a5ba;
    text-decoration: underline;
    font-size: 1.4em;
}


.contact #social li {
    display: inline-block;
    margin-right: 1%;
}

    .contact #social li:last-child {
        margin-right: 0;
    }

.contact #social {
    text-align: right;
}

    .contact #social a {
        display: block;
        width: 36px;
        height: 36px;
    }

.contact #social-fb {
    background: url(/img/icon-sprite.png) no-repeat 0 -917px;
}

.contact #social-twitter {
    background: url(/img/icon-sprite.png) no-repeat -41px -917px;
}

.contact #social-wiki {
    background: url(/img/icon-sprite.png) no-repeat -111px -917px;
}

.contact #social-linkedin {
    background: url(/img/icon-sprite.png) no-repeat -82px -917px;
}

.map ul li {
    font-size: 1.8em;
}

    .map ul li.small {
        font-size: 1.1em;
        text-transform: uppercase;
        letter-spacing: .05em;
        font-family: Futura Std Medium;
    }

/*******************************************
    Career Form
*******************************************/

/*******************************************
    Career Hero
*******************************************/
#career-hero {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    min-height: 40em;
    background: #666 url(/img/careers/career_heroheader.jpg) no-repeat center center fixed;
    background-size: cover;
}

    #career-hero .container {
        position: relative;
        padding: 15% 0% 10%;
    }

    #career-hero section {
        text-align: center;
    }

/*******************************************
    Career Circle Buttons
*******************************************/

#career-circle-links {
    text-align: center;
}

    #career-circle-links .circle {
        width: 220px;
        margin-right: 1%;
    }

        #career-circle-links .circle div {
            height: 210px;
            margin-bottom: 8%;
            position: relative;
            text-align: center;
        }

        #career-circle-links .circle:nth-child(1) div {
            background: url(/img/careers/careers1.png) no-repeat;
        }

        #career-circle-links .circle:nth-child(2) div {
            background: url(/img/careers/careers2.png) no-repeat;
        }

        #career-circle-links .circle:nth-child(3) div {
            background: url(/img/careers/careers3.png) no-repeat;
        }

        #career-circle-links .circle:nth-child(4) div {
            background: url(/img/careers/careers4.png) no-repeat;
        }


        #career-circle-links .circle.active div:after,
        #career-circle-links .circle:hover div:after {
            background: url(/img/icon-sprite.png) no-repeat 0 -1079px;
            width: 183px;
            height: 186px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -92px;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: " ";
        }

    #career-circle-links .container {
    }

    #career-circle-links img {
        display: inline-block;
        margin: 0 100px;
    }

/*******************************************
    Career Banner Bars
*******************************************/

#career-banner-bar {
    width: 100%;
}

#career-circle-links .bannergray {
    background: url(/img/careers/career_bar_gray.jpg) no-repeat;
}

#career-circle-links .bannerblue {
    background: url(/img/careers/career_bar_blue.jpg) no-repeat;
}
/*******************************************
    Office Locations
*******************************************/
.office-locations-map img {
    display: block;
    margin: 0 auto;
}

.office-locations-map .notice {
    font-size: 1.2em;
    line-height: 1.4em;
}

#map {
    position: relative;
    margin: 0 auto;
    width: 997px;
    height: 612px;
}

.office-locations-headquarters {
    margin-top: -100px;
    margin-bottom: 5px;
    /*padding-bottom: 30px;*/
    /*border-bottom: solid 1px #9a9187;*/
}

    .office-locations-headquarters h2 {
        font-size: 1.8em;
        margin-bottom: 0;
        color: #666;
        font-family: Futura Std Medium;
    }

    .office-locations-headquarters p {
        font-size: 1.4em;
    }

    .office-locations-headquarters a {
        color: #666;
        text-decoration: underline;
    }

.office-locations-regional, .office-locations-independent {
    /*border-top: solid 1px #9a9187;
    border-bottom: solid 1px #9a9187;*/
    margin-bottom: 80px;
    font-family: Futura Std Medium;
    letter-spacing: .1em;
}

    .office-locations-regional strong, .office-locations-independent strong {
        text-transform: uppercase;
    }

.office-locations-regional {
    margin-bottom: 5px;
    /*padding-bottom: 3%;*/
}

.office-locations-independent {
    border-bottom: none;
}

    .office-locations-regional h3, .office-locations-independent h3, .office-locations-headquarters h3 {
        /*margin-bottom: 20px;*/
        font-size: 2.4em;
        font-weight: normal;
        color: #543c27;
        font-family: Futura Std Medium;
        padding: 3% 0;
        text-transform: uppercase;
    }

    .office-locations-regional p, .office-locations-independent p {
        font-size: 1.4em;
        /*line-height: 1.4em;*/
        margin-bottom: 20px;
    }

        .office-locations-regional p strong, .office-locations-independent p strong {
            font-size: 1.1em;
            color: #0096a9;
            letter-spacing: .1em;
        }



/*******************************************
    Library
*******************************************/
/*.library-page-header
{
    height: 615px;
}*/

.library-page-header {
    padding: 0;
    position: relative;
}

    .library-page-header h2 {
        font: 4.5em/1em Futura Std Light;
        line-height: 1.2em;
        margin: 0 0 40px;
        text-align: center;
        color: #fff;
        font-family: LaneNarrow;
        text-transform: uppercase;
        text-shadow: none;
    }

    .library-page-header .carousel-caption {
        text-align: left;
        top: 15%;
    }

        .library-page-header .carousel-caption.food-processing-caption {
            top: 0;
        }

        .library-page-header .carousel-caption span.orange {
            display: block;
            font: 5em/.8em Futura Std Light;
            text-transform: uppercase;
            text-shadow: none;
        }

        .library-page-header .carousel-caption span.white {
            display: block;
            font: 3em/1em Futura Std Light;
            text-transform: uppercase;
            text-shadow: none;
        }

        .library-page-header .carousel-caption span.white-small {
            display: block;
            font: 2em/1em Futura Std Light;
            text-transform: uppercase;
            text-shadow: none;
        }

        .library-page-header .carousel-caption p {
            padding-top: 10px;
            font-size: 1.6em;
            margin-bottom: 20px;
        }

        .library-page-header .carousel-caption .btn {
            color: #fff;
            font-size: 1.6em;
            padding: .6em 1em;
            width: auto;
        }

        .library-page-header .carousel-caption li p {
            padding-top: 0;
            margin-bottom: 0;
        }

    .library-page-header .image-content {
        text-align: left;
        margin-top: 5%;
        min-height: 75%;
    }

    .library-page-header h4 {
        font-family: Futura Std Light;
        font-size: .5em;
        margin: 0;
    }

    .library-page-header .item {
        height: 512px;
    }

    .library-page-header .carousel-control.left {
        position: absolute;
        left: 17%;
        background-image: none;
        width: 5%;
        z-index: 10;
    }

    .library-page-header .carousel-control.right {
        position: absolute;
        right: 17%;
        background-image: none;
        width: 5%;
        z-index: 10;
    }

    .library-page-header .heading-top,
    .library-page-header .heading-bottom {
        font: 4.5em/1em Futura Std Light;
        line-height: 1.2em;
        /*text-align: center;*/
        color: #fff;
        font-family: LaneNarrow;
        text-transform: uppercase;
        text-shadow: none;
        /*padding-bottom: 3%;*/
    }

.library-slider-1 {
    background: url(/img/library/library-hero-1.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.library-slider-2 {
    background: url(/img/library/library-hero-2.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.library-slider-3 {
    background: url(/img/library/library-hero-3.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.online-resources {
    background: #004952;
    text-align: center;
    text-transform: uppercase;
    padding-top: 3em;
}

    .online-resources p {
        margin: 1% 0 8%;
        font-size: 2em;
        line-height: 1.4em;
        color: #fff;
        font-family: Futura Std Light;
    }

.resources-content {
    padding-top: 1.2%;
}

.case-studies-header {
    background: url(/img/library/case-studies-header.jpg) repeat-x;
    min-height: 9em;
}

.case-studies #library {
    padding: 2% 0 0;
}

.case-studies #industry-library {
    margin-top: 2%;
}

.case-studies #library #industry-library footer {
    text-align: center;
}

#library-image-carousel .headers {
    text-transform: none;
    text-decoration: none;
}

#library-image-carousel .pages-icon {
    background: url(/img/icon-sprite.png) no-repeat -170px -1257px;
    height: 57px;
    display: block;
    margin-left: 40%;
}

    #library-image-carousel .pages-icon:hover {
        background: url(/img/icon-sprite.png) no-repeat -171px -1094px;
        height: 57px;
    }

.pages-icon .vertical-align {
    margin-left: -55%;
}

.headers.pages-icon .vertical-align h4 {
    margin-top: -20%;
}

.case-study {
    padding: 3% 0 0;
}

.news {
    margin: 2% auto;
}

.case-study h2 {
    margin: 6% 0;
}

.case-study h2,
.news h2,
#library h1,
#library h2 {
    text-align: center;
    text-transform: uppercase;
}

#library h2 {
    padding-left: 0;
}

#library p {
    text-align: center;
    font-size: 2.5em;
    line-height: 1.2em;
}

#case-study-image-carousel h4 {
    font-size: 1.5em;
    margin: 0;
}

#case-study-image-carousel .vertical-align {
    position: absolute;
    width: 100%;
    top: 13%;
    text-align: center;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    color: #fff;
}

#case-study-library {
    text-align: center;
}

    #case-study-library .btn {
        margin: 6% 0;
        color: #fff;
        margin-right: 10%;
    }

#white-pages {
    text-align: center;
    margin-bottom: 5%;
}

    #white-pages h2 {
        padding: 5% 0 7%;
        text-transform: uppercase;
    }

.whitepages-footer {
    background: url(/img/library/whitepages-footer.jpg) no-repeat;
    min-height: 6em;
}

.news h2 {
    padding-left: 0;
}

.news-list {
    margin-bottom: 2%;
}

.home .headers {
    margin-top: 10%;
    padding-top: 35%;
}

.home .vertical-align {
    position: static;
}

    .home .vertical-align h4 {
        margin-top: 10%;
    }

#videos-anchor {
    height: 30px;
}

/*******************************************
    Careers
*******************************************/
.careers-page-header {
    height: 615px;
    margin-bottom: 50px;
    background: url(/img/bg/bg-pattern-dark-gray-stripes.gif) repeat-x bottom center;
}

    .careers-page-header .carousel-caption {
        bottom: 60px;
    }

    .careers-page-header .heading-top, .careers-page-header .heading-bottom {
        font: 4.5em/1em Futura Std Light;
        line-height: 1.2em;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        text-shadow: none;
    }

    .careers-page-header .heading-bottom {
        font-size: 2.8em;
        color: #d6d6d6;
    }

    .careers-page-header .item {
        height: 545px;
        z-index: 0;
    }

    .careers-page-header .glyphicon-chevron-right, .careers-our-people .glyphicon-chevron-right {
        width: 75px;
        height: 75px;
        background: url(/img/careers/icon-slider-right.png) no-repeat 0 0;
        margin-top: 0;
        top: 70%;
    }

.careers-our-people .carousel-control.right {
    right: 1em;
}

.library-page-header .glyphicon-chevron-right {
    width: 75px;
    height: 75px;
    background: url(/img/careers/icon-slider-right.png) no-repeat 0 0;
    margin-top: 0;
    top: 50%;
}

    .careers-page-header .glyphicon-chevron-right:before, .careers-our-people .glyphicon-chevron-right:before, .library-page-header .glyphicon-chevron-right:before {
        content: " ";
    }

.careers-page-header .glyphicon-chevron-left, .careers-our-people .glyphicon-chevron-left {
    width: 75px;
    height: 75px;
    background: url(/img/careers/icon-slider-left.png) no-repeat 0 0;
    margin-top: 0;
    top: 70%;
}

.library-page-header .glyphicon-chevron-left {
    width: 75px;
    height: 75px;
    background: url(/img/careers/icon-slider-left.png) no-repeat 0 0;
    margin-top: 0;
    top: 50%;
}

    .careers-page-header .glyphicon-chevron-left:before, .careers-our-people .glyphicon-chevron-left:before, .library-page-header .glyphicon-chevron-left:before {
        content: " ";
    }

.careers-our-people .carousel-control {
    background-image: none;
    width: 5%;
}

    .careers-our-people .carousel-control .glyphicon-chevron-right {
        right: 0;
        top: 40%;
    }

    .careers-our-people .carousel-control .glyphicon-chevron-left {
        margin-left: 0;
        top: 40%;
    }

.careers-place-to-grow {
    text-align: center;
    padding-bottom: 140px;
    margin-bottom: 50px;
    background: url(/img/bg/bg-pattern-blue-stripes.gif) repeat-x bottom center;
}

    .careers-place-to-grow img, .join-our-team-home img {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .careers-place-to-grow span {
        display: block;
        clear: both;
        margin: 0 auto;
        color: #0d9cae;
        font-size: 2.6em;
        width: 110px;
        margin-bottom: 50px;
    }

    .careers-place-to-grow h3, .careers-imagine h3, .careers-our-people h3 {
        color: #eb7203;
        margin-bottom: 20px;
        font-size: 4.2em;
        font-family: Futura Std Light;
        text-transform: uppercase;
    }

    .careers-place-to-grow p {
        font-size: 2.4em;
        line-height: 1.4em;
    }

.careers-imagine {
    margin-bottom: 50px;
}

    .careers-imagine h3, .careers-our-people h3 {
        max-width: 500px;
        margin: 0 auto;
        color: #05a5ba;
        text-align: center;
        margin-bottom: 50px;
    }

.gap {
    height: 2em;
}

.careers-imagine-blocks .gap {
    background: #fff;
}

.careers-imagine-blocks {
    background: #fff;
    overflow: hidden;
}

    .careers-imagine-blocks:after {
        clear: both;
        display: table;
        content: " ";
    }

    .careers-imagine-blocks div {
        padding: 0;
        background: #e1e1e1;
        color: #999;
        position: relative;
    }

    .careers-imagine-blocks p {
        padding: 15px 20px 0;
        margin-bottom: 0;
        font-size: 1.2em;
    }

    .careers-imagine-blocks strong {
        color: #eb7203;
        font-size: 1.2em;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'Futura Std Light';
    }

    .careers-imagine-blocks img {
        width: 100%;
    }

.careers-imagine-additional-blocks {
    display: none;
    background: #fff;
}

/*.careers-imagine-additional-blocks.container-height
    {
        display: block;
    }*/

.careers-imagine-show-more {
    display: block;
    width: 75px;
    height: 75px;
    margin: 30px auto 0;
}

    .careers-imagine-show-more:hover {
        cursor: pointer;
    }

#careers-imagine-arrow.down {
    background-image: url(/img/careers/icon-slider-down.gif);
}

    #careers-imagine-arrow.down:hover {
        background-image: url(/img/careers/icon-slider-down-hover.jpg);
    }

#careers-imagine-arrow.up {
    background-image: url(/img/careers/icon-slider-up.gif);
}

    #careers-imagine-arrow.up:hover {
        background-image: url(/img/careers/icon-slider-up-hover.jpg);
    }

.careers-our-people {
    padding: 80px 0;
    margin-bottom: 50px;
    background: #ececec url(/img/careers/bg-our-people.gif) no-repeat top center;
    background-size: cover;
}

    .careers-our-people h3 {
        max-width: 100%;
    }

.careers-person blockquote {
    padding-top: 0;
    margin-left: -8%;
    border: none;
    color: #0d9cae;
    font-size: 2.2em;
    line-height: 1.2em;
    font-family: Futura Std Light;
}

    .careers-person blockquote footer {
        padding-top: 20px;
        color: #0d9cae;
        font-size: .7em;
        font-family: Futura Std Medium;
    }

.fillWidth {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.videos-callout {
    margin-bottom: 50px;
    color: #0d9cae;
    font-size: 2.2em;
    font-family: Futura Std Medium;
    text-transform: uppercase;
}

.library-video.videos-callout {
    display: block;
    margin-bottom: 3%;
    margin-top: -2%;
}

.careers-job {
    padding: 50px 0;
    background: #f7873d;
    color: #fff;
    /*font-size: 2em;*/
    line-height: 1.2em;
}

    .careers-job h3 {
        color: #fff;
        font-size: 4.2em;
        font-family: Futura Std Light;
        text-transform: uppercase;
    }

    .careers-job p {
        font: 2.4em/1.4em GhandiRegular !important;
        margin-bottom: 50px;
    }

.careers-job-list {
    font-size: 2em;
    line-height: 24px;
}

.careers-job-header {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: GhandiRegular, sans-serif;
    font-size: .8em;
}

.careers-job-item {
    padding: 10px 0;
    border-bottom: solid 1px #f99f63;
    margin-bottom: 10px;
}

    .careers-job-item a {
        color: #fff;
    }

.careers-connect {
    height: 897px;
    padding-top: 50px;
    background: #26617d url(/img/careers/bg-connect.jpg) no-repeat top center;
}

    .careers-connect h3 {
        color: #fff;
        font-size: 4.2em;
        font-family: Futura Std Light;
        text-transform: uppercase;
        text-align: center;
    }

    .careers-connect p {
        margin-bottom: 50px;
        color: #fff;
        font-size: 2.4em;
        line-height: 1.4em;
        text-align: center;
    }

.careers-connect-form {
    background: #fff;
    padding: 30px 30px 0 30px;
}

    .careers-connect-form h4 {
        color: #f99f63;
        font-size: 2.5em;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .careers-connect-form address {
        font-size: 1.3em;
        text-transform: uppercase;
    }


#body .sf_cols .careers-connect a {
    margin-left: 2.5em;
    padding-top: 1%;
    display: block;
    float: left;
    /*margin: 0% 0 0;*/
    width: 40%;
    color: #676767;
    font-size: 1.6em;
    -moz-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    text-decoration: none;
    /*background: url(/img/icon-sprite.png) no-repeat -178px -752px;
    height: 37px;*/
}

#body .sf_cols .careers-connect .email {
    background: url(/img/icon-sprite.png) no-repeat -178px -752px;
    height: 37px;
    margin-bottom: 20px;
}

.career-form {
    position: absolute;
    top: 250px;
    right: 33%;
    z-index: 0;
    padding: 30px 30px 0;
    width: 34%;
    background-color: #fff;
    color: #676767;
}

    .career-form h4 {
        color: #f99f63;
        font-size: 2.5em;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .career-form address {
        font-size: 1.3em;
        text-transform: uppercase;
    }

    .career-form .sfSubmitBtnSmall input[type="submit"] {
        width: 100%;
        margin-top: 0;
    }


    .careers-connect a, .career-form a {
        margin-left: 2.5em;
        padding-top: 6px;
        display: block;
        float: left;
        /*margin: 0% 0 0;*/
        width: 40%;
        color: #676767;
        font-size: 1.6em;
        -moz-transition: color .4s ease-in-out;
        -o-transition: color .4s ease-in-out;
        -webkit-transition: color .4s ease-in-out;
        transition: color .4s ease-in-out;
        text-decoration: none;
        /*background: url(/img/icon-sprite.png) no-repeat -178px -752px;
    height: 37px;*/
    }

    .careers-connect .email, .career-form .email {
        background: url(/img/icon-sprite.png) no-repeat -178px -752px;
        height: 37px;
        margin-bottom: 20px;
    }

p .career-form .sfFormBox {
    margin-bottom: 2%;
}

#body div.sf_cols {
    position: relative;
}

.sfSubmitBtnSmall input[type="submit"], .modal-button, .modal-button:hover, .modal-button:active, .modal-button:visited {
    background-color: #05a5ba;
    cursor: pointer;
    border: 0;
    display: inline-block;
    padding: .6em 0em;
    width: 60%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    font-family: QuestrialRegular;
    margin: .8em 0 2em;
    text-decoration: none;
    -moz-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
}

ul#social {
    float: left;
    margin-top: -2%;
    padding-left: 0;
    width: 15%;
    list-style-type: none;
    position: absolute;
    bottom: 8.5%;
    right: 27%;
    z-index: 1;
}

#social li {
    display: inline-block;
    margin-right: 1%;
}

#social a {
    display: block;
    width: 36px;
    height: 36px;
}

#social-fb {
    background: url(/img/icon-sprite.png) no-repeat 0 -917px;
}

#social-twitter {
    background: url(/img/icon-sprite.png) no-repeat -41px -917px;
}

#social-wiki {
    background: url(/img/icon-sprite.png) no-repeat -111px -917px;
}

#social-linkedin {
    background: url(/img/icon-sprite.png) no-repeat -82px -917px;
}

/*******************************************
    Contact
********************************************/
.department-list {
    background: url(/img/contact/bg-contact.jpg) no-repeat;
    background-size: cover;
    text-transform: uppercase;
    text-align: center;
}

    .department-list h1 {
        padding: 12%;
    }

.contact-corporate {
    text-transform: uppercase;
}

    .contact-corporate ul {
        list-style-type: none;
        font-size: 1.6em;
        margin-left: 0;
    }

.corp-address {
    font-family: Futura Std Medium;
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
}

.corp-phones {
    margin-left: 0;
    padding-left: 0;
}

    .corp-phones li a {
        color: #676767;
    }

.client-services {
    padding-bottom: 10%;
}

    .client-services h2 {
        text-transform: uppercase;
    }

    .client-services h3 {
        color: #eb7203;
        font-family: Futura Std Medium;
        margin-bottom: 0;
    }

    .client-services h4 {
        margin-bottom: 0;
        margin-top: 1%;
        font-size: 1.5em;
        font-weight: bold;
        font-family: GhandiRegular;
        text-transform: uppercase;
    }

    .client-services p {
        font-size: 1.6em;
        text-transform: uppercase;
        margin: 0;
    }

        .client-services p span {
            font-size: .8em;
        }

        .client-services p a {
            color: #676767;
        }

    .client-services .services-space {
        margin-bottom: 3%;
    }

/*#industry-image-carousel .vertical-align
{
    position: absolute;
    width: 100%;
    top: 22px;
    text-align: center;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    color: #fff;
}*/

#industry-image-carousel {
    margin-bottom: 0;
}

#in-the-news-anchor {
    height: 80px;
}

.home.carousel-inner {
    margin-left: 10.5%;
    width: 75%;
}

.home.carousel-control.left, .home.carousel-control.right {
    background-image: none;
}

.home.carousel-control .glyphicon-chevron-left, .home.carousel-control .icon-prev {
    margin-left: -28%;
    background: url('/img/icon-sprite.png') no-repeat -107px -1454px;
    width: 75px;
    height: 75px;
}

.home.glyphicon-chevron-left:before {
    content: "";
}

.home.carousel-control .glyphicon-chevron-right, .home.carousel-control .icon-next {
    margin-right: -10%;
    background: url('/img/icon-sprite.png') no-repeat -5px -1454px;
    width: 75px;
    height: 75px;
}

.home.glyphicon-chevron-right:before {
    content: "";
}

.library-video {
    margin: 6% auto;
    color: #0d9cae;
    font-size: 2.2em;
    font-family: Futura Std Medium;
    text-transform: uppercase;
}

    .library-video a {
        display: block;
        margin-bottom: 7%;
        margin-top: 15%;
    }

        .library-video a img {
            width: 100%;
        }



/* Modal */

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal-blue-banner,
.modal.in .modal-dialog {
}

.modal-blue-banner {
    background: url(/img/bg/bg-pattern-blue-stripes.gif) repeat-x bottom center;
    min-height: 5em;
    margin-top: -4%;
}

/*Sitefinity Overrides*/
.sfnewsList li {
    list-style-type: none;
}

    .sfnewsList li a {
        text-decoration: none;
    }

.sfnewsListItem li:hover {
}

.sfnewsSummary li {
    height: 56px;
}

.sfnewsSummary a {
    text-decoration: none;
}

    .sfnewsSummary a.news-image:after {
        content: " ";
        clear: both;
    }

    .sfnewsSummary a.news-image {
        background: url('/img/icon-document-gray.png') no-repeat 0 0;
        width: 100%;
        min-height: 57px;
        display: block;
    }

        .sfnewsSummary a.news-image:hover {
            background: url('/img/icon-document-orange.png') no-repeat 0 0;
        }

.sfnewsSummary p {
    font-size: 1.8em;
    font-family: Futura Std Light;
    display: inline-block;
    padding-left: 60px;
    margin-top: 0;
}

    .sfnewsSummary p:after {
        content: " ";
        clear: both;
    }

.sfnewsSummary span {
    font-size: 1em;
    font-family: Futura Std Medium;
    color: #0498aa;
}

.sfnewsSummary hr {
    margin: 3% 0;
    border-color: #cbcbcb;
}

    .sfnewsSummary hr:after {
        content: " ";
        clear: both;
    }

/*#body .sf_cols .career-form label
{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}*/

/*Slick Carousel Overrides*/
.slick-slide .slick-active {
    width: auto;
}

/* Bootstrap Overrides*/
.modal-body.black-white {
    margin-left: 6%;
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: none;
}

/*******************************************
    Responsive
*******************************************/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #main-hero .video-container .fillWidth.video-js {
        display: none;
    }

    .office-locations-headquarters {
        margin-top: -40px;
    }

    .row.gray .news-list {
        width: 50%;
        margin-left: 26%;
    }

    .sfnewsSummary span {
        font-size: .9em;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


    #philosophy .container {
        min-height: 54em;
    }

    #main-header .navbar-default .navbar-nav > li > a, #main-header .navbar-default .navbar-nav > li > ul > li > a {
        font-size: 1.14em;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    .slick-slide {
        margin-left: .9%;
    }

    .philosophy-hero h2 {
        font-size: 4.3em;
        text-transform: uppercase;
        margin-top: 2.5%;
        padding-top: 0;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {

    .slick-list.draggable {
        width: 93%;
    }

    .slick-slide {
        margin-left: .3%;
    }

    #industry-library .slick-prev {
        left: -47px;
    }

    #industry-library .slick-next {
        right: -15px;
    }

    #philosophy .btn {
        margin: 0 auto 34% auto;
    }

    .career-form {
        right: 5%;
        width: 90%;
        top: 72.5%;
    }

    .careers-connect-form {
        background: #fff;
        padding: 30px 30px 0 30px;
        width: 90%;
        margin-left: 5%;
    }
}

@media (min-width: 768px) {
    .container-height {
        display: table;
        padding-left: 0;
        padding-right: 0;
    }

    .row-height {
        display: table-row;
    }

    .col-height {
        /*display: table-cell;
        float: none;*/
        vertical-align: top;
    }
}

@media (max-width: 1640px) {
    .careers-person blockquote {
        padding-top: 0;
        margin-left: -8%;
        border: none;
        color: #0d9cae;
        font-size: 2em;
        line-height: 1.2em;
        font-family: Futura Std Light;
    }
}

@media (max-width: 1540px) {
    .contact-home #client-care .email-icon a {
        font-size: .9em;
        margin: 4% 0 0 2.5em;
    }
}

@media (max-width: 1425px) {
    .contact-home ul, .contact ul {
        /*width: 100%;*/
    }
}

@media (max-width: 1380px) {
    #contact-email .email-icon {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        clear: left;
    }

    #contactimage {
        background: #0896A9 url(/images/Contact-Background) no-repeat -350px 0;
        -ms-background-size: cover;
        background-size: cover;
    }
}

@media (max-width: 1199px ) {
    #philosophy .btn {
        margin: auto;
    }

    #philosophy-guy {
        right: -130px;
    }

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

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

    .company-values .teal-circle, .company-values .orange-circle, .company-values .light-blue-circle, .company-values .dark-blue-circle {
        width: 122px;
        height: 122px;
        background: url('/img/philosophy/philosophy-icon-sprite-small.png') no-repeat -1px -1px;
    }

    .company-values .teal-circle {
        background-position: -1px -1px;
    }

    .company-values .orange-circle {
        background-position: -1px -124px;
    }

    .company-values .light-blue-circle {
        background-position: -1px -250px;
    }

    .company-values .dark-blue-circle {
        background-position: -1px -375px;
    }

    .company-values h3 {
        font-size: 1.8em;
    }

    .company-values .teal-circle-last h3 {
        padding-top: 38%;
    }

    .career-form {
        top: 300px;
        right: 25%;
        width: 50%;
    }

    .library-page-header h2 {
        margin-bottom: 20px;
    }

    #philosophy h2 {
        font-size: 3.2em;
    }

    #randomizer .bluesquare h2 {
        margin-top: 25%;
        font-size: 2.8em;
    }
}

@media (max-width: 1025px) {

    .careers-slider-2 {
        background: url(/img/careers/careers-slider-2.jpg) 65% 0 no-repeat;
    }

    .careers-slider-4 {
        background: url(/img/careers/careers-slider-4.jpg) 50% 0 no-repeat;
    }

    .contact-header .col-md-7 {
        width: 100%;
    }

        .contact-header .col-md-7 h1 {
            font-size: 4em;
        }

    .contact-header .col-md-4.col-md-offset-1 {
        width: 100%;
        margin-left: 3%;
    }

    .library-page-header .carousel-caption span.orange {
        font-size: 4em;
    }

    .library-page-header .carousel-caption span.white {
        font-size: 2.6em;
    }

    .library-page-header .carousel-caption span.white-small {
        font-size: 1.8em;
    }

    .library-page-header .carousel-caption p {
        font-size: 1.4em;
    }

    .library-page-header .carousel-control.left {
        left: 0;
    }

    .library-page-header .carousel-control.right {
        right: 0;
    }

    #randomizer .bluesquare h2 {
        margin-top: 10%;
        font-size: 2.8em;
    }
}

@media (max-width: 1024px) {
    .fillWidth.video-js {
        display: none;
    }
    /*#main-hero .video-container {
        height: auto;
    }*/
    #main-hero .video-overlay {
        display: none;
    }
    #main-hero .phone-image {
        display: block;
    }
    #main-hero .container {
        width: 90%;
        right: 1.5em;   
    }

    #main-hero h1 {
        color: #d0d4db;
    }
}

@media (max-width: 992px) {
    .sub-page-header {
        margin-bottom: 30px;
    }

    .office-locations-headquarters {
        margin-top: 0;
    }

    .container-padding {
        margin: 0 15px;
    }

    #randomizer, #philosophy-guy {
        display: none !important;
    }

    .career-form {
        right: 25%;
        width: 50%;
    }

    .contact-home {
        width: 90%;
        margin: 0 auto;
    }

    .join-our-team-home {
        padding-top: 80px;
    }

    .company-values {
        padding: 6em 0;
    }

        .company-values .teal-circle, .company-values .orange-circle, .company-values .light-blue-circle, .company-values .dark-blue-circle {
            width: 148px;
            height: 148px;
            margin: 0 auto;
            background: url('/img/philosophy/philosophy-icon-sprite.png') no-repeat -1px -1px;
        }

        .company-values .teal-circle {
            background-position: -1px -1px;
        }

        .company-values .orange-circle {
            background-position: -1px -153px;
        }

        .company-values .light-blue-circle {
            background-position: -1px -305px;
        }

        .company-values .dark-blue-circle {
            background-position: -1px -457px;
        }

    #main-footer .footer-column:not(:last-child), #main-footer .footer-column-alt {
        height: auto;
        border: none;
    }

    ul#social.social-footer {
        float: left;
    }

    .copy-right {
        text-align: left;
    }

    .library-page-header h2 {
        font-size: 3em;
    }

    #transportation {
        height: 1090px;
    }

    #join-our-team h1:nth-child(2) {
        margin-bottom: 5px;
    }

    #join-our-team h1:nth-child(2) {
        margin-top: 0;
        line-height: 1.2em;
    }
}

@media (max-width: 991px) {
    .contact-home ul, .contact ul {
        width: 50%;
    }

    #main-hero .container {
        top: initial;
        bottom: 1.5em;
    }

    #main-hero .video-container .fillWidth.video-js {
        display: none;
    }


    #transportation-content > div > div > div p {
        margin: 0 0 0 35%;
    }
}

@media (max-width: 880px) {
    .library-page-header .carousel-caption span.orange {
        display: none;
    }

    .library-page-header .carousel-caption span.white {
        display: none;
    }

    .library-page-header .carousel-caption span.white-small {
        display: none;
    }

    .library-page-header .carousel-caption p {
        display: none;
    }

    .library-page-header .carousel-caption .col-sm-6 {
        width: 100%;
    }

    .library-page-header .carousel-caption .col-md-4 {
        width: 100%;
        float: left;
    }

    .library-page-header .carousel-caption .btn {
        display: block;
        width: 100%;
    }

    .library-slider-1 {
        background-position: 67.5% 0;
    }

    .library-slider-2 {
        background-position: 67.5% 0;
    }

    .library-slider-3 {
        background-position: 68.5% 0;
    }

    .careers-person blockquote {
        margin-bottom: 0;
    }

    .library-doc-img {
        display: block;
        margin: 20px auto 0;
    }
}

@media (min-width: 768px) and (max-width: 880px) {
    #main-header .navbar-default .navbar-nav > li > a, #main-header .navbar-default .navbar-nav > li > ul > li > a {
        font-size: 1.2em;
        padding: 1px 10px;
    }
}

@media (max-width: 767px) {
    #main-header .navbar-nav {
        margin-top: 2em;
    }

    #main-header .navbar-default .navbar-nav > li > a {
        padding: 10px;
    }

    #main-hero ul {
        float: right;
        background: none;
        width: auto;
        margin-right: 15px;
    }

    #main-hero li, #main-hero li:first-child, #main-hero li:last-child {
        width: auto;
        float: right;
    }

    #main-hero li a {
        background: #EA7423;
        width: 160px;
        margin-left: 10px;
    }

    .careers-our-people .carousel-control {
        display: none;
    }

    .careers-person {
        min-height: 340px;
    }

        .careers-person img {
            display: block;
            margin: 0 auto;
        }

        .careers-person blockquote {
            margin-left: 0;
            font-size: 2.2em;
            line-height: 1.2em;
            padding-top: 12px;
        }

    .sfSubmitBtnSmall input[type="submit"], .modal-button, .modal-button:hover, .modal-button:active, .modal-button:visited, #philosophy .btn {
        width: 100%;
    }

    #eship-mgr .btn.orange {
        margin: 0 0 3em;
        width: 100%;
        font-size: 2em;
    }

    #eship-mgr h1 {
        font-size: 3em;
    }

    .tms-list li {
        padding-top: 0;
        margin-bottom: 50px;
    }

    #transportation h1 {
        font-size: 3em;
    }

    /*#transportation h2
    {
        font-size: 2.6em;
    }*/

    .contact-home ul, .contact ul {
        width: 100%;
    }

    ul#client-care {
        clear: left;
    }

    .company-values p {
        font-family: Futura Std Medium;
        font-size: 1.3em;
        color: #808083;
        margin: 1% 0 3%;
        margin-left: 25%;
        width: 50%;
        text-align: center;
    }

    .careers.team-buttons div {
        display: inline-block;
        margin-bottom: 30px;
    }

    .slick-list {
        margin-left: -19px;
    }

    .slick-slide {
        margin: 0 0 0 20px;
    }

    #industry-library .slick-prev {
        top: 130px;
        left: 0;
    }

    #industry-library .slick-next {
        top: 130px;
        right: 0;
    }

    .careers-imagine-blocks p {
        padding-bottom: 20px;
    }

    .careers-slider-4 {
        background: url(/img/careers/careers-slider-4.jpg) 50% 0 no-repeat;
    }

    .careers-slider-2 {
        background: url(/img/careers/careers-slider-2.jpg) 65% 0 no-repeat;
    }

    #transportation-content > div > div > div p {
        margin: 0 0 0 35%;
    }

    .philosophy-hero h2 {
        font-size: 4em;
        padding: 20px 0;
    }

    .career-form {
        top: 300px;
        right: 10%;
        width: 80%;
    }

    .news-list .sfnewsSummary {
        padding: 0 15px;
    }
}

@media (max-width:680px) {
    #home-animated-gif-bg {
        display: none;
    }

    #home-animated-gif {
        position: relative;
        float: left;
        left: 0;
        top: 0;
        margin-bottom: 3em;
    }

    .join-our-team-home {
        background-position: center -100px;
        padding-bottom: 100px;
    }

    #transportation-content > div > div > div p {
        margin: 0 0 0 30%;
    }

    #home-animated-gif-bg {
        display: none;
    }

    #home-animated-gif {
        position: relative;
        float: left;
        left: 0;
        top: 0;
        margin-bottom: 3em;
    }

    .join-our-team-home {
        background-position: center -100px;
        padding-bottom: 100px;
    }

    #transportation-content > div > div > div p {
        margin: 0 0 0 30%;
    }
}

@media (max-width: 625px) {
    #main-hero .container {
        bottom: 0.8em;
    }

    #main-hero h1 {
        font-size: 2.5em;
        letter-spacing: 0.1em;
    }

    /*#main-hero .phone-image {
        width: auto;
        height: 100%;
    }*/
    
    #main-hero li a {
        width: 140px;
    }
    
    .careers-person blockquote {
        font-size: 1.9em;
        padding-top: 20px;
    }

    .carousel-inner > .item {
        -webkit-transition: 1.2s ease-in-out left;
        -moz-transition: 1.2s ease-in-out left;
        -o-transition: 1.2s ease-in-out left;
        transition: 1.2s ease-in-out left;
    }

    .carousel-inner > .active {
        min-height: 38.7em;
    }

    .philosophy-hero h2 {
        font-size: 3em;
        padding: 25px 0;
    }

    .library-slider-1, .library-slider-2, .library-slider-3 {
        background-position: 64% 0;
    }
}

@media (max-width: 500px) {
    #main-hero li a {
        width: 135px;
    }
}


@media (max-width: 480px) {
    /*#main-hero .container {
        top: 18%;
    }*/

    #main-menu h1 {
        font-size: 2em;
    }

    #main-hero p {
        font-size: 1.8em;
    }

    #main-hero li a {
        margin-left: 7px;
        font-size: 1.1em;
        width: 105px;
    }

    #main-menu .phone-image {
        /*height: 100%;
        width: auto;*/
    }
    
    .careers-our-people {
        height: 880px;
    }

    .careers-person blockquote {
        height: 370px;
    }

    .btn {
        width: 100%;
    }

    #industry-library .slick-prev {
        top: 130px;
        left: 0;
    }

    #industry-library .slick-next {
        top: 130px;
        right: 0;
    }

    .slick-list {
        margin-left: 0;
    }

    .slick-slide {
        margin: 0 0 0 20px;
    }

    .careers-slider-4 {
        background: url(/img/careers/careers-slider-4.jpg) 45% 0 no-repeat;
    }

    .careers-slider-2 {
        background: url(/img/careers/careers-slider-2.jpg) 52% 0 no-repeat;
    }

    .careers.team-buttons div {
        display: inline-block;
        margin-bottom: 30px;
    }

    #transportation h2 {
        font-size: 1.6em;
    }

    #transportation-circles {
        margin-bottom: 1.5em;
        margin-left: 10px;
    }

        #transportation-circles .col-xs-6 {
            padding-left: 0;
        }

        #transportation-circles a {
            width: 121px;
            height: 121px;
            background: url(/img/icon-sprite-small.png) no-repeat -1px -929px;
            font-size: 1.3em;
        }

            #transportation-circles a.active {
                background: url(/img/icon-sprite-small.png) no-repeat -1px -1060px;
            }

    #transportation-content > div > div > div p {
        margin: 0 0 0 10%;
    }

    .philosophy-hero h2 {
        padding: 20px 0;
    }

    .philosophy-letter .signature, .philosophy-hero .signature {
        background: url(/img/philosophy/philosophy-signature-small.jpg) no-repeat;
        min-height: 59px;
    }

    .careers-connect {
        padding-top: 20px;
    }

        .careers-connect h3 {
            font-size: 2.8em;
        }

        .careers-connect p {
            font-size: 2em;
        }

    .library-page-header h2 {
        font-size: 2.8em;
    }

    .library-page-header .carousel-control.left {
        left: 5px;
    }

    .library-page-header .carousel-control.right {
        right: 5px;
    }

    .library-page-header .carousel-caption .btn {
        margin-top: -15px;
    }

    .library-slider-1, .library-slider-2, .library-slider-3 {
        background-position: 63% 0;
    }

    #philosophy {
        padding: 0 0 120px;
    }

        #philosophy h1 {
            font-size: 4em;
        }

        #philosophy h2 {
            font-size: 2.8em;
        }
}

@media (max-width: 380px) {
    #main-hero .container {
        right: 0.5em;
        width: 98%;
    }

    #main-hero .phone-image {
        height: 100%;
        width: 100%;
    }

    #main-hero h1 {
        font-size: 1.8em;
        line-height: 1.4em;
    }

    #main-hero li a {
        margin-left: 3px;
    }
    
    
    .career-form {
        width: 98%;
        right: 1%;
    }

    .library-slider-1 {
        background-position: 62.5% 0;
    }

    .library-slider-2 {
        background-position: 62.5% 0;
    }

    .library-slider-3 {
        background-position: 63.2% 0;
    }

    #transportation {
        height: 1180px;
    }
}

@media (max-width: 330px) {
    #main-hero .phone-image {
        height: 100%;
        width: auto;
    }

    #main-hero li a {
        width: 95px;
        margin-left:1px;
        font-size: 0.9em;
    }
}


*::-webkit-input-placeholder {
    color: #999 !important;
}

*:-moz-placeholder {
    /* FF 4-18 */
    color: #999 !important;
}

*::-moz-placeholder {
    /* FF 19+ */
    color: #999 !important;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: #999 !important;
}

/** BEGIN SEO UPDATES **/
.modal.fade.in .modal-dialog .modal-header p {
    font: 3.5em/1.4em Futura Std Light;
}
#info-table h2.title {
    font-size: 1.8em !important;
    line-height: 1.2em;
    margin-top: 10px;
    font-family: GhandiRegular, sans-serif;
}
#case-study h3 {
    font: 3.5em/1.4em Futura Std Light;
    line-height: 1.3em;
    font-weight: normal !important;
    letter-spacing: normal !important;
    margin-top: 20px;
    margin-bottom: 10px !important;
}
#industry-updates-form h3 {
    font: 4.5em/1em Futura Std Light;
    line-height: 1.3em;
    margin: 0;
}
/** END SEO UPDATES **/