/*
Theme Name: Metropolitan Commercial Bank v02
Author: Design Matters
Description: Custom theme for Metropolitan Commercial Bank
Version: 0.0.1
*/


/*
  HTML5 Reset :: style.css
  ----------------------------------------------------------
  We have learned much from/been inspired by/taken code where offered from:
  Eric Meyer          :: http://meyerweb.com
  HTML5 Doctor        :: http://html5doctor.com
  and the HTML5 Boilerplate :: http://html5boilerplate.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; /*font-weight: normal;*/ vertical-align: baseline; background: transparent; }

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

main, article, aside, figure, footer, header, nav, section, details, summary { display: block; }

/* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img, object, embed { max-width: 100%; }

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
  In fact, it *will* cause problems with Google Maps' controls at small size.
  If this is the case for you, try uncommenting the following:
#map img {
    max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. you'll have to restore the bullets within content, which is fine because they're probably customized anyway */
ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: separate; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button, input[type=button] { width: auto; overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }




/*animate css code removed here*/

.morphist > *:not(.animated) { display: none; }

/*bootstrap code*/
/*--- START: Bootstrap Items that may or may not need to be baked-into the Bank's website ---*/


/*
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width: 1366px) {
    .container {
        max-width: 1400px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
*/

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1366px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 13
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

.text-center {
    text-align: center!important;
}

.text-left {
  text-align: left !important;
}

.col-centered, .col-centered img {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.content--page .container.no-padding {
  max-width: 1430px;
  padding-left: 0px;
  padding-right: 0px;
}

/*add 5 column option*/

.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: 320px) {
.col-sm-5ths { 
    margin-top: 3px;
    margin-right: auto;
    margin-bottom: 3px;
    margin-left: auto;
    }
}

@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;
    }
}

/*end bootstrap code*/



html {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px; color:#333;  line-height: 1.125em;
}

h1 { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300; font-size: 3.75rem; line-height: 1.125em; }

@media (max-width: 1024px) {
h1 { 
    font-size: 2.8rem;
    margin-bottom: .2em;
    line-height: .9;
    }
}
/*h1.bold { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 700; font-size: 2.25rem; line-height: 1em; }*/

h2 { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300; font-size: 2.25rem; line-height: 1.125em; }

@media (max-width: 1025px) {
    h2 {
    font-size: 1.4rem;
   /* don't know why this was indented*/
    /*padding-left: 6px;*/
    padding-right: 6px;
    line-height: 1.07em;
    padding-bottom: 6px;
    }
}

h3 { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300; font-size: 1.875rem; line-height: .9em; }

h4 { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1.3125rem;
line-height: 1.125em;
letter-spacing: 3px;
margin-top: 10px;
margin-bottom: -10px; }

.contact_info h4 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}


@media (max-width: 1024px) {
h4 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.125em;
    letter-spacing: 2px;

    }
}

/*h5 { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 700; font-size: 1.125rem; line-height: 1.125em; }

h6 { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 700; font-size: 1rem; line-height: 1.125rem; }*/

/*colors*/

h1, h2, h3 {
  color: #1c57a5;
}

h2 {
  color: #003a70 !important;
}

h4 {
  color: #6e6259;
}

/*just for the header titles*/
h1.hero__page-title, h2.hero__page-subtitle {
  color: #fff !important;
}
/*mobile styles*/
@media (max-width: 1024px) { 
    .intro h1 {font-size: 3.25rem !important;
        line-height: 1.125em !important;
    }
    .box-body h1{ 
        font-size: 2.8rem;
        line-height: 1em;
        }

    .box-body h2{ 
        font-size: 2.1rem;
        line-height: 1em;
        }
    .box-body p {
        font-size: 1.4rem !important;
        line-height: 1.2em !important;
         }    
    h1.hero__page-title { 
        /*font-size: 3.25rem;*/
        font-size: 2.4rem;
        line-height: 1em;
        margin-bottom: .2em;
        } 
     .hero__page-title h1 { 
        font-size: 3.25rem;
        line-height: 1em;
        }    
    
    p.lead, .intro p, .learn-more, .industry-columns p {
        font-size: 1.3rem !important;
        line-height: 1.3em !important;
/*         padding-bottom: 12px; */
        }  
   .industry-columns p  {
      padding-left: 12px !important;
      padding-right: 12px !important;
        }  
   .industry-columns h2  {
      padding-left: 12px !important;
      padding-right: 12px !important;
      font-size: 2.5em;
        } 
    ul.bullet li {
    padding-bottom: .5em;
    padding-right: 13px;
    font-size: 1.3rem !important;
    line-height: 1.3em !important;
        } 

    
    .industry-top-image {
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #ccc;
      height: 90%;
      }
    .learn-more {
      padding-top: 12px;
      }  
    .content--page {
    padding-top: 286px !important;
      }
	.content--tiny {
    padding-top: 20vh !important;
      }

    }

/*background for industry focus*/
.background-industry-focus {
   background-color:#f6f6f6;
   }  



/*paragraphs*/

p.lead, p, p.small {
  font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300;
}

p.lead, .intro p, .learn-more, .industry-columns p  {
  font-size: 1.5rem;
  line-height: 1.375em;
  padding-bottom: 12px;
  padding-top: 12px;
}
.industry-columns p  {
      padding-left: 12px;
      padding-right: 12px;
        }  
.industry-columns h2  {
  padding-left: 12px;
  padding-right: 12px;
    } 
/*.intro p {
  padding-bottom: 0 !important;
}*/

p, .contact_info  {
  font-size: 1.3125rem;
  line-height: 1.5em;
 /* padding-bottom: 9px;*/
}
  
p.small {
  font-size: 1.125rem;
  line-height: 1.438em;
  /*padding-bottom: 6px;*/
}

/*make the box text p p.lead*/
.box-body p {
  font-size: 1.5rem;
  line-height: 1.375em;
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
}

/*paragraph colors*/

p.lead, p, p.small {
  color: #6e6259;
}

ol.bullet{
	font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300;
display: block;
/*margin-top: -.5em;*/
/*margin-bottom: .5em;*/
margin-left: 0;
margin-right: 0;
padding-left: 40px;
font-size: 1.5rem;
line-height: 1.375em;
/*padding-bottom: 9px;*/
color: #6e6259;
}

ul.bullet {
font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300;
display: block;
list-style: none !important; /* Remove default bullets */
/*margin-top: -.5em;*/
/*margin-bottom: .5em;*/
margin-left: 0;
margin-right: 0;
padding-left: 40px;
font-size: 1.5rem;
line-height: 1.375em;
/*padding-bottom: 9px;*/
color: #6e6259;
}

ul.bullet.normal {
  padding-left: 1em;
  font-size: 1.3125rem;
  line-height: 1.5em;
}

ul.bullet li:first-child {
        padding-top: 12px;
    } 

ul.bullet li {
  padding-bottom: .5em;
}

ul.bullet li:last-child {
  padding-bottom: 0;
}
/*orange bullet*/
ul.bullet li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #de7c00; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  list-style: inside;
  padding-left: 0;
/*  margin-top: 9px;*/
  margin-bottom: 9px;
}

/*keep these just till we verify sizing then remove */

/*.hero--small .hero__page-title { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300; font-size: 2.25rem; line-height: 1.125em; }

@media (min-width: 768px) { .hero--small .hero__page-title { font-size: 3.75rem; } }

.hero--small .hero__page-subtitle { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300; font-size: 1rem; line-height: 1.125em; }

@media (min-width: 768px) { .hero--small .hero__page-subtitle { font-size: 2rem; } }*/

/*additional fonts*/

.display-1 {
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 4.5rem;
    line-height: 1;
    padding-bottom: 12px;
}

@media (max-width: 1200px) {
    .display-1 {
        font-size: calc(1.725rem + 5.7vw)
    }
}

/*display 2-4 not being used*/

/*.display-2 {
    font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300;
    font-size: 5.5rem;
    line-height: 1.125;
    padding-bottom: 0.9375rem;
}

@media (max-width: 1200px) {
    .display-2 {
        font-size: calc(1.65rem + 4.8vw)
    }
}

.display-3 {
    font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300;
    font-size: 4.5rem;
    line-height: 1.125;
    padding-bottom: 0.75rem;
}

@media (max-width: 1200px) {
    .display-3 {
        font-size: calc(1.575rem + 3.9vw)
    }
}

.display-4 {
    font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300;
    font-size: 3.75rem;
    line-height: 1.125;
    padding-bottom: 0.5625rem;
}*/

@media (max-width: 1200px) {
    .display-4 {
        font-size: calc(1.5rem + 3vw)
    }
}


a { text-decoration: none; }

p { margin: 0; }

/*default text colors */

.display-1, .display-2, .display-3, .display-4 {
  color: #1c57a5
}

/*Text Colors*/
.text-mcb-blue-dk, .blue p {
    color: #1c57a5 !important;
}


.text-white, .text-white a {
  color: #fff !important;
}

.text-default {
  color: #333;
}
.text-grey {
  color: #6e6259;
}

.text-grey a {
  color: #6e6259;
}

.text-muted {
     color: #aca39a !important;
}

/*leave all header, nav and hero text as is*/
.hero--big .hero__header { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300; font-size: 6rem; line-height: 1.125em; }

.nav-mobile { color: white; }

.nav-mobile a { color: white; }

.nav-mobile a:visited { color: white; }

.nav-mobile a:hover { color: white; }

.nav-mobile a:active { color: white; }

.nav-mobile .nav-mobile__menu li a { 
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    letter-spacing: .04em;
    line-height: 1.125em;
    color: white;
    text-transform: none;
    margin-left: .3em;
}

.nav-mobile .nav-mobile__footer { text-align: center; }

.page-header a { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; line-height: 1.125em; color: #dfd8d7 }

.page-header a:visited { color: #dfd8d7 }

.page-header a:hover { color: #dfd8d7 }

.page-header a:active { color: #dfd8d7 }

.page-header a:hover, .page-header .current_page_item a, .page-header  .current-page-ancestor a { cursor: pointer; border-bottom: 4px solid #de7c00; }


.page-header .branding a:hover { border-bottom: none; }

.page-header .nav-top { font-size: 1.125rem; line-height: 1.125em; text-transform: uppercase; }

.page-header .nav-main { font-size: 1.3125rem; line-height: 1.125em; }

.hero { color: white; text-align: center; }

.hero--big .hero__header { font-size: 2.25rem; line-height: 1.125em; }

@media (min-width: 320px) { .hero--big .hero__header { font-size: 2.25rem; line-height: 1em;} }

@media (min-width: 768px) { .hero--big .hero__header { font-size: 5rem; } }

@media (min-width: 1200px) { .hero--big .hero__header { font-size: 5.5rem; line-height: 1.125em; text-align: unset; } }

.hero--big .hero__header .hero__header-left { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; line-height: 1.125em; }

.hero--big .hero__statement { clear: both; text-align: center; }

@media (min-width: 992px) { .hero--big .hero__statement { font-size: 2rem; line-height: 1.125em; } }


.hero--small .hero__page-submenu a { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; line-height: 1.125em; font-size: 1.3125rem;;color: #dfd8d7; }

.hero--small .hero__page-submenu a:visited { color: #dfd8d7; }

.hero--small .hero__page-submenu a:hover { color: #dfd8d7; }

.hero--small .hero__page-submenu a:active { color: #dfd8d7; }

.hero--small .hero__page-submenu a:hover { border-bottom: 4px solid #de7c00; }


.content h5 { color: #6e6259; text-transform: uppercase; }

.contacts { color: white; }

.contacts .contacts__title { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; font-size: 2rem; }

.contacts .contacts__contact .contact__info-department { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; }

.contacts .contacts__contact .contact__info .contact__info-name { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; }

.contacts .contacts__contact .contact__info .contact__info-email a { color: white; text-decoration: underline; }

.contacts .contacts__contact .contact__info .contact__info-email a:visited { color: white; }

.contacts .contacts__contact .contact__info .contact__info-email a:hover { color: white; }

.contacts .contacts__contact .contact__info .contact__info-email a:active { color: white; }

.page-footer { color: #00051b; }

.page-footer .page-footer__nav .page-footer__nav-title { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 300; font-size: 2.5rem; color: #bfb8af; line-height: 1.125em; text-align: center; }

.page-footer .page-footer__nav .page-footer__nav-title span { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; line-height: 1.125em; }

.page-footer .page-footer__nav .page-footer__menu .page-footer__menu-title { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; font-size: 1.125rem; color: #1c57a5; line-height: 1.125em; }

/*old color #1c57a5 new color #888 */
.page-footer .page-footer__nav .page-footer__menu .page-footer__menu-title a { color: #888; }

.page-footer .page-footer__nav .page-footer__menu .page-footer__menu-title a:visited { color: #888; }

.page-footer .page-footer__nav .page-footer__menu .page-footer__menu-title a:hover { color: #888 !important; }

.page-footer .page-footer__nav .page-footer__menu .page-footer__menu-title a:active { color: #888; }

.page-footer .page-footer__nav .page-footer__menu a { color: #888; }

.page-footer .page-footer__nav .page-footer__menu a:visited { color: #888; }

.page-footer .page-footer__nav .page-footer__menu a:hover { color: #de7c00; }

.page-footer .page-footer__nav .page-footer__menu a:active { color: #888; }

.button { text-transform: uppercase; }

.login-slide { text-align: left; }

.login-slide .login-form { font-size: 1.125rem; }


.login-slide select, .login-slide input, .login-slide ::-webkit-input-placeholder { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; font-size: 1.125rem; color: #D3CEC3; line-height: 1.125em; }

.login-slide select, .login-slide input, .login-slide :-ms-input-placeholder { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; font-size: 1.125rem; color: #D3CEC3; line-height: 1.125em; }

.login-slide select, .login-slide input, .login-slide ::-ms-input-placeholder { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; font-size: 1.125rem; color: #D3CEC3; line-height: 1.125em; }

.login-slide select, .login-slide input, .login-slide ::placeholder { 
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    color: #96928a; 
    line-height: 1.125em; 
}

.login-slide select, .login-slide input { padding: .5rem 0 .5rem .5rem; }

.login-slide input::-webkit-input-placeholder { opacity: 1; }

.login-slide input:-ms-input-placeholder { opacity: 1; }

.login-slide input::-ms-input-placeholder { opacity: 1; }

.login-slide input::placeholder { opacity: 1; }

.login-slide .login-button { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; font-size: 1.125rem; color: white; line-height: 1.125em; }

.login-slide .login-links a { color: #6e6259; }

.login-slide .login-links a:visited { color: #6e6259; }

.login-slide .login-links a:hover { color: #003a70; }

.login-slide .login-links a:active { color: #6e6259; }

.login-slide .login-links a span { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; line-height: 1.125em; }

.modal { color: #333; }

.modal h1 { margin: 0 0 1rem; }

.modal p { font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600; line-height: 1.5rem; }

.modal .button--cancel { color: #1c57a5; }

.modal .button--confirm { color: white; }

.modal .button--confirm:visited { color: white; }

.modal .button--confirm:hover { color: #de7c00; }

.modal .button--confirm:active { color: white; }

.search { font-size: 2.5rem; text-align: center; }

.search input { color:  #8c8279; text-align: center; font-family: myriad-pro-semi-condensed, sans-serif;}

@media (max-width: 1200px) {
    .search input {
        font-size: .6em;
        padding-top: 12px;
    }
}

.search ::-webkit-input-placeholder { color: #bfb8af; }

.search :-ms-input-placeholder { color: #bfb8af; }

.search ::-ms-input-placeholder { color: #bfb8af; }

.search ::placeholder { color: #bfb8af; }

html { scroll-behavior: smooth; }

/*new background graphic*/
body { overflow-x: hidden;
 /*background-image: url('img/MCB_Globe_K-007_v11_3600-072.png');
 background-color: transparent;*/
 /*background-position: center bottom; */
/* background-size: cover;*/

 }

.nav-mobile { display: none; background: #00051b; position: fixed; width: 100%; height: 100vh; z-index: 1000; overflow-y: scroll; }

.nav-mobile .nav-mobile__toggle { background-image: url("img/icons/cross.svg"); width: 1.5rem; height: 1.5rem; -webkit-transform: invert(100%); transform: invert(100%); }

.nav-mobile .nav-mobile__menu { margin: 0 0 1rem; }

.nav-mobile .nav-mobile__menu .menu { clear: both; }

.nav-mobile .nav-mobile__menu .menu li { border-bottom: 1px solid #bfb8af !important; }

.nav-mobile .nav-mobile__menu .menu li .sub-menu { display: none; padding: 0 0 0 1em; }

.nav-mobile .nav-mobile__menu .menu li .sub-menu li { border: 0 !important; }

.nav-mobile .nav-mobile__menu .menu li a { padding: .5em 0; display: block; width: 100%; }

.nav-mobile .nav-mobile__menu .menu-item-has-children > a:after { float: right; -webkit-filter: invert(100%); filter: invert(100%); content: ' '; background: url("img/icons/down-chevron.svg"); height: 1em; width: 1em; -webkit-transform: translate(0, 10%); transform: translate(0, 10%); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.nav-mobile .nav-mobile__menu .active { border-bottom: 1px solid #bfb8af; }

.nav-mobile .nav-mobile__menu .active:after { -webkit-transform: rotate(180deg) translate(0, -15%) !important; transform: rotate(180deg) translate(0, -15%) !important; }

.nav-mobile .nav-mobile__footer .nav-mobile__footer-social { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; 
    margin: 0 auto;
    padding-top: 16px;
    padding-right: 10px;
    max-width: 555px;
}

.nav-mobile .nav-mobile__footer .nav-mobile__footer-social .social-icon { display: inline-block; width: 2rem; height: 2rem; -webkit-filter: invert(100%); filter: invert(100%); }

.centerfooter-cols{
    margin: 0 auto 10px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-between;
    margin: 0 auto;
    padding: 10px 10px;
    max-width: 1080px;
}

/*.nav-mobile__footer-social  { display: inline-block; width: 2rem; height: 2rem; -webkit-filter: invert(0%); filter: invert(0%); }*/

.nav-mobile .nav-mobile__footer .nav-mobile__footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin:10px auto; padding: 0 0; max-width: 596px;}

.page-header { position: relative; width: 100%; z-index: 90; }

.page-header .container { max-width: 1450px; padding-bottom: 10px; }

.page-header .branding { width: 70%; max-width: 330px; float: left; }

@media (min-width: 1200px) { .page-header .branding { margin: 0 0 2.1rem 0; } }

.page-header .nav-mobile__toggle { background-image: url("img/icons/list-menu.svg"); }

@media (min-width: 1200px) { .page-header .nav-mobile__toggle { display: none; } }

.page-header .nav-top__container { display: none; }

@media (min-width: 1200px) { .page-header .nav-top__container { display: block; float: right; } }

.page-header .nav-top__container .nav-top { float: left; }

.page-header .nav-top__container .nav-top ul li { float: left; margin: 0 0 0 1.5rem; }

.page-header .nav-top__container .nav-top ul ul li { display: none; }

.page-header .nav-top__container .nav-top__search { float: right; width: 1rem; height: 1rem; margin: 0 0 0 1.5rem; -webkit-transform: translateY(10%); transform: translateY(10%); background: url("img/icons/search.svg"); background-size: contain; cursor: pointer; }

.page-header .nav-top__container .nav-top__search:hover { background: url("img/icons/search-orange.svg"); }

.page-header .nav-main { display: none; clear: both; overflow: visible; }

@media (min-width: 1200px) { .page-header .nav-main { display: block; } }

.page-header .nav-main ul li, .page-header .nav-main ul .menu-item-has-children { float: left; padding: 0 1.5rem 0 0; position: relative; }

.page-header .nav-main ul li ul, .page-header .nav-main ul .menu-item-has-children ul { display: none; position: absolute; top: 100%; left: 0; }

.page-header .nav-main ul li ul li, .page-header .nav-main ul .menu-item-has-children ul li { float: none; position: relative; }

.hero { max-width: 100vw; z-index: 10; position: relative; }

.hero .hero__image { position: absolute; width: 100%; height: 100%; z-index: 15; background-size: cover; background-position: center; background-image: url('img/AdobeS_71925731_3600x1800px_072dpi_v01.png'); transition: all 1000ms ease-in-out;}

.hero .hero__text { z-index: 25; }

.hero--big { height: 100vh; }


@media (max-width: 1000px) { .hero--big { height: 75vh; } }

@media (max-width: 500px) { .hero--big { height: 50vh; } }

@media (min-width: 1200px) { .hero--big { height: 900px; } }

.hero--big .hero__text { position: absolute; width: 100%; max-width: 1400px; padding: 0 25px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.hero--big .hero__text .hero__header { position: relative; }

@media (min-width: 1300px) { .hero--big .hero__text .hero__header .hero__header-left { float: left; height: 2em; margin: 0 -.7em 0 0; } }

.hero--big .hero__text .hero__header .hero__header-slash { display: none; }

@media (min-width: 1300px) { .hero--big .hero__text .hero__header .hero__header-slash { display: inline; float: left; height: 4px; width: 14rem; background: white; margin: 0; -webkit-transform: rotate(-65deg) translateX(-40%); transform: rotate(-65deg) translateX(-40%); } }

.hero--big .hero__text .hero__header .hero__header-right { overflow: hidden; display: block; }

@media (min-width: 1300px) { .hero--big .hero__text .hero__header .hero__header-right { float: left; margin: 1em 0 -1em -1.6em; } }

.hero--big .hero__text .hero__statement { margin: 0 auto; max-width: 1140px; padding: 1.5rem 0 0 0; }

@media (min-width: 768px) { .hero--big .hero__text .hero__statement { padding: 2rem 0; } }

.hero--big .hero-footer { position: absolute; bottom: 25px; width: 100%; z-index: 25; }

.hero--big .hero-footer .hero-footer-text, .hero--big .hero-footer .arrow { cursor: pointer; }

.hero--big .hero-footer .arrow { margin: 0 auto; height: 2em; width: 2em; background-image: url("img/icons/down-chevron.svg"); background-size: contain; -webkit-filter: invert(100%); filter: invert(100%); }

.hero--small { background-color: #f6f6f6; width: 100%; height: 310px; position: fixed; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.hero--tiny { height: 20vh !important; }

/* .shrink-hero{
	max-height: 150px !important;
	-webkit-transition: all 1000ms ease-in-out !important;
    transition: all 1000ms ease-in-out !important;
}
*/

@media (max-width: 1024px) {
    .hero--small {
        height: 218px; 
    }
	.hero--tiny { height: 10vh !important; }
	.content--tiny{ padding-top: 10vh !important;}
	.clear-both{clear: both !important;}
	.stock_ticker{display: block !important;}
	
}

.hero--small .hero__text { max-width: 960px; margin: 0 auto; padding: 0 25px; position: relative; }

/*.hero--small .hero__text .hero__page-subtitle { display: none; }*/
/*this removes .hero__text .hero__page-subtitle to show hero subtitle in mobile*/


@media (min-width: 768px) { .hero--small .hero__text .hero__page-subtitle { display: block; } }

.hero--small .hero__page-submenu { display: none; }

@media (min-width: 1200px) { .hero--small .hero__page-submenu { display: block; width: 100%; z-index: 25; position: absolute; bottom: 0; left: 0; } }

.hero--small .hero__page-submenu .container { padding-top: 1rem; padding-bottom: 1rem; }

.hero--small .hero__page-submenu ul li { float: left; margin: 0 1.5rem 0 0; }

/*breadcrumbs*/
.hero--small .hero__page-breadcrumb { display: block; width: 100%; z-index: 25; position: absolute; bottom: 0; left: 0; }

.hero--small .hero__page-breadcrumb .container { padding-top: 1rem; padding-bottom: 1rem; }

.login-slide { width: 30%; height: 100%;  z-index: 99!important; position: absolute; padding: 75px 0 0 50px; left: 100%; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

/*code for login page*/

#loginpage {
    margin: 0 auto;
}
#loginpage .login-slide { width: 100% !important; height: 100% !important;  z-index: 99!important; position: relative !important; padding: 0 !important; left: auto !important; }

#loginpage .login-slide .login-close {
    display: none;
}



/*@media (max-width: 1024px) { 
    .login-slide {
        width: 99%;
        height: 100%;
        
    }
}*/

.login-slide .container { max-width: 350px; background: #FCFCFB; margin: 25px 0 0 25px; border-radius: 10px; }

#loginpage .login-slide .container {
    margin: 0 !important;
}

.content--page 
#loginpage .login-slide .container {
 padding-top: 30px !important;
}

.login-slide .login-close { float: right; background: url("img/icons/cross.svg"); background-size: contain; -webkit-filter: invert(55%) sepia(10%) saturate(367%) hue-rotate(347deg) brightness(93%) contrast(90%); filter: invert(55%) sepia(10%) saturate(367%) hue-rotate(347deg) brightness(93%) contrast(90%); width: 2rem; height: 2rem; cursor: pointer; }

.login-slide .login-form { width: 90%; margin: 0 0 1.125rem; }

.login-slide .login-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2.5rem; margin: 0 0 1rem; border-radius: .5rem; border: 1px solid #6e6259; background: url("img/icons/chevron-orange.svg") 96%/5% no-repeat white; width: 90%; }


login-slide .login-form input { width: 90%; border: none; border-bottom: 1px solid #6e6259; background: none; height: 2.5rem; margin: 0 0 1rem; }

/*radio button input*/

.form-group {
  margin: 10px 25px;
}
.custom-control {
    position: relative;
    display:inline;
    min-height: 1.5rem;
    margin-bottom: 1.5rem;
}
input[type="radio"] {
    vertical-align: text-bottom;
}

.custom-radio label {
  font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600;
  line-height: 1.125em;
  color: #8D8279;
  margin-right: 3rem;
  vertical-align: bottom;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
      background-image: none;

}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #f5f4f2;
  border-color: #8D8279;
  background-color:#8D8279;
  box-shadow: none;
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #f5f4f2;
    border: #adb5bd solid 1px;
        border-top-color: rgb(173, 181, 189);
        border-right-color: rgb(173, 181, 189);
        border-bottom-color: rgb(173, 181, 189);
        border-left-color: rgb(173, 181, 189);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}
.custom-control-input {

    position: absolute;
    z-index: -1;
    opacity: 0;
}
button, input, select, textarea {
    margin: 0;
}

.login-form input[type=text], .login-form input[type=password] {
  border: 0;
  background-color: transparent;
  border-bottom: 1px solid #A39C8F;
  width: 100%;
}

.login-slide .login-form input.radio { display: inline; margin: 0 0 1rem;}



.login-slide .login-form .login-button { border: 1px solid #244F8E; background: #244F8E; margin: .5rem 0 0; text-transform: none;}

/*removed chevron*/
/*.login-slide .login-form .login-button:after { content: " "; background-image: url("img/icons/chevron-orange.svg"); -webkit-transform: rotate(-90deg) translate(-15%); transform: rotate(-90deg) translate(-15%); width: 1em; height: 1em; display: inline-block; margin: 0 0 0 .5rem; }*/

.login-slide .login-links a { display: block; margin: 0 0 .825rem; text-decoration: underline}

.login-slide .login-links a:last-child { margin: 0; }

/*removed chevron*/
/*.login-slide .login-links a:after { content: " "; background-image: url("img/icons/chevron-orange.svg"); -webkit-transform: rotate(-90deg) translate(-15%); transform: rotate(-90deg) translate(-15%); width: 1em; height: 1em; display: inline-block; margin: 0 0 0 .5rem; }*/

.search { display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/*hero--big .search.force-open {
  display: block;
  background: none;
}*/

/*changed from old header with drop down search*/
.search .container { max-width: 760px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.hero--big .search .container {
  top: 425px!important;
  left: 50%; 
  -webkit-transform: translate(-50%,0); transform: translate(-50%, 0); 
}
.search .search-form input { width: 90%; height: 3rem; border: none; border-bottom: 4px solid #de7c00; background: none; }

.search .search-form:before { display: inline-block; content: ' '; background: url("img/icons/search.svg"); width: 3rem; height: 3rem; -webkit-transform: translateY(40%) scaleX(-1); transform: translateY(40%) scaleX(-1); -webkit-filter: invert(50%); filter: invert(50%); }



.content { position: relative; clear: both; }

.content--page { padding-top: 350px; padding-bottom: 25px;
background-color: #f6f6f6 !important; }

.content--tiny {
	padding-top: 20vh;
}

.content--page.contacts a {
    text-decoration: underline;
    color: #1c57a5;
}

.content--page .container { max-width: 1400px; overflow: visible; padding-left: 15px; padding-right: 15px; padding-top: 0px !important;}

.content--page .imagery { width: 120%; margin-left: -10%; }

.content--page :target:before { content: ""; display: block; height: 350px; margin: -350px 0 0; }

.contacts { position: relative;
  background: url('img/MCB_Globe_blue-v2.png');
  background-position: center bottom;
  background-repeat: no-repeat;

}

/*.blue-overlay { background-color: rgba(28, 87, 165, 0.8); width: 100%; z-index: 10;
background-blend-mode: multiply;
background-size: cover;
background-position: center bottom;
}*/

/*.blue-overlay-test { background-image: url('img/blue-overlay.png'); width: 100%; z-index: 10;};*/

.page-footer {
  position: relative;
}


.contacts .contacts__title { margin: 0 auto 25px; max-width: 400px; }

.contacts .contacts__contact { border-top: 1px solid #bfb8af; 
  border-bottom: 1px solid #bfb8af; 
  padding: .25rem 0 1rem; margin: 0 auto; max-width: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.contacts .contacts__contact > div { width: 33%; }

.contacts .contacts__contact .contact__info span { display: block; margin: 0 0 .5rem; }

.contacts .contacts__contact .contact__photo { padding: 2px; }


.page-footer { 
  background-image: url("img/MCB_Globe_K-007_v12_3600-072-desktop.png");
  background-position: center bottom;
  position: relative;
  background-repeat: no-repeat;
  padding-bottom: 25px;
}

.page-footer .page-footer__nav .page-footer__nav-title { margin: 0 0 2rem; padding-top: 10px; }

.page-footer .page-footer__nav .page-footer__menu { padding: 0 0 1rem; }

.footer-spacing-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-between;
    margin: 0 auto;
    /*padding: 10px 10px;*/
    max-width: 480px;
}
.footer-spacing-desktop a{
color: #6e6259;
font-size: .85em;
letter-spacing: .02em;
}
.page-footer__menu_copyright { 
            margin-bottom: 33px;
        }
/*footer-for-mobile  not the mobile-nav-menu overlay, the background footer*/
.nav-mobile__footer{
    display: none;
}

/*industry expertise vertical h3 spacing fix*/
.ind-verticals h3 {
	margin-top: 9px;
}

@media (max-width: 1024px) { 
        .page-footer__menu { 
            display: none;
        }
        .footer-spacing-desktop{ 
            display: none;
        }
        .page-footer__menu_copyright { 
            display: none;
        }
        .nav-mobile__footer{
            display:contents;
        }
        .page-footer .page-footer__nav .page-footer__nav-title {  
        font-weight: 300;
        font-size: 1.5rem;
        }
        .page-footer .page-footer__small { 
        text-align: center;
        }
    }

.footer-spacing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    margin: 0 auto;
    padding: 10px 10px;
    max-width: 480px;
}
.footer-spacing a{
color: #6e6259;
font-size: .85em;
letter-spacing: .02em;
}
.social-icon-mobile-footer{
    -webkit-filter: invert(50%);
    filter: invert(50%);
}
.nav-footer-black{
    color: #1d140d;
}



@media (min-width: 768px) { .page-footer .page-footer__nav .page-footer__menu { float: left; margin: 0 1rem 0 0; } }

.page-footer .page-footer__social { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0 0 1rem; }

@media (min-width: 768px) { .page-footer .page-footer__social { display: block; } }

.page-footer .page-footer__social .social-icon img { display: inline-block; width: 1rem; height: 1rem; -webkit-transform: translateY(10%); transform: translateY(10%); }

@media (min-width: 768px) { .page-footer .page-footer__social .social-icon img { margin: 0 1rem 0 0; } }

@media (min-width: 768px) { .page-footer .page-footer__social .social-icon .social-has-handle { margin: 0; } }

.page-footer .page-footer__small { margin: 0; }

@media (min-width: 768px) { .page-footer .page-footer__small {  
    margin: 0 auto 0 auto;
    max-width: 433px;
    } 
}

.button { padding: .5rem 1rem; border-radius: .5rem; }

.container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 15px; overflow: auto; }

#page-footer {
  min-height: 300px !important;
  background-color: transparent;
  /*background-image: url("img/MCB_Globe_grey-v2.png");
  background-position: center top;
  position: relative;
  background-repeat: no-repeat;*/
}

.hero__image-overlay { position: absolute; width: 100%; height: 100%; z-index: 20; }

.icon-chevron, .icon-chevron-down, .icon-chevron-right { background-image: url("img/icons/chevron.svg"); }

.icon-chevron-right { -webkit-transform: rotate(-90%); transform: rotate(-90%); }

.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 5, 27, 0.5); z-index: 100000; -webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; }

.modal .container { margin: auto auto; background-image: url("img/MCB19045_1440_StoryBoard_BB_Buffer_v02.png"); background-size: cover; background-position: center; }

@media (min-width: 768px) { .modal .container { width: 25vw; max-width: 300px; max-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.modal .modal__content { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; }

.modal .modal__buttons .button { float: right; margin: 0 0 0 1rem; }

.modal .modal__buttons .button--cancel { border: 1px solid #1c57a5; background: transparent; }

.modal .modal__buttons .button--confirm { border: 1px solid #1c57a5; background: #1c57a5; }

.nav-mobile__toggle { width: 2em; height: 2em; float: right; background-size: contain; -webkit-filter: invert(100%); filter: invert(100%); }


.content--page .indent {
  max-width: 760px;
  padding-left: 25px;
  padding-right: 25px;
  margin-left: auto;
  margin-right: auto;
}

.content--page.personal ul { 
   list-style-type: disc; 
   margin-left: 15px;
   margin-bottom: 15px; 

}

.content--page.personal ul li {
   margin-left: 15px; 

}

.vertical-spacer {
  margin-top: 2rem;
}

/*for cards can delete if not using anymore*/
.h-100 {

    height: 100% !important;

}
.border-primary {

    border-color: 

    #1c57a5 !important;

}
.card {

    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*background-color: #f5f4f2;*/
    background-clip: border-box;
    border: 1px solid
    rgba(0, 0, 0, 0.125);
        border-top-color: rgba(0, 0, 0, 0.125);
        border-right-color: rgba(0, 0, 0, 0.125);
        border-bottom-color: rgba(0, 0, 0, 0.125);
        border-left-color: rgba(0, 0, 0, 0.125);
    border-radius: .25rem;

}
.align-items-start {

    align-items: flex-start !important;

}
.flex-column {

    flex-direction: column !important;

}
.d-flex {

    display: flex !important;

}
.card-body {

    flex: 1 1 auto;
    padding: 1.25rem;

}
/* hero image overlay default*/

/*.hero__image-overlay {
  background-color: rgba(0, 0, 0, 0.3) !important;
}*/

/* hero image overlay color need to fill in*/
.hero__image-overlay.light {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.hero__image-overlay.medium {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.hero__image-overlay.dark {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

/*About Page Formatting*/
.content.content--page.about-bios {
  background-color: #1c57a5;
  color: #fff;
  background: url('img/MCB_Globe_blue-v2.png');
  background-position: center bottom;
  background-repeat: repeat-y;
  padding-top: 40px;
}

.content.content--page.no-padding {
  padding-top: 40px;
}

.row.about_bios  {
  padding: 15px 0;
  border-top: 1px solid #6e6259;
}

.indent-contacts {
  margin-left: 15px;
  margin-right: 15px;
}

.row.about_bios [class*='col-'] {
    padding: 3px 0 0;
}

.row.about_bios:last-child {
  border-bottom: 1px solid #6e6259;
}

h6.bio-section-title {
  
  border-top: 1px solid #6e6259;
  margin-left: -15px;
  margin-right: -15px;
  padding: 3px 0;
  font-size: 1.3125rem;
  line-height: 1.5rem;
}

h6.bio-section-location {
  border-top: 1px solid #6e6259;
  margin-left: -15px;
  margin-right: -15px;
  padding: 3px 0;
  color: #fff;
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-style: normal;
  font-weight: 600;
   font-size: 1.3125rem;
  line-height: 1.5rem;
}
p.bio-section-desc {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-style: normal;
  font-weight: 600;
  margin-left: -15px;
  margin-right: -15px;
  padding: 3px 0;
}



.location-phone {
  margin: 5px 0;
}

.bio_photo img {
  max-width: 128px;
}

.login-links {
  margin-top: 15px;
}

#business-form {
  display:block;
}
#personal-form {
  display: none;
}


.search-results a {
  color: #003a70;
  text-decoration: underline;
}

.search-results h2 {
  /*text-align: center;*/
}
.search-results {
  margin-top: 50px;
  text-align: left;
  min-height: 300px;
  /*height: 300px; 
  overflow-x: hidden; 
  overflow-x: auto; */
}

.row.boxes {
  margin-left: -30px;
}

.box:first-child, .box.border-left {
  border-left: 1px dashed #a9a19b;
  }


.box {
    display: relative;
    margin-top: 25px;
    border-right: 1px dashed #a9a19b;
}

.box-bottom, .box-bottom-sub {
  margin-top: 30px;
}

/*added this for anchoring learn more*/
.box, .box-bottom, .box-bottom-sub {
 /*padding-bottom: 37px;*/
}

.box-bottom-sub.no-margin {
  margin-top: 0 !important;
}

.box-bottom {
  border-right: 1px dashed #a9a19b;
  border-left: 1px dashed #a9a19b;
}

.box.no-border {
  border-right: 0;
}

.box-icon {
    margin: 0 auto;
    width: 100px;
}
@media (max-width: 10245px) {
    .box-icon {
        width: 80px;
        margin-bottom: 4px;
    }
}

.box-body {
  text-align: center;
}


/*bottom image boxes*/
.bottom-image-box .image-title {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ccc;
  background-position: center center;
  height: 200px;
  position: relative;
  line-height:100px;

}


.bottom-image-box .image-title h2 {
  padding-top: 120px;
  color: #fff !important;
}

.bottom-image-box .learn-more {
    margin-top: 10px;
  text-align: center;
}

/*business industry template*/

 .industry-top-image {
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #ccc;
  background-position: center center;
  height: 100%;
  margin-top: 25px;
 }

  .industry-top-image .display-1 {
    color: #fff;
    margin: 100px auto;
  }
  @media (max-width: 1024px) {
    .industry-top-image {
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #ccc;
		background-position: center center;
      height: 218px;
    }
	.industry-top-image .display-1 {
    	margin: 0;
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
  }
}

/*.box .learn-more {
  clear: both;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}*/

.learn-more, .gform_wrapper .gform_footer input.button {
font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 21px;
}

a .learn-more {
  text-transform: uppercase;
  color: #6e6259;
}

a .learn-more:after {
    content: " ";
    background-image: url(img/icons/chevron-orange.svg);
    -webkit-transform: rotate(-90deg) translate(-15%);
    transform: rotate(-90deg) translate(-15%);
    width: 1em;
    height: 1em;
    display: inline-block;
    margin: 0 0 0 .5rem;
}


.margin-25 {
  margin-top: 25px;
}

.margin-30 {
  margin-top: 30px;
}

.get-in-touch {
  margin-top: 50;
}

#breadcrumbs a, #breadcrumbs {
  color: #fff;

}

/*contact info*/
.contact_info {
  margin-bottom: 25px;
}
.contact_info, .contact_info a {
  color: #6e6259;
}

.contact_info .contact_photo {
  margin: 20px auto 10px auto;
  max-width: 150px;
}
/*new footer styles*/
.footer-social-menu img {
    width: 1rem;
    height: 1rem;
}
.page-footer .page-footer__nav .page-footer__nav-title {
    color: #bfb8af;
}
.page-footer__menu h5, .page-footer .page-footer__nav .page-footer__menu a, .page-footer .page-footer__nav  {
    color: #8e847a;
    margin-bottom:5px;
    text-transform: none !important;
}

.page-footer__menu li {
    margin-bottom: 5px;
	font-weight:300;
}
.social-icon {
    font-size: 10px;
}
.social-icon img {
    width: 25px;
    height: 25px;
}
/*twitter icon*/
.social-icon-wide img {
    width: 112px;
    height: 25px;
}
.social-icon-fdic img {
    width: 39px;
    height: 24px;
    max-width: unset;
}

.social-icon-equal-housing img {
    width: 30px;
    height: 30px;
	max-width: unset;
}
.nyse img {
    width: 68px;
    height: 84px;
}
.nyse {
    float: right;
}

/*expertise boxes*/

.expertise-image-box .image-title {
  margin-top: 25px;
  height: 150px;
  background-color: #867E71;
  color: #fff;
  border-radius: 5px;
  padding-top: 65px;
}

.breadcrumb_last {
  font-family: myriad-pro-semi-condensed, sans-serif;
font-style: normal;
font-weight: 600;
}

.info-name {
font-style: normal;
font-size: 1.3125rem;
line-height: 1.5em;
  font-weight: 600;
}

strong {
  font-weight: 600;
}

.background-img {
    background-size: 450px 450px;
    background-repeat:no-repeat;
    background-blend-mode: multiply;
    background-color: #f6f6f6;
    background-position: center 400px;

}
 @media (max-width: 1024px) {
    .background-img {
        background-size: 250px 250px;
    }
}
/*form fixes*/

.form-column {
  margin-top: 50px;
  background-color: #fff;
}
.gform_wrapper label.gfield_label {
  display: none !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), textarea {
  background-color: #f6f6f6;
}

input, textarea {
  border-color: transparent;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {

  text-align: center !important;
  margin: 0 auto !important;
}

.gform_wrapper .gform_footer input.button {
  background-color: #184C8D;
  color: #fff;
}

div.gform_footer.top_label {
text-align: center;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important;
}

.row.centered {
  margin: 0 auto !important;
}

.container.bios {
  width: 100%;
  padding-top: 75px !important;
  background-color: #f6f6f6;
}

/*remove search focus outline*/

textarea, select, input, button { outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
 }

.gform_wrapper .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
    clear: both;
    width: 100%;
}
.gform_wrapper .gform_body {
    margin-bottom: 15px;
}

/*modal modifications*/

.modal__content h1 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 0;
}

.modal p {
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
}

@media (min-width: 320px) {
    .modal .container {
        width: 300px;
        max-width: 300px;
        max-height: 300px;
    }
}

header.shrink {
  height:180px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
header.hero--small div.shrink-hero-text{
display: none;
}

.security-heading {
	font-family: Arial;
	font-weight: bold;
}

.security-ul {
	list-style: disc;
	padding-left: 20px;
    
}

.security-ul.li{
	font-size: 16px;
	font-weight: bold;
    
}