/* RESET */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {padding:0;margin:0;outline: none; }table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}li{list-style:none;}

/* FONTS
===============================================*/

@font-face {
    font-family: 'cicleFina';
    src: url('../fonts/cicle-fina/cicle-fina-webfont.eot');
    src: url('../fonts/cicle-fina/cicle-fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cicle-fina/cicle-fina-webfont.woff2') format('woff2'),
         url('../fonts/cicle-fina/cicle-fina-webfont.woff') format('woff'),
         url('../fonts/cicle-fina/cicle-fina-webfont.ttf') format('truetype'),
         url('../fonts/cicle-fina/cicle-fina-webfont.svg#cicleFina') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CicleGordita';
    src: url('../fonts/cicle-gordita/cicle-gordita-webfont.eot');
    src: url('../fonts/cicle-gordita/cicle-gordita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cicle-gordita/cicle-gordita-webfont.woff2') format('woff2'),
         url('../fonts/cicle-gordita/cicle-gordita-webfont.woff') format('woff'),
         url('../fonts/cicle-gordita/cicle-gordita-webfont.ttf') format('truetype'),
         url('../fonts/cicle-gordita/cicle-gordita-webfont.svg#CicleGordita') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GoodFoot';
    src: url('../fonts/goodfoot/goodfoot-webfont.eot');
    src: url('../fonts/goodfoot/goodfoot-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/goodfoot/goodfoot-webfont.woff2') format('woff2'),
         url('../fonts/goodfoot/goodfoot-webfont.woff') format('woff'),
         url('../fonts/goodfoot/goodfoot-webfont.ttf') format('truetype'),
         url('../fonts/goodfoot/goodfoot-webfont.svg#GoodFoot') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'beckmedia';
    src:url('../fonts/beckmedia/beckmedia.eot?rxyy7w');
    src:url('../fonts/beckmedia/beckmedia.eot?#iefixrxyy7w') format('embedded-opentype'),
        url('../fonts/beckmedia/beckmedia.woff?rxyy7w') format('woff'),
        url('../fonts/beckmedia/beckmedia.ttf?rxyy7w') format('truetype'),
        url('../fonts/beckmedia/beckmedia.svg?rxyy7w#beckmedia') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="bm-icon-"], [class*=" bm-icon-"] {
    font-family: 'beckmedia';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bm-icon-logo-type:before{content:"\e600";}.bm-icon-logo-type-2:before{content:"\e60e";}.bm-icon-logo-bg:before{content:"\e601";}.bm-icon-circled-arrow:before{content:"\e602";}.bm-icon-handwritten-arrow:before{content:"\e603";}.bm-icon-right-arrow:before{content:"\e604";}.bm-icon-chat-bubble:before{content:"\e605";}.bm-icon-info:before{content:"\e606";}.bm-icon-menu-toggle:before{content:"\e607";}.bm-icon-close:before{content:"\e608";}.bm-icon-facebook:before{content:"\e609";}.bm-icon-twitter:before{content:"\e60a";}.bm-icon-instagram:before{content:"\e60b";}.bm-icon-tumblr:before{content:"\e60c";}.bm-icon-youtube:before{content:"\e60d";}.bm-icon-map-pin:before{content:"\e60f";}.bm-icon-circled-arrow-left:before{content:"\e610";}.bm-icon-circled-arrow-right:before{content:"\e611";}.bm-icon-linkedin:before{content:"\e612";}


/* GENERAL STYLES
===============================================*/
/* FIXES iOS DEVICES RENDERING PAGES IN CHUNKS AS YOU SCROLL
*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}
*/
body {
	min-width:320px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.125em;
    letter-spacing: 0.050em;
	background-color: #1b2b37;
    overflow-x: hidden;
}
strong { }
a, a:hover,a:focus{text-decoration:none;outline:none;}
a, a:focus { }
a:hover {  }
.div-table { display:table; }
.div-table-row { display:table-row; }
.div-table-cell { display:table-cell; }

/* DELETE LATER */
.temporary-height {
    min-height: 800px;
}


/* COMMON
===============================================*/
html, body {
    height: 100%;
}
a {
	color: #499cc3;
}
a:hover {
	color: #62b4da;
}

section { position: relative; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/* logo */
.logo {
    position: relative;
    display: block;
    overflow: hidden;
}
.logo img { width: 100%; }
.default-logo span {
    position: absolute;
}
.default-logo .bm-icon-logo-type, .default-logo .bm-icon-logo-type-2 {
    color: #ffffff;
    z-index: 2;
}
.default-logo .bm-icon-logo-bg {
    color: #3a6d8e;
    z-index: 1;
}
.no-scroll { overflow: hidden; }


/* BG & GRADIENTS
===============================================*/
.blue-striped-bg {
    background: url(../images/blue_bg_pattern.png);
}
.gray-tiled-bg {
    background: url(../images/gray-tiled-pattern.png);
}
.blue-gradient-up {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0M2Y1YyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzE0M2Y1YyIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0M2Y1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(20,63,92,0) 0%, rgba(20,63,92,0.5) 75%, rgba(20,63,92,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,63,92,0)), color-stop(75%,rgba(20,63,92,0.5)), color-stop(100%,rgba(20,63,92,1)));
    background: -webkit-linear-gradient(top, rgba(20,63,92,0) 0%,rgba(20,63,92,0.5) 75%,rgba(20,63,92,1) 100%);
    background: -o-linear-gradient(top, rgba(20,63,92,0) 0%,rgba(20,63,92,0.5) 75%,rgba(20,63,92,1) 100%);
    background: -ms-linear-gradient(top, rgba(20,63,92,0) 0%,rgba(20,63,92,0.5) 75%,rgba(20,63,92,1) 100%);
    background: linear-gradient(to bottom, rgba(20,63,92,0) 0%,rgba(20,63,92,0.5) 75%,rgba(20,63,92,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00143f5c', endColorstr='#143f5c',GradientType=0 );
}
.blue-gradient-down {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0M2Y1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDNmNWMiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(20,63,92,1) 0%, rgba(20,63,92,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,63,92,1)), color-stop(100%,rgba(20,63,92,0)));
    background: -webkit-linear-gradient(top, rgba(20,63,92,1) 0%,rgba(20,63,92,0) 100%);
    background: -o-linear-gradient(top, rgba(20,63,92,1) 0%,rgba(20,63,92,0) 100%);
    background: -ms-linear-gradient(top, rgba(20,63,92,1) 0%,rgba(20,63,92,0) 100%);
    background: linear-gradient(to bottom, rgba(20,63,92,1) 0%,rgba(20,63,92,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143f5c', endColorstr='#00143f5c',GradientType=0 );
}


/* CONTENT OVERLAY
===============================================*/
#content-overlay {
    display: none;
    position: fixed;
    opacity: 0;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1);
    /**/
    overflow-x: hidden;
    overflow-y: auto;

    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
#content-overlay.active { display: block; }
#content-overlay.visible { opacity: 1; }
.content-overlay-close {
    position: absolute;
    z-index: 1;
    top: -12px;
    right: 0;
    padding: 10px;
    font-size: 26px;
    color: #e3e3e3;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}
.content-overlay-close:hover { color: #e55b23; }
#content-overlay .centered-container {
    max-height: 100%;
    padding-bottom: 60px;
    padding-top: 70px;
}
.animated-loader {
    display: block;
    width: 50px;
    margin: 0 auto;
}
.overlay-heading {
    padding-bottom: 14px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 20px;
    line-height: 1em;
    color: #aeaeae;
    font-weight: 900;
    text-transform: uppercase;
}

/* overlay nav */
.overlay-header-column { padding-top: 1px; }
.overlay-nav {
    font-size: 18px;
    line-height: 1em;
    margin:9px 0 15px 0;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}
.overlay-nav-link.right { float: right; }
.overlay-nav-link {
    display: inline-block;
    margin: 0 3px;
}
.overlay-nav-link .text {
    font-size: .6em;
    text-transform: uppercase;
    font-weight: 700;
}
.overlay-nav-link .icon {
    display: inline-block;
    vertical-align: middle;
}

.overlay-nav.top-nav {}
.overlay-nav.bottom-nav {
    border-top: 1px solid #e6e6e6;
    padding-top: 10px;
    text-align: left;
}
.overlay-nav.bottom-nav {}

/* overlay content */
.overlay-image-wrapper {
    margin-bottom: 20px;
}
.overlay-image {
    width: 100%;
    margin-bottom: 20px;
}
.overlay-title {
    margin-bottom: 4px;
    font-size: 30px;
    line-height: 1.125em;
    color: #6693ac;
}
.overlay-sub-title, .overlay-byline {
    margin-bottom: 4px;
    line-height: 1.125em;
    color: #aeaeae;
    text-transform: uppercase;
}
.overlay-sub-title {
    font-size: 16px;
}
.overlay-byline {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
}
.overlay-content {
    padding: 15px 0 40px 0;
    font-size: 13px;
    line-height: 1.5em;
}
.overlay-content h1, .overlay-content h2, .overlay-content h3, .overlay-content h4, .overlay-content h5, .overlay-content h6, .overlay-content p, .overlay-content ul, .overlay-content ol, .wp-caption { margin-bottom: 15px; }
.overlay-content p:last-child { margin-bottom: 0; }

.overlay-content img {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.overlay-content a.icon {
    margin: 0 10px 0 0;
    font-size: 24px;
}

.wp-caption {
    width:auto !important;
    text-align:center;
}
.wp-caption img {
    max-width: 100% !important;
    height: auto !important;
}

p.wp-caption-text {
    padding: 8px 0 0 0;
    font-size: 13px;
    line-height: 1.125em;
    text-align: center;
    color: #9c9c9c;
}

.overlay-content p img.alignleft  {
    float: left;
    height: auto;
    margin: 0 15px 10px 0;
}
.overlay-content p img.alignright {
    float: right;
    height: auto;
    margin: 0 0 10px 15px;
}
.overlay-content p img.aligncenter {
    display: block;
    margin: 0 auto 15px auto;
}
@media (max-width: 480px) {
    .single-post-content p img.alignleft, .single-post-content p img.alignright, .single-post-content p img.aligncenter {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto 15px auto;
    }

}



/* HEADINGS & TEXT
===============================================*/

.blue-heading {
    /*
    font-family: 'CicleFina';
    text-transform: uppercase;
    letter-spacing: 0.25em;
    */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #6693ac;
}


/* INFO BUBBLE
===============================================*/

.bubble-padding.right {
    padding-left: 0;
    padding-right: 50px;
    text-align: left;
}
.bubble-padding.left {
    padding-right: 0;
    padding-left: 50px;
    text-align: right;
}
.info-bubble {
    position: absolute;
    z-index: 10;
    top: -15px;
    padding: 12px;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    min-height: 64px;
    width: 64px;
    overflow: hidden;
    -webkit-transition: width 0.40s ease-in-out, background-color 0.40s ease-in-out;
    -moz-transition: width 0.40s ease-in-out, background-color 0.40s ease-in-out;
    -o-transition: width 0.40s ease-in-out, background-color 0.40s ease-in-out;
    transition: width 0.40s ease-in-out, background-color 0.40s ease-in-out;
}
.info-bubble.open { background-color: #499cc3; }
.info-bubble.left { left: 0; }
.info-bubble.right { right: 0; }
.info-bubble-toggle {
    position: absolute;
    z-index: 1;
    top: 12px;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transition: color 0.40s ease-in-out;
    -moz-transition: color 0.40s ease-in-out;
    -o-transition: color 0.40s ease-in-out;
    transition: color 0.40s ease-in-out;
}
.left .info-bubble-toggle {
    left: 12px;
}
.right .info-bubble-toggle {
    right: 12px;
}
.info-bubble-toggle span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 40px;
    line-height: 1em;
}
.info-bubble-toggle, .info-bubble-toggle:focus, .info-bubble-toggle:hover {color: #499cc3;}
.open .info-bubble-toggle, .open .info-bubble-toggle:hover {color: #fff;}
.open .info-bubble-toggle {
    margin: 3px;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
}
.open .info-bubble-toggle span {
    left: -3px;
    top: -3px;
}
.info-bubble-content {
    display: none;
    /*opacity: 0;*/
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    -webkit-transition: opacity 0.40s ease-in-out 0.5s;
    -moz-transition: opacity 0.40s ease-in-out 0.5s;
    -o-transition: opacity 0.40s ease-in-out 0.5s;
    transition: opacity 0.40s ease-in-out 0.5s;
}
.open .info-bubble-content { /*opacity: 1;*/ }
.left .info-bubble-content {
    padding: 0 10px 0 48px;
    text-align: left;
}
.right .info-bubble-content {
    padding: 0 48px 0 10px;
    text-align: right;
}



/* CONTAINERS
===============================================*/

.centered-container {
    position: relative;
    margin: 0 20px;
}
.flexbox-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height:100%;
}
.vert-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.vertically-centered-element {
    align-self: center;
    width:100%;
}

/* BUTTONS
===============================================*/


/* MOBILE NAV
===============================================*/
.mobile-nav-wrapper {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:0;
    z-index:20;
    background-color: rgba(58,109,142,.9);
    visibility:hidden;
    overflow:hidden;
    -webkit-transition: height 0.25s ease-in-out;
    -moz-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out;
}
.mobile-nav-wrapper.open {
    visibility:visible;
    height:100%;
}
.mobile-nav-wrapper.active { overflow-y:auto; }
/*
.mobile-nav-wrapper .logo, .mobile-nav-wrapper .close {
    z-index:1;
    color:#fff;
    position:absolute;
    top:21px;
}
.mobile-nav-wrapper .logo {
    left:30px;
    font-size:40px;
}
.mobile-nav-wrapper .close {
    right:20px;
    font-size:30px;
}
*/
.mobile-nav-inner-wrapper {
    display:table;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#mobile-navigation {
    width:100%;
    text-align:center;
    display:table-cell;
    vertical-align:top;
    opacity:0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    /*font-size:45px;*/
    font-size:4vh;
    padding-top: 100px;
}
.open #mobile-navigation {opacity:1;}
#mobile-navigation li a {
    display:block;
    padding:2.5vh 20px;
    line-height:1.125em;
    color:#ffffff;
    font-weight: 700;
}

.active #mobile-navigation li a:hover {
    background-color:rgba(255,255,255,.8);
    color: rgba(58,109,142,1);
}
.active #mobile-navigation li a.active {
    background-color:rgba(255,255,255,.2);
    cursor: default;
}
.active #mobile-navigation li a.active:hover {color:#fff;}



/* HEADER
===============================================*/
#header {
    position: fixed;
    z-index: 30;
    left: 0;
    top: 0;
    right: 0;
    /**/
    background-color: rgba(58,109,142,0);
    -webkit-transition: top 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out, background-color 0.5s ease-in-out;
    transition: top 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
#header .inner { padding: 15px 20px; }
#header.visible { 
    top: 0;
}
@media (max-width: 767px) {
    #header.visible {
        background-color: rgba(58,109,142,.9);
    }
}

/* header logo */
#header .logo {
    width: 134px;
    height: 43px;
}
#header .logo span {
    position: absolute;
    left: -16px;
    top: -54px;
    font-size: 150px;
}
.header-navigation-toggle {
    /*position:absolute;
    z-index: 30;
    top:0;
    right:0;
    padding: 21px 20px;
    */
    padding: 20px 0;
    text-transform:uppercase;
    background-color: transparent;
    font-size: 30px;
}
.header-navigation-toggle, .header-navigation-toggle:hover, .header-navigation-toggle:focus {
    color:#fff;
    /*color: #6693ac;*/
}



/* FOOTER
===============================================*/
#footer {
    padding: 9px 20px 10px 20px;
    text-align: center;
    background-color: #1b2b37;
}
.copyright {
    font-size: 10px;
    line-height: 1.125em;
    color: #fff;
}







/* MEDIA QUERIES
===============================================*/

/* Custom, less than 480px wide */
@media (max-width: 480px) {

}

/* Extra Small devices and up */
@media (min-width: 480px) {
    .centered-container { margin: 0 11.5%; }
    #header .logo {
        width: 146px;
        height: 50px;
    }
    #header .logo span {
        position: absolute;
        left: -19px;
        top: -65px;
        font-size: 178px;
    }
    .header-navigation-toggle { padding:25px 20px; }
    .overlay-nav.top-nav {
        position: absolute;
        right: 7px;
        top: 2px;
        margin: 0;
        padding: 0;
        border:none;
        font-size: 22px;
    }
    .overlay-heading { margin-bottom: 20px; }
    .overlay-nav.top-nav .text { display: none; }
    .content-overlay-close {
        position: fixed;
        top: 0;
        padding: 15px 20px;
    }

/* END @media (min-width: 480px) */
}

/* default to Small devices */
@media (max-width: 767px) {
    #main-navigation { display: none; }
    .overlay-heading {
        /*position: absolute;
        left: 10px;
        right: 10px;
        top: -44px;*/
    }
/* END @media (max-width: 767px) */
}

@media (max-width: 768px) and (orientation:portrait) {
    #hero {
        background-position: 75% center!important;
    }
    #hero-video{
      left: 0!important;
    }

}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {



    .bubble-padding.left, .bubble-padding.right {
        padding-left: 70px;
        padding-right: 70px;
        text-align: center;
    }
    .info-bubble {
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        min-height: 80px;
        width: 80px;
    }
    .info-bubble.left { left: -12px; }
    .info-bubble.right { right: -12px; }
    .info-bubble-toggle {
        width: 56px;
        height: 56px;
    }
    .info-bubble-toggle span { font-size: 56px; }
    .open .info-bubble-toggle {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
    }
    .left .info-bubble-content { padding: 0 10px 0 68px; }
    .right .info-bubble-content { padding: 0 68px 0 10px; }
    #header {
        background-color: transparent;
    }
    #header .inner { padding: 20px; }

    /**/
    .mobile-nav-wrapper {
        /*display: none;*/
        max-width: 300px;
    }
    #mobile-navigation {
        font-size: 16px;
    }

    #main-navigation {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    #main-navigation a {
        display: inline-block;
        padding: 17px 6px;
        font-size: 14px;
        line-height: 1.125em;
        color: #ffffff;
        text-transform: uppercase;
    }
    #main-navigation a:first-child { padding-left: 0; }
    #main-navigation a:last-child { padding-right: 0; }
    .nav-indicator {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #fff;
        width: 0;
        height: 3px;

        -webkit-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
        -moz-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
        -o-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
        transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
    }
    /*.header-navigation-toggle { display: none; }*/
    .header-navigation-toggle, .header-navigation-toggle:hover, .header-navigation-toggle:focus {
        color:#fff;
        -webkit-transition: color 0.5s ease-in-out;
        -moz-transition: color 0.5s ease-in-out;
        -o-transition: color 0.5s ease-in-out;
        transition: color 0.5s ease-in-out;
    }
    .visible .header-navigation-toggle, .visible .header-navigation-toggle:hover, .visible .header-navigation-toggle:focus {
        color:#6693ac;
    }
    .overlay-heading { font-size: 24px; }

    .mobile-nav-wrapper.open + #header .header-navigation-toggle {
        color:#fff;
    }

/* END @media (min-width: 768px) */
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #header .logo {
        width: 174px;
        height: 58px;
    }
    #header .logo span {
        position: absolute;
        left: -22px;
        top: -76px;
        font-size: 208px;
    }
    #main-navigation a {
        font-size: 16px;
        padding: 17px 14px;
    }

/* END @media (min-width: 992px) */
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px ) {

/* END @media (min-width: 1200px ) */
}


/* HERO
===============================================*/
#hero {
	opacity: 0;
	-webkit-transition: opacity 0.75s ease-in-out .5s;
    -moz-transition: opacity 0.75s ease-in-out .5s;
    -o-transition: opacity 0.75s ease-in-out .5s;
    transition: opacity 0.75s ease-in-out .5s;
    background-size: cover;
	background-position: center;
	overflow: hidden;
	height: 100vh;
}
#hero.ready { opacity: 1; }
/* logo */
#hero .logo {
    width: 250px;
    margin: 0 auto;
    opacity: 0;
	-webkit-transition: opacity 0.75s ease-in-out 1.25s;
    -moz-transition: opacity 0.75s ease-in-out 1.25s;
    -o-transition: opacity 0.75s ease-in-out 1.25s;
    transition: opacity 0.75s ease-in-out 1.25s;
}
#hero .default-logo {height: 107px;}

#hero.ready .logo { opacity: 1; }
#hero .default-logo span {
    position: absolute;
    left: 0;
    top: -71px;
    font-size: 250px;
}
.hero-content {
	/*position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;*/
    opacity: 0;
    -webkit-transition: opacity 0.75s ease-in-out 1.5s;
    -moz-transition: opacity 0.75s ease-in-out 1.5s;
    -o-transition: opacity 0.75s ease-in-out 1.5s;
    transition: opacity 0.75s ease-in-out 1.5s;
    margin: 0 auto 50px auto;
    width: 80%;
    max-width: 850px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
}

#hero.ready .hero-content { opacity: 1; }
/* heading */
.hero-heading {
	padding: 0 20px;
	/*
    font-family: 'cicleFina';
    text-transform: uppercase;
    letter-spacing: 0.250em;
    */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
	color: #fff;
	margin: 20px 0 40px 0;
	font-size: 24px;
	line-height: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.75s ease-in-out 1.5s;
    -moz-transition: opacity 0.75s ease-in-out 1.5s;
    -o-transition: opacity 0.75s ease-in-out 1.5s;
    transition: opacity 0.75s ease-in-out 1.5s;
}
#hero.ready .hero-heading { opacity: 1; }

/* arrow down */
.hero-arrow-down {
	display: block;
	margin: 22px auto 70px auto;
	width: 44px;
	height: 44px;
	font-size: 44px;
	opacity: 0;
	-webkit-transition: opacity 0.75s ease-in-out 2s;
    -moz-transition: opacity 0.75s ease-in-out 2s;
    -o-transition: opacity 0.75s ease-in-out 2s;
    transition: opacity 0.75s ease-in-out 2s;
}
#hero.ready .hero-arrow-down { opacity: 1; }
.hero-arrow-down, .hero-arrow-down:focus { color: #fff; }
.hero-arrow-down:hover { color: #3a6d8e; }

/* layout table */
.hero-table {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.hero-table .div-table-cell {
	height: 33.333%;
	text-align: center;
}
.logo-cell {
	vertical-align: middle;
}
.heading-cell {
	vertical-align: bottom;
}

@media (max-width: 767px) and (orientation:portrait) {
    .hero-table {
        height: 90%;
    }
}

/* bg textures */
.hero-grad, .hero-stripped-pattern {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}
.hero-stripped-pattern {
	z-index: 0;
	height: 85%;
	background-image: url(../images/hero-stripped-pattern.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: 10px 100%
}
.hero-grad {
	z-index: 1;
	height: 40%;
}

#hero-video {

	/*right: 0;
	bottom: 0;
	height: 100vh; 
	width: auto;*/

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
}

@media (min-width: 1200px) {
	#hero-video {
		height: auto;
        min-width: 100vw;
        min-height: 100vh;
	}
}


/* WE ARE HERE
===============================================*/
#we-are-here {
	text-align: center;
	padding:100px 0 40px 0;
}
#we-are-here .centered-container {
	position: relative;
	z-index:2;
}
.we-are-here-heading {
	margin-bottom: 50px;
	font-family: 'cicleGordita';
	font-size: 22px;
	line-height: 1.125em;
	letter-spacing: 0.050em;
	color: #499cc3;
	text-transform: uppercase;
}
.we-are-here-image {
	position: relative;
	margin-bottom: 50px;
}
.we-are-here-image-heading {
	font-family: 'GoodFoot';
	font-size: 36px;
	line-height: 1em;
	color: #e55b23;
}
.bm-icon-handwritten-arrow, .city-labels, .we-are-here-grad { position: absolute; }
.bm-icon-handwritten-arrow {
	top: 35px;
	left: 50%;
	display: inline-block;
	margin: 0 0 0 -4vw;
	font-size: 9vw;
	color: #e55b23;
}
.we-are-here-image img { width: 100%;}
.city-labels {
	display: none;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.we-are-here-content {
	margin-bottom: 50px;
	color: #fff;
	font-size: 15px;
	line-height: 22px;
}
.learn-more-text {
	color: #ffffff;
	font-size: 12px;
	line-height: 1.125em;
}
.learn-more-text a { font-weight: 900; }
.we-are-here-grad {
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	height: 385px;
}


/* HOW WE DO IT
===============================================*/

.blue-bg-pattern-arrow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}
#how-we-do-it {
	padding: 88px 0 70px 0;
	background-color: #fff;
}
.how-we-do-it-heading {
	opacity: 1;
    /*
    font-family: 'CicleFina';
    text-transform: uppercase;
    letter-spacing: 0.25em;    
    */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 1em;
    text-align: center;
    color: #6693ac;
    /*-webkit-transition: opacity 0.75s ease-in-out;
    -moz-transition: opacity 0.75s ease-in-out;
    -o-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;*/
}
.animate .how-we-do-it-heading { /*opacity: 1;*/ }

/* how we do it table */
.how-we-do-it-table {
	width: 100%;
	margin: 50px 0 0 0;
}
.how-we-do-it-table .div-table-cell { text-align: center; }

.how-we-do-it-table .left-cell, .how-we-do-it-table .right-cell {
	vertical-align: top;
	width: 38%;
}
.how-we-do-it-table .center-cell {
	vertical-align: middle;
	width: 24%;
}
.how-we-do-it-section-heading {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 50px;
}
.how-we-do-it-arrow {
	display: block;
	margin: 0 auto;
	width: 90px;
	height: 90px;
	font-size: 90px;
	color: #499cc3;
}

/* eye and truck animation */
.how-we-do-it-table .left-cell .animation-wrapper {
	opacity: 1;

	/*margin-left: -100px;
	margin-right: 100px;
    -webkit-transition: opacity 0.75s ease-in-out 0.25s, margin-left 0.75s ease-in-out 0.25s, margin-right 0.75s ease-in-out 0.25s;
    -moz-transition: opacity 0.75s ease-in-out 0.25s, margin-left 0.75s ease-in-out 0.25s, margin-right 0.75s ease-in-out 0.25s;
    -o-transition: opacity 0.75s ease-in-out 0.25s, margin-left 0.75s ease-in-out 0.25s, margin-right 0.75s ease-in-out 0.25s;
    transition: opacity 0.75s ease-in-out 0.25s, margin-left 0.75s ease-in-out 0.25s, margin-right 0.75s ease-in-out 0.25s;	*/
}
.animate .how-we-do-it-table .left-cell .	 {
	/*opacity: 1;

	margin-left: 0;
	margin-right: 0;*/
}

.how-we-do-it-table .center-cell .animation-wrapper {
	margin-left: -100px;
	margin-right: 100px;
	opacity: 0;
    -webkit-transition: opacity 0.75s ease-in-out 0.37s, margin-left 0.75s ease-in-out 0.37s, margin-right 0.75s ease-in-out 0.37s;
    -moz-transition: opacity 0.75s ease-in-out 0.37s, margin-left 0.75s ease-in-out 0.37s, margin-right 0.75s ease-in-out 0.37s;
    -o-transition: opacity 0.75s ease-in-out 0.37s, margin-left 0.75s ease-in-out 0.37s, margin-right 0.75s ease-in-out 0.37s;
    transition: opacity 0.75s ease-in-out 0.37s, margin-left 0.75s ease-in-out 0.37s, margin-right 0.75s ease-in-out 0.37s;
}
.animate .how-we-do-it-table .center-cell .animation-wrapper {
	margin-left: 0;
	margin-right: 0;
	opacity: 1;
}
.how-we-do-it-table .right-cell .animation-wrapper {
	opacity: 1;
	/*margin-left: -100px;
	margin-right: 100px;
    -webkit-transition: opacity 0.75s ease-in-out 0.5s, margin-left 0.75s ease-in-out 0.5s, margin-right 0.75s ease-in-out 0.5s;
    -moz-transition: opacity 0.75s ease-in-out 0.5s, margin-left 0.75s ease-in-out 0.5s, margin-right 0.75s ease-in-out 0.5s;
    -o-transition: opacity 0.75s ease-in-out 0.5s, margin-left 0.75s ease-in-out 0.5s, margin-right 0.75s ease-in-out 0.5s;
    transition: opacity 0.75s ease-in-out 0.5s, margin-left 0.75s ease-in-out 0.5s, margin-right 0.75s ease-in-out 0.5s;*/
}
.animate .how-we-do-it-table .right-cell .animation-wrapper {
	/*margin-left: 0;
	margin-right: 0;
	opacity: 1;*/
}

/* eye animation keyframes */
@-webkit-keyframes eye-glow-animation {
  0%, 100% {opacity: .2;}
  50% {opacity: 1;}
}
@-moz-keyframes eye-glow-animation {
  0%, 100% {opacity: .2;}
  50% {opacity: 1;}
}
@-o-keyframes eye-glow-animation {
  0%, 100% {opacity: .2;}
  50% {opacity: 1;}
}
@keyframes eye-glow-animation {
  0%, 100% {opacity: .2;}
  50% {opacity: 1;}
}

/* truck animation keyframes */
@-webkit-keyframes truck-animation {
  0%, 100% {margin: -1px 0 1px 0;}
  50% {margin: 0;}
}
@-moz-keyframes truck-animation {
  0%, 100% {margin: -1px 0 1px 0;}
  50% {margin: 0;}
}
@-o-keyframes truck-animation {
  0%, 100% {margin: -1px 0 1px 0;}
  50% {margin: 0;}
}
@keyframes truck-animation {
  0%, 100% {margin: -1px 0 1px 0;}
  50% {margin: 0;}
}


/* eye - truck */
.animated-eye, .animated-truck {
	position: relative;
	max-width: 240px;
	margin: 0 auto;
}
.animated-eye img, .animated-truck img { width: 100%; }
.eye-glow, .truck-cargo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.eye-ball, .truck {
	position: relative;
	z-index: 2;
}
.eye-glow {
	animation: eye-glow-animation 2s infinite;
	-webkit-animation: eye-glow-animation 2s infinite;
	-moz-animation: eye-glow-animation 2s infinite;
	-o-animation: eye-glow-animation 2s infinite;
}
.truck {
	/*
	animation: truck-animation 0.3s infinite;
	-webkit-animation: truck-animation 0.3s infinite;
	-moz-animation: truck-animation 0.3s infinite;
	-o-animation: truck-animation 0.3s infinite;
	*/
}




/* tagline */
.how-we-do-it-tagline {
	text-align: center;
	margin-top: 26px;
}
.red-tagline {
	display: inline-block;
	text-align: center;
	color: #e55b23;
    font-family: "GoodFoot";
    font-size: 30px;
    line-height: 1em;
    -webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
}


/* SVG images */
.svg-wrapper {
	position: relative;
}
.svg-wrapper img {
	width: 100%;
	max-width: 265px;
}

.svg-wrapper .red-tagline {
	position: absolute;
	bottom: 20px;

	width: 174px;
	font-size: 28px;
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	transform: rotate(-12deg);
}

@media (max-width: 767px) {
	.svg-wrapper .red-tagline { display: none; }
}
@media (min-width: 767px) {
	.how-we-do-it-tagline { display: none; }
}
@media (min-width: 767px) and (max-width: 1160px) {
	.svg-wrapper .red-tagline {
		text-align: right;
		width: 98px;
		right: -50px;
	}
}
@media (min-width: 1160px) {
	.svg-wrapper .red-tagline {
		left: 80%;
	}
}



/* ABOUT
===============================================*/
#about {
	font-size: 16px;
	overflow: hidden;
	color: #fff;
    /*color: #0f3046;*/
    background-color: #f8f8f8;
}
.about-heading {
	margin-bottom: 1em;
    /*font-family: 'CicleFina';
    text-transform: uppercase;
    letter-spacing: 0.25em;
    */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 2.66em;
    line-height: 1em;
    
    color: #fff;
    /*color: #6693ac;*/
    
    -webkit-transition: opacity 0.75s ease-in-out, margin-left 0.75s ease-in-out, margin-right 0.75s ease-in-out;
    -moz-transition: opacity 0.75s ease-in-out, margin-left 0.75s ease-in-out, margin-right 0.75s ease-in-out;
    -o-transition: opacity 0.75s ease-in-out, margin-left 0.75s ease-in-out, margin-right 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, margin-left 0.75s ease-in-out, margin-right 0.75s ease-in-out;
}
.about-heading, .about-content {
	opacity: 0;
	margin-left: -100px;
	margin-right: 100px;
}
.animate .about-heading, .animate .about-content {
	opacity: 1;
	margin-left:  0;
	margin-right: 0;
}
.about-content {
	max-width: 470px;
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out 0.25s, margin-left 1s ease-in-out 0.25s, margin-right 1s ease-in-out 0.25s;
    -moz-transition: opacity 1s ease-in-out 0.25s, margin-left 1s ease-in-out 0.25s, margin-right 1s ease-in-out 0.25s;
    -o-transition: opacity 1s ease-in-out 0.25s, margin-left 1s ease-in-out 0.25s, margin-right 1s ease-in-out 0.25s;
    transition: opacity 1s ease-in-out 0.25s, margin-left 1s ease-in-out 0.25s, margin-right 1s ease-in-out 0.25s;
}
.animate .about-content { opacity: 1; }
.about-content, .about-bottom-content {
	font-size: 1.125em;
    line-height: 1.33em;
}
.about-content em {
	font-size: 2em;
	font-style: normal;
}
.about-bottom-content a {
	font-weight: 900;
	text-transform: uppercase;
}
#about .top-content {
	margin-bottom: -10px;
	background-size: cover;
	background-position: center bottom;
}

#about .top-content .centered-container {
	padding: 88px 0 135px 0;
	opacity: 0;
	-webkit-transition: opacity .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
    transition: opacity .75s ease-in-out;
}
#about.animate .top-content .centered-container { opacity: 1; }
#about .bottom-content {
	text-align: right;
	padding: 0 0 64px 0;
}
.about-bottom-content {
	opacity: 0;
	display: inline-block;
	max-width: 550px;
	margin-left: 100px;
	margin-right: -100px;
	-webkit-transition: opacity 0.75s ease-in-out 0.6s, margin-left 0.75s ease-in-out 0.6s, margin-right 0.75s ease-in-out 0.6s;
    -moz-transition: opacity 0.75s ease-in-out 0.6s, margin-left 0.75s ease-in-out 0.6s, margin-right 0.75s ease-in-out 0.6s;
    -o-transition: opacity 0.75s ease-in-out 0.6s, margin-left 0.75s ease-in-out 0.6s, margin-right 0.75s ease-in-out 0.6s;
    transition: opacity 0.75s ease-in-out 0.6s, margin-left 0.75s ease-in-out 0.6s, margin-right 0.75s ease-in-out 0.6s;
}
.animate .about-bottom-content {
	opacity: 1;
	margin-left:  0;
	margin-right: 0;
}

/* LIST HIDDEN ITEMS
===============================================*/
ul .hidden-item { display: none; }
ul.reveal-hidden .hidden-item { display: list-item; }
ul.reveal-hidden.clients-list .hidden-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
 
.animate .hidden-item .hidden-link { opacity: 0; }
.animate .hidden-item .hidden-link.animate { opacity: 1; }

.see-more {
	display: block;
	margin-top: 4px;
	padding: 10px;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    /*background-color: rgba(0,0,0,.03);*/
}
.see-more .close-text { display: none; }
.see-more.open .close-text { display: inline-block; }
.see-more.open .open-text { display: none; }
.see-more.open .icon {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.see-more .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin-left: 4px;
}

/* MEET THE TEAM
===============================================*/

#team {
	background-color: #f8f8f8;
	padding-bottom: 70px;
	text-align: center;
}
#team .heading-wrapper {
	/*background-color: #ffffff;*/
	padding: 46px 0 43px 0;
}
.team-member-list { margin: 55px -1px 0 -1px; }
.team-member-list li {
	position: relative;
	padding: 1px;
    width: 50%;
    float: left;
}

.see-more {
	display: block;
	margin-top: 4px;
	padding: 10px;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    /*background-color: rgba(0,0,0,.03);*/
}
.see-more .close-text { display: none; }
.see-more.open .close-text { display: inline-block; }
.see-more.open .open-text { display: none; }
.see-more.open .icon {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.see-more .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin-left: 4px;
}

.team-member-list li a {}
.team-member-link {
	cursor: pointer;
	position: relative;
	display: block;
}
.team-member-image-wrapper, .overlay-image-wrapper {
    position: relative;
    padding-bottom: 114.5%;
}
.team-member-image-wrapper img, .overlay-image-wrapper img {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    
    top:  0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;

}
.team-member-list li svg {
	display: block;
	width: 100%;
	height: 100%;
}
.team-member-info {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	/*RED background-color: rgba(231,36,37,.85);*/
	background-color: rgba(229,91,35,.92);
	padding: 20px;
	font-size: 20px;
	letter-spacing: 0.050em;
	color: #fff;
	text-align: center;
	webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.team-member-link.clicked .team-member-info {
	opacity: 1;
}
.team-member-name {
	margin-bottom: 14px;
	font-size: 1em;
	line-height: 1.125em;
}
.team-member-title {
	font-size: 0.6em;
	line-height: 1.125em;
	text-transform: uppercase;
}
.team-member-title:after {
	display: block;
	content: '';
	background-color: #fff;
	height: 1px;
	width: 28%;
	margin: 25px auto;
}
.team-member-description {
	font-size: 0.6em;
	line-height: 1.125em;
}
.team-member-description-full { display: none; }

/* OPEN POSITIONS */
.open-position-link {
	position: relative;
	display: block;
    text-align: center;
}
.open-position-link, .open-position-link:focus, .open-position-link:hover { color: #fff; }

.open-position-info {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 20px;
	font-size: 20px;
	background-color: #499cc3;
	-webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.open-position-link:hover .open-position-info { background-color: #e55b23; }
.open-position-heading {
	margin-bottom: 1.5em;
	font-size: 0.8em;
	line-height: 1.5em;
}
.open-position-title {
	/*font-size: 1.5em;*/
	font-size: 1.1em;
	line-height: 1em;
}
.open-position-title:after {
	display: block;
	content: '';
	background-color: #fff;
	height: 1px;
	width: 28%;
	margin: .8em auto .8em auto;
}
.open-position-action {
	font-size: .7em;
	line-height: 1em;
	text-transform: uppercase;
}
.open-position-description { display: none; }

.join-the-team {
	display: inline-block;
	margin: 0;
	font-family: 'GoodFoot';
	font-size: 36px;
	line-height: 1em;
	color: #e55b23;
	letter-spacing: -0.025em;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.careers-link {
	display: inline-block;
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 50px;
}
.careers-link img {
	max-width: 160px;
	height: auto;
	margin-left: 20px;
}


/* OUR SERVICES
===============================================*/

#services { background-color: #ffffff; padding-bottom: 70px; }
#services .heading-wrapper {
	padding: 46px 0 43px 0;
	opacity: 1;
	/*-webkit-transition: opacity 0.75s ease-in-out 0.25s;
    -moz-transition: opacity 0.75s ease-in-out 0.25s;
    -o-transition: opacity 0.75s ease-in-out 0.25s;
    transition: opacity 0.75s ease-in-out 0.25s;*/
}
/*#services.animate .heading-wrapper { opacity: 1; }*/
.services-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;


}
.services-list li {
    /*width: 100%;
    margin: 0 0 10px 0;*/
    width: 48.8%;
    margin: 0 .5% 1% .5%;
    opacity: 1;
    background-color: #6693ac;
}
.animate .services-list li { /*opacity: 1;*/ }
.service-link {
	position: relative;
	display: block;
	/*height: 240px;*/
	height: 72vw;
	overflow: hidden;
}
.service-info {
	font-size: 18px;
	text-align: center;
	z-index: 0;
	top:0;
}
.service-icon {
	display: block;
	margin: 0 auto;
	width: 42%;
	max-width: 140px;
}
.service-title {
	/*margin-top: 1.77em;*/
	padding: 0 20px 0 20px;
	font-size: .8em;
	line-height: 1.2em;
	color: #ffffff;
	/*height: 3.9em;
	overflow: hidden;*/
}
.service-description, .service-info {
	position: absolute;
	width: 100%;
	left:0;
	-webkit-transition: top 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
}
.service-description {
	z-index: 1;
	top:100%;
	background-color: rgba(229,91,35,.95);
	overflow: hidden;
}
.service-description .vertically-centered-element {
	text-align: left;
	padding: 20px 20px;
	font-size: 3vw;
	line-height: 1.25em;
	color: #fff;
}



/* SECONDARY PAGE TEMPLATE */
#secondary-page-featured-image {
	height: 0;
	padding-bottom: 70%;
	background-position: center;
	background-size: cover;
}
#secondary-page-wrapper {
	background-color: #fff;
	padding: 40px 11.5% 60px 11.5%;
	font-size: 15px;
}
#secondary-page-wrapper.padded-top { padding-top: 110px; }
#secondary-page-wrapper .secondary-page-title {
	margin-bottom: 30px;
	color: #6693ac;
    font-family: "CicleFina";
    letter-spacing: 0.25em;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
}
#secondary-page-content {
	font-size: 0.800em;
	line-height: 1.500em;
}
#secondary-page-content h1 { font-size: 2em; }
#secondary-page-content h2 { font-size: 1.75em; }
#secondary-page-content h3 { font-size: 1.5em; }
#secondary-page-content h4 { font-size: 1.25em; }
#secondary-page-content h5 { font-size: 1.125em; }
#secondary-page-content h6 { font-size: 1em; }
#secondary-page-content h1, #secondary-page-content h2, #secondary-page-content h3, #secondary-page-content h4 , #secondary-page-content h5, #secondary-page-content h6 {
	line-height: 1.125em;
	margin-bottom: .5em;
}
#secondary-page-content p, #secondary-page-content ul, #secondary-page-content ol { margin: 0 0 16px 0; }
#secondary-page-content p:last-child { margin-bottom: 0; }

#secondary-page-content ul, #secondary-page-content ol { margin-left: 20px;}
#secondary-page-content ul li {
	list-style: disc inside;
}
#secondary-page-content ol li {
	list-style: decimal inside;
}
#secondary-page-content img {
	width: 100%;
	height: auto;
}
.wp-caption {
	margin-bottom: 16px;
}
.wp-caption img {
	width: 100% !important;
	height: auto !important;
}
.single-post-content p img {
	width: 100%;
	height: auto;
}
p.wp-caption-text {
	padding: 6px 0 0 0;
	font-size: 11px;
	line-height: 1.125em;
	text-align: left;
	color: #a9a9a9;
}



/* Careers */
.careers-list {
	border-top: 1px solid #EDEDED;
}

.careers-list li {
	list-style: none;
	border-bottom: 1px solid #EDEDED;
	padding: 1em 0;
}

.careers-list .title {
	display: block;
	margin: 0 0 .4em 0;
	font-size: 1em;
	line-height: 1.125em;

}
.careers-list .excerpt {
	font-size: 0.800em;
	line-height: 1.25em;
	margin: 0 0 .5em 0;
}

.careers-list .view-details {
	font-size: 0.800em;
	text-transform: uppercase;
}
.widget {
	margin: 25px auto;
	max-width: 100%;
}
.widget #jobsTable th:last-of-type {
	display: none;
}
.widget #jobsTable td.date {
	display: none;
}





/* MEDIA QUERIES
===============================================*/

/* Custom, less than 480px wide */
@media (max-width: 480px) {

}

/* Extra Small devices and up */
@media (min-width: 480px) {
	/**/
	#hero .logo {
	    width: 300px;
	    margin: 0 auto;
	}
	#hero .default-logo { height: 129px; }
	#hero .default-logo span {
	    position: absolute;
	    left: 0;
	    top: -86px;
	    font-size: 300px;
	}

	.we-are-here-wrapper { padding: 0 11.5%; }

	.team-member-list li {
		float: left;
		width: 50%;
	}
	.open-position-info { font-size: 3vw; }


	.services-list li { 
        margin: .5%;
        width: 49%;
    }
	.service-link {
		/*height: 32.18vw;*/
		height: 38vw;
	}
	.service-info { font-size: 2.5vw; }
	.service-description .vertically-centered-element { font-size: 1.8vw; }

	#secondary-page-wrapper { font-size: 16px; }
	#secondary-page-wrapper.padded-top { padding-top: 120px; }

/* END @media (min-width: 480px) */
}

/* default to Small devices */
@media (max-width: 767px) {

	.how-we-do-it-arrow {
		margin: 40px auto;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.how-we-do-it-table, .how-we-do-it-table .div-table-cell { display: block; width: 100%; }
	.how-we-do-it-table .div-table-cell { text-align: center; }
	.service-link.active .service-description { top: 0; }
	.service-link.active .service-info { top: -100%; }
/* END @media (max-width: 767px) */
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	#hero .logo {
	    width: 396px;
	    margin: 0 auto;
	}
	#hero .default-logo { height: 170px; }
	#hero .default-logo span {
	    position: absolute;
	    left: 0;
	    top: -113px;
	    font-size: 396px;
	}
	.hero-heading {
		margin-bottom: 55px;
		font-size: 44px;
	}
    .hero-content {
        font-size: 18px;
        line-height: 24px;
    }
	#we-are-here { padding:142px 0 55px 0; }
	.we-are-here-image-heading {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
	}
	.bm-icon-handwritten-arrow {
		margin: 0 0 0 -2.5vw;
		font-size: 5vw;
	}
	.city-labels { display: block; }
	.we-are-here-content {
		padding: 0 10%;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 70px;
	}
	.how-we-do-it-heading {
	    font-size: 48px;
	}
	.how-we-do-it-tagline { text-align: right; }

	#about .top-content .centered-container { padding: 108px 0 145px 0; }

	/* team */
	#team .heading-wrapper {
		/*opacity: 0;
		-webkit-transition: opacity 0.75s ease-in-out 0.25s;
	    -moz-transition: opacity 0.75s ease-in-out 0.25s;
	    -o-transition: opacity 0.75s ease-in-out 0.25s;
	    transition: opacity 0.75s ease-in-out 0.25s;*/
	}
	#team.animate .heading-wrapper { /*opacity: 1;*/ }

	.team-member-link, .open-position-link { opacity: 0; }
	.animate .team-member-link, .animate .open-position-link { opacity: 1; }

	#team .info-bubble { top: -24px; }
	.team-member-list li { width: 33.3%; }
	.open-position-info { font-size: 1.8vw; }

	.team-member-list li {
		-webkit-perspective: 1700px;
		-moz-perspective: 1700px;
		perspective: 1700px;
		-webkit-perspective-origin: 0 50%;
		-moz-perspective-origin: 0 50%;
		perspective-origin: 0 50%;
	}
	.team-member-link {
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.team-member-info {
		-webkit-transform: rotateY(-90deg);
		-moz-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	    -webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	    -webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
		transition: transform 0.4s, opacity 0.1s 0.3s;
	}
	.team-member-link:hover .team-member-info {
		opacity: 1;
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		transform: rotateY(0deg);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s;
		transition: transform 0.4s, opacity 0.1s;
	}
    .team-member-description {
        font-size: 0.8em;
    }

	/* services */
	.services-list li {
        width: 32%;
        margin: .5%;
    }
	.service-link {
		/*height: 28vw;*/
		height: 32vw;
		cursor: default;
	}
	.service-info { font-size: 18px; }
	.service-description .vertically-centered-element { font-size: 1.4vw; }
	.service-link:hover .service-description { top: 0; }
	.service-link:hover .service-info { top: -100%; }
	#secondary-page-featured-image {
		padding-bottom: 50%;
	}
	#secondary-page-wrapper { font-size: 18px; }
	#secondary-page-wrapper.padded-top { padding-top: 140px; }

/* END @media (min-width: 768px) */
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#about { font-size: 18px; }
	.team-member-list li { width: 25%; }
	.open-position-info { font-size: 1.6vw; }

	.service-link { height: 21.4vw; }
	.service-description .vertically-centered-element { font-size: 12px; }

	#secondary-page-wrapper.padded-top { padding-top: 150px; }


/* END @media (min-width: 992px) */
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px ) {
	.open-position-info { font-size: 20px; }
	.service-description .vertically-centered-element { font-size: 14px; }
    .services-list li {
        width: 24%;
        margin: .5%;
    }    
    .service-title {
        font-size: 1.25em;
    }
/* END @media (min-width: 1200px ) */
}

/* MATT'S STYLES
===============================================*/
/* CLIENTS */
#clients {
	padding: 50px 0;
	text-align: center;
}
#clients h3 {
	padding: 25px 0;
	color: #0f3046;
	font-size: 12px;
}
.clients-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.clients-list li {
    width: 33.333%;
    vertical-align: top;
    padding: 2em 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.clients-list li a {
	width: 100%;
	text-align: center;
	display: inline-block;
    pointer-events: none;
}

.clients-list li.hidden-item { display: none; }

.clients-list li a img {
	max-width: 75%;
	/*max-height: 75%;*/
    max-height: 20vw;
}
.client-description { display: none; }

.clients-testimonials {
	font-family: 'GoodFoot';
	font-size: 20px;
	line-height: 20px;
	color: #e55b23;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	position: absolute;
	top: 0;
}



/* NEWS */
#news {
	padding-top: 60px;
	text-align: center;
	background-position: center;
	background-size: cover;
}
#news .centered-container {
	z-index: 2;
}
#news h3 {
	padding: 40px 0;
	color: #fff;
	font-size: 18px;
}
.news-list li {
	padding: 0 0 2px 0;
}
.news-link {
	position: relative;
	display: block;
	border: 1px #fff solid;
	background-color: #000;
	opacity: 0;
}
.animate .news-link { opacity: 1; }
.news-link img {
	width: 100%;
	opacity: .5;
	-webkit-transition: opacity 0.75s;
    -moz-transition: opacity 0.75s;
    -o-transition: opacity 0.75s;
    transition: opacity 0.75s;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0) scale(1.0, 1.0);

}
.news-link:hover img { opacity: 1; }
.news-link-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	padding: 24px 14px 14px 14px;
	font-size: 16px;
	line-height: 1.25em;
	text-align: left;
	color: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.read-more {
	font-weight: 900;
	color: #499cc3;

}

.sidebar-news-heading {
	margin-bottom: 8px;
	font-size: 16px;
    font-weight: 700;
    line-height: 1.125em;
    text-transform: uppercase;
    color: #aeaeae;
}
.sidebar-news-list {
	margin-bottom: 20px;
}
.sidebar-news-list li {
	padding-bottom: 15px;
}
.sidebar-news-title {
	font-size: 14px;
    line-height: 1.125em;
    margin: 4px 0 0;
}
.sidebar-news-link img {
	width: 100%;
}

/*
.block {
	max-width: 485px;
	height: 250px;
	display: inline-block;
	position: relative;
	text-align: left;

	overflow: hidden;
}
.block .excerpt {
	position: absolute;
	bottom: 0;
	padding: 20px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}
.block img {
	width: 100%;
}
*/

#news .blue-gradient-up {
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
}
.excerpt a {
	font-weight: 700;
}
.excerpt a:hover {
	text-decoration: underline;
}

.news-archive-link {
	display: inline-block;
	margin: 20px 0;
}


/* BLOG OVERLAY */



/* GET IN TOUCH */
#get-in-touch {
	/*background-image: url(../images/blue_bg_pattern.png);
	background-repeat: repeat;*/
	padding-top: 74px;
    background-color: #fff;
    color: #0f3046;
}
#get-in-touch .centered-container { z-index: 2; }
#get-in-touch .blue-heading { margin-bottom: 22px; }
#get-in-touch .sub-heading {
	margin-bottom: 44px;
	font-size: 18px;
	line-height: 1.125em;
	/*color: #ffffff;*/
    color: #0f3046;
	text-align: center;
}
.contact-columns { padding-top: 16px; padding-bottom: 20px; }
.city-link {
    position: relative;
	display: block;
    margin-bottom: 2.5em;
    width: 100%;
    box-sizing: border-box;
	font-size: 24px;
}
.city-name, .city-location, .city-location-wrapper { display: block; }
.city-name {
	font-size: .75em;
	line-height: 1em;
	text-transform: uppercase;
    padding: .8333em;
    min-height: 4.5em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.city-phone {
    display: block;
}
.contact-column {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
/*    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
    padding-bottom: 2em;
}
.contact-column-item{
    width: 50%;
}
.contact-column-item:nth-child(odd) .city-name {
    color: #fff;
    background-color: #6693ac;
}
.contact-column-item:nth-child(even) .city-name {
    color: #333;
    background-color: #f3f3f3;
}
.city-name .hidden-mobile { display: none; }
.city-location-wrapper {
    padding: .8333em .8333em 1.45em .8333em;
}
.city-location {
	position: relative;
	font-size: .5em;
	line-height: 1.4285em;
    color: #0f3046;
}
.city-location .icon {
	position: absolute;
	left: 1px;
	top: 5px;
	font-size: 2.28em;
	line-height: 1em;
}
.city-link:hover .city-location .icon { color: #e55b23; }
.view-map {
    position: absolute;
    bottom: 0;
    left: 1.666em;
    font-size: .5em;
    color: #e55b23;
    text-transform: uppercase;
}

/*
.map {
	background-image: url(../images/get-in-touch-map-tiny.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	position: relative;
	height: 43vw;
	line-height: 20px;
	margin: 10px 0 5px 0;
}
.state-pin {
	text-align: center;
	height: 140px;
}
.state-pin p {
	font-size: 16px;
	color: #6693ac;
}
.state-pin .address {
	font-size: 14px;
	color: #fff;
}
*/

.contact-info {
	position: relative;
	text-align: center;
	font-size: 18px;
	/*color: #fff;*/
    color: #0f3046;
	padding-bottom: 35px;
}
.contact-info p {
	font-size: 18px;
	line-height: 1.3em;
}
.contact-info p span { display: inline-block; }
.social-heading {
	display: inline-block;
	margin-bottom: 15px;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	font-family: 'GoodFoot';
	font-size: 30px;
	line-height: 30px;
	color: #e55b23;
	letter-spacing: 0;
}
.arrow {
	display: inline-block;
	width: 16px;
	height: 27px;
	position: absolute;
	right: -16px;
	top: 13px;
}
.social-icons { margin-top: 15px; }
.social-icons .icon {
	display: inline-block;
	margin: 0 6px;
	font-size: 30px;
	letter-spacing: 0px;
}
#get-in-touch .blue-gradient-down {
    display: none;
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
}


/* contact form */
.wpcf7 {
    width: 100%;
}
.wpcf7 label {
    display: block;
    margin: 0 0 5px 0;
    font-size: 12px;
    line-height: 1.125em;
    color: #ffffff;
}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7-select {
    width: 100%;
    border: none;
    padding: 12px 12px;
    font-size: 16px;
    color: #858585;
    background-color: #f8f8f8;
}
.wpcf7-select {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #bdbdbd
}
.wpcf7-select:focus { color: #858585; }
.wpcf7-select option {
	font-size: 12px;
	padding: 5px 12px;
}

.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 10px;
}

.captcha-wrapper {
    text-align: left;
        display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f8f8f8;
}
.wpcf7-form-control-wrap.captcha-1 {
    width: 100%;
    display: inline-block;
    margin: 0;
    flex: 1 0 auto;
}
.wpcf7-captchac {
    margin: .25em;
}
.wpcf7 input[type="submit"] {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    display: inline-block;
    width: 160px;
    margin: 0 auto;
    background-color: #499bc3;
    /*border:1px solid #162e3a;*/
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 18px 34px;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.75);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
	  -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
	  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
}
.wpcf7 input[type="submit"]:hover { background-color: #e55b23; }


span.wpcf7-not-valid-tip {
    padding: 4px 0 0 0;
    font-size: 13px!important;
    line-height: 1.125em;
    font-weight: 300;
    color: #e55b23!important;
}

div.wpcf7-response-output {
    border: 1px solid #e55b23!important;
    background-color: rgba(255,255,255,.06)!important;
    margin: 20px 0 0 0!important;
    padding: 5px 10px 6px 10px!important;
    /*color: #ffffff;*/
    color: #0f3046;
    font-size: 12px!important;
}
div.wpcf7-response-output.wpcf7-validation-errors {
    color: #e55b23;
}

.form-column{

  /*
  border: 1px solid #62b4da;  
  background-image: url(../images/blue_bg_pattern.png);
  padding: 30px;
  */
  
  padding-bottom: 30px;
  text-align: center;
  position: relative;
  max-width: 600px;
  margin:0 auto 20px;
  clear: both;
}

/* MEDIA QUERIES
===============================================*/

/* Custom, less than 480px wide */
@media (max-width: 480px) {
	.clients-testimonials { display: none; }
}

/* Extra Small devices and up */
@media (min-width: 480px) {
	.map {
		margin-left:-10px;
		margin-right:-10px;
	}
	.state-pin {
		width: 50%;
		padding: 0 10px;
		float: left;
	}
	.address-column .col-sm-6 {
		width: 50%;

	}
	.city-link { /*font-size: 18px; */}

/* END @media (min-width: 480px) */
}

/* default to Small devices */
@media (max-width: 767px) {
	/* NEWS */
	.block { height: auto; max-height: 250px; }

	/* GET IN TOUCH */
	.map { background-image: none; height: auto; }
	.state-pin { position: initial; margin: 25px auto; }
	.contact-info { padding: 25px 0; }
	.social { position: initial; text-align: center; margin-top: 30px; }
	.social-icons { margin-left: 0px; }
	.clients-testimonials { right: 60px; }


/* END @media (max-width: 767px) */
}

@media (max-width: 767px) and (orientation: portrait) {
    .city-link {
        font-size: 22px;
    }
    .city-name {
        padding-left: .6060em;
    }
    .city-location-wrapper {
        padding: .8333em .4545em 1.45em .4545em;
    }
    .view-map {
        left: .9090em;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.map {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.state-pin {
		position: absolute;
		margin: -70px 0 0 -100px;
		width: 200px;
		height: 140px;
	}
	.fargo 			{ left: 50%; top: 18%; }
	.los-angeles 	{ left: 17%; top: 43%; }
	.new-york-city	{ left: 86%; top: 27%; }
	.austin			{ left: 51%; top: 76%; }

	.clients-list li {
	    width: 20%;
	}
    .clients-list li a img {
        max-width: 60%;
        /*max-height: 60%;*/
        max-height: 11vw;
    }
	.clients-testimonials {
		top: -5px;
		font-size: 24px;
		line-height: 24px;
		left:0;
	}
	.news-list li {
		float: left;
		width: 50%;
		padding: 0 2px 2px 0;
	}
	.left-form-column { padding-right: 5px; }
    .right-form-column { padding-left: 5px; }

      .contact-column-item{
        width: 33.333%;
        /* display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;*/
      }
    

  /*.contact-column .col-1-5:after, .contact-column-item:after{
    content: '';
    height: 40px;
    width: 1px;
    background: #499cc3;
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }*/

  .contact-column .col-1-5:last-child:after, .contact-column-item:last-child:after{
    display: none;
  }



	.address-column { float: right; }
	.contact-columns { padding-bottom: 70px; }
	.city-link { /*margin-bottom: 30px;*/ }
    .city-name {
        font-size: 1em;
    }
    .city-location {
        font-size: .5833em; 
    }

   

/* END @media (min-width: 768px) */
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.contact-info {
		padding-left: 150px;
		padding-right: 150px;
	}
	.social-icons {
		/*position: absolute;
		top: -10px;
		right: 0;*/
	}
	.social-icons .icon { /*margin: 0 0 0 8px;*/ }
	.map { margin-bottom: 45px; }
	.social-heading {
		position: absolute;
		top: -48px;
		right: 0;
	}

	.city-link { /*font-size: 22px; margin-bottom: 50px;*/ }
	.city-name .hidden-mobile { display: inline; }


/* END @media (min-width: 992px) */
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px ) {
	.city-link {/* font-size: 24px;*/ }
/* END @media (min-width: 1200px ) */
}


.grecaptcha-badge {
    opacity: 0;
}


#jobs_widget_container #jobsTable th {
    width: 50%;
}


.alert-message {
    position: fixed;
    z-index: 10;
    max-width: 350px;
    bottom: 0;
    right: 1.25em;
    font-size: 16px;
    padding: 1.75em 1.25em;
    background-color: #6693ac;
    border: 1px solid #fff;
    border-bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}
.alert-message.alert-message--active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.alert-message__content {
    text-align: center;
    font-size: 0.9375em;
    line-height: 1.2em;
    color: #fff;
}
.alert-message__content a {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 767px ) {
    .alert-message {
        font-size: 14px;
        max-width: 100%;
        left: 1.25em;
        padding: 1.25em;
    }
 
}

@media (max-width: 767px ) and ( orientation:portrait ){
    .alert-message + #footer {
        padding-bottom: 9em;
    }       
}
@media (max-width: 767px ) and ( orientation:landscape ){
    .alert-message + #footer {
        padding-bottom: 6em;
    }       
}
@media (min-width: 768px )and ( max-width: 1024px ){
    .alert-message + #footer {
        padding-bottom: 12em;
    }  
}