﻿fieldset, hr {
    border: 0;
    padding: 0
}

header, img {
    width: 100%
}

header {
    /*margin-bottom: 40px;*/
}

legend {
    font-size: 1rem;
}

.mon-logo-image-content {
    display: none;
}

.mon-logo-container {
    display: none;
}

select {
    padding: 12px;
    width: 100%;
}

fieldset, hr {
    border: 0;
    padding: 0
}

header, img {
    width: 100%
}

.mon-logo-image-content {
    display: none;
}

.mon-logo-container {
    display: none;
}

select {
    padding: 12px;
    width: 100%;
}

header img {
    /*image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;*/
    image-rendering: auto;
}

.skip-to-pageassist {
    display: none !important;
}

.screenreader-text {
    position: absolute;
    left: -999px;
    width: 1px;
    height: 1px;
    top: auto;
}

    .screenreader-text:focus {
        color: #fff;
        display: inline-block;
        height: auto;
        width: auto;
        position: static;
        margin: auto;
    }

#locationContent .blue-bg a {
    color: #fff;
}
/*#seInput {
    display: none;css 

}*/

/*
    SEARCH RESULTS
*/
.ss360-suggest__image-container {
    display: none;
}

#ss360-layer .ss360-ac-c {
    color: #29588c !important;
}

.ss360-nav {
    display: none !important;
}

.ss360-n-button {
    border-color: #29588c;
}

    .ss360-n-button:hover {
        color: #fff !important;
    }
/**/
button:focus {
    outline: none !important;
}

#email .signup, .datatable th, .uppercase {
    text-transform: uppercase
}

#ImgMobilehead, #mfooterInfo img, img.content-img, img[alt="HR Search Openings"], img[alt="Email page"], img[alt="Print page"] {
    width: inherit
}

#footerInfo ul {
    list-style: none;
}

#msocial, .top-links, img {
    vertical-align: middle
}

.disclaimer, .italic, li.mobile-subnav, p.emailsecure {
    font-style: italic
}

.footer-disclaimer{font-size:.8rem;}

.breadcrumb {
    background-color: transparent;
    font-size: 12px;
    display: inline;
}

/*.title-section {
    background-size: cover;
    background-position: center;
    padding: 130px 0;
}

.title-bar {
    padding: 10px 0;
    background: rgba(255,255,255,2);
    background: -webkit-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));
    background: -o-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));
    background: -moz-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));
}

.title-text h1 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}*/

.title-section {
    background-size: cover;
    background-position: center;
    /*padding: 200px 0;*/
    position: relative;
    height: 400px;
    overflow: hidden;
}

.title-bar {
    padding: 10px 0;
    background: rgba(255,255,255,2);
    background: -webkit-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));
    /*background: -o-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));
    background: -moz-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));*/
    position: absolute;
    z-index: 2;
    top: 85%;
    border-radius: 0px 200px 0px 0px;
    /*transform: translate(0, -50%);*/
    width: 75%;
}

.title-text h1 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

.cta {
    color: #fff;
}

#email .signup, .datatable th, .uppercase {
    text-transform: uppercase
}

#ImgMobilehead, #mfooterInfo img, img.content-img, img[alt="HR Search Openings"], img[alt="Email page"], img[alt="Print page"] {
    width: inherit
}

#footerInfo ul {
    list-style: none;
}

#msocial, .top-links, img {
    vertical-align: middle
}

/***************************************************************************/
/*NEW - RESKIN 2021*/
/***************************************************************************/
.h2-sm {
    font-size: 1.2rem;
}

.medBlue {
    color: #3b98e0;
}

.medBlueTile {
    /*background-color: #414465;*/
    background-color: rgba(65, 68, 101, .9);
    overflow: hidden;
    z-index: 2;
}

.darkBlueTile {
    background-color: rgba(21, 21, 91, .9);
    overflow: hidden;
    z-index: 2;
}

.lightBlueTile {
    background-color: rgba(187, 187, 211, .9);
    overflow: hidden;
    z-index: 2;
}

.lightGrayTile {
    background-color: rgba(165, 164, 178, .9);
    overflow: hidden;
    z-index: 2;
}


body.monsido-toolbar-body-container > .mon-logo-container {
    display: none !important;
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.bg-darkgry {
    background-color: #444;
}

.ml-20 {
    margin-left: 20px;
}

.bottom-pad-20 {
    padding-bottom: 20px;
}

.align-right {
    text-align: right;
}

#navigation {
    background: #444;
}

#navbarContent2 img {
    max-width: 30px;
    width: 100%;
    height: auto;
}

#navbarContent2 .align-items {
    display: flex;
    align-items: center;
}

.top-pad-20 {
    padding-top: 20px;
}

.top-pad-40 {
    padding-top: 40px;
}

.btn-open {
    background-color: #589ecb !important;
    color: #000;
    padding: 7px 12px;
    font-weight: 700;
}

.alertWrap {
    position: relative;
    display: block;
    /*min-width: 980px;*/
    width: 100%;
    background: #fec61c;
}

    .alertWrap p {
        color: #444;
    }

.alertInner {
    position: relative;
    display: block;
    width: 100%;
    min-height: 82px;
    margin: 0 auto;
    padding: 20px 50px;
}

.alertInfo {
    max-width: 100%;
    padding: 0;
    font-size: 13px;
    line-height: 22px;
}

.alertClose {
    position: absolute;
    display: block;
    width: 34px;
    top: 0;
    right: 0;
    padding: 7px 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #000;
    box-sizing: border-box;
}

    .alertClose span {
        display: inline-block;
        -webkit-transform: scale(1.4,1);
        -ms-transform: scale(1.4,1);
        transform: scale(1.4,1);
    }

        .alertClose span:hover {
            color: #fff;
        }

#navbarContent2 .dropdown-menu {
    background-color: #444;
    border-top: 2px solid #fff;
    border-radius: 0px;
}

#navbarContent2 .dropdown-item {
    padding: .20rem 2.5rem;
    font-size: .9rem;
    color: #fff;
}

#navbarContent2 .dropdown-menu::before {
    color: #fff;
    position: absolute;
    content: "\f0d8";
    top: -18px;
    bottom: 0;
    left: 30px;
    font-size: 1.2rem;
    font-family: ""Font Awesome 5 Free"";
}

#subcontainer a:visited, .subcontainer a:visited {
    color: #29588c;
    text-decoration: underline;
}

#subcontainer a.btn-primary:visited {
    color: #fff;
    text-decoration: underline;
}

#viewmore-btn a:visited {
    color: #fff;
    text-decoration: underline;
}

#navigation a:visited, #footercontainer a:visited, .button-bar a:visited {
    color: #fff;
    text-decoration: underline;
}

#navigation a.btn-primary:visited {
    color: #fff;
    text-decoration: underline;
}


#footercontainer a:hover, #footercontainer a:focus, #footercontainer a:active {
    text-decoration: underline;
}

a:focus, a:hover, a:active {
    text-decoration: underline;
}

a:focus {
    outline: dotted;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    text-decoration: underline;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
    text-decoration: underline;
}

.nav-link:focus, .nav-link:hover {
    text-decoration: underline;
}

/*header a:visited{color:#f1f1f1;}*/
/*.dropdown-menu.show {
    display: inline-flex;
}
  .dropdown-menu {background-color: #444;border-top:2px solid #fff;border-radius: 0px;}
  .dropdown-menu::before{color: #fff;
    position: absolute;
    content: "\f0d8";
    top: -18px;
    bottom: 0;
    left: 30px;
    font-size: 1.2rem;
    font-family: ""Font Awesome 5 Free"";
}*/
.dropdown-header {
    font-size: 1rem; /*text-transform: uppercase;*/
    font-weight: 700;
    color: #fff;
}

#navbarContent2 .dropdown-menu {
    min-width: 45rem;
    padding: 25px;
    margin-top: 10px;
}

#navbarContent2 a.dropdown-item:hover {
    text-decoration: underline;
    background-color: transparent;
}

.notransform {
    text-transform: none;
}

.dropdown-header a {
    color: #fff;
    font-weight: bold;
}

    .dropdown-header a:hover {
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
    }

a.main-link {
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
}

#icons-search {
    /*padding: 20px;*/
    position: relative;
    /*display: flex;
    align-items: center;*/
}

    #icons-search a {
        vertical-align: middle;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1.5);
    border-color: rgba(255,255,255,1.5);
}

/*forIE10 and 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    /*#icons-search{text-align:right;}*/
    .row {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}


.icons-search li {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
}

    .icons-search li a {
        color: #fff;
    }

.icons-search .fab {
    margin-right: 10px;
    font-size: 1.8rem;
}

.icons-search .social-icons {
    margin-top: 4px;
}

#searchInput, .searchInput {
    padding: 12px;
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 1rem;
    color: #fff;
    text-align: left !important;
    /*border-radius: .225rem;*/
    /*border: 1px solid #a7a6a6;
   
    vertical-align: middle;*/
    /*display: flex;
    align-items: center;*/
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

#login-container {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translate(0, -50%);
    background: #3a96db;
    padding: .2rem;
    z-index: 2;
    color: #fff;
    border-radius: 5px;
    width: 384px;
}

#login-mobile-container {
    background: #3a96db;
    padding: .2rem;
    z-index: 2;
    color: #fff;
    border-radius: 5px;
    margin: auto;
}

#banner-login {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 34.41vw;
}

#login-container .h2 {
    color: #444;
    font-size: 1.5rem;
    margin: 1.2rem .9rem;
    position: relative;
}

#loginContent {
    border: 1px solid #444;
    background: #444;
    padding: 2rem;
}

#login-container .accountTypeSort, #login-mobile-container .accountTypeSort {
    border: none;
    color: #444;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 0 0 0 13px;
    line-height: 40px;
    margin: 0;
    background: transparent;
}

    #login-container .accountTypeSort:focus, #login-mobile-container .accountTypeSort:focus {
        outline: none;
    }

#btnLabel::after {
    content: "\f13a";
    color: #3a96db;
    font-weight: bold;
    font-size: 1.4em;
    /*top:-2px;right:0px;*/ position: absolute;
    font-family: Font Awesome 5 Free";
    left: 260px
}


/*Login Modal*/
#btnLabelM::after {
    content: "\f13a";
    color: #3a96db;
    font-weight: bold;
    font-size: 1.4em;
    /*top:-2px;right:0px;*/ position: absolute;
    font-family: "Font Awesome 5 Free";
    left: 280px
}

@media only screen and (max-width: 475px) {
    #btnLabelM::after {
        left: 150px
    }
}


/*#login-container .accountTypeSort i, #login-mobile-container .accountTypeSort i {
        display: inline-block;
        margin-left: 145px;
        padding: 0 15px;
        line-height: 40px;
        vertical-align: bottom;
        font-size: 21px;
        color: #3a96db;
    }*/

#login-container .dropdown, #login-mobile-container .dropdown {
    border: none;
    margin: 0;
}

#login-container .dropdown-menu, #login-mobile-container .dropdown-menu {
    font-size: 15px;
    font-weight: 500;
    /*line-height:18px;*/
    color: #444;
    max-height: 200px;
    /*overflow: scroll;*/
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    overflow: visible;
    background-color: #fff;
    line-height: 1.5rem;
    /*width: 100%;*/
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

    #login-container .dropdown-menu > li > a {
        padding: .58em 1.5em;
    }

        #login-container .dropdown-menu > li > a:hover, #login-container .dropdown-menu > li > a:focus {
            /*background:#fff;*/
            color: #444;
        }


/*.openAccount:after {content:"|";}*/

#otherTab .btn {
    width: 100%;
    text-align: left;
    border: 1px solid #4444;
    border-radius: 0px;
    height: 50px;
}
/*#login-container dropdown-menu a {color:#444;}
                         #login-container dropdown-menu a:hover {color:#24588d;}*/

/*#loginTab li .nav-link.active{background-color: #444;color:#fff;border-color:#444;border:1px solid #444;}*/
/*.nav-tabs .nav-item {
    margin-bottom: -2px !important;
}
.nav-tabs .nav-link {border-bottom: 1px solid #444;}
.nav-tabs .nav-link:hover {border-bottom: 1px solid #444;}

.logintab {    margin-left: 4px;
    background: #A7A6A6;
    border-radius: 5px 5px 0 0;
    font-size:.8rem;
    text-align: left;
}
a.logintab {color:#444;}*/

/*#login-container input[type="text"]{font-size:.7rem;padding:.5rem;width:100%;}*/
#login-container .btn-secondary {
    width: 100%;
    background-color: #A7A6A6;
    color: #444;
    font-weight: 700
}

#login-container .btn-primary {
    width: 100%;
    background-color: #29588c;
    color: #fff;
    font-weight: 700;
    border-color: #29588c;
}

    #login-container .btn-primary:hover {
        background-color: #24588d;
    }

#login-container .divider {
    position: absolute;
    bottom: 7px;
    color: #444;
    left: 185px;
    font-size: 1.4rem;
}
/*#login-mobile-container .divider {position: absolute;bottom: 7px;color: gray;left: 185px;font-size:1.4rem;}*/
#login-mobile-container .btn-secondary {
    width: 100%;
    background-color: #A7A6A6;
    color: #444;
    font-weight: 700
}

#login-mobile-container .btn-primary {
    width: 100%;
    background-color: #29588c;
    color: #fff;
    font-weight: 700;
    border-color: #29588c;
}

    #login-mobile-container .btn-primary:hover {
        background-color: #24588d;
    }

#login-links ul, #login-links-default ul {
    margin: 15px 18px 0;
    padding: 0;
    list-style: none;
}

#login-links li a, #login-links-default li a {
    color: #29588c;
    text-decoration: none;
    font-size: .8rem;
}

    #login-links li a:hover, #login-links-default li a:hover {
        color: #3a96db;
    }

#acctButtons a, #acctButtons-default a {
    color: #29588c;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

    #acctButtons a:hover, #acctButtons-default a:hover {
        color: #3a96db;
    }

#acctButtons .divider, #acctButtons-default .divider {
    color: #A7A6A6;
}

.p-10 {
    padding: 10px;
}

.loginbtn, .mobilenav {
    display: none;
}

.owl-carousel .owl-stagin {
    display: flex;
    align-items: center;
}

#mobilesearch {
    display: none;
}

#mobile-icons {
    display: none;
}

#msearchInput {
    display: none;
}
#addtl_info_0, #addtl_info_1, #addtl_info_2, #addtl_info_3, #addtl_info_4, #addtl_info_5, #addtl_info_6 {
    max-width: 15px;
}

@media only screen and (max-width: 991px) {
    .career-nav a {
        display: block;
    }

    .career-nav img {
        margin-bottom: 5px;
    }

    #login-desktop {
        display: none;
    }

    #mobilesearch {
        display: block;
        margin: 16px;
    }

    #mobile-icons {
        display: block;
        padding: 15px;
    }

        #mobile-icons .fab {
            font-weight: 500;
            color: #fff;
            font-size: 1.7rem;
            vertical-align: middle;
            margin: 0 5px;
        }

    .m-navbar {
        bottom: 30px;
        position: relative; /*border-top:1px solid #fff;*/
    }

    .podcast-icon, .kcenter-icon {
        display: none;
    }

    #searchInput {
        display: none;
    }
    /*HIDDEN UNTIL SEARCH IS REPLACED*/
    #msearchInput {
        display: block;
    }

    #msearchInput {
        padding: 8px;
        background-color: transparent;
        border: 1px solid #fff;
        font-size: 1rem;
        color: #fff;
        /*border-radius: .225rem;*/
        /*border: 1px solid #a7a6a6;

		vertical-align: middle;*/
        /*display: flex;
		align-items: center;*/
    }

    #login-container {
        display: none;
    }

    .loginbtn {
        display: inline-block;
        margin-left: 25px;
    }

        .loginbtn a {
            color: #444 !important;
        }

    .mobilenav {
        display: block;
    }

    .mloginnav {
        margin-top: 20px;
    }

    .mpersonal, .mbusiness, .mwealth {
        display: block !important;
    }
    /*#servicesWrapper .owl-item img {
                 width: 100%;
             }*/
    .navbar {
        padding: 10px !important;
    }

    #navbarContent1 {
        padding: 20px;
    }

    #navbarContent2 .dropdown-menu {
        padding: 0;
        min-width: 20rem;
    }
}



/*modal popup on mobile*/
#loginModal .modal-header {
    line-height: 50px;
    padding: 0 15px;
}

    #loginModal .modal-header .close {
        margin-top: 0;
        color: #444;
    }

#loginModal h4 {
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 50px;
    color: #444;
}

#mloginTab li .nav-link.active {
    background-color: #444;
    color: #fff;
    border-color: #444;
    border: 1px solid #444;
}

#mloginTab.nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
}

#mloginContent input[type="text"] {
    font-size: .7rem;
    padding: .5rem;
    width: 100%;
}
/*#mloginContent .btn-secondary {width:100%;background-color:#A7A6A6;color:#000;font-weight:700}
#mloginContent .btn-primary {width:100%;background-color:#589ecb;color:#000;font-weight:700;border-color:#589ecb;}*/

.btn-mobile-login {
    width: 100%;
    background-color: #fff;
    color: #444;
    font-weight: 700;
    border-color: #fff;
}


/*KNOWLEDGE CENTER ON HOME PAGE*/
.knowledge h3 {
    font-size: 1.2rem;
}

.ca_team_member h2 {
    font-size: 1.2rem;
	
}
/***************************************************************************/
/***************************************************************************/
#mainContent .button, a.mapit {
    transition: background-color .3s ease-out 0s;
    cursor: pointer
}

/*#career-nav ul li a, #concierge a#ctab:active, #concierge a#ctab:link, #concierge a#ctab:visited, #footercontainer li a, #knav a, #mainnav a li, #msocial a, #resource a, #snav li a, .cta.blue-bg a:hover, .cta.green-bg a:hover, .top-links p, a.mapit, a:focus, a:hover {
    text-decoration: none
}*/


#footercontainer ul, #nav-bar-icons ul, #publist, #slide, #snav ul, .login .dddropdown, .publeftNav ul {
    list-style: none
}

* {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

button, html, input, select, textarea {
    color: #222
}

body {
    line-height: 1.4;
    font-size: 16px
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

#searchInput::placeholder, #msearchInput::placeholder { /*chrome,firefox,opera,safari 10.1+*/
    color: #fff;
    opacity: 1; /*Firefox*/
}

#searchInput:-ms-input-placeholder, #msearchInput:-ms-input-placeholder { /*IE 10-11*/
    color: #fff;
}

#searchInput::-ms-input-placeholder, #msearchInput::-ms-input-placeholder { /*Microsoft Edge*/
    color: #fff;
}

::placeholder { /*chrome,firefox,opera,safari 10.1+*/
    color: #444;
    opacity: 1; /*Firefox*/
}

:-ms-input-placeholder { /*IE 10-11*/
    color: #444;
}

::-ms-input-placeholder { /*Microsoft Edge*/
    color: #444;
}

hr {
    display: block;
    height: 1px;
    border-top: 1px solid #444;
    margin: 1em 0
}

fieldset {
    margin: 0
}

textarea {
    resize: vertical
}

#subRight a:visited, #subContent a:visited, #accounts a:visited {
    text-decoration: underline;
}



a {
    color: #29588c;
    font-weight: 500;
    /*text-decoration: underline;*/
}

a {
    text-decoration: underline;
}

    a.btn, a.blue {
        text-decoration: none;
    }

header a, #footercontainer li a, .breadcrumb a, .knowledge a, .s-wrap a, .cta a, #subLeft a, #left a, #pubAll a, #allLocations a, .ca_team_member a, #expertise a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
/*a:hover {
        text-decoration: underline;
        opacity: .9;
    }

    a:active, a:focus {
        outline: 0
    }*/

a.nav-link {
    color: #fff;
}

/*a:visited {
        color: #29588c;
    }*/

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
/*.green{
    color:#8bc22c
}*/
/*change green css to blue to change all missed*/
.green {
    color: #29588c
}

/*changed to #444 to catch all pages and any missed*/
.brown {
    /*color: #9e8e79*/
    color: #444;
}

.blue {
    color: #29588c;
}

.red {
    color: #b30000;
}

#login-links a, #login-links-default a {
    color: #29588c
}

.drk-gray {
    color: #444444;
}

.dark-gray-bg{background-color: #444;}

/*change any p tags that have blue class to be this color (only links should be blue)*/
p.blue {
    color: #444444;
}

.light-gray {
    color: #ededed;
}


.light-gray-bg {
    background-color: #ededed;
}

.medium-gray {
    color: #a7a6a6;
}

.blue-bg {
    background-color: #29588c;
}

.white {
    color: #fff
}

.light-brown-bg {
    background-color: #eeebe7
}
/*.green-bg{
    background-color:#9cd721
}*/
/*change green css to blue to change all missed*/
.green-bg {
    background-color: #29588c;
}


/*.blue-bg {
    
    background-color: #3f9fcf;
}*/
.cta a {
    color: #fff !important;
}

.btn-primary {
    width: 100%;
    background-color: #24588d;
    color: #fff;
    font-weight: 700;
    border-color: #24588d;
}

    .btn-primary:hover {
        background-color: #24588d;
        color: #fff;
    }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #444;
}

header {
    z-index: 10
}

h1 {
    font-size: 2.2rem;
}

h2 {
    font-size: 1.4em
}


h3 {
    font-size: 1.2em
}

.h3, h3 {
    font-size: 1.25em;
}

#pubContentView .h3 {
    color: #444 !important;
}

h4 {
    font-size: 1.1em
}

p {
    font-size: 1em;
}

/*a {
    color: #1789c0
}*/

.errorMsg {
    color: #b30000;
    font-weight: bold;
    font-style: italic;
}

#subRight li {
    margin-left: 20px
}

#subRight h2 {
    font-size: 1.4em;
}

#subRight h3 {
    font-size: 1.2em;
}

ul {
    list-style-type: disc;
    overflow: hidden;
}

ol.number {
    list-style-type: decimal
}

ol.letter {
    list-style-type: lower-alpha
}

ol.roman {
    list-style-type: lower-roman
}

#subRight ul > ul > li {
    margin-left: 60px;
    list-style-type: circle
}

#career-nav ul, .hr-social ul, span.trust ul {
    list-style-type: none
}

img[alt="CCB/Apple Pay"] {
    width: 200px
}

.no-border {
    border: none
}

.top-pad-10 {
    padding-top: 10px
}


.top-pad-20 {
    padding-top: 20px
}

.top-pad-40 {
    padding-top: 40px
}

.top-pad-60 {
    padding-top: 60px
}

.top-marg-20 {
    margin-top: 20px
}

.top-marg-40 {
    margin-top: 40px
}

.bottom-pad-10 {
    padding-bottom: 10px
}

.bottom-pad-20 {
    padding-bottom: 20px
}

.bottom-pad-40 {
    padding-bottom: 40px
}

.bottom-pad-60 {
    padding-bottom: 60px
}

.no-gut, .no-pad {
    padding: 0
}


.marg-bot-5 {
    margin-bottom: 5px
}

.no-gut, .no-marg {
    margin: 0
}

.bottom-marg-20 {
    margin-bottom: 20px
}

.bottom-marg-40 {
    margin-bottom: 40px
}

.no-marg-bot, .top-links p {
    margin-bottom: 0
}

.skinnier {
    font-weight: 100
}

.skinny {
    font-weight: 300
}

.fat {
    font-weight: 500
}

.fatter {
    font-weight: 700
}

.disclaimer {
    font-size: .8em;
    margin: 15px;
}

.in-p-disclaimer {
    font-size: .65em
}

.text-center {
    text-align: center
}

.nav2 {
    padding: .4em 0;
    height: 4.2em
}

#mainnav .navmenu a {
    color: #000
}

.bottom-nav, .logo #Img1, .top-nav {
    width: 100%
}

.top-nav {
    overflow: auto
}

#footercontainer, .top-nav {
    /*background-color: #9e8e79*/
    background-color: #444;
}

    .top-nav .top-nav-links {
        text-align: right;
        padding-top: .8em;
        padding-bottom: .8em
    }

.bottom-nav {
    background-color: #e5ded6
}

#msocial {
    line-height: 1
}

#msocial, .top-links {
    display: inline-block;
    padding-right: 25px
}

    #msocial i.fa {
        font-size: 25px
    }

    #msocial a:not(:last-child) i.fa {
        padding-right: 10px
    }

    .top-links a:not(:last-child) p {
        padding-right: 20px
    }


.socialShare {
    margin: 20px 0
}

    .socialShare a {
        color: #fff;
        display: inline-block;
        font-size: 16px;
        margin-right: 3px;
        min-width: 28px;
        padding: 3px 0;
        text-align: center
    }

        .socialShare a.Share-facebook {
            background: #3b5998
        }

        .socialShare img {
            /*background: #00aced*/
			margin-bottom:9px;
        }

        .socialShare a.Share-linkedin {
            background: #007bb6
        }

        .socialShare a.Share-email {
            background: #1789c0
        }


label[for=ddaccount] {
    font-size: 18px
}

.logo {
    line-height: 3.7
}

#mainnav a li {
    font-size: 20px;
    padding-top: 10px;
    display: inline-block
}

.top-links p {
    color: #fff;
    padding-bottom: 0;
    font-size: 17px;
    display: inline-block
}

#mainnav a:not(:last-child) li {
    padding-right: 35px
}

.search-box {
    padding-top: .5em
}

label {
    display: initial
}

.anythingSlider-metallic .thumbNav {
    position: relative;
    top: 10px;
    left: 44.5%;
    visibility: visible
}

.hidden, .invisible {
    visibility: hidden
}

.anythingSlider .fa-circle {
    color: #d2cbc1
}

.anythingSlider [class*=fa-chevron] {
    color: #9e8e79
}

.solutions.cta-wrapper a p {
    margin-bottom: 0;
    text-align: center;
    letter-spacing: 1px
}

.solutions.cta-wrapper .cta {
    width: 170px;
    padding: 10px 0;
    margin: auto
}

.cta.blue-bg a:hover, .cta.green-bg a:hover {
    color: #fff
}

.online-banking.accord-content td a, .sub-page-menu a, .sub-page-menu-fixed a, #left a {
    color: #29588c;
}

.img-container {
    text-align: center;
    width: 100%
}

.knowledge .cta-row-bottom-bar {
    border-bottom: none;
}

.mobile-cont {
    display: none !important
}

#subContent {
    padding-top: 1em;
    padding-bottom: 2em
}

.sub-page-menu {
    /*position: absolute;*/
    max-width: 326px;
    top: 2.5em;
    margin-right: 50px;
}

.sub-menu.cta-wrapper {
    max-width: 197px
}

    .sub-menu.cta-wrapper .cta.blue-bg, .sub-menu.cta-wrapper .cta.green-bg {
        padding: 10px
    }

.sub-menu a {
    text-decoration: none;
}

.sub-page-menu-fixed {
    top: 30px;
    z-index: 1;
    position: fixed
}

.additional-menu-info .menu-phone {
    font-size: 1.5rem;
    color: #29588c;
}

.sub-menu .cta p {
    font-size: 1.33em;
    color: #fff;
    margin-bottom: 0
}

    .sub-menu .cta p:focus {
        outline-color: #fff;
        outline: thin dashed;
    }

.menu-indent {
    padding-left: 20px
}

#subRight {
    z-index: 2
}

.main-content-cta.cta.blue-bg, .main-content-cta.cta.green-bg {
    width: 130px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px
}

    .main-content-cta.cta.blue-bg p, .main-content-cta.cta.green-bg p {
        margin-bottom: 0
    }

#footerTabs.ftabs a {
    color: #000
}

.top-button {
    width: 43px;
    position: relative;
    right: 10px;
    bottom: 10px;
    float: right;
    color: rgba(0,0,0,.2)
}

.back-button {
    display: none
}

.cbp-hropen .cbp-hrsub {
    z-index: 999;
    background: #736a59;
    border: none;
    top: 61px
}

.cbp-hropen .personal-menu {
    width: 150%;
    left: -53%
}

.cbp-hropen .business-menu {
    width: 150%;
    left: -31.5%
}

.cbp-hropen .wealth-menu {
    width: 150%;
    left: -30%
}

.cbp-hropen .about-menu {
    width: 150%;
    left: -10%
}

.cbp-hrsub h4 {
    color: #fff;
    font-weight: 500;
    font-size: 1.143em;
    padding: 1em 0 2em
}

.cbp-hrsub .nav-section-header h4 {
    padding: 2em 0 1.2em
}

.cbp-hrsub-inner {
    width: 100%
}

    .cbp-hrsub-inner div ul > li {
        padding-bottom: 20px
    }

.about-menu .cbp-hrsub-inner > div:not(.nav-section-header) {
    width: 50%
}

.needs-menu .cbp-hrsub-inner > div:not(.nav-section-header) {
    width: 25%;
    text-align: center
}

.solutions-menu .cbp-hrsub-inner > div:not(.nav-section-header) {
    width: 100%
}

.nav-main {
    margin-bottom: 1.5em
}

.cbp-hrsub-inner .main-title {
    font-size: 1.2em;
    color: #fff;
    text-transform: uppercase
}

.cbp-hrsub-inner .nav-main .sub {
    font-size: .8em;
    margin-left: 1.5em
}

.cbp-hrmenu > ul > li.cbp-hropen .cbp-hrsub-inner a {
    font-size: 1em
}

.cbp-hrsub-inner a p {
    font-size: 1.2em
}

.cbp-hrsub-inner .nav-main .sub p {
    padding-bottom: 0
}

li.mobile-subnav {
    padding: 0 0 0 20px;
    font-size: .9em
}

.personal.menu-carret-bar {
    padding-left: 34px
}

.business.menu-carret-bar {
    padding-left: 35px
}

.wealth.menu-carret-bar {
    padding-left: 60px
}

.about.menu-carret-bar {
    padding-left: 24px
}

li.cbp-hropen .menu-carret {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #736a59;
    top: 50px;
}


select#accounts_mobile {
    background-color: #c0b5a7;
    color: #fff;
    height: 50px;
    border-radius: 0;
    border: none;
    -webkit-appearance: none;
    padding-left: 55px;
    width: 200px
}

    select#accounts_mobile:focus {
        outline: 0
    }

.search-left i.fa-lock {
    left: 42px;
    top: 1px;
    position: relative
}

.solutions-cta-section, .solutions-top-section {
    margin-top: 40px;
    margin-bottom: 60px;
    overflow: hidden
}

    .solutions-cta-section.top60 {
        margin-top: 60px;
        margin-bottom: 60px;
        overflow: hidden
    }

.solutions-info-section {
    padding: 40px 0;
    overflow: hidden
}

.solutions-bottom-section {
    padding: 20px 0;
    overflow: hidden
}

.solutions-top-section .solutions {
    text-align: center
}

    .solutions-top-section .solutions.img img {
        max-width: 100px
    }

    .solutions-top-section .solutions.header h1 {
        font-size: 5em;
        margin: 0;
        line-height: 1
    }

.solutions.header h3.no-top {
    margin-top: 0
}

.solutions-cta-section .solutions.button-bar .cta.blue-bg, .solutions-cta-section .solutions.button-bar .cta.green-bg {
    text-align: center;
    display: inline-block;
    padding: 10px 1.5em;
    margin: auto
}

    .solutions-cta-section .solutions.button-bar .cta.green-bg.business-btn {
        margin-top: 1em
    }

.solutions-bottom-section .solutions.button-bar {
    margin-bottom: 15px
}


    .solutions-bottom-section .solutions.button-bar .cta.blue-bg, .solutions-bottom-section .solutions.button-bar .cta.green-bg {
        text-align: center;
        width: 250px;
        padding: 10px;
        margin: auto
    }

.solutions.button-bar .cta.blue-bg, .solutions.button-bar .cta.green-bg {
    font-size: 1.33em
}

    .solutions.button-bar .cta.blue-bg p, .solutions.button-bar .cta.green-bg p {
        margin-bottom: 0
    }

.solutions-bottom-section .solutions.text, .solutions.button-bar .cta.green-bg {
    font-size: 1.1em
}

.solutions.text ul {
    padding-left: 40px
}

.wealth-links-container {
    text-align: center;
    padding: 1em 1.6em
}

    .wealth-links-container .solutions.text p {
        padding: .7em 0
    }

    .wealth-links-container .solutions.header, .wealth-links-container .solutions.text {
        background-color: #e4dcd7;
    }

.anythingSlider .panel {
    border: none;
    box-shadow: none
}

.panel img[alt*=trust] {
    width: 38%
}

.shop .sy-box .sy-slide .image-content .product-image[alt*=trust] {
    max-width: 105px
}

#subRight.twelve {
    max-width: 1024px;
    margin: 0 auto;
    float: none
}

.location_column {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 20px 20px 0 0
}

    .location_column > div > div {
        padding: 0 20px 20px 0;
        display: inline-block;
        width: 33%;
        min-width: 300px;
        height: 160px;
        float: left
    }

#MainContent_locImg {
    display: none
}

#map-canvas[style^=position] {
    height: 0 !important
}

#subRight #map-canvas[style^=position] {
    margin: 30px 0;
    padding: 0;
    height: 500px !important;
    width: 100%
}

iframe.Careers-Videos {
    height: 327px
}

#MainContent_pubContent iframe {
    width: 560px;
    height: 315px
}

.sy-slide .green-caption-container {
    position: absolute;
    bottom: 0;
    z-index: 12;
    left: 30%;
    width: 400px
}

    .sy-slide .green-caption-container .green-caption {
        position: relative;
        left: -50%;
        /*background-color:rgba(156,215,33,.9);*/
        background-color: rgba(0, 155, 223,.9);
        color: #000;
        padding: .6em 1.6em;
        border-radius: 0
    }

        .sy-slide .green-caption-container .green-caption h3 {
            color: #fff;
            font-size: 2em;
            margin-bottom: .3em
        }

        .sy-slide .green-caption-container .green-caption p {
            font-size: 1.1em;
            line-height: 1.4
        }

@media only screen and (max-device-width:600px),screen and (max-width:600px) {
    .green-caption-container {
        left: 0;
        bottom: .4em
    }

        .green-caption-container .green-caption {
            left: 0;
            padding: .2em .4em;
            font-size: .92em;
            border-radius: 0
        }
}

.sy-slide .green-caption-container.right-cap {
    left: 70%
}

.sy-slide .green-caption-container.small-cap {
    width: 310px
}

.sy-box .sy-caption {
    display: none !important
}

#subRight #publist li, #subRight .announcement li {
    margin-left: 0
}

.pub_social {
    padding-top: 1em
}

.advisor-disclaimer, .pub_author_image, .pub_author_info {
    display: inline-block
}

    .pub_author_image img {
        vertical-align: baseline
    }

.pub_author_info {
    vertical-align: top;
    padding-left: 1em
}

.pub_author_bio, .pub_author_name, .pub_author_readmore, .pub_author_title {
    padding: 0
}

.pub_author_name, .pub_author_title {
    font-size: 1em
}

.pub_author_title {
    margin-bottom: 1em
}

#MainContent_related {
    float: left;
    padding-top: 3em
}

#author, #related {
    margin-top: 20px;
}

.author-img {
    margin-right: 20px;
    /*margin-top: 20px;*/
    float: left;
    max-width: 200px;
}

.pubContentView_author .article-title {
    margin-bottom: 5px
}

.advisor-container, .advisor-image, .advisor-info {
    display: inline-block;
    float: left
}

.advisor-container {
    width: 50%
}

.advisor-image {
    width: 40%
}

.advisor-info {
    width: 60%;
    padding-left: .5em;
    padding-right: .5em
}

    .advisor-info h3 {
        font-size: 1.5em;
        margin-top: 0;
        margin-bottom: 7px
    }

    .advisor-info p {
        font-size: .9em;
        padding-bottom: 0
    }

.advisor-disclaimer {
    padding-left: 0
}

#footercontent ul, .footercontent ul {
    max-width: 220px;
    margin: 0 auto !important
}

    #footercontent ul + ul, .footercontent ul + ul {
        margin-top: 10px
    }

#map {
    height: 20em;
    margin: 20px 0
}

.cc_about_portrait {
    max-width: 200px;
    float: left;
    margin: 5px 1em 5px 0
}

.transaction-img {
    padding-top: 1em
}

#contact-form {
    margin-top: 30px
}

    #contact-form .form {
        /*max-width: 370px;*/
        margin-bottom: 20px
    }

        #contact-form .form input {
            width: 100%;
            border: 1px solid silver;
            padding: 10px;
			/*max-width: 250px;*/
        }

        #contact-form .form.textarea {
            margin-top: -8px
        }

            #contact-form .form.textarea fieldset {
                padding: 0 .425em .45em;
                margin: 0;
                border: 1px solid silver
            }

            #contact-form .form.textarea legend {
                width: initial;
                padding: 0 2px;
                margin-bottom: initial;
                color: #444;
                font-size: initial;
                border: initial
            }

            #contact-form .form.textarea #question_comment {
                width: 100%;
                height: 100px;
                border: none
            }

                #contact-form .form.textarea #question_comment:focus {
                    outline: 0
                }

        #contact-form .form.submit button {
            background-color: #1789c0;
            border: none;
            color: #fff;
            width: 50%;
            padding: 6px 0;
            font-weight: 700;
            font-size: 1.3em
        }


#contact_form {
    margin-top: 30px
}

    #contact_form .form label {
        font-weight: normal;
    }

    #contact_form .form {
        /*width: 370px;*/
        margin-bottom: 20px
    }

        #contact_form .form input {
            width: 100%;
            border: 1px solid silver;
            padding: 10px
        }

            #contact_form .form input[type=checkbox] {
                width: auto;
                display: inline-block;
                margin-right: 5px;
            }

        #contact_form .form.textarea {
            margin-top: -8px
        }

            #contact_form .form.textarea fieldset {
                padding: 0 .425em .45em;
                margin: 0;
                border: 1px solid silver
            }

        #contact_form .form select {
            width: 100%;
            border: 1px solid silver;
            padding: 10px
        }

        #contact_form .form.textarea legend {
            width: initial;
            padding: 0 2px;
            margin-bottom: initial;
            color: #777;
            font-size: initial;
            border: initial
        }

        #contact_form .form.textarea #question_comment {
            width: 100%;
            height: 100px;
            border: none
        }

            #contact_form .form.textarea #question_comment:focus {
                outline: 0
            }

        #contact_form .form.submit button {
            background-color: #1789c0;
            border: none;
            color: #fff;
            width: 50%;
            padding: 6px 0;
            font-weight: 700;
            font-size: 1.3em
        }


#request-form .form {
    /*width: 370px;*/
    margin-bottom: 20px
}

    #request-form .form input {
        width: 100%;
        border: 1px solid silver;
        padding: 10px
    }

        #request-form .form input[type=checkbox] {
            width: auto;
            display: inline-block;
            margin-right: 5px;
        }

    #request-form .form.textarea {
        margin-top: -8px
    }

        #request-form .form.textarea fieldset {
            padding: 0 .425em .45em;
            margin: 0;
            border: 1px solid silver
        }

    #request-form .form select {
        width: 100%;
        border: 1px solid silver;
        padding: 10px
    }


/*****************subscribe form************************/

#subscribe-form {
    margin-top: 30px
}

    #subscribe-form .form {
        width: 275px;
        margin-bottom: 10px
    }

        #subscribe-form .form input {
            width: 100%;
            border: 1px solid silver;
            padding: 10px
        }

#cblSubscriptions input {
    width: 20px !important;
    display: inline-block;
    margin-right: 5px;
}

#cblSubscriptions label {
    font-weight: normal !important;
    font-size: 12px;
    vertical-align: middle;
    padding-bottom: 8px;
    color: #777;
}


#subscribe-form .form.textarea {
    margin-top: -8px
}

    #subscribe-form .form.textarea fieldset {
        padding: 0 .425em .45em;
        margin: 0;
        border: 1px solid silver
    }

    #subscribe-form .form.textarea legend {
        width: initial;
        padding: 0 2px;
        margin-bottom: initial;
        color: #777;
        font-size: initial;
        border: initial
    }

    #subscribe-form .form.textarea #question_comment {
        width: 100%;
        height: 100px;
        border: none
    }

        #subscribe-form .form.textarea #question_comment:focus {
            outline: 0
        }

#subscribe-form .form.submit button {
    background-color: #1789c0;
    border: none;
    color: #fff;
    width: 50%;
    padding: 6px 0;
    font-weight: 700;
    font-size: 1.3em
}

#newsletter-form .textarea {
    margin-bottom: 15px;
}

    #newsletter-form .textarea fieldset {
        padding: 0 .425em .45em;
        margin: 0;
        border: 1px solid silver
    }

    #newsletter-form .textarea legend {
        width: initial;
        padding: 0 2px;
        margin-bottom: initial;
        color: #777;
        font-size: initial;
        border: initial
    }

#cblInterests input {
    width: 20px !important;
    display: inline-block;
    margin-right: 5px;
}

#cblInterests label {
    font-weight: normal !important;
    vertical-align: middle;
    margin-bottom: 5px;
    display: inline;
    color: #777;
}


/****************************************************************/

#career-nav-mobile, #footerTabs, #mfooterInfo, #mobileNav, #search-openings-mobile, .msocial, .navLine {
    display: none
}

#mainContainer {
    width: 100%;
    position: relative;
    z-index: 1
}

.nopadding {
    padding: 0
}

.topNav {
    line-height: 1.9
}

.loc_image {
    width: 410px;
    height: 227px
}

a.mapit {
    display: block;
    color: #000 !important;
    font-weight: 700;
    background: #d6c8b2;
    padding: 6px 8px;
    width: 95px;
    text-align: center;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    margin: 5px 0
}

    a.mapit:hover {
        background: #a99a83;
        color: #000
    }

#dd .divider {
    border-right: 1px solid #fff;
    bottom: 1px;
    height: 32px;
    position: absolute;
    right: 30px
}

#dd .ddarrow {
    margin-right: 3px;
    margin-top: -6px;
    position: absolute;
    right: 5px;
    width: 16px
}

.wrapper-dropdown-2 {
    position: inherit;
    width: 210px;
    float: inherit;
    padding: 12px 5px;
    background: #c0b5a7;
    box-shadow: 0 1px 1px rgba(50,50,50,.1);
    cursor: pointer;
    outline: 0;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    text-align: center
}

.wrapper-dropdown-3 {
    position: inherit;
    width: 210px;
    float: right;
    padding: 12px 5px;
    background: #c0b5a7;
    box-shadow: 0 1px 1px rgba(50,50,50,.1);
    cursor: pointer;
    outline: 0;
    font-weight: 700;
    font-size: 1.1em;
    color: #fff;
    text-align: center
}

#ddaccount {
    display: inline-block;
    margin-left: 9px
}

.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px
}


.login .dddropdown {
    position: absolute;
    top: 3em;
    right: 15px;
    width: 210px;
    z-index: 999;
    background: #FFF;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,.17);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    font-weight: 400;
    display: none
}

    .login .dddropdown:after, .login .dddropdown:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%
    }

.login .dropdown-content ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0
}

.login .dropdown-content li {
    background-color: #c0b5a7
}

.login .dddropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    transition: all .3s ease-out;
    text-align: left
}

.login .dddropdown li i {
    float: right;
    color: inherit
}

.login .dddropdown li:hover a {
    background: #9e8e79
}

.login .dddropdown:after {
    right: 15px
}

.login .dddropdown:before {
    right: 13px
}

.menuLeft, .menuRight {
    width: 48%;
    background: #000;
    float: left
}

.wrapper-dropdown-3.active .dddropdown {
    opacity: 1
}

.menuLeft {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px
}

.menuRight {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px;
    border-radius: 0 0 5px
}

#slideshowcontent {
    position: relative;
    bottom: 270px;
    clear: both
}

    #hr-head-left .search, #slideshowcontent .search {
        float: left;
        position: relative;
        bottom: 32px;
        width: 200px;
        margin-left: 0
    }

        #slideshowcontent .search label {
            margin: 0
        }

    #slideshowcontent .qsearch {
        display: inline;
        background: url(../images/search-bg_01.png) no-repeat;
        border: none;
        width: 178px;
        height: 27px;
        color: #7C7C7C;
        font-size: .8em;
        line-height: 1em;
        margin: 3px 0 0;
        vertical-align: middle;
        padding-right: 25px;
        box-shadow: none
    }

    #slideshowcontent .inputSearch {
        bottom: 27px;
        display: inline;
        left: 152px;
        position: relative
    }

    #slideshowcontent .social {
        float: right;
        width: 100px;
        position: relative;
        right: 0;
        bottom: 35px;
        text-align: right
    }

        #slideshowcontent .social img {
            padding: 5px
        }

    #slideshowcontent #kansascity {
        position: relative;
        clear: both;
        text-align: right;
        color: #fff;
        margin: 0;
        top: -30px
    }

#concierge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

#concierge_tab {
    position: absolute !important;
    top: 0;
    left: -450px;
    right: 0;
    z-index: 1999;
    font-size: .8em;
    color: #999;
    text-align: center;
    width: 450px
}

#con-tab {
    width: 90px;
    float: right;
    background: url(../images/concierge/concierge-tabs.png) -71px 0 no-repeat;
    height: 100%
}

#conciergeContent {
    bottom: 135px;
    color: #000;
    font-size: 1.2em;
    width: 360px;
    padding: 20px;
    float: left;
    background: #fff;
    background: -moz-linear-gradient(left,#ebe4d9 0,#fff 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ebe4d9),color-stop(100%,#fff));
    background: -webkit-linear-gradient(left,#ebe4d9 0,#fff 100%);
    background: -o-linear-gradient(left,#ebe4d9 0,#fff 100%);
    background: -ms-linear-gradient(left,#ebe4d9 0,#fff 100%);
    background: linear-gradient(to right,#ebe4d9 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe4d9', endColorstr='#ffffff', GradientType=1 );
    height: 100%
}

    #conciergeContent span.phoneno {
        font-size: 20px
    }

    #conciergeContent .contact {
        display: block;
        font-size: 17px;
        padding-top: 11px
    }

#concierge-wrap {
    width: 450px;
    padding-right: 260px;
    padding-left: 10px;
    margin: 0 auto;
    text-align: left;
    position: relative !important
}

    #concierge-wrap div {
        line-height: 2em;
        vertical-align: middle;
        height: 2em;
        clear: left
    }

#ctab2 {
    display: block;
    height: 270px;
    width: 50px;
    margin-top: 425px
}

    #ctab2 span {
        display: none
    }

#concierge a#ctab:active, #concierge a#ctab:link, #concierge a#ctab:visited {
    display: block;
    background: url(../images/concierge/concierge-tabs.png) no-repeat;
    font-size: .8em;
    line-height: 41px;
    vertical-align: middle;
    text-indent: 70px;
    overflow: hidden;
    width: 50px;
    clear: right;
    position: absolute;
    z-index: 101;
    color: #666;
}

#concierge a#ctab:hover {
    color: #f05b30
}

#conciergeTable {
    margin-top: 50px
}

    #conciergeTable th {
        font-weight: 700;
        text-align: left;
        padding: 5px;
        font-size: 14px
    }

    #conciergeTable td {
        text-align: left;
        padding: 7px 20px;
        font-size: 12px
    }

    #conciergeTable label {
        padding: 10px
    }

    #conciergeTable .button {
        background: url(../images/button-bg.png) no-repeat;
        width: 89px;
        height: 28px;
        border: none;
        margin: 0 5px
    }

        #conciergeTable .button:hover {
            background-position: 0 -30px
        }

#concierge_results span {
    padding: 10px;
    font-size: 12px
}

#servicesSlider {
    position: relative;
    height: 330px;
    overflow: hidden
}

#servicesWrapper {
    padding: 25px 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

    #servicesWrapper .s-wrap {
        /*height: 240px !important;
        overflow: hidden;*/
        padding: 10px;
        text-align: center;
        /*width: 246px !important;*/
    }

    #servicesWrapper div {
        display: block
    }

        #servicesWrapper div.heading {
            font-size: 16px;
            font-weight: 400;
            margin: 5px 0
        }

        #servicesWrapper div.desc {
            font-size: 11px;
            display: block
        }

    #servicesWrapper img {
        /*bottom: -13px;
            position: relative;
            right: 15px;*/
        /*width: 150px;*/
        margin: auto;
    }

    #servicesWrapper .owl-item img {
        width: 40%;
        /*padding-top: 35px;*/
    }

        #servicesWrapper .owl-item img[alt*=trust] {
            width: 30%;
        }

    #servicesWrapper span.heading {
        color: #29588c;
        font-size: 1.2rem;
        font-weight: 700;
        text-align: center;
    }
    /*#servicesWrapper .heading p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        text-align: center
    }*/

    #servicesWrapper .desc p {
        font-size: 11px;
        padding: 0;
        margin: 0;
        text-align: center
    }


.carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
}

.owl-carousel .owl-nav {
    overflow: hidden;
    height: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #29588c;
}


.owl-carousel .item {
    text-align: center;
}

.owl-nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 100px !important;
}

.owl-btn-prev {
    left: -3px;
    background: none !important;
    font-size: 2rem !important;
    color: #29588c !important;
}

.owl-btn-next {
    right: -3px;
    background: none !important;
    font-size: 2rem !important;
    color: #29588c !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

#mainContent {
    position: relative;
    overflow: hidden;
    padding: 30px 0
}

    #mainContent .left {
        position: relative;
        overflow: hidden;
        height: 277px
    }

    #mainContent #email {
        width: 240px;
        float: left
    }

#email .emailInput {
    width: 180px;
    color: #a0a0a0;
    font-size: 14px;
    margin: 0
}

#email .newsletter {
    color: #fff;
    font-size: 11px;
    display: block;
    margin: 12px 0
}

#email .signup {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 0 0 10px 2px;
    line-height: 20px;
    width: 176px
}

    #email .signup img {
        float: left;
        margin: 6px 10px 10px 0
    }

#mainContent #find {
    float: left;
    margin-left: 16px
}

#mainContent #knowledge {
    background: #000;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    color: #FFF;
    font-size: 22px;
    padding: 14px 26px;
    text-align: center;
    width: 96%;
    height: 60px;
    clear: both;
    position: relative;
    overflow: hidden
}

#knav {
    position: relative;
    text-align: left;
    font-size: 13px;
    left: 10px
}

    #knav strong {
        font-size: 16px
    }

    #knav .knavLeft, #knav .knavRight {
        font-size: 13px;
        float: left;
        position: relative
    }

    #knav a {
        color: #fff
    }

    #knav .knavLeft {
        width: 200px;
        padding-right: 10px;
        left: -10px
    }

    #knav .knavRight {
        width: 208px;
        margin-left: 17px;
        border-left: 1px solid #FFF;
        padding-left: 20px;
        padding-bottom: 2px;
        left: -24px
    }

#mainContent .right {
    float: left;
    width: 450px;
    position: relative
}

#mainContent .button {
    background-color: #d6c8b2;
    border: none;
    color: #000;
    font-size: 1em;
    font-weight: 700;
    padding: 6px;
    text-align: center;
    width: 109px;
    display: inline;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out
}

.button.alert:focus, .button:hover {
    background-color: #a99a83 !important
}

#mainContent h1 {
    margin-top: 0
}

#MainContent_contactFrm label, #MainContent_rsvpForm label {
    display: block
}

#resource {
    position: relative;
    text-align: left;
    font-size: 13px;
    left: 10px
}

    #resource strong {
        font-size: 16px
    }

    #resource a {
        color: #fff
    }

    #resource .knavLeft, #resource .knavRight {
        border: none;
        color: #FFF;
        font-size: 22px;
        padding: 20px;
        width: 240px;
        text-align: center;
        float: left;
        position: relative
    }

    #resource .knavLeft {
        background: #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-background-clip: padding-box;
        left: -10px
    }

    #resource .knavRight {
        background: #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-background-clip: padding-box
    }

#careerHead {
    background-color: #D6C8B2
}

#career-main {
    height: 375px;
    background: url(../images/hr_header2.jpg) center center no-repeat #467BD7
}

#career-nav {
    margin: 0 auto;
    background-color: #8cd600;
    position: relative;
    z-index: 10
}

    #career-nav ul {
        text-align: center;
        padding: 8px
    }

        #career-nav ul li {
            display: inline-block;
            font-size: 17px;
            padding-right: 133px
        }

            #career-nav ul li.paddngno {
                padding-right: 0
            }

#hr-head-left {
    float: left;
    padding-top: 100px;
    padding-left: 21px
}

.hr-search-form input[type=text], .hr-search-form input[type=password], .hr-search-form input[type=date], .hr-search-form input[type=datetime], .hr-search-form input[type=email], .hr-search-form input[type=number], .hr-search-form input[type=search], .hr-search-form input[type=tel], .hr-search-form input[type=time], .hr-search-form input[type=url] {
    background: url(../images/search-bg.png) no-repeat;
    border: none;
    box-shadow: none;
    color: #CCC;
    display: inline;
    font-size: .8em;
    height: 27px;
    line-height: 1em;
    margin: 3px 0 0;
    padding-right: 25px;
    vertical-align: middle;
    width: 178px
}


#careerHead-wrapper {
    width: 1024px
}

.hr-tweet {
    width: 225px;
    display: none
}

#tweet_results {
    bottom: 10px;
    height: 120px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    width: 220px
}

    #tweet_results a {
        color: #1b72fb
    }

#latest-tweet p, .hr-writing {
    color: #FFF;
    text-align: center
}

#latest-tweet {
    background-color: #28AAE1;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

    #latest-tweet p {
        margin-bottom: 0;
        letter-spacing: .07em;
        padding: 5px;
        font-size: 17px
    }

#tweet_results p {
    margin-bottom: 0;
    text-align: left;
    letter-spacing: .03em;
    font-size: 12px
}

#tweet-feed, .tweet {
    background-color: #FFF;
    height: 170px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

    #tweet-feed p.tw-bird {
        float: left;
        margin: 0
    }

    #tweet-feed p.tw-word {
        float: left;
        margin: 0;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: .07em;
        padding: 3px 0 0 12px
    }

#hr-head-right {
    float: right;
    padding-top: 100px
}

#hr-head-left .inputSearch {
    bottom: 27px;
    display: inline;
    left: -30px;
    top: 8px;
    position: relative
}

.hr-social {
    float: right
}

    .hr-social li {
        padding-bottom: 5px
    }

.hr-writing {
    padding-top: 170px;
    padding-right: 40px
}

#snav, #snav ul, #subNav {
    text-align: left
}

#tw-sep {
    background-color: #28AAE1;
    height: 3px;
    margin: 7px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#careers-holder img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px
}

#MainContent_hr_iframe {
    margin-left: 10px;
    margin-top: 50px;
    text-align: center
}

    #MainContent_hr_iframe iframe {
        width: 1000px;
        height: 750px
    }

p.emailsecure {
    font-size: 12px
}

#slideWrapper {
    width: 100%;
    display: block;
    position: relative;
    height: 400px;
    top: 0;
    left: 0;
    bottom: 10px;
    right: 0
}

.findlocation, .knowledgeCenter, .learnkc {
    width: 235px;
    height: 108px;
    border: none
}

.story {
    display: block;
    margin-top: 3px;
    margin-left: 7px
}

.knowledgeCenter {
    background: url(../images/knowledge_center.png) 0 -7px no-repeat
}

    .knowledgeCenter:hover {
        background-position: 0 -121px
    }

.findlocation {
    background: url(../images/find-a-branch.png) 0 -7px no-repeat
}

    .findlocation:hover {
        background-position: 0 -121px
    }

.learnkc {
    background: url(../images/careers_home.png) 0 -3px no-repeat
}

    .learnkc:hover {
        background-position: 0 -116px
    }

#subcontainer {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.subTitle {
    color: #b2a48e
}

#pageImg {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    top: 10px;
    margin-bottom: 30px;
    max-height: 227px
}

#pageImgNew, #pageImgNewMargin {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

#pageImgNew {
    border-radius: 5px
}

#pageImgNewMargin {
    border-radius: 5px;
    margin-bottom: 20px
}

.pageImg {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    height: 227px;
    top: 10px;
    float: left
}


#subNav, .subNavWrapper {
    height: 60px;
    clear: both
}

.kcTextLrg {
    font-size: 4em
}

.kcTextSm {
    font-size: 14px
}

.hrTextLrg {
    font-size: 4em
}

#subNav {
    background: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*behavior: url(PIE.htc);*/
    -webkit-background-clip: padding-box;
    color: #FFF;
    font-size: 22px;
    padding: 20px 34px 40px;
    width: 98.4%;
    position: relative;
    overflow: hidden;
    left: 15px;
    z-index: 900
}

.subNavWrapper {
    padding-top: 25px
}

#subNav h3 {
    font-size: 18px;
    margin: 0;
    color: #fff
}

#snav {
    position: relative;
    left: 0;
    bottom: 20px;
    margin-top: 34px
}

    #snav ul {
        margin: 0;
        padding: 0;
        font-size: 1em;
        line-height: 1.2
    }

        #snav ul + ul {
            margin-left: 2%
        }

    #snav li {
        padding: 2px 0;
        margin: 1px
    }

    #snav .sl {
        font-weight: 400;
        margin-left: 15px
    }

    #snav li a {
        color: #fff;
        padding: 0;
        margin: 0
    }

    #snav li.title, #snav li.tl {
        font-weight: 700;
        font-size: 1.2em;
        margin: .5em 0
    }

        #snav li.title + li.title {
            font-weight: 700;
            font-size: 1em;
            margin: .4em 0
        }

#divider {
    background-color: #000;
    height: 5px;
    margin: 60px 3px 60px 16px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

#subsHead {
    background: url(../images/sky-h.jpg) center repeat-x #467bd7;
    height: 81px
}

#btmContent {
    position: relative;
    overflow: hidden
}

    #btmContent .left {
        float: left;
        width: 540px;
        position: relative;
        margin-left: 15px;
        overflow: hidden;
        height: 300px
    }

    #btmContent .email {
        width: 250px;
        float: left
    }

    #btmContent .find {
        float: left;
        width: 245px;
        margin-left: 20px
    }

    #btmContent .right {
        float: left;
        width: 450px;
        position: relative
    }

    #btmContent .button {
        background-color: #d6c8b2;
        border: none;
        color: #000;
        cursor: pointer;
        font-size: 1em;
        font-weight: 700;
        padding: 6px;
        text-align: center;
        width: 109px;
        display: inline;
        transition: background-color .3s ease-out 0s;
        -webkit-transition: background-color .3s ease-out;
        -moz-transition: background-color .3s ease-out
    }

        #btmContent .button:hover {
            background-color: #a99a83 !important
        }

.mainWrapper {
    float: right
}

.main h1 {
    margin-top: 0
}

.main ul {
    padding: 0 0 0 20px;
    text-align: left
}

.datatable td {
    padding: 8px;
    color: #444;
    font-weight: 700;
}

.main li {
    /*list-style-image: url(../images/bullet.jpg);*/
    font-size: 14px
}

.datatable {
    width: 100%;
    font-size: 12px
}

    .datatable th {
        background: #29588c;
        font-weight: 700;
        color: #fff;
        padding: 8px;
    }

        .datatable th.header {
            background: url(../manage/images/bg.gif) right center no-repeat #d6c8b2;
            cursor: pointer
        }

        .datatable th.headerSortDown {
            background: url(../manage/images/asc.gif) right center no-repeat #cdc0ad
        }

        .datatable th.headerSortUp {
            background: url(../manage/images/desc.gif) right center no-repeat #e5d6bd
        }

div.tablesorterPager {
    padding: 5px 0;
    background-color: #29588c;
    text-align: center;
    position: relative !important;
    top: 0 !important;
    vertical-align: middle;
    color: #fff;
}

#footerInfo, .ddlabel, footer {
    position: relative
}

div.tablesorterPager span {
    color: #fff;
    font-size: 11px;
    display: inline-block;
    margin: 0 20px 0 40px
}

div.tablesorterPager img {
    margin: 0;
    vertical-align: middle
}

#publist li, #related div, span.fdic, span.privacy {
    vertical-align: top
}

div.tablesorterPager input.prev {
    width: auto;
    margin-right: 10px
}

div.tablesorterPager input.next {
    width: auto;
    margin-left: 10px
}

div.tablesorterPager input {
    font-size: 11px;
    width: 20px;
    padding: 3px;
    border: 0 solid #29588c;
    text-align: center;
    background: #29588c;
    color: #fff;
}

div.tablesorterPager select {
    padding: 0 !important;
    width: 50px;
    display: inline;
    margin: 0 !important
}

span.fdic, span.privacy, span.trust {
    display: inline-block
}

.odd td {
    background: #fff;
}

.even td {
    background: #f1f1f1;
}

.evens td {
    background: #fff
}

td {
    padding: 10px;
    font-size: 1rem;
}

footer {
    overflow: hidden;
    z-index: 1;
    background-color: #fff
}

#footercontainer {
    padding: 50px 0
}

    #footercontainer ul {
        margin: 0;
        padding: 0;
        font-size: .8em;
        text-align: left
    }

#footerInfo, .ie7, .ie7 p, span.trust {
    text-align: center
}

#footercontainer ul + ul {
    margin-left: 1em
}

#footercontainer li {
    padding: 1px 0;
    margin: 1px
}

    #footercontainer li a {
        color: #fff;
        padding: 0;
        margin: 0
    }

    #footercontainer li.tl {
        /*font-weight: 700;*/
        font-size: 1.6em
    }

        #footercontainer li.tl a {
            text-decoration: none !important
        }

.Pager a, .pubContentView a, .publeftNavView a {
    text-decoration: none
}

#footercontainer li.tl.padup {
    margin-top: 12px
}

#footercontainer li.tl + li.tl {
    font-weight: 700;
    font-size: .8em;
    margin: .8em 0
}

#footercontainer #footercontent, .footercontent {
    position: relative;
    color: #fff
}

#footercontainer .copy {
    font-size: .8em;
    margin-top: 10px;
    color: #fff;
}

.privacy a, .trust li, span.trust {
    font-size: .7em
}

#footerInfo {
    padding: 40px 30px;
    margin: 0 auto
}

#accordion .ui-accordion-header a, span.trust ul {
    padding-left: 0
}

span.fdic {
    margin: 2px 20px 0 0
}

span.trust {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    width: 400px
}

    span.trust ul {
        margin-bottom: 0
    }

span.privacy {
    margin-left: 30px;
    margin-top: -0.6em;
}

.privacy a {
    font-weight: 700
}

.ui-widget h3 {
    font-size: .8em !important
}

#accounts_msdd {
    outline: 0;
    width: 205px !important
}

.ddlabel {
    bottom: 2px;
    left: 5px
}

#MainContent_attend_0, #MainContent_attend_1, #MainContent_bring_guest_0, #MainContent_bring_guest_1 {
    margin: 5px
}

#MainContent_attend td, #MainContent_bring_guest td {
    padding: 2px
}

#MainContent_attend label, #MainContent_bring_guest label {
    font-size: 14px;
    margin: 0 0 9px
}

#MainContent_attend em {
    font-weight: 700;
    font-size: 16px
}

/*.red {
    font-size: 12px;
    color: red
}*/

.ie7 {
    display: none;
    background-color: #FFF892;
    padding: 10px
}

.alert, .slideshow {
    display: block;
    background-color: #000
}

.ie7 p {
    padding: 0;
    Margin: 0
}

.ie7 a {
    color: #1B72FB
}

.ie7 img {
    max-width: 25px;
    margin: -3px 6px 0 0
}


.cycle-slideshow p, .slideshow p {
    Margin: 0;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.alert {
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0px !important;
}

.cycle-slideshow p {
    padding: 5px
}

.slideshow {
    padding: 10px;
    text-align: center
}

#publist li, #related div, .pub_content {
    display: inline-block
}

.slideshow p {
    padding: 0
}

.cycle-slideshow {
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 1000;
    -moz-transform-style: preserve-3d;
    -o-perspective: 1000;
    -o-transform-style: preserve-3d;
    perspective: 1000;
    transform-style: preserve-3d
}

#related div {
    outline: 0;
    padding: 0 15px 0 0
}

#related h4 {
    max-width: 200px
}

#related .switchControl {
    display: inline-block;
    min-height: 130px;
    outline: 0;
    padding: 1px;
    width: 25%;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    color: #c8cacb
}

    #related .switchControl i {
        font-size: 50px;
        line-height: 130px
    }

#realted .switchControl:hover {
    color: #b7b9ba
}

#publist li {
    position: inherit;
    overflow: hidden;
    width: 49%
}

#pubContent {
    padding: 0 0 0 15px
}

.pub_content {
    /*background:#fff;
    border:1px solid #fff;
    border-radius:5px;*/
    padding: 15px 10px;
    /*width: 100%;
    overflow: hidden;
    position: relative*/
    height: 350px;
    margin: 10px 0;
}

    .pub_content > div {
        width: 100% !important;
        height: 100% !important
    }

    .pub_content img {
        overflow: hidden;
        width: 100% !important
    }
/*.pub_content:hover{
    background:#fbfbfb;
    border:1px solid #f2f2f2
}*/
.pubContentView {
    float: left;
    width: 100%;
    margin-right: 50px
}

    .pubContentView img:not([alt="publication authors"]) {
        overflow: hidden;
        width: 200px;
        margin: 10px 25px 10px 3px
    }

    .pubContentView a {
        color: #1b72fb
    }

.pubContentView_author {
    width: 100%
}

#MainContent_related img {
    overflow: hidden;
    width: 200px;
    height: 110px
}

#MainContent_author img {
    overflow: hidden;
    width: 120px
}

.pub_content span {
    color: #b2a48e
}

.publeftNavView {
    float: left;
    width: 100%;
    padding-top: 2em
}

.publeftNav {
    padding: 10px 0
}

    .publeftNav a, .publeftNav li {
        color: #b2a48e;
        line-height: 2em
    }

    .publeftNav .active {
        font-weight: 700;
        color: #333 !important
    }

#pubsearchNav .active {
    font-weight: 700;
    color: #333
}

#pubsearchNav a, #search, #spanCount, a.more {
    color: #b2a48e
}

.hiddenContent {
    display: none
}

.count {
    text-align: right
}

#searchBox {
    width: 250px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-image: -moz-linear-gradient(left,#f8f8f8,#f4f4f4 16%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f8f8f8),color-stop(.16,#f4f4f4));
    border: 0 solid #D3D3D3;
    background-color: #fff;
    padding: 10px;
    font-size: 12pt;
    color: #888;
    text-align: center;
    outline: #000 solid 0
}

#search, .jspVerticalBar .jspArrow:focus {
    outline: 0
}

#pubsearchNav {
    /*float:left;*/
    text-align: center
}

    #pubsearchNav a:last-child {
        margin-right: 0
    }

.dropdown {
    border: 1px solid #444;
    margin: 5px;
}

#search {
    padding: 0 5px 0 35px;
    /*border:1px solid #f5f5f5;*/
    font-size: 16px;
    /*background:url(/images/magnify_glass.png) left center no-repeat*/
}

#searchPublication span {
    display: inline;
    vertical-align: middle;
    margin: 0 15px 0 2px;
}

@media only screen and (max-width: 767px) {
    /* #searchPublication span
{
    display: inline;vertical-align: middle;margin: 0 2px 0 2px;
}*/
}

.merchant-contact {
    display: none;
}

@media only screen and (max-width:575px) {
    .contact-us {
        display: none;
    }

    .merchant-contact {
        display: block;
    }
	.title-bar{
		padding: 7px;
		width: 100%;
		border-radius:0px;
		top:75%;
	}
}


.lines-button {
    background: none;
    border: none;
    outline: none;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    border-radius: 0.4rem;
    padding: 0 5px 0 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .lines-button:hover {
        opacity: 1;
    }

    .lines-button:active {
        background: rgba(0, 0, 0, 0.1);
        -webkit-transition: 0;
        -moz-transition: 0;
        transition: 0;
    }

.navMenu .lines {
    display: inline-block;
    width: 1.8rem;
    height: 0.2rem;
    background: #444;
    border-radius: 0.2rem;
    position: relative;
    bottom: 4px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .navMenu .lines:before, .navMenu .lines:after {
        display: inline-block;
        width: 1.8rem;
        height: 0.2rem;
        background: #444;
        border-radius: 0.2rem;
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: 0.2rem center;
        -moz-transform-origin: 0.2rem center;
        transform-origin: 0.2rem center;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .navMenu .lines:before {
        top: 0.5rem;
    }

    .navMenu .lines:after {
        top: -0.5rem;
    }



.lines-button.x2 .lines {
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

    .lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: top .2s .5s ease, transform .2s ease;
        -moz-transition: top .2s .5s ease, transform .2s ease;
        transition: top .2s .5s ease, transform .2s ease;
    }

.lines-button.x2.closing .lines {
    -webkit-transition: background .2s 0s ease;
    transition: background .2s 0s ease;
    background: transparent;
}

    .lines-button.x2.closing .lines:before, .lines-button.x2.closing .lines:after {
        top: 0;
        width: 1.8rem;
        -webkit-transition: top .2s ease, transform .2s .4s ease;
        -moz-transition: top .2s ease, transform .2s .4s ease;
        transition: top .2s ease, transform .2s .4s ease;
    }

    .lines-button.x2.closing .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .lines-button.x2.closing .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

@media only screen and (max-width: 767px) {

    .navigation .sub.mobile, .navigation .sub.mobile nav.navMenu, .bottomNav {
        display: block;
    }
}

.navDropdown {
    background: #FFF;
    width: 100%;
    border-bottom: 1px solid #ececec;
    opacity: 0;
    display: none;
}

.open {
    opacity: 1;
    display: block;
}

.hidden-submit {
    border: 0;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.Pager a, .Pager span {
    display: inline-block;
    width: 20px;
    border: 1px solid #3AC0F2;
    margin-right: 3px;
    line-height: 150%;
    text-align: center
}

#results {
    margin-bottom: 20px;
    clear: both
}

.Pager span {
    color: #999;
    background-color: #A1DCF2
}

.Pager a {
    background-color: #3AC0F2;
    color: #fff
}

#subLeft select {
    display: block;
    font-size: 15px;
    margin: 7px 0 21px;
    padding: 5px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #999;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

    #subLeft select option {
        color: #333
    }

        #subLeft select option.Dimmer {
            color: #999
        }

.Fselect {
    position: relative;
    width: 277px
}

    .Fselect p::after {
        display: block;
        font-size: 21px;
        margin-top: -14px;
        pointer-events: none;
        position: absolute;
        right: 15px;
        top: 50%;
        z-index: 1;
        color: #a0a1a1;
        content: "\f0d7";
        font-family: "Font Awesome 5 Free"
    }

#busImage {
    position: relative
}

    #busImage .top_heading {
        position: absolute;
        color: #444;
        max-width: 545px;
        padding: 0 50px;
        bottom: 138px
    }

    #busImage p {
        font-size: 24px;
        font-weight: 700
    }

#nav-bar-icons img {
    width: 100%;
    max-width: 65px
}

#nav-bar-icons ul {
    text-align: center
}

#nav-bar-icons li {
    display: inline-block;
    margin: 20px
}

#available {
    text-align: center;
    margin: 0
}

    #available h1.center, #available h3.center {
        text-align: center;
        color: #061a79;
        letter-spacing: .03em
    }

    #available h1 {
        font-size: 2em
    }

#accounts, #billpay, #bus_security, #deposits, #transfers {
    padding: 40px;
    margin: 0;
    border-bottom: 6px solid #444;
}

    #accounts h1, #billpay h1, #bus_security h1, #deposits h1, #transfers h1 {
        font-size: 2em;
        color: #061a79;
        font-weight: 700
    }

#BusMobile .last {
    border: none
}

.ir, .visuallyhidden {
    border: 0;
    overflow: hidden
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #nav-bar-icons ul {
        padding: 0 !important
    }

    #nav-bar-icons li {
        margin: 10px
    }
}

@media only screen and (max-width:768px) {
    h1 {
        font-size: 1.8rem;
    }

    #accounts .five.columns, #billpay .five.columns, #bus_security .five.columns, #deposits .five.columns, #transfers .five.columns {
        display: none
    }

    #subLeft {
        display: none;
    }

    #BusMobile h1 {
        font-size: 1.5em
    }

    img[src="/images/googleplay.jpg"], img[src="/images/appstore.jpg"] {
        width: inherit
    }

    #subRight {
        margin-left: 0;
    }
}

.ir {
    background-color: transparent
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%
    }

.hidden {
    display: none !important
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.clear {
    clear: both
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

#mHead, #mobile-searching, .mobile-signup {
    display: none
}

@media only screen and (min-width:1210px) {
    #career-main {
        height: 375px;
        background: url(../images/hr_header2.jpg) center center no-repeat #467BD7;
        background-size: 100% auto
    }
}

@media only screen and (max-width:1060px) {
    .desk-solutions-slider {
        display: none
    }

    .mobile-solutions-slider {
        display: block
    }

    .cbp-hrmenu > ul > li > a {
        padding: .97em .4em;
        font-size: .9em
    }

    .business.menu-carret-bar, .personal.menu-carret-bar {
        padding-left: 25px
    }

    .wealth.menu-carret-bar {
        padding-left: 53px
    }

    .about.menu-carret-bar {
        padding-left: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .kcTextLrg, .kcTextSm {
        text-shadow: 2px 2px 2px #555
    }

    .top-nav .search {
        display: none
    }

    #MainContent_hr_iframe iframe {
        width: 550px;
        height: 550px
    }

    #slideshowcontent {
        bottom: 270px
    }

    .kcTextLrg {
        font-size: 200%
    }

    .kcTextSm {
        font-size: 14px
    }

    #kansascity {
        top: -28px
    }

    .msocial {
        display: block
    }

    #mainContent {
        width: 100%;
        margin: 0 auto
    }

        #mainContent .left {
            width: 495px;
            padding-right: 0
        }

    .findlocation, .learnkc {
        width: 220px
    }

    #subNav, #subRight #pageImg {
        width: 100%
    }

    .anythingSlider .arrow {
        display: none !important
    }

    .anythingSlider {
        padding: 0 !important
    }

    #btmContent, .subNavWrapper {
        padding-left: 25px
    }

    #servicesWrapper {
        margin: 0 auto !important;
        width: 850px !important
    }

    #slideshowcontent .search {
        margin-left: 10px
    }

    #concierge {
        display: none
    }

    #subNav {
        left: 0
    }

    #divider {
        margin: 60px 3px 60px 25px
    }

    #newnav ul.so_ati {
        margin: 5px 0 0 90px !important
    }

    #btmContent .find {
        margin-left: 10px;
        width: 220px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cbp-hrmenu > ul > li > a {
        padding: .9em .6em;
        font-size: 1em
    }
}

@media only screen and (max-width:991px) {
    .top-nav .top-nav-links {
        text-align: left
    }

    .sub-page-menu {
        max-width: 265px
    }
}

@media only screen and (max-width:980px) {
    .location_column > div > div {
        min-width: 250px
    }
}

@media only screen and (max-width:915px) {
    #searchBar, .publeftNav {
        display: none
    }

    #mobileNav {
        display: block;
        margin: 15px;
    }

    .desktopNav {
        display: none;
    }

    .announcement li {
        list-style: none;
        display: inline-block;
        margin: 15px
    }

    .announcement a {
        color: #29588c;
        line-height: 2em
    }

    #pubContent {
        width: 100%
    }

    .cbp-hrmenu > ul > li > a {
        padding: 1.15em .4em;
        font-size: .8em
    }

    .business.menu-carret-bar, .personal.menu-carret-bar {
        padding-left: 20px
    }

    .wealth.menu-carret-bar {
        padding-left: 45px
    }

    .about.menu-carret-bar {
        padding-left: 10px
    }
}

@media only screen and (max-width:860px) {
    .location_column > div > div {
        min-width: 220px
    }
}

@media only screen and (max-width:767px) {
    header {
        position: static !important
    }

    .top-nav .top-nav-links {
        padding-left: 15px;
        padding-right: 15px
    }

    #career-nav, #search-openings, .login, .search {
        display: none
    }

    #career-nav-mobile, #search-openings-mobile {
        display: block
    }

    #career-nav-mobile {
        margin: 0 auto;
        background-color: #8cd600;
        position: relative;
        z-index: 10
    }

        #career-nav-mobile ul {
            list-style-type: none;
            text-align: center;
            padding: 8px
        }

            #career-nav-mobile ul li {
                display: inline-block;
                font-size: 17px;
                padding-right: 100px
            }

    #career-main, /*#footer, #footerInfo,*/ #servicesSlider, #slideshow, .left.six.columns, .left.six.columns #knowledge, .login.five.columns, .login.five.columns .enroll, .login.five.columns .location, .logo.four.columns, .six.columns .main {
        display: none
    }

    #career-nav-mobile ul li.paddngno {
        padding-right: 0
    }

    #career-nav-mobile ul li a {
        text-decoration: none
    }

    #career-nav ul li {
        padding-right: 100px
    }

    #MainContent_hr_iframe iframe {
        width: 550px;
        height: 550px
    }

    #subcontainer {
        padding-top: 0 !important
    }

    #mHead {
        display: block;
        padding: 1%
    }

    #mobile-searching {
        display: block;
        position: static;
        z-index: 1;
        background-color: #e5ded6
    }


    .search-left h2 {
        font-size: 21px;
        margin: 0;
        padding: 1% .5%
    }

    .search-left {
        width: 100%;
        margin: 0 auto;
        padding: 1.5em .6em 1em
    }

    .search-right {
        display: block;
        width: 100%;
        padding: 1em 1.2em 3em;
        border-top: 1px solid #EBDDC7;
        border-bottom: 1px solid #CBBDA7
    }

        .search-right h2 {
            font-size: 21px;
            margin: 0;
            padding: 2% .5% 0
        }

        .search-right input.qsearch {
            background: url(../images/search-bg.png) right center no-repeat #FFF;
            color: #CCC;
            display: inline;
            font-size: .8em;
            height: 38px;
            line-height: 1em;
            margin: 3px 0 0;
            padding: 6px 15px 2px 10px;
            vertical-align: middle;
            border: 1px solid #a6a6a6;
            width: 200px
        }

            .search-right input.qsearch:focus {
                outline: #736a59 auto 2px
            }

        .search-right input.inputSearch {
            position: relative;
            visibility: hidden
        }

    #accounts_mobile_msdd {
        width: 100% !important;
        outline: 0
    }

    .main p {
        margin-top: 1%
    }

    .main h1 {
        margin-bottom: 1%
    }

    #mainContent {
        padding: 3.3% 0
    }

    #mobile-email .signup {
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 10px 2px;
        text-transform: uppercase;
        width: 176px;
        color: #FFF
    }

        #mobile-email .signup img {
            margin: 6px 10px 10px 0;
            float: left
        }

    .mobile-signup {
        display: block;
        width: 100%;
        padding: 0 1%
    }

        .mobile-signup .main {
            margin: 1%;
            clear: both
        }

    .mobile-cont {
        width: 100%;
        padding: 10px;
        background-color: #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .mobile-newsletter {
        color: #FFF
    }

    #mobile-email .button {
        display: block;
        margin-bottom: 1.3%;
        margin-top: 2%
    }

    #subLeft, .bottom-nav .logo {
        display: none
    }

    #mobile-conti {
        padding: 0 .5%;
        width: 99%;
        background-color: red;
        margin: 0 auto
    }

    #mobile-findc {
        width: 100%;
        margin: 0 auto
    }

    #mobile-find ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0
    }

    .item1, .item2 {
        background-position: center top;
        background-size: cover;
        border-radius: 3px;
        padding-top: 43%
    }

    #mobile-find li {
        float: left;
        margin: 0 2.5% 4.1095% 0;
        width: 48.5%
    }

    #lastm {
        margin-right: 0 !important
    }

    .item1 {
        background-image: url(../images/findlocation_mobile.png)
    }

    .item2 {
        background-image: url(../images/careers_mobile.png)
    }

        .item1:hover, .item2:hover {
            background-position: center bottom;
            cursor: pointer
        }

    .item3, .item4 {
        background-position: center top;
        background-size: cover;
        border-radius: 3px;
        padding-top: 43%
    }

    .item3 {
        background-image: url(../images/knowledgecenter_mobile.png)
    }

    .item4 {
        background-image: url(../images/testimonials_mobile.png)
    }

        .item3:hover, .item4:hover {
            background-position: center bottom;
            cursor: pointer
        }

    #footerTabs, #footerTabs li a, #mfooterInfo, #footerInfo {
        display: block
    }

        #footerTabs li {
            border-bottom: 1px solid #9e8e79;
            padding: 1.5%
        }

        #footerTabs #s-dash {
            border-top: 2px solid #9e8e79
        }

        #footerTabs #s-nash {
            border-bottom: 2px solid #9e8e79
        }

        #footerTabs ul {
            margin-bottom: 0;
            background-color: #e5ded6
        }

    #mfooterInfo, #footerInfo {
        text-align: center;
        padding: 15px 10px;
        /*border-top: #e5ded6 solid 4px;*/
        margin: 0 auto
    }

        #mfooterInfo ul, #footerInfo ul {
            margin-bottom: 0;
            list-style-type: none;
            padding: 0
        }

        #mfooterInfo li, #footerInfo li {
            font-size: 10px
        }

    #subLeft {
        margin: 0;
        padding: 0 1%
    }

    #divider {
        background-color: #E2E2E2;
        border-radius: 15px;
        height: 2px;
        margin: 1%
    }

    .mainWrapper.five.columns {
        float: none;
        margin: 10px 1% 0;
        padding: 0
    }

    .main h1 {
        margin-top: 1%;
        font-size: 1.5rem;
    }

    h1, h2 {
        font-size: 1.5rem;
    }

    #mbl-app {
        display: block !important
    }

    .knowledge .cta-row {
        display: none
    }

    .cbp-hrmenu .cbp-hrsub-inner > div:not(.nav-section-header) {
        width: 100%
    }

    .cbp-hrmenu > ul > li > a {
        padding: .6em;
        font-size: 1em
    }

    .cbp-hropen .about-menu, .cbp-hropen .business-menu, .cbp-hropen .personal-menu, .cbp-hropen .wealth-menu {
        width: 55%;
        left: 0
    }

    .knowledge .cta-row-bottom-bar {
        border-bottom: none
    }

    .location_column > div > div {
        width: 50%
    }

    .solutions.button-bar {
        margin-top: 1em
    }

    .wealth-links-container {
        margin-left: 1em;
        margin-right: 1em
    }
}

@media only screen and (max-width:688px) {
    .main-slider {
        display: none
    }

    #msocial {
        padding-right: 15px
    }

    .top-links {
        padding-right: 0
    }

    #msocial i.fa {
        font-size: 1.2em
    }

    .topNav {
        padding: 0
    }

    .cbp-hropen .cbp-hrsub {
        width: 100%;
        position: inherit;
        overflow: auto
    }

    .cbp-hrmenu .cbp-hrsub-inner {
        padding: 2em 1em;
        font-size: 1em
    }

    .cbp-hrmenu > ul > li > a {
        display: block;
        padding: .5em 1.2em
    }

    li.cbp-hropen .menu-carret {
        top: initial
    }

    .cbp-hropen .menu-carret-bar {
        margin-top: -15px
    }

    .business.menu-carret-bar, .personal.menu-carret-bar {
        padding-left: 50px;
        padding-bottom: 0
    }

    .wealth.menu-carret-bar {
        padding-left: 80px;
        padding-bottom: 0
    }

    .about.menu-carret-bar {
        padding-left: 37px;
        padding-bottom: 0
    }

    .cbp-hropen .about.menu-carret-bar, .cbp-hropen .business.menu-carret-bar, .cbp-hropen .personal.menu-carret-bar, .cbp-hropen .wealth.menu-carret-bar {
        padding-bottom: 15px
    }

    .cbp-hrsub-inner > div > a > p {
        padding: .5em 0
    }

    .cbp-hrsub-inner > div:not(:last-child) > a > p {
        border-bottom: 1px solid #9f9890
    }

    .cbp-hrsub-inner > .nav-column > div {
        padding-top: .75em;
        padding-bottom: .75em;
        margin-bottom: 0;
        border-bottom: 1px solid #9f9890
    }

    .cbp-hrsub-inner > .nav-column:last-child > div:last-child {
        border-bottom: none
    }

    #msocial i.fa {
        font-size: 1.4em;
        padding-top: 13px
    }

    .top-links p {
        padding-bottom: 16px
    }

    .cbp-hrmenu > ul > li:not(:last-child) {
        border-bottom: 2px solid #cdc4b3
    }
}

.con-head, .jspCap {
    display: none
}

@media only screen and (min-width:576px) {
    .d-hide {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .advisor-container {
        width: 100%
    }

    .advisor-info {
        padding-left: 1em;
        padding-right: 0
    }

        .advisor-info h3 {
            font-size: 2em
        }

    .m-hide {
        display: none
    }
}

@media only screen and (max-width:510px) {
    .location_column > div > div {
        min-width: 160px;
        font-size: .9em;
        height: 190px
    }
}

@media only screen and (max-width:479px) {
    #career-nav-mobile ul li {
        padding-right: 50px
    }

    .top-links p {
        font-size: .9em
    }

    .transaction-img {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
}

.con-select {
    cursor: pointer;
    margin: 10px 0
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspHorizontalBar, .jspPane, .jspVerticalBar {
    position: absolute
}

.jspVerticalBar {
    top: 0;
    right: 0;
    width: 7px;
    height: 100%;
    background: #fff
}

.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 7px;
    height: 16px;
    background: red
}

.jspDrag, .jspTrack {
    position: relative;
    width: 7px
}

.jspHorizontalBar *, .jspVerticalBar * {
    margin: 0;
    padding: 0
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.jspDrag {
    background: #b0aaa1;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d
    }

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

/**************************/
/*SEARCH*/
/**************************/
.searchContainer {
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 15px;
}

.searchMod {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    background: #fff;
    border: 1px solid #d1d1d1;
}

.date {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
}

    .date .defaultCTA {
        font-size: .7em;
        font-weight: 700;
        letter-spacing: .1em;
        color: #fff;
        background: #29588c;
        border: none;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.searchMod .defaultInput {
    position: relative;
    display: block;
    width: 100%;
    /*padding: .5em 6em .5em 1em;*/
    font-size: 1em;
    line-height: 1.2em;
    border: 1px solid silver;
    padding: 10px;
}

.searchMod .defaultCTA {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 1.5em;
    font-size: .7em;
    font-weight: 700;
    letter-spacing: .1em;
    color: #fff;
    background: #29588c;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#mobilesearch .defaultCTA {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: #444;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.icons-search .defaultCTA {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: #444;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.searchMod .defaultCTA span {
    font-weight: 700;
}

.defaultInput {
}

.searchResults {
    position: relative;
    display: block;
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px 60px 0;
}

.ajaxResults {
    font-size: 14px;
}

    .ajaxResults i {
        font-size: 12px;
    }

.resultItem {
    position: relative;
    display: block;
    padding: 1.5em 0;
    font-size: 20px;
    border-top: 1px solid #d1d1d1;
    text-decoration: none;
}

    .resultItem:first-child {
        border-top: none;
    }

.resultTitle, .ss360-suggests__header {
    position: relative;
    display: block;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.2em;
    color: #29588c;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;
}

.resultItem:hover .resultTitle, .resultItem:focus .resultTitle {
    color: #29588c;
}

.resultUrl {
    position: relative;
    display: block;
    padding: .5em 0 0 0;
    font-size: .7em;
    font-weight: 400;
    line-height: 1.2em;
    color: #29588c;
}

.resultDesc, .ss360-suggests__snippet {
    position: relative;
    display: block;
    padding: .5em 0 0 0;
    font-size: .9em;
    line-height: 1.6em;
    color: #444;
}

.searchPaging {
    position: relative;
    display: block;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 0;
    letter-spacing: 0;
}

    .searchPaging #pagingList {
        display: inline-block;
    }

    .searchPaging a {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 30px;
        height: 30px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2em;
        color: #29588c;
        text-align: center;
        text-decoration: none;
        border: 2px solid transparent;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        transition: .25s;
    }

        .searchPaging a:hover, .searchPaging a:focus {
            border-color: #29588c;
        }

        .searchPaging a.current {
            color: #fff;
            background: #29588c
        }

.ss360-suggests__url {
    color: #29588c !important;
}

#ss360-layer .ss360-ac-b {
    border-color: #29588c !important;
}

#ss360-layer .ss360-ac-b, #ss360-layer .ss360-ac-b--focus:focus, #ss360-layer .ss360-ac-b--hover:focus, #ss360-layer .ss360-ac-b--hover:hover {
    border-color: #29588c !important;
}

.ss360-more-results:hover {
    background-color: #29588c !important;
    color: #fff !important
}

#ss360-layer .ss360-ac-bg--hover:hover {
    color: #ffffff !important;
}

/**************************/
/*END SEARCH*/
/**************************/

/**************************/
/*PUBLICATIONS PAGINATION*/
/**************************/
.pageSorting ul:after {
    clear: both;
    content: "";
    display: table;
}

.pageSorting ul {
    margin: 0 0 60px;
    padding: 15px 0 0;
    border-top: 1px solid #a4a6a7;
}

.pageSorting li {
    color: #7c7c79;
    display: block;
    float: left;
    font-size: 14px;
    margin: 1px;
    min-width: 21px;
    text-align: center;
}

    .pageSorting li a {
        /*background: #FFF;*/
        color: #1c1c1c;
        display: block;
        height: 29px;
        padding: 5px;
        text-align: center;
        width: 30px;
        /*font-family: "Source Sans Pro",sans-serif;*/
    }

.pageSorting .active {
    background: #2c93c1;
    color: #fff;
}

    .pageSorting .active a {
        color: #fff;
    }

.pageSorting .goto_previous, .pageSorting .goto_next {
    padding-left: 0;
    padding-right: 0;
}





@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    header {
        display: none;
    }

    footer {
        display: none;
    }
	
	#banner-slider{display: none;}
	.additional-menu-info {display: none;}

    #bodyContent {
        padding: 0;
    }

    #pageImg {
        display: none;
    }

    #subLeft {
        display: none;
    }

    .logo {
        display: none;
    }

    .topNav {
        display: none;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}


@media only screen and (max-width: 767px) {

    .top-nav {
        display: none;
    }

    .bottom-nav {
        display: none;
    }

    #navbarCollapse .dropdown {
        border: none;
    }
}

#navbarCollapse .btn {
    background-color: #c0b5a7;
    box-shadow: 0 1px 1px rgba(50,50,50,.1);
    border-radius: 0px;
    color: #fff;
}


/*header img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}*/

.skip-to-pageassist {
    display: none !important;
}

.screenreader-text {
    position: absolute;
    left: -999px;
    width: 1px;
    height: 1px;
    top: auto;
}

    .screenreader-text:focus {
        color: #fff;
        display: inline-block;
        height: auto;
        width: auto;
        position: static;
        margin: auto;
    }

/*#searchInput {
    display: none;
}*/

/*
    SEARCH RESULTS
*/
.ss360-suggest__image-container {
    display: none;
}

#ss360-layer .ss360-ac-c {
    color: #29588c !important;
}

.ss360-nav {
    display: none !important;
}

.ss360-n-button {
    border-color: #29588c;
}

    .ss360-n-button:hover {
        color: #fff !important;
    }
/**/
button:focus {
    outline: none !important;
}

#email .signup, .datatable th, .uppercase {
    text-transform: uppercase
}

#ImgMobilehead, #mfooterInfo img, img.content-img, img[alt="HR Search Openings"], img[alt="Email page"], img[alt="Print page"] {
    width: inherit
}

#footerInfo ul {
    list-style: none;
}

#msocial, .top-links, img {
    vertical-align: middle
}

.disclaimer, .italic, li.mobile-subnav, p.emailsecure {
    font-style: italic
}

.breadcrumb {
    background-color: transparent;
    font-size: 12px;
}

/*.title-section {
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.title-bar {
    padding: 10px 0;
    background: rgba(255,255,255,2);
    background: -webkit-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));
    background: -o-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));
    background: -moz-linear-gradient(left,rgba(255,255,255,2), rgba(255,255,255,.6));
}

.title-text h1 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}*/

/*.cta {
    color: #fff;
}

#email .signup, .datatable th, .uppercase {
    text-transform: uppercase
}

#ImgMobilehead, #mfooterInfo img, img.content-img, img[alt="HR Search Openings"], img[alt="Email page"], img[alt="Print page"] {
    width: inherit
}

#footerInfo ul {
    list-style: none;
}

#msocial, .top-links, img {
    vertical-align: middle
}*/

/***************************************************************************/
/*NEW - RESKIN 2021*/
/***************************************************************************/
/*body.monsido-toolbar-body-container > .mon-logo-container {
    display: none !important;
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.bg-darkgry {
    background-color: #444;
}

.ml-20 {
    margin-left: 20px;
}

.bottom-pad-20 {
    padding-bottom: 20px;
}

.align-right {
    text-align: right;
}*/

/*#navigation {
    background: #444;
}

#navbarContent2 img {
    max-width: 30px;
}

#navbarContent2 .align-items {
    display: flex;
    align-items: center;
}

.top-pad-20 {
    padding-top: 20px;
}

.top-pad-40 {
    padding-top: 40px;
}

.btn-open {
    background-color: #589ecb !important;
    color: #000;
    padding: 7px 12px;
    font-weight: 700;
}*/

/*.alertWrap {
    position: relative;
    display: block;
    width: 100%;
    background: #fec61c;
}

    .alertWrap p {
        color: #444;
    }

.alertInner {
    position: relative;
    display: block;
    width: 100%;
    min-height: 82px;
    margin: 0 auto;
    padding: 20px 50px;
}

.alertInfo {
    max-width: 100%;
    padding: 0;
    font-size: 13px;
    line-height: 22px;
}

.alertClose {
    position: absolute;
    display: block;
    width: 34px;
    top: 0;
    right: 0;
    padding: 7px 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #000;
    box-sizing: border-box;
}

    .alertClose span {
        display: inline-block;
        -webkit-transform: scale(1.4,1);
        -ms-transform: scale(1.4,1);
        transform: scale(1.4,1);
    }*/

/*#navbarContent2 .dropdown-menu {
    background-color: #444;
    border-top: 2px solid #fff;
    border-radius: 0px;
}*/

/*#navbarContent2 .dropdown-item {
    padding: .20rem 2.5rem;
    font-size: .9rem;
    color: #fff;
}*/

#navbarContent2 .dropdown-menu::before {
    color: #fff;
    position: absolute;
    content: "\f0d8";
    top: -18px;
    bottom: 0;
    left: 30px;
    font-size: 1.2rem;
    font-family: "Font Awesome 5 Free";
}


/*.dropdown-menu.show {
    display: inline-flex;
}
  .dropdown-menu {background-color: #444;border-top:2px solid #fff;border-radius: 0px;}
  .dropdown-menu::before{color: #fff;
    position: absolute;
    content: "\f0d8";
    top: -18px;
    bottom: 0;
    left: 30px;
    font-size: 1.2rem;
    font-family: "Font Awesome 5 Free";
}*/
.dropdown-header {
    font-size: 1rem; /*text-transform: uppercase;*/
    font-weight: 700;
    color: #fff;
}

#navbarContent2 .dropdown-menu {
    min-width: 45rem;
    padding: 25px;
    margin-top: 10px;
}

#navbarContent2 a.dropdown-item:hover {
    text-decoration: underline;
    background-color: transparent;
}

.notransform {
    text-transform: none;
}

/*.dropdown-header a {
    color: #fff;
    font-weight: bold;
}*/

a.main-link {
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
}

#icons-search {
    /*padding: 20px;*/
    position: relative;
    /*display: flex;
    align-items: center;*/
}

    #icons-search a {
        vertical-align: middle;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1.5);
    border-color: rgba(255,255,255,1.5);
}

/*forIE10 and 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    /*#icons-search{text-align:right;}*/
    .row {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}


.icons-search li {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
}

    .icons-search li a {
        color: #fff;
    }

.icons-search .fab {
    margin-right: 10px;
    font-size: 1.8rem;
}

.icons-search .social-icons {
    margin-top: 4px;
}

/*#searchInput, .searchInput {*/
/* padding: 8px;
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 1rem;
    color: #fff;*/
/*border-radius: .225rem;*/
/*border: 1px solid #a7a6a6;
   
    vertical-align: middle;*/
/*display: flex;
    align-items: center;*/
/*}*/

/*.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.9);
}*/



.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

#login-container {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translate(0, -50%);
    background: #3a96db;
    padding: .2rem;
    z-index: 2;
    color: #fff;
    border-radius: 5px;
    width: 384px;
}

#login-mobile-container {
    background: #3a96db;
    padding: .2rem;
    z-index: 2;
    color: #fff;
    border-radius: 5px;
    margin: auto;
}

#banner-login {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 34.41vw;
}

#login-container .h2 {
    color: #444;
    font-size: 1.5rem;
    margin: 1.2rem .9rem;
    position: relative;
}

#loginContent {
    border: 1px solid #444;
    background: #444;
    padding: 2rem;
}

#login-container .accountTypeSort, #login-mobile-container .accountTypeSort {
    border: none;
    color: #444;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 0 0 0 13px;
    line-height: 40px;
    margin: 0;
    background: transparent;
}

    #login-container .accountTypeSort:focus, #login-mobile-container .accountTypeSort:focus {
        outline: none;
    }

#btnLabel::after {
    content: "\f13a";
    color: #3a96db;
    font-weight: bold;
    font-size: 1.4em;
    /*top:-2px;right:0px;*/ position: absolute;
    font-family: "Font Awesome 5 Free";
    left: 260px
}


/*Login Modal*/
#btnLabelM::after {
    content: "\f13a";
    color: #3a96db;
    font-weight: bold;
    font-size: 1.4em;
    /*top:-2px;right:0px;*/ position: absolute;
    font-family: "Font Awesome 5 Free";
    left: 280px
}

@media only screen and (max-width: 475px) {
    #btnLabelM::after {
        left: 150px
    }
}


/*#login-container .accountTypeSort i, #login-mobile-container .accountTypeSort i {
        display: inline-block;
        margin-left: 145px;
        padding: 0 15px;
        line-height: 40px;
        vertical-align: bottom;
        font-size: 21px;
        color: #3a96db;
    }*/

#login-container .dropdown, #login-mobile-container .dropdown {
    border: none;
    margin: 0;
}

#login-container .dropdown-menu, #login-mobile-container .dropdown-menu {
    font-size: 15px;
    font-weight: 500;
    /*line-height:18px;*/
    color: #444;
    max-height: 200px;
    /*overflow: scroll;*/
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    overflow: visible;
    background-color: #fff;
    line-height: 1.5rem;
    /*width: 100%;*/
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

    #login-container .dropdown-menu > li > a {
        padding: .58em 1.5em;
    }

        #login-container .dropdown-menu > li > a:hover, #login-container .dropdown-menu > li > a:focus {
            /*background:#fff;*/
            color: #444;
        }


/*.openAccount:after {content:"|";}*/

#otherTab .btn {
    width: 100%;
    text-align: left;
    border: 1px solid #4444;
    border-radius: 0px;
    height: 50px;
}
/*#login-container dropdown-menu a {color:#444;}
                         #login-container dropdown-menu a:hover {color:#24588d;}*/

/*#loginTab li .nav-link.active{background-color: #444;color:#fff;border-color:#444;border:1px solid #444;}*/
/*.nav-tabs .nav-item {
    margin-bottom: -2px !important;
}
.nav-tabs .nav-link {border-bottom: 1px solid #444;}
.nav-tabs .nav-link:hover {border-bottom: 1px solid #444;}

.logintab {    margin-left: 4px;
    background: #A7A6A6;
    border-radius: 5px 5px 0 0;
    font-size:.8rem;
    text-align: left;
}
a.logintab {color:#444;}*/

/*#login-container input[type="text"]{font-size:.7rem;padding:.5rem;width:100%;}*/
/*#login-container .btn-secondary {
    width: 100%;
    background-color: #A7A6A6;
    color: #444;
    font-weight: 700
}

#login-container .btn-primary {
    width: 100%;
    background-color: #29588c;
    color: #fff;
    font-weight: 700;

    border-color: #29588c;
}

    #login-container .btn-primary:hover {
        background-color: #3a96db;
    }

#login-container .divider {
    position: absolute;
    bottom: 7px;
    color: #444;
    left: 185px;
    font-size: 1.4rem;
}*/
/*#login-mobile-container .divider {position: absolute;bottom: 7px;color: gray;left: 185px;font-size:1.4rem;}*/
/*#login-mobile-container .btn-secondary {
    width: 100%;
    background-color: #A7A6A6;
    color: #444;
    font-weight: 700
}

#login-mobile-container .btn-primary {
    width: 100%;
    background-color: #29588c;
    color: #fff;
    font-weight: 700;
    border-color: #29588c;
}

    #login-mobile-container .btn-primary:hover {
        background-color: #3a96db;
    }

#login-links ul {
    margin: 15px 18px 0;
    padding: 0;
    list-style: none;
}

#login-links li a {
    color: #29588c;
    text-decoration: none;
    font-size: .8rem;
}

    #login-links li a:hover {
        color: #3a96db;
    }*/

/*#acctButtons a {
    color: #29588c;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

    #acctButtons a:hover {
        color: #3a96db;
    }

#acctButtons .divider {
    color: #A7A6A6;
}*/

.p-10 {
    padding: 10px;
}

.loginbtn, .mobilenav {
    display: none;
}

.owl-carousel .owl-stagin {
    display: flex;
    align-items: center;
}

#mobilesearch {
    display: none;
}

#mobile-icons {
    display: none;
}

#msearchInput {
    display: none;
}

@media only screen and (max-width: 991px) {
    #login-desktop {
        display: none;
    }

    #mobilesearch {
        display: block;
        margin: 16px;
    }

    #mobile-icons {
        display: block;
        padding: 15px;
    }

        #mobile-icons .fab {
            font-weight: 500;
            color: #fff;
            font-size: 1.7rem;
            vertical-align: middle;
            margin: 0 5px;
        }

    .m-none {
        display: none;
    }

    .m-navbar {
        bottom: 30px;
        position: relative; /*border-top:1px solid #fff;*/
    }

    .podcast-icon, .kcenter-icon {
        display: none;
    }

    #searchInput {
        display: none;
    }
    /*HIDDEN UNTIL SEARCH IS REPLACED*/
    #msearchInput {
        display: block;
    }

    #login-container {
        display: none;
    }

    .loginbtn {
        display: inline-block;
        margin-left: 25px;
    }

        .loginbtn a {
            color: #444 !important;
        }

    .mobilenav {
        display: block;
    }

    .mloginnav {
        margin-top: 20px;
    }

    .mpersonal, .mbusiness, .mwealth {
        display: block !important;
    }
    /*#servicesWrapper .owl-item img {
                 width: 100%;
             }*/
    .navbar {
        padding: 10px !important;
    }

    #navbarContent1 {
        padding: 20px;
    }

    #navbarContent2 .dropdown-menu {
        padding: 0;
        min-width: 20rem;
    }
}



/*modal popup on mobile*/
#loginModal .modal-header {
    line-height: 50px;
    padding: 0 15px;
}

    #loginModal .modal-header .close {
        margin-top: 0;
        color: #444;
    }

#loginModal h4 {
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 50px;
    color: #444;
}

#mloginTab li .nav-link.active {
    background-color: #444;
    color: #fff;
    border-color: #444;
    border: 1px solid #444;
}

#mloginTab.nav-tabs {
    border-bottom: 0;
    margin-bottom: 0;
}

#mloginContent input[type="text"] {
    font-size: .7rem;
    padding: .5rem;
    width: 100%;
}
/*#mloginContent .btn-secondary {width:100%;background-color:#A7A6A6;color:#000;font-weight:700}
#mloginContent .btn-primary {width:100%;background-color:#589ecb;color:#000;font-weight:700;border-color:#589ecb;}*/

.btn-mobile-login {
    width: 100%;
    background-color: #fff;
    color: #444;
    font-weight: 700;
    border-color: #fff;
}


/*KNOWLEDGE CENTER ON HOME PAGE*/
/*.knowledge h4 {
    font-size: 1.2rem;
}

.ca_team_member h2 {
    font-size: 1.2rem;
}*/
/***************************************************************************/
/***************************************************************************/
#mainContent .button, a.mapit {
    transition: background-color .3s ease-out 0s;
    cursor: pointer
}

/*#career-nav ul li a, #concierge a#ctab:active, #concierge a#ctab:link, #concierge a#ctab:visited, #footer li a, #knav a, #mainnav a li, #msocial a, #resource a, #snav li a, .cta.blue-bg a:hover, .cta.green-bg a:hover, .top-links p, a.mapit, a:focus, a:hover {
    text-decoration: none
}*/

#footercontainer ul, #nav-bar-icons ul, #publist, #slide, #snav ul, .login .dddropdown, .publeftNav ul {
    list-style: none
}

button, html, input, select, textarea {
    color: #222
}

body {
    line-height: 1.4;
    font-size: 16px
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

#searchInput::placeholder, #msearchInput::placeholder { /*chrome,firefox,opera,safari 10.1+*/
    color: #fff;
    opacity: 1; /*Firefox*/

}

#searchInput:-ms-input-placeholder, #msearchInput:-ms-input-placeholder { /*IE 10-11*/
    color: #fff;
}

#searchInput::-ms-input-placeholder, #msearchInput::-ms-input-placeholder { /*Microsoft Edge*/
    color: #fff;
}

::placeholder { /*chrome,firefox,opera,safari 10.1+*/
    color: #444;
    opacity: 1; /*Firefox*/
}

:-ms-input-placeholder { /*IE 10-11*/
    color: #444;
}

::-ms-input-placeholder { /*Microsoft Edge*/
    color: #444;
}

hr {
    display: block;
    height: 1px;
    border-top: 1px solid #444;
    margin: 1em 0
}

fieldset {
    margin: 0
}

textarea {
    resize: vertical
}

/*#subRight p a, #subContent p a, #accounts li a {
    text-decoration: underline;
}*/

/*a {
    color: #29588c;
    font-weight: 500;
    text-decoration: underline;
}*/



/*a:active, a:focus {
        outline: 0
    }

    a.nav-link {
        color: #fff;
    }

    a:visited {
        color: #29588c;
    }*/

/*.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}*/
/*.green{
    color:#8bc22c
}*/
/*change green css to blue to change all missed*/
/*.green {
    color: #29588c
}*/

/*changed to #444 to catch all pages and any missed*/
.brown {
    /*color: #9e8e79*/
    color: #444;
}

/*.blue {
    color: #29588c;
}

#login-links a {
    color: #29588c
}

.drk-gray {
    color: #444444;
}*/

/*change any p tags that have blue class to be this color (only links should be blue)*/
/*p.blue {
    color: #444444;
}

.light-gray {
    color: #ededed;
}

.light-gray-bg {
    background-color: #ededed;
}

.medium-gray {
    color: #a7a6a6;
}

.blue-bg {
    background-color: #29588c;
}*/

/*.white {
    color: #fff
}*/

/*.light-brown-bg {
    background-color: #eeebe7
}*/
/*.green-bg{
    background-color:#9cd721
}*/
/*change green css to blue to change all missed*/
.green-bg {
    background-color: #29588c;
}


/*.blue-bg {
    
    background-color: #3f9fcf;
}*/
/*.cta a {
    color: #fff;
}*/

/*.btn-primary {
    width: 100%;
    background-color: #24588d;
    color: #fff !important;
    font-weight: 700;
    border-color: #24588d;
}

    .btn-primary:hover {
        background-color: #3a96db;
        color: #fff;
    }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #444;
}

header {
    z-index: 10
}

h1 {
    font-size: 2.2rem;
}

h2 {
    font-size: 1.6em
}

h3 {
    font-size: 1.4em
}

h4 {
    font-size: 1.2em
}

p {
    font-size: 1em;
}*/

/*a {
    color: #1789c0
}*/

/*.errorMsg {
    color: red;
    font-style: italic;
}

#subRight li {
    margin-left: 20px
}

ul {
    list-style-type: disc;
    overflow: hidden;
}

ol.number {
    list-style-type: decimal
}

ol.letter {
    list-style-type: lower-alpha
}

ol.roman {
    list-style-type: lower-roman
}

#subRight ul > ul > li {
    margin-left: 60px;
    list-style-type: circle
}

#career-nav ul, .hr-social ul, span.trust ul {
    list-style-type: none
}

img[alt="CCB/Apple Pay"] {
    width: 200px
}

.no-border {
    border: none
}

.top-pad-10 {
    padding-top: 10px
}


.top-pad-20 {
    padding-top: 20px
}

.top-pad-40 {
    padding-top: 40px
}

.top-pad-60 {
    padding-top: 60px
}

.top-marg-20 {
    margin-top: 20px
}

.top-marg-40 {
    margin-top: 40px
}

.bottom-pad-10 {
    padding-bottom: 10px
}

.bottom-pad-20 {
    padding-bottom: 20px
}

.bottom-pad-40 {
    padding-bottom: 40px
}

.bottom-pad-60 {
    padding-bottom: 60px
}

.no-gut, .no-pad {
    padding: 0
}

.marg-bot-5 {
    margin-bottom: 5px
}

.no-gut, .no-marg {
    margin: 0
}

.bottom-marg-20 {
    margin-bottom: 20px
}

.bottom-marg-40 {
    margin-bottom: 40px
}

.no-marg-bot, .top-links p {
    margin-bottom: 0
}

.skinnier {
    font-weight: 100
}

.skinny {
    font-weight: 300
}

.fat {
    font-weight: 500
}

.fatter {
    font-weight: 700
}

.disclaimer {
    font-size: .8em;
    margin: 15px;
}

.in-p-disclaimer {
    font-size: .65em
}

.text-center {
    text-align: center
}

.nav2 {
    padding: .4em 0;
    height: 4.2em
}

#mainnav .navmenu a {
    color: #000
}

.bottom-nav, .logo #Img1, .top-nav {
    width: 100%
}

.top-nav {
    overflow: auto
}*/

#footercontainer, .top-nav {
    /*background-color: #9e8e79*/
    background-color: #444;
}

/*    .top-nav .top-nav-links {
        text-align: right;
        padding-top: .8em;
        padding-bottom: .8em
    }

.bottom-nav {
    background-color: #e5ded6
}

#msocial {
    line-height: 1
}

#msocial, .top-links {
    display: inline-block;
    padding-right: 25px
}

    #msocial i.fa {
        font-size: 25px
    }

    #msocial a:not(:last-child) i.fa {
        padding-right: 10px
    }

    .top-links a:not(:last-child) p {
        padding-right: 20px
    }


.socialShare {
    margin: 20px 0
}

    .socialShare a {
        color: #fff;
        display: inline-block;
        font-size: 16px;
        margin-right: 3px;
        min-width: 28px;
        padding: 3px 0;
        text-align: center
    }

        .socialShare a.Share-facebook {
            background: #3b5998
        }

        .socialShare a.Share-twitter {
            background: #00aced
        }

        .socialShare a.Share-linkedin {
            background: #007bb6
        }

        .socialShare a.Share-email {
            background: #1789c0
        }


label[for=ddaccount] {
    font-size: 18px
}

.logo {
    line-height: 3.7
}

#mainnav a li {
    font-size: 20px;
    padding-top: 10px;
    display: inline-block
}

.top-links p {
    color: #fff;
    padding-bottom: 0;
    font-size: 17px;
    display: inline-block
}

#mainnav a:not(:last-child) li {
    padding-right: 35px
}

.search-box {
    padding-top: .5em
}

label {
    display: initial
}

.anythingSlider-metallic .thumbNav {
    position: relative;
    top: 10px;
    left: 44.5%;
    visibility: visible
}

.hidden, .invisible {
    visibility: hidden
}

.anythingSlider .fa-circle {
    color: #d2cbc1
}

.anythingSlider [class*=fa-chevron] {
    color: #9e8e79
}

.solutions.cta-wrapper a p {
    margin-bottom: 0;
    text-align: center;
    letter-spacing: 1px
}

.solutions.cta-wrapper .cta {
    width: 170px;
    padding: 10px 0;
    margin: auto
}

.cta.blue-bg a:hover, .cta.green-bg a:hover {
    color: #fff
}

.online-banking.accord-content td a, .sub-page-menu a, .sub-page-menu-fixed a, #left a {
    color: #000
}

.img-container {
    text-align: center;
    width: 100%
}

.knowledge .cta-row-bottom-bar {
    border-bottom: none;
}

.mobile-cont {
    display: none !important
}

#subContent {
    padding-top: 1em;
    padding-bottom: 2em
}*/

.sub-page-menu {
    /*position: absolute;*/
    max-width: 326px;
    top: 2.5em;
    margin-right: 50px;
}

.sub-menu.cta-wrapper {
    max-width: 197px
}

    .sub-menu.cta-wrapper .cta.blue-bg, .sub-menu.cta-wrapper .cta.green-bg {
        padding: 10px
    }

.sub-page-menu-fixed {
    top: 30px;
    z-index: 1;
    position: fixed
}

.additional-menu-info .menu-phone {
    font-size: 1.5rem;
    color: #29588c;
}

.sub-menu .cta p {
    font-size: 1.33em;
    color: #fff;
    margin-bottom: 0
}

.menu-indent {
    padding-left: 20px
}

#subRight {
    z-index: 2
}

.main-content-cta.cta.blue-bg, .main-content-cta.cta.green-bg {
    width: 130px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px
}

    .main-content-cta.cta.blue-bg p, .main-content-cta.cta.green-bg p {
        margin-bottom: 0
    }

#footerTabs.ftabs a {
    color: #000
}

.top-button {
    width: 43px;
    position: relative;
    right: 10px;
    bottom: 10px;
    float: right;
    color: rgba(0,0,0,.2)
}

.back-button {
    display: none
}

.cbp-hropen .cbp-hrsub {
    z-index: 999;
    background: #736a59;
    border: none;
    top: 61px
}

.cbp-hropen .personal-menu {
    width: 150%;
    left: -53%
}

.cbp-hropen .business-menu {
    width: 150%;
    left: -31.5%
}

.cbp-hropen .wealth-menu {
    width: 150%;
    left: -30%
}

.cbp-hropen .about-menu {
    width: 150%;
    left: -10%
}

.cbp-hrsub h4 {
    color: #fff;
    font-weight: 500;
    font-size: 1.143em;
    padding: 1em 0 2em
}

.cbp-hrsub .nav-section-header h4 {
    padding: 2em 0 1.2em
}

.cbp-hrsub-inner {
    width: 100%
}

    .cbp-hrsub-inner div ul > li {
        padding-bottom: 20px
    }

.about-menu .cbp-hrsub-inner > div:not(.nav-section-header) {
    width: 50%
}

.needs-menu .cbp-hrsub-inner > div:not(.nav-section-header) {
    width: 25%;
    text-align: center
}

.solutions-menu .cbp-hrsub-inner > div:not(.nav-section-header) {
    width: 100%
}

.nav-main {
    margin-bottom: 1.5em
}

.cbp-hrsub-inner .main-title {
    font-size: 1.2em;
    color: #fff;
    text-transform: uppercase
}

.cbp-hrsub-inner .nav-main .sub {
    font-size: .8em;
    margin-left: 1.5em
}

.cbp-hrmenu > ul > li.cbp-hropen .cbp-hrsub-inner a {
    font-size: 1em
}

.cbp-hrsub-inner a p {
    font-size: 1.2em
}

.cbp-hrsub-inner .nav-main .sub p {
    padding-bottom: 0
}

li.mobile-subnav {
    padding: 0 0 0 20px;
    font-size: .9em
}

.personal.menu-carret-bar {
    padding-left: 34px
}

.business.menu-carret-bar {
    padding-left: 35px
}

.wealth.menu-carret-bar {
    padding-left: 60px
}

.about.menu-carret-bar {
    padding-left: 24px
}

li.cbp-hropen .menu-carret {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #736a59;
    top: 50px;
}


select#accounts_mobile {
    background-color: #c0b5a7;
    color: #fff;
    height: 50px;
    border-radius: 0;
    border: none;
    -webkit-appearance: none;
    padding-left: 55px;
    width: 200px
}

    select#accounts_mobile:focus {
        outline: 0
    }

.search-left i.fa-lock {
    left: 42px;
    top: 1px;
    position: relative
}

.solutions-cta-section, .solutions-top-section {
    margin-top: 40px;
    margin-bottom: 60px;
    overflow: hidden
}

    .solutions-cta-section.top60 {
        margin-top: 60px;
        margin-bottom: 60px;
        overflow: hidden
    }

.solutions-info-section {
    padding: 40px 0;
    overflow: hidden
}

.solutions-bottom-section {
    padding: 20px 0;
    overflow: hidden
}

.solutions-top-section .solutions {
    text-align: center
}

    .solutions-top-section .solutions.img img {
        max-width: 100px
    }

    .solutions-top-section .solutions.header h1 {
        font-size: 5em;
        margin: 0;
        line-height: 1
    }

.solutions.header h3.no-top {
    margin-top: 0
}

.solutions-cta-section .solutions.button-bar .cta.blue-bg, .solutions-cta-section .solutions.button-bar .cta.green-bg {
    text-align: center;
    display: inline-block;
    padding: 10px 1.5em;
    margin: auto
}

    .solutions-cta-section .solutions.button-bar .cta.green-bg.business-btn {
        margin-top: 1em
    }

.solutions-bottom-section .solutions.button-bar {
    margin-bottom: 15px
}


    .solutions-bottom-section .solutions.button-bar .cta.blue-bg, .solutions-bottom-section .solutions.button-bar .cta.green-bg {
        text-align: center;
        width: 250px;
        padding: 10px;
        margin: auto
    }

.solutions.button-bar .cta.blue-bg, .solutions.button-bar .cta.green-bg {
    font-size: 1.33em
}

    .solutions.button-bar .cta.blue-bg p, .solutions.button-bar .cta.green-bg p {
        margin-bottom: 0
    }

.solutions-bottom-section .solutions.text, .solutions.button-bar .cta.green-bg {
    font-size: 1.1em
}

.solutions.text ul {
    padding-left: 40px
}

.wealth-links-container {
    text-align: center;
    padding: 1em 1.6em
}

    .wealth-links-container .solutions.text p {
        padding: .7em 0
    }

    .wealth-links-container .solutions.header, .wealth-links-container .solutions.text {
        background-color: #e4dcd7;
    }

.anythingSlider .panel {
    border: none;
    box-shadow: none
}

.panel img[alt*=trust] {
    width: 38%
}

.shop .sy-box .sy-slide .image-content .product-image[alt*=trust] {
    max-width: 105px
}

#subRight.twelve {
    max-width: 1024px;
    margin: 0 auto;
    float: none
}

.location_column {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 20px 20px 0 0
}

    .location_column > div > div {
        padding: 0 20px 20px 0;
        display: inline-block;
        width: 33%;
        min-width: 300px;
        height: 160px;
        float: left
    }

#MainContent_locImg {
    display: none
}

#map-canvas[style^=position] {
    height: 0 !important
}

#subRight #map-canvas[style^=position] {
    margin: 30px 0;
    padding: 0;
    height: 500px !important;
    width: 100%
}

iframe.Careers-Videos {
    height: 327px
}

#MainContent_pubContent iframe {
    width: 560px;
    height: 315px
}

.sy-slide .green-caption-container {
    position: absolute;
    bottom: 0;
    z-index: 12;
    left: 30%;
    width: 400px
}

    .sy-slide .green-caption-container .green-caption {
        position: relative;
        left: -50%;
        /*background-color:rgba(156,215,33,.9);*/
        background-color: rgba(0, 155, 223,.9);
        color: #000;
        padding: .6em 1.6em;
        border-radius: 0
    }

        .sy-slide .green-caption-container .green-caption h3 {
            color: #fff;
            font-size: 2em;
            margin-bottom: .3em
        }

        .sy-slide .green-caption-container .green-caption p {
            font-size: 1.1em;
            line-height: 1.4
        }

@media only screen and (max-device-width:600px),screen and (max-width:600px) {
    .green-caption-container {
        left: 0;
        bottom: .4em
    }

        .green-caption-container .green-caption {
            left: 0;
            padding: .2em .4em;
            font-size: .92em;
            border-radius: 0
        }
}

.sy-slide .green-caption-container.right-cap {
    left: 70%
}

.sy-slide .green-caption-container.small-cap {
    width: 310px
}

.sy-box .sy-caption {
    display: none !important
}

#subRight #publist li, #subRight .announcement li {
    margin-left: 0
}

.pub_social {
    padding-top: 1em
}

.advisor-disclaimer, .pub_author_image, .pub_author_info {
    display: inline-block
}

    .pub_author_image img {
        vertical-align: baseline
    }

.pub_author_info {
    vertical-align: top;
    padding-left: 1em
}

.pub_author_bio, .pub_author_name, .pub_author_readmore, .pub_author_title {
    padding: 0
}

.pub_author_name, .pub_author_title {
    font-size: 1em
}

.pub_author_title {
    margin-bottom: 1em
}

#MainContent_related {
    float: left;
    padding-top: 3em
}

#author, #related {
    margin-top: 20px;
}

/*.author-img {
    margin-left: 0;
    margin-top: 20px;
    float: left;
    max-width: 125px;
}*/

.pubContentView_author .article-title {
    margin-bottom: 5px
}

.advisor-container, .advisor-image, .advisor-info {
    display: inline-block;
    float: left
}

.advisor-container {
    width: 50%
}

.advisor-image {
    width: 40%
}

.advisor-info {
    width: 60%;
    padding-left: .5em;
    padding-right: .5em
}

    .advisor-info h3 {
        font-size: 1.5em;
        margin-top: 0;
        margin-bottom: 7px
    }

    .advisor-info p {
        font-size: .9em;
        padding-bottom: 0
    }

.advisor-disclaimer {
    padding-left: 0
}

/*#footercontent ul {
    max-width: 220px;
    margin: 0 auto !important
}

    #footercontent ul + ul {
        margin-top: 10px
    }*/

#map {
    height: 20em;
    margin: 20px 0
}


.cc_about_portrait {
    max-width: 200px;
    float: left;
    margin: 5px 1em 5px 0
}

.transaction-img {
    padding-top: 1em
}




#contact_form {
    margin-top: 30px
}

    #contact_form .form label {
        font-weight: normal;
    }

    #contact_form .form {
        /*width: 370px;*/
        margin-bottom: 20px
    }

        #contact_form .form input {
            width: 100%;
            border: 1px solid silver;
            padding: 10px
        }

            #contact_form .form input[type=checkbox] {
                width: auto;
                display: inline-block;
                margin-right: 5px;
            }

        #contact_form .form.textarea {
            margin-top: -8px
        }

            #contact_form .form.textarea fieldset {
                padding: 0 .425em .45em;
                margin: 0;
                border: 1px solid silver
            }

        #contact_form .form select {
            width: 100%;
            border: 1px solid silver;
            padding: 10px
        }

        #contact_form .form.textarea legend {
            width: initial;
            padding: 0 2px;
            margin-bottom: initial;
            color: #777;
            font-size: initial;
            border: initial
        }

        #contact_form .form.textarea #question_comment {
            width: 100%;
            height: 100px;
            border: none
        }

            #contact_form .form.textarea #question_comment:focus {
                outline: 0
            }

        #contact_form .form.submit button {
            background-color: #1789c0;
            border: none;
            color: #fff;
            width: 50%;
            padding: 6px 0;
            font-weight: 700;
            font-size: 1.3em
        }

/*****************subscribe form************************/

#subscribe-form {
    margin-top: 30px
}

    #subscribe-form .form {
        width: 275px;
        margin-bottom: 10px
    }

        #subscribe-form .form input {
            width: 100%;
            border: 1px solid silver;
            padding: 10px
        }

#cblSubscriptions input {
    width: 20px !important;
    display: inline-block;
    margin-right: 5px;
}

#cblSubscriptions label {
    font-weight: normal !important;
    font-size: 12px;
    vertical-align: middle;
    padding-bottom: 8px;
    color: #777;
}


#subscribe-form .form.textarea {
    margin-top: -8px
}

    #subscribe-form .form.textarea fieldset {
        padding: 0 .425em .45em;
        margin: 0;
        border: 1px solid silver
    }

    #subscribe-form .form.textarea legend {
        width: initial;
        padding: 0 2px;
        margin-bottom: initial;
        color: #777;
        font-size: initial;
        border: initial
    }

    #subscribe-form .form.textarea #question_comment {
        width: 100%;
        height: 100px;
        border: none
    }

        #subscribe-form .form.textarea #question_comment:focus {
            outline: 0
        }

#subscribe-form .form.submit button {
    background-color: #1789c0;
    border: none;
    color: #fff;
    width: 50%;
    padding: 6px 0;
    font-weight: 700;
    font-size: 1.3em
}

#newsletter-form .textarea {
    margin-bottom: 15px;
}

    #newsletter-form .textarea fieldset {
        padding: 0 .425em .45em;
        margin: 0;
        border: 1px solid silver
    }

    #newsletter-form .textarea legend {
        width: initial;
        padding: 0 2px;
        margin-bottom: initial;
        color: #777;
        font-size: initial;
        border: initial
    }

#cblInterests input {
    width: 20px !important;
    display: inline-block;
    margin-right: 5px;
}

#cblInterests label {
    font-weight: normal !important;
    vertical-align: middle;
    margin-bottom: 5px;
    display: inline;
    color: #777;
}


/****************************************************************/

#career-nav-mobile, #footerTabs, #mfooterInfo, #mobileNav, #search-openings-mobile, .msocial, .navLine {
    display: none
}

#mainContainer {
    width: 100%;
    position: relative;
    z-index: 1
}

.nopadding {
    padding: 0
}

.topNav {
    line-height: 1.9
}

.loc_image {
    width: 410px;
    height: 227px
}

a.mapit {
    display: block;
    color: #000 !important;
    font-weight: 700;
    background: #d6c8b2;
    padding: 6px 8px;
    width: 95px;
    text-align: center;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    margin: 5px 0
}

    a.mapit:hover {
        background: #a99a83;
        color: #000
    }

#dd .divider {
    border-right: 1px solid #fff;
    bottom: 1px;
    height: 32px;
    position: absolute;
    right: 30px
}

#dd .ddarrow {
    margin-right: 3px;
    margin-top: -6px;
    position: absolute;
    right: 5px;
    width: 16px
}

.wrapper-dropdown-2 {
    position: inherit;
    width: 210px;
    float: inherit;
    padding: 12px 5px;
    background: #c0b5a7;
    box-shadow: 0 1px 1px rgba(50,50,50,.1);
    cursor: pointer;
    outline: 0;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    text-align: center
}

.wrapper-dropdown-3 {
    position: inherit;
    width: 210px;
    float: right;
    padding: 12px 5px;
    background: #c0b5a7;
    box-shadow: 0 1px 1px rgba(50,50,50,.1);
    cursor: pointer;
    outline: 0;
    font-weight: 700;
    font-size: 1.1em;
    color: #fff;
    text-align: center
}

#ddaccount {
    display: inline-block;
    margin-left: 9px
}

.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px
}


.login .dddropdown {
    position: absolute;
    top: 3em;
    right: 15px;
    width: 210px;
    z-index: 999;
    background: #FFF;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,.17);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    font-weight: 400;
    display: none
}

    .login .dddropdown:after, .login .dddropdown:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%
    }

.login .dropdown-content ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0
}

.login .dropdown-content li {
    background-color: #c0b5a7
}

.login .dddropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    transition: all .3s ease-out;
    text-align: left
}

.login .dddropdown li i {
    float: right;
    color: inherit
}

.login .dddropdown li:hover a {
    background: #9e8e79
}

.login .dddropdown:after {
    right: 15px
}

.login .dddropdown:before {
    right: 13px
}

.menuLeft, .menuRight {
    width: 48%;
    background: #000;
    float: left
}

.wrapper-dropdown-3.active .dddropdown {
    opacity: 1
}

.menuLeft {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px
}

.menuRight {
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px;
    border-radius: 0 0 5px
}

#slideshowcontent {
    position: relative;
    bottom: 270px;
    clear: both
}

    #hr-head-left .search, #slideshowcontent .search {
        float: left;
        position: relative;
        bottom: 32px;
        width: 200px;
        margin-left: 0
    }

        #slideshowcontent .search label {
            margin: 0
        }

    #slideshowcontent .qsearch {
        display: inline;
        background: url(../images/search-bg_01.png) no-repeat;
        border: none;

        width: 178px;
        height: 27px;
        color: #7C7C7C;
        font-size: .8em;
        line-height: 1em;
        margin: 3px 0 0;
        vertical-align: middle;
        padding-right: 25px;
        box-shadow: none
    }

    #slideshowcontent .inputSearch {
        bottom: 27px;
        display: inline;
        left: 152px;
        position: relative
    }

    #slideshowcontent .social {
        float: right;
        width: 100px;
        position: relative;
        right: 0;
        bottom: 35px;
        text-align: right
    }

        #slideshowcontent .social img {
            padding: 5px
        }

    #slideshowcontent #kansascity {
        position: relative;
        clear: both;
        text-align: right;
        color: #fff;
        margin: 0;
        top: -30px
    }

#concierge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

#concierge_tab {
    position: absolute !important;
    top: 0;
    left: -450px;
    right: 0;
    z-index: 1999;
    font-size: .8em;
    color: #999;
    text-align: center;
    width: 450px
}

#con-tab {
    width: 90px;
    float: right;
    background: url(../images/concierge/concierge-tabs.png) -71px 0 no-repeat;
    height: 100%
}

#conciergeContent {
    bottom: 135px;
    color: #000;
    font-size: 1.2em;
    width: 360px;
    padding: 20px;
    float: left;
    background: #fff;
    background: -moz-linear-gradient(left,#ebe4d9 0,#fff 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ebe4d9),color-stop(100%,#fff));
    background: -webkit-linear-gradient(left,#ebe4d9 0,#fff 100%);
    background: -o-linear-gradient(left,#ebe4d9 0,#fff 100%);
    background: -ms-linear-gradient(left,#ebe4d9 0,#fff 100%);
    background: linear-gradient(to right,#ebe4d9 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe4d9', endColorstr='#ffffff', GradientType=1 );
    height: 100%
}

    #conciergeContent span.phoneno {
        font-size: 20px
    }

    #conciergeContent .contact {
        display: block;
        font-size: 17px;
        padding-top: 11px
    }

#concierge-wrap {
    width: 450px;
    padding-right: 260px;
    padding-left: 10px;
    margin: 0 auto;
    text-align: left;
    position: relative !important
}

    #concierge-wrap div {
        line-height: 2em;
        vertical-align: middle;
        height: 2em;
        clear: left
    }

#ctab2 {
    display: block;
    height: 270px;
    width: 50px;
    margin-top: 425px
}

    #ctab2 span {
        display: none
    }

#concierge a#ctab:active, #concierge a#ctab:link, #concierge a#ctab:visited {
    display: block;
    background: url(../images/concierge/concierge-tabs.png) no-repeat;
    font-size: .8em;
    line-height: 41px;
    vertical-align: middle;
    text-indent: 70px;
    overflow: hidden;
    width: 50px;
    clear: right;
    position: absolute;
    z-index: 101;
    color: #666;
}

#concierge a#ctab:hover {
    color: #f05b30
}

#conciergeTable {
    margin-top: 50px
}

    #conciergeTable th {
        font-weight: 700;
        text-align: left;
        padding: 5px;
        font-size: 14px
    }

    #conciergeTable td {
        text-align: left;
        padding: 7px 20px;
        font-size: 12px
    }

    #conciergeTable label {
        padding: 10px
    }

    #conciergeTable .button {
        background: url(../images/button-bg.png) no-repeat;
        width: 89px;
        height: 28px;
        border: none;
        margin: 0 5px
    }

        #conciergeTable .button:hover {
            background-position: 0 -30px
        }

#concierge_results span {
    padding: 10px;
    font-size: 12px
}

#servicesSlider {
    position: relative;
    height: 330px;
    overflow: hidden
}

#servicesWrapper {
    padding: 25px 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

    #servicesWrapper .s-wrap {
        /*height: 240px !important;
        overflow: hidden;*/
        padding: 10px;
        text-align: center;
        /*width: 246px !important;*/
    }

    #servicesWrapper div {
        display: block
    }

        #servicesWrapper div.heading {
            font-size: 16px;
            font-weight: 400;
            margin: 5px 0
        }

        #servicesWrapper div.desc {
            font-size: 11px;
            display: block
        }

    #servicesWrapper img {
        /*bottom: -13px;
            position: relative;
            right: 15px;*/
        /*width: 150px;*/
        margin: auto;
    }

    #servicesWrapper .owl-item img {
        width: 40%;
        /*padding-top: 35px;*/
    }

        #servicesWrapper .owl-item img[alt*=trust] {
            width: 30%;
        }

    #servicesWrapper span.heading {
        color: #29588c;
        font-size: 1.2rem;
        font-weight: 700;
        text-align: center;
    }
    /*#servicesWrapper .heading p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        text-align: center
    }*/

    #servicesWrapper .desc p {
        font-size: 11px;
        padding: 0;
        margin: 0;
        text-align: center
    }


.carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
}

.owl-carousel .owl-nav {
    overflow: hidden;
    height: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #29588c;
}


.owl-carousel .item {
    text-align: center;
}

.owl-nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 100px !important;
}

.owl-btn-prev {
    left: -3px;
    background: none !important;
    font-size: 2rem !important;
    color: #29588c !important;
}

.owl-btn-next {
    right: -3px;
    background: none !important;
    font-size: 2rem !important;
    color: #29588c !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

#mainContent {
    position: relative;
    overflow: hidden;
    padding: 30px 0
}

    #mainContent .left {
        position: relative;
        overflow: hidden;
        height: 277px
    }

    #mainContent #email {
        width: 240px;
        float: left
    }

#email .emailInput {
    width: 180px;
    color: #a0a0a0;
    font-size: 14px;
    margin: 0
}

#email .newsletter {
    color: #fff;
    font-size: 11px;
    display: block;
    margin: 12px 0
}

#email .signup {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 0 0 10px 2px;
    line-height: 20px;
    width: 176px
}

    #email .signup img {
        float: left;
        margin: 6px 10px 10px 0
    }

#mainContent #find {
    float: left;
    margin-left: 16px
}

#mainContent #knowledge {
    background: #000;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    color: #FFF;
    font-size: 22px;
    padding: 14px 26px;
    text-align: center;
    width: 96%;
    height: 60px;
    clear: both;
    position: relative;
    overflow: hidden
}

#knav {
    position: relative;
    text-align: left;
    font-size: 13px;
    left: 10px
}

    #knav strong {
        font-size: 16px
    }

    #knav .knavLeft, #knav .knavRight {
        font-size: 13px;
        float: left;
        position: relative
    }

    #knav a {
        color: #fff
    }

    #knav .knavLeft {
        width: 200px;
        padding-right: 10px;
        left: -10px
    }

    #knav .knavRight {
        width: 208px;
        margin-left: 17px;
        border-left: 1px solid #FFF;
        padding-left: 20px;
        padding-bottom: 2px;
        left: -24px
    }

#mainContent .right {
    float: left;
    width: 450px;
    position: relative
}

#mainContent .button {
    background-color: #d6c8b2;
    border: none;
    color: #000;
    font-size: 1em;
    font-weight: 700;
    padding: 6px;
    text-align: center;
    width: 109px;
    display: inline;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out
}

.button.alert:focus, .button:hover {
    background-color: #a99a83 !important
}

#mainContent h1 {
    margin-top: 0
}

#MainContent_contactFrm label, #MainContent_rsvpForm label {
    display: block
}

#resource {
    position: relative;
    text-align: left;
    font-size: 13px;
    left: 10px
}

    #resource strong {
        font-size: 16px
    }

    #resource a {
        color: #fff
    }

    #resource .knavLeft, #resource .knavRight {
        border: none;
        color: #FFF;
        font-size: 22px;
        padding: 20px;
        width: 240px;
        text-align: center;
        float: left;
        position: relative
    }

    #resource .knavLeft {
        background: #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-background-clip: padding-box;
        left: -10px
    }

    #resource .knavRight {
        background: #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-background-clip: padding-box
    }

#careerHead {
    background-color: #D6C8B2
}

#career-main {
    height: 375px;
    background: url(../images/hr_header2.jpg) center center no-repeat #467BD7
}

#career-nav {
    margin: 0 auto;
    background-color: #8cd600;
    position: relative;
    z-index: 10
}

    #career-nav ul {
        text-align: center;
        padding: 8px
    }

        #career-nav ul li {
            display: inline-block;
            font-size: 17px;
            padding-right: 133px
        }

            #career-nav ul li.paddngno {
                padding-right: 0
            }

#hr-head-left {
    float: left;
    padding-top: 100px;
    padding-left: 21px
}

.hr-search-form input[type=text], .hr-search-form input[type=password], .hr-search-form input[type=date], .hr-search-form input[type=datetime], .hr-search-form input[type=email], .hr-search-form input[type=number], .hr-search-form input[type=search], .hr-search-form input[type=tel], .hr-search-form input[type=time], .hr-search-form input[type=url] {
    background: url(../images/search-bg.png) no-repeat;
    border: none;
    box-shadow: none;
    color: #CCC;
    display: inline;
    font-size: .8em;
    height: 27px;
    line-height: 1em;
    margin: 3px 0 0;
    padding-right: 25px;
    vertical-align: middle;
    width: 178px
}


#careerHead-wrapper {
    width: 1024px
}

.hr-tweet {
    width: 225px;
    display: none
}

#tweet_results {
    bottom: 10px;
    height: 120px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    width: 220px
}

    #tweet_results a {
        color: #1b72fb
    }

#latest-tweet p, .hr-writing {
    color: #FFF;
    text-align: center
}

#latest-tweet {
    background-color: #28AAE1;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

    #latest-tweet p {
        margin-bottom: 0;
        letter-spacing: .07em;
        padding: 5px;
        font-size: 17px
    }

#tweet_results p {
    margin-bottom: 0;
    text-align: left;
    letter-spacing: .03em;
    font-size: 12px
}

#tweet-feed, .tweet {
    background-color: #FFF;
    height: 170px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

    #tweet-feed p.tw-bird {
        float: left;
        margin: 0
    }

    #tweet-feed p.tw-word {
        float: left;
        margin: 0;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: .07em;
        padding: 3px 0 0 12px
    }

#hr-head-right {
    float: right;
    padding-top: 100px
}

#hr-head-left .inputSearch {
    bottom: 27px;
    display: inline;
    left: -30px;
    top: 8px;
    position: relative
}

.hr-social {
    float: right
}

    .hr-social li {
        padding-bottom: 5px
    }

.hr-writing {
    padding-top: 170px;
    padding-right: 40px
}

#snav, #snav ul, #subNav {
    text-align: left
}

#tw-sep {
    background-color: #28AAE1;
    height: 3px;
    margin: 7px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#careers-holder img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px
}

#MainContent_hr_iframe {
    margin-left: 10px;
    margin-top: 50px;
    text-align: center
}

    #MainContent_hr_iframe iframe {
        width: 1000px;
        height: 750px
    }

p.emailsecure {
    font-size: 12px
}

#slideWrapper {
    width: 100%;
    display: block;
    position: relative;
    height: 400px;
    top: 0;
    left: 0;
    bottom: 10px;
    right: 0
}

.findlocation, .knowledgeCenter, .learnkc {
    width: 235px;
    height: 108px;
    border: none
}

.story {
    display: block;
    margin-top: 3px;
    margin-left: 7px
}

.knowledgeCenter {
    background: url(../images/knowledge_center.png) 0 -7px no-repeat
}

    .knowledgeCenter:hover {
        background-position: 0 -121px
    }

.findlocation {
    background: url(../images/find-a-branch.png) 0 -7px no-repeat
}

    .findlocation:hover {
        background-position: 0 -121px
    }

.learnkc {
    background: url(../images/careers_home.png) 0 -3px no-repeat
}

    .learnkc:hover {
        background-position: 0 -116px
    }

#subcontainer {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.subTitle {
    color: #b2a48e
}

#pageImg {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    top: 10px;
    margin-bottom: 30px;
    max-height: 227px
}

#pageImgNew, #pageImgNewMargin {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

#pageImgNew {
    border-radius: 5px
}

#pageImgNewMargin {
    border-radius: 5px;
    margin-bottom: 20px
}

.pageImg {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    height: 227px;
    top: 10px;
    float: left
}


#subNav, .subNavWrapper {
    height: 60px;
    clear: both
}

.kcTextLrg {
    font-size: 4em
}

.kcTextSm {
    font-size: 14px
}

.hrTextLrg {
    font-size: 4em
}

#subNav {
    background: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*behavior: url(PIE.htc);*/
    -webkit-background-clip: padding-box;
    color: #FFF;
    font-size: 22px;
    padding: 20px 34px 40px;
    width: 98.4%;
    position: relative;
    overflow: hidden;
    left: 15px;
    z-index: 900
}

.subNavWrapper {
    padding-top: 25px
}

#subNav h3 {
    font-size: 18px;
    margin: 0;
    color: #fff
}

#snav {
    position: relative;
    left: 0;
    bottom: 20px;
    margin-top: 34px
}

    #snav ul {
        margin: 0;
        padding: 0;
        font-size: 1em;
        line-height: 1.2
    }

        #snav ul + ul {
            margin-left: 2%
        }

    #snav li {
        padding: 2px 0;
        margin: 1px
    }

    #snav .sl {
        font-weight: 400;
        margin-left: 15px

    }

    #snav li a {
        color: #fff;
        padding: 0;
        margin: 0
    }

    #snav li.title, #snav li.tl {
        font-weight: 700;
        font-size: 1.2em;
        margin: .5em 0
    }

        #snav li.title + li.title {
            font-weight: 700;
            font-size: 1em;
            margin: .4em 0
        }

#divider {
    background-color: #000;
    height: 5px;
    margin: 60px 3px 60px 16px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

#subsHead {
    background: url(../images/sky-h.jpg) center repeat-x #467bd7;
    height: 81px
}

#btmContent {
    position: relative;
    overflow: hidden
}

    #btmContent .left {
        float: left;
        width: 540px;
        position: relative;
        margin-left: 15px;
        overflow: hidden;
        height: 300px
    }

    #btmContent .email {
        width: 250px;
        float: left
    }

    #btmContent .find {
        float: left;
        width: 245px;
        margin-left: 20px
    }

    #btmContent .right {
        float: left;
        width: 450px;
        position: relative
    }

    #btmContent .button {
        background-color: #d6c8b2;
        border: none;
        color: #000;
        cursor: pointer;
        font-size: 1em;
        font-weight: 700;
        padding: 6px;
        text-align: center;
        width: 109px;
        display: inline;
        transition: background-color .3s ease-out 0s;
        -webkit-transition: background-color .3s ease-out;
        -moz-transition: background-color .3s ease-out
    }

        #btmContent .button:hover {
            background-color: #a99a83 !important
        }

/*.mainWrapper {
    float: right
}

.main h1 {
    margin-top: 0
}

.main ul {
    padding: 0 0 0 20px;
    text-align: left
}

.datatable td {
    padding: 8px;
    color: #444;
    font-weight: 700;
}

.main li {
    list-style-image: url(../images/bullet.jpg);
    font-size: 14px
}*/

/*.datatable {
    width: 100%;
    font-size: 12px
}

    .datatable th {
        background: #29588c;
        font-weight: 700;
        color: #fff;
        padding: 8px;
    }

        .datatable th.header {
            background: url(../manage/images/bg.gif) right center no-repeat #d6c8b2;
            cursor: pointer
        }

        .datatable th.headerSortDown {
            background: url(../manage/images/asc.gif) right center no-repeat #cdc0ad
        }

        .datatable th.headerSortUp {
            background: url(../manage/images/desc.gif) right center no-repeat #e5d6bd
        }

div.tablesorterPager {
    padding: 5px 0;
    background-color: #29588c;
    text-align: center;
    position: relative !important;
    top: 0 !important;
    vertical-align: middle;
    color: #fff;
}

#footerInfo, .ddlabel, footer {
    position: relative
}

div.tablesorterPager span {
    color: #fff;
    font-size: 11px;
    display: inline-block;
    margin: 0 20px 0 40px
}

div.tablesorterPager img {
    margin: 0;
    vertical-align: middle
}

#publist li, #related div, span.fdic, span.privacy {
    vertical-align: top
}

div.tablesorterPager input.prev {
    width: auto;
    margin-right: 10px
}

div.tablesorterPager input.next {
    width: auto;
    margin-left: 10px
}

div.tablesorterPager input {
    font-size: 11px;
    width: 20px;
    padding: 3px;
    border: 0 solid #29588c;
    text-align: center;
    background: #29588c;
    color: #fff;
}

div.tablesorterPager select {
    padding: 0 !important;
    width: 50px;
    display: inline;
    margin: 0 !important
}

span.fdic, span.privacy, span.trust {
    display: inline-block
}*/

/*.odd td {
    background: #fff;
}

.even td {
    background: #ededed;
}

.evens td {
    background: #fff
}

td {
    padding: 10px;
    font-size: 11px
}

footer {
    overflow: hidden;
    z-index: 1;
    background-color: #fff
}*/

/*#footer {
    padding: 50px 0
}

    #footer ul {
        margin: 0;
        padding: 0;
        font-size: .8em;
        text-align: left
    }

#footerInfo, .ie7, .ie7 p, span.trust {
    text-align: center
}

#footer ul + ul {
    margin-left: 1em
}

#footer li {
    padding: 1px 0;
    margin: 1px
}

    #footer li a {
        color: #fff;
        padding: 0;
        margin: 0
    }

    #footer li.tl {
       
        font-size: 1.6em
    }

        #footer li.tl a {
            text-decoration: none !important
        }*/

/*.Pager a, .pubContentView a, .publeftNavView a {
    text-decoration: none
}*/
/*
#footer li.tl.padup {
    margin-top: 12px
}

#footer li.tl + li.tl {
    font-weight: 700;
    font-size: .8em;
    margin: .8em 0
}

#footer #footercontent {
    position: relative;
    color: #fff
}

#footer .copy {
    font-size: .8em;
    margin-top: 10px
}*/

.privacy a, .trust li, span.trust {
    font-size: .7em
}

#footerInfo {
    padding: 40px 30px;
    margin: 0 auto
}

#accordion .ui-accordion-header a, span.trust ul {
    padding-left: 0
}

span.fdic {
    margin: 2px 20px 0 0
}

span.trust {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    width: 400px
}

    span.trust ul {
        margin-bottom: 0
    }

span.privacy {
    margin-left: 30px;
    margin-top: -0.6em;
}

.privacy a {
    font-weight: 700
}

.ui-widget h3 {
    font-size: .8em !important
}

#accounts_msdd {
    outline: 0;
    width: 205px !important
}

.ddlabel {
    bottom: 2px;
    left: 5px
}

#MainContent_attend_0, #MainContent_attend_1, #MainContent_bring_guest_0, #MainContent_bring_guest_1 {
    margin: 5px
}

#MainContent_attend td, #MainContent_bring_guest td {
    padding: 2px
}

#MainContent_attend label, #MainContent_bring_guest label {
    font-size: 14px;
    margin: 0 0 9px
}

#MainContent_attend em {
    font-weight: 700;
    font-size: 16px
}

/*.red {
    font-size: 12px;
    color: red
}*/

/*.ie7 {
    display: none;
    background-color: #FFF892;
    padding: 10px
}

.alert, .slideshow {
    display: block;
    background-color: #000
}

.ie7 p {
    padding: 0;
    Margin: 0
}

.ie7 a {
    color: #1B72FB
}

.ie7 img {
    max-width: 25px;
    margin: -3px 6px 0 0
}*/

/*.cycle-slideshow p, .slideshow p {
    Margin: 0;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.alert {
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0px !important;
}

.cycle-slideshow p {
    padding: 5px
}

.slideshow {
    padding: 10px;
    text-align: center
}*/

/*#publist li, #related div, .pub_content {
    display: inline-block
}

.slideshow p {
    padding: 0
}

.cycle-slideshow {
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 1000;
    -moz-transform-style: preserve-3d;
    -o-perspective: 1000;
    -o-transform-style: preserve-3d;
    perspective: 1000;
    transform-style: preserve-3d
}

#related div {
    outline: 0;
    padding: 0 15px 0 0
}

#related h4 {
    max-width: 200px
}

#related .switchControl {
    display: inline-block;
    min-height: 130px;
    outline: 0;
    padding: 1px;
    width: 25%;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    color: #c8cacb
}

    #related .switchControl i {
        font-size: 50px;
        line-height: 130px
    }

#realted .switchControl:hover {
    color: #b7b9ba
}

#publist li {
    position: inherit;
    overflow: hidden;
    width: 49%
}

#pubContent {
    padding: 0 0 0 15px
}*/

.pub_content {
    /*background:#fff;
    border:1px solid #fff;
    border-radius:5px;*/
    padding: 15px 10px;
    /*width: 100%;
    overflow: hidden;
    position: relative*/
    height: 350px;
    margin: 10px 0;
}

    .pub_content > div {
        width: 100% !important;
        height: 100% !important
    }

    .pub_content img {
        overflow: hidden;
        width: 100% !important
    }
/*.pub_content:hover{
    background:#fbfbfb;
    border:1px solid #f2f2f2
}*/
.pubContentView {
    float: left;
    width: 100%;
    margin-right: 50px
}

    .pubContentView img:not([alt="publication authors"]) {
        overflow: hidden;
        width: 200px;
        margin: 10px 25px 10px 3px
    }

    .pubContentView a {
        color: #1b72fb
    }

.pubContentView_author {
    width: 100%
}

#MainContent_related img {
    overflow: hidden;
    width: 200px;
    height: 110px
}

#MainContent_author img {
    overflow: hidden;
    width: 120px
}

.pub_content span {
    color: #b2a48e
}

.publeftNavView {
    float: left;
    width: 100%;
    padding-top: 2em
}

.publeftNav {
    padding: 10px 0
}

    .publeftNav a, .publeftNav li {
        color: #b2a48e;
        line-height: 2em
    }

    .publeftNav .active {
        font-weight: 700;
        color: #333 !important
    }

#pubsearchNav .active {
    font-weight: 700;
    color: #333
}

#pubsearchNav a, #search, #spanCount, a.more {
    color: #b2a48e
}

.hiddenContent {
    display: none
}

.count {
    text-align: right
}

#searchBox {
    width: 250px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-image: -moz-linear-gradient(left,#f8f8f8,#f4f4f4 16%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f8f8f8),color-stop(.16,#f4f4f4));
    border: 0 solid #D3D3D3;
    background-color: #fff;
    padding: 10px;
    font-size: 12pt;
    color: #888;
    text-align: center;
    outline: #000 solid 0
}

#search, .jspVerticalBar .jspArrow:focus {
    outline: 0
}

#pubsearchNav {
    /*float:left;*/
    text-align: center
}

    #pubsearchNav a:last-child {
        margin-right: 0
    }

.dropdown {
    border: 1px solid #444;
    margin: 5px;
}

#search {
    padding: 0 5px 0 35px;
    /*border:1px solid #f5f5f5;*/
    font-size: 16px;
    /*background:url(/images/magnify_glass.png) left center no-repeat*/
}

#searchPublication span {
    display: inline;
    vertical-align: middle;
    margin: 0 15px 0 2px;
}

@media only screen and (max-width: 767px) {
    /* #searchPublication span
{
    display: inline;vertical-align: middle;margin: 0 2px 0 2px;
}*/
}

.merchant-contact {
    display: none;
}

@media only screen and (max-width:575px) {
    .contact-us {
        display: none;
    }

    .merchant-contact {
        display: block;
    }
}


.lines-button {
    background: none;
    border: none;
    outline: none;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    border-radius: 0.4rem;
    padding: 0 5px 0 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .lines-button:hover {
        opacity: 1;
    }

    .lines-button:active {
        background: rgba(0, 0, 0, 0.1);
        -webkit-transition: 0;
        -moz-transition: 0;
        transition: 0;
    }

.navMenu .lines {
    display: inline-block;
    width: 1.8rem;
    height: 0.2rem;
    background: #444;
    border-radius: 0.2rem;
    position: relative;
    bottom: 4px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .navMenu .lines:before, .navMenu .lines:after {
        display: inline-block;
        width: 1.8rem;
        height: 0.2rem;
        background: #444;
        border-radius: 0.2rem;
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: 0.2rem center;
        -moz-transform-origin: 0.2rem center;
        transform-origin: 0.2rem center;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .navMenu .lines:before {
        top: 0.5rem;
    }

    .navMenu .lines:after {
        top: -0.5rem;
    }



.lines-button.x2 .lines {
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

    .lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: top .2s .5s ease, transform .2s ease;
        -moz-transition: top .2s .5s ease, transform .2s ease;
        transition: top .2s .5s ease, transform .2s ease;
    }

.lines-button.x2.closing .lines {
    -webkit-transition: background .2s 0s ease;
    transition: background .2s 0s ease;
    background: transparent;
}

    .lines-button.x2.closing .lines:before, .lines-button.x2.closing .lines:after {
        top: 0;
        width: 1.8rem;
        -webkit-transition: top .2s ease, transform .2s .4s ease;
        -moz-transition: top .2s ease, transform .2s .4s ease;
        transition: top .2s ease, transform .2s .4s ease;
    }

    .lines-button.x2.closing .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .lines-button.x2.closing .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

@media only screen and (max-width: 767px) {

    .navigation .sub.mobile, .navigation .sub.mobile nav.navMenu, .bottomNav {
        display: block;
    }
}

.navDropdown {
    background: #FFF;
    width: 100%;
    border-bottom: 1px solid #ececec;
    opacity: 0;
    display: none;
}

.open {
    opacity: 1;
    display: block;
}

.hidden-submit {
    border: 0;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.Pager a, .Pager span {
    display: inline-block;
    width: 20px;
    border: 1px solid #3AC0F2;
    margin-right: 3px;
    line-height: 150%;
    text-align: center
}

#results {
    margin-bottom: 20px;
    clear: both
}

.Pager span {
    color: #999;
    background-color: #A1DCF2
}

.Pager a {
    background-color: #3AC0F2;
    color: #fff
}

#subLeft select {
    display: block;
    font-size: 15px;
    margin: 7px 0 21px;
    padding: 5px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #999;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

    #subLeft select option {
        color: #333
    }

        #subLeft select option.Dimmer {
            color: #999
        }

.Fselect {
    position: relative;
    width: 277px
}

    .Fselect p::after {
        display: block;
        font-size: 21px;
        margin-top: -14px;
        pointer-events: none;
        position: absolute;
        right: 15px;
        top: 50%;
        z-index: 1;
        color: #a0a1a1;
        content: "\f0d7";
        font-family: "Font Awesome 5 Free"
    }

#busImage {
    position: relative
}

    #busImage .top_heading {
        position: absolute;
        color: #444;
        max-width: 545px;
        padding: 0 50px;
        bottom: 138px
    }

    #busImage p {
        font-size: 24px;
        font-weight: 700
    }

#nav-bar-icons img {
    width: 100%;
    max-width: 65px
}

#nav-bar-icons ul {
    text-align: center
}

#nav-bar-icons li {
    display: inline-block;
    margin: 20px
}

#available {
    text-align: center;
    margin: 0
}

    #available h1.center, #available h3.center {
        text-align: center;
        color: #061a79;
        letter-spacing: .03em
    }

    #available h1 {
        font-size: 2em
    }

#accounts, #billpay, #bus_security, #deposits, #transfers {
    padding: 40px;
    margin: 0;
    border-bottom: 6px solid #444;
}

    #accounts h1, #billpay h1, #bus_security h1, #deposits h1, #transfers h1 {
        font-size: 2em;
        color: #061a79;
        font-weight: 700
    }

#BusMobile .last {
    border: none
}

.ir, .visuallyhidden {
    border: 0;
    overflow: hidden
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #nav-bar-icons ul {
        padding: 0 !important
    }

    #nav-bar-icons li {
        margin: 10px
    }
}

@media only screen and (max-width:768px) {
    h1 {
        font-size: 1.8rem;
    }

    #accounts .five.columns, #billpay .five.columns, #bus_security .five.columns, #deposits .five.columns, #transfers .five.columns {
        display: none
    }

    #subLeft {
        display: none;
    }

    #BusMobile h1 {
        font-size: 1.5em
    }

    img[src="/images/googleplay.jpg"], img[src="/images/appstore.jpg"] {
        width: inherit
    }

    #subRight {
        margin-left: 0;
    }
}

.ir {
    background-color: transparent
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%
    }

.hidden {
    display: none !important
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.clear {
    clear: both
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

#mHead, #mobile-searching, .mobile-signup {
    display: none
}

@media only screen and (min-width:1210px) {
    #career-main {
        height: 375px;
        background: url(../images/hr_header2.jpg) center center no-repeat #467BD7;
        background-size: 100% auto
    }
}

@media only screen and (max-width:1060px) {
    .desk-solutions-slider {
        display: none
    }

    .mobile-solutions-slider {
        display: block
    }

    .cbp-hrmenu > ul > li > a {
        padding: .97em .4em;
        font-size: .9em
    }

    .business.menu-carret-bar, .personal.menu-carret-bar {
        padding-left: 25px
    }

    .wealth.menu-carret-bar {
        padding-left: 53px
    }

    .about.menu-carret-bar {
        padding-left: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .kcTextLrg, .kcTextSm {
        text-shadow: 2px 2px 2px #555
    }

    .top-nav .search {
        display: none
    }

    #MainContent_hr_iframe iframe {
        width: 550px;
        height: 550px
    }

    #slideshowcontent {
        bottom: 270px
    }

    .kcTextLrg {
        font-size: 200%
    }

    .kcTextSm {
        font-size: 14px
    }

    #kansascity {
        top: -28px
    }

    .msocial {
        display: block
    }

    #mainContent {
        width: 100%;
        margin: 0 auto
    }

        #mainContent .left {
            width: 495px;
            padding-right: 0
        }

    .findlocation, .learnkc {
        width: 220px
    }

    #subNav, #subRight #pageImg {
        width: 100%
    }

    .anythingSlider .arrow {
        display: none !important
    }

    .anythingSlider {
        padding: 0 !important
    }

    #btmContent, .subNavWrapper {
        padding-left: 25px
    }

    #servicesWrapper {
        margin: 0 auto !important;
        width: 850px !important
    }

    #slideshowcontent .search {
        margin-left: 10px
    }

    #concierge {
        display: none
    }

    #subNav {
        left: 0
    }

    #divider {
        margin: 60px 3px 60px 25px
    }

    #newnav ul.so_ati {
        margin: 5px 0 0 90px !important
    }

    #btmContent .find {
        margin-left: 10px;
        width: 220px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cbp-hrmenu > ul > li > a {
        padding: .9em .6em;
        font-size: 1em
    }
}

@media only screen and (max-width:991px) {
    .top-nav .top-nav-links {
        text-align: left
    }

    .sub-page-menu {
        max-width: 265px
    }
}

@media only screen and (max-width:980px) {
    .location_column > div > div {
        min-width: 250px
    }
}

@media only screen and (max-width:915px) {
    #searchBar, .publeftNav {
        display: none
    }

    #mobileNav {
        display: block;
        margin: 15px;
    }

    .desktopNav {
        display: none;
    }

    .announcement li {
        list-style: none;
        display: inline-block;
        margin: 15px
    }

    .announcement a {
        color: #29588c;
        line-height: 2em
    }

    #pubContent {
        width: 100%
    }

    .cbp-hrmenu > ul > li > a {
        padding: 1.15em .4em;
        font-size: .8em
    }

    .business.menu-carret-bar, .personal.menu-carret-bar {
        padding-left: 20px
    }

    .wealth.menu-carret-bar {
        padding-left: 45px
    }

    .about.menu-carret-bar {
        padding-left: 10px
    }
}

@media only screen and (max-width:860px) {
    .location_column > div > div {
        min-width: 220px
    }
}

@media only screen and (max-width:767px) {
    header {
        position: static !important
    }

    .top-nav .top-nav-links {
        padding-left: 15px;
        padding-right: 15px
    }

    #career-nav, #search-openings, .login, .search {
        display: none
    }

    #career-nav-mobile, #search-openings-mobile {
        display: block
    }

    #career-nav-mobile {
        margin: 0 auto;
        background-color: #8cd600;
        position: relative;
        z-index: 10
    }

        #career-nav-mobile ul {
            list-style-type: none;
            text-align: center;
            padding: 8px
        }

            #career-nav-mobile ul li {
                display: inline-block;
                font-size: 17px;
                padding-right: 100px
            }

    #career-main, /*#footer, #footerInfo,*/ #servicesSlider, #slideshow, .left.six.columns, .left.six.columns #knowledge, .login.five.columns, .login.five.columns .enroll, .login.five.columns .location, .logo.four.columns, .six.columns .main {
        display: none
    }

    #career-nav-mobile ul li.paddngno {
        padding-right: 0
    }

    #career-nav-mobile ul li a {
        text-decoration: none
    }

    #career-nav ul li {
        padding-right: 100px
    }

    #MainContent_hr_iframe iframe {
        width: 550px;
        height: 550px
    }

    #subcontainer {
        padding-top: 0 !important
    }

    #mHead {
        display: block;
        padding: 1%
    }

    #mobile-searching {
        display: block;
        position: static;
        z-index: 1;
        background-color: #e5ded6
    }


    .search-left h2 {
        font-size: 21px;
        margin: 0;
        padding: 1% .5%
    }

    .search-left {
        width: 100%;
        margin: 0 auto;
        padding: 1.5em .6em 1em
    }

    .search-right {
        display: block;
        width: 100%;
        padding: 1em 1.2em 3em;
        border-top: 1px solid #EBDDC7;
        border-bottom: 1px solid #CBBDA7
    }

        .search-right h2 {
            font-size: 21px;
            margin: 0;
            padding: 2% .5% 0
        }

        .search-right input.qsearch {
            background: url(../images/search-bg.png) right center no-repeat #FFF;
            color: #CCC;
            display: inline;
            font-size: .8em;
            height: 38px;
            line-height: 1em;
            margin: 3px 0 0;
            padding: 6px 15px 2px 10px;
            vertical-align: middle;
            border: 1px solid #a6a6a6;
            width: 200px
        }

            .search-right input.qsearch:focus {
                outline: #736a59 auto 2px
            }

        .search-right input.inputSearch {
            position: relative;
            visibility: hidden
        }

    #accounts_mobile_msdd {
        width: 100% !important;
        outline: 0
    }

    .main p {
        margin-top: 1%
    }

    .main h1 {
        margin-bottom: 1%
    }

    #mainContent {
        padding: 3.3% 0
    }

    #mobile-email .signup {
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 10px 2px;
        text-transform: uppercase;
        width: 176px;
        color: #FFF
    }

        #mobile-email .signup img {
            margin: 6px 10px 10px 0;
            float: left
        }

    .mobile-signup {
        display: block;
        width: 100%;
        padding: 0 1%
    }

        .mobile-signup .main {
            margin: 1%;
            clear: both
        }

    .mobile-cont {
        width: 100%;
        padding: 10px;
        background-color: #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .mobile-newsletter {
        color: #FFF
    }

    #mobile-email .button {
        display: block;
        margin-bottom: 1.3%;
        margin-top: 2%
    }

    #subLeft, .bottom-nav .logo {
        display: none
    }

    #mobile-conti {
        padding: 0 .5%;
        width: 99%;
        background-color: red;
        margin: 0 auto
    }

    #mobile-findc {
        width: 100%;
        margin: 0 auto
    }

    #mobile-find ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0
    }

    .item1, .item2 {
        background-position: center top;
        background-size: cover;
        border-radius: 3px;
        padding-top: 43%
    }

    #mobile-find li {
        float: left;
        margin: 0 2.5% 4.1095% 0;
        width: 48.5%
    }

    #lastm {
        margin-right: 0 !important
    }

    .item1 {
        background-image: url(../images/findlocation_mobile.png)
    }

    .item2 {
        background-image: url(../images/careers_mobile.png)
    }

        .item1:hover, .item2:hover {
            background-position: center bottom;
            cursor: pointer
        }

    .item3, .item4 {
        background-position: center top;
        background-size: cover;
        border-radius: 3px;
        padding-top: 43%
    }

    .item3 {
        background-image: url(../images/knowledgecenter_mobile.png)
    }


    .item4 {
        background-image: url(../images/testimonials_mobile.png)
    }

        .item3:hover, .item4:hover {
            background-position: center bottom;
            cursor: pointer
        }

    #footerTabs, #footerTabs li a, #mfooterInfo, #footerInfo {
        display: block
    }

        #footerTabs li {
            border-bottom: 1px solid #9e8e79;
            padding: 1.5%
        }

        #footerTabs #s-dash {
            border-top: 2px solid #9e8e79
        }

        #footerTabs #s-nash {
            border-bottom: 2px solid #9e8e79
        }

        #footerTabs ul {
            margin-bottom: 0;
            background-color: #e5ded6
        }

    #mfooterInfo, #footerInfo {
        text-align: center;
        padding: 15px 10px;
        /*border-top: #e5ded6 solid 4px;*/
        margin: 0 auto
    }

        #mfooterInfo ul, #footerInfo ul {
            margin-bottom: 0;
            list-style-type: none;
            padding: 0
        }

        #mfooterInfo li, #footerInfo li {
            font-size: 10px
        }

    #subLeft {
        margin: 0;
        padding: 0 1%
    }

    #divider {
        background-color: #E2E2E2;
        border-radius: 15px;

        height: 2px;
        margin: 1%
    }

    .mainWrapper.five.columns {
        float: none;
        margin: 10px 1% 0;
        padding: 0
    }

    .main h1 {
        margin-top: 1%;
        font-size: 1.5rem;
    }

    h1, h2 {
        font-size: 1.5rem;
    }

    #mbl-app {
        display: block !important
    }

    .knowledge .cta-row {
        display: none
    }

    .cbp-hrmenu .cbp-hrsub-inner > div:not(.nav-section-header) {
        width: 100%
    }

    .cbp-hrmenu > ul > li > a {
        padding: .6em;
        font-size: 1em
    }

    .cbp-hropen .about-menu, .cbp-hropen .business-menu, .cbp-hropen .personal-menu, .cbp-hropen .wealth-menu {
        width: 55%;
        left: 0
    }

    .knowledge .cta-row-bottom-bar {
        border-bottom: none
    }

    .location_column > div > div {
        width: 50%
    }

    .solutions.button-bar {
        margin-top: 1em
    }

    .wealth-links-container {
        margin-left: 1em;
        margin-right: 1em
    }
}

@media only screen and (max-width:688px) {
    .main-slider {
        display: none
    }

    #msocial {
        padding-right: 15px
    }

    .top-links {
        padding-right: 0
    }

    #msocial i.fa {
        font-size: 1.2em
    }

    .topNav {
        padding: 0
    }

    .cbp-hropen .cbp-hrsub {
        width: 100%;
        position: inherit;
        overflow: auto
    }

    .cbp-hrmenu .cbp-hrsub-inner {
        padding: 2em 1em;
        font-size: 1em
    }

    .cbp-hrmenu > ul > li > a {
        display: block;
        padding: .5em 1.2em
    }

    li.cbp-hropen .menu-carret {
        top: initial
    }

    .cbp-hropen .menu-carret-bar {
        margin-top: -15px
    }

    .business.menu-carret-bar, .personal.menu-carret-bar {
        padding-left: 50px;
        padding-bottom: 0
    }

    .wealth.menu-carret-bar {
        padding-left: 80px;
        padding-bottom: 0
    }

    .about.menu-carret-bar {
        padding-left: 37px;
        padding-bottom: 0
    }

    .cbp-hropen .about.menu-carret-bar, .cbp-hropen .business.menu-carret-bar, .cbp-hropen .personal.menu-carret-bar, .cbp-hropen .wealth.menu-carret-bar {
        padding-bottom: 15px
    }

    .cbp-hrsub-inner > div > a > p {
        padding: .5em 0
    }

    .cbp-hrsub-inner > div:not(:last-child) > a > p {
        border-bottom: 1px solid #9f9890
    }

    .cbp-hrsub-inner > .nav-column > div {
        padding-top: .75em;
        padding-bottom: .75em;
        margin-bottom: 0;
        border-bottom: 1px solid #9f9890
    }

    .cbp-hrsub-inner > .nav-column:last-child > div:last-child {
        border-bottom: none
    }

    #msocial i.fa {
        font-size: 1.4em;
        padding-top: 13px
    }

    .top-links p {
        padding-bottom: 16px
    }

    .cbp-hrmenu > ul > li:not(:last-child) {
        border-bottom: 2px solid #cdc4b3
    }
}

.con-head, .jspCap {
    display: none
}

@media only screen and (min-width:576px) {
    .d-hide {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .advisor-container {
        width: 100%
    }

    .advisor-info {
        padding-left: 1em;
        padding-right: 0
    }

        .advisor-info h3 {
            font-size: 2em
        }

    .m-hide {
        display: none
    }
}

@media only screen and (max-width:510px) {
    .location_column > div > div {
        min-width: 160px;
        font-size: .9em;
        height: 190px
    }
}

@media only screen and (max-width:479px) {
    #career-nav-mobile ul li {
        padding-right: 50px
    }

    .top-links p {
        font-size: .9em
    }

    .transaction-img {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
}


.con-select {
    cursor: pointer;
    margin: 10px 0
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspHorizontalBar, .jspPane, .jspVerticalBar {
    position: absolute
}

.jspVerticalBar {
    top: 0;
    right: 0;
    width: 7px;
    height: 100%;
    background: #fff
}

.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 7px;
    height: 16px;
    background: red
}

.jspDrag, .jspTrack {
    position: relative;
    width: 7px
}

.jspHorizontalBar *, .jspVerticalBar * {
    margin: 0;
    padding: 0
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.jspDrag {
    background: #b0aaa1;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d
    }

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

/**************************/
/*SEARCH*/
/**************************/
.searchContainer {
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 15px;
}

.searchMod {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    background: #fff;
    border: 1px solid #d1d1d1;
}

.date {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
}

    .date .defaultCTA {
        font-size: .7em;
        font-weight: 700;
        letter-spacing: .1em;
        color: #fff;
        background: #29588c;
        border: none;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.searchMod .defaultInput {
    position: relative;
    display: block;
    width: 100%;
    /*padding: .5em 6em .5em 1em;*/
    font-size: 1em;
    line-height: 1.2em;
    border: 1px solid silver;
    padding: 10px;
}

.searchMod .defaultCTA {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 1.5em;
    font-size: .7em;
    font-weight: 700;
    letter-spacing: .1em;
    color: #fff;
    background: #29588c;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#mobilesearch .defaultCTA {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: #444;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*.icons-search .defaultCTA {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: #fff;
    background: transparent;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}*/

.searchMod .defaultCTA span {
    font-weight: 700;
}

.defaultInput {
}

.searchResults {
    position: relative;
    display: block;
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px 60px 0;
}

.ajaxResults {
    font-size: 14px;
}

    .ajaxResults i {
        font-size: 12px;
    }

.resultItem {
    position: relative;
    display: block;
    padding: 1.5em 0;
    font-size: 20px;
    border-top: 1px solid #d1d1d1;
    text-decoration: none;

}

    .resultItem:first-child {
        border-top: none;
    }

.resultTitle, .ss360-suggests__header {
    position: relative;
    display: block;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.2em;
    color: #29588c;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;
}

.resultItem:hover .resultTitle, .resultItem:focus .resultTitle {
    color: #29588c;
}

.resultUrl {
    position: relative;
    display: block;
    padding: .5em 0 0 0;
    font-size: .7em;
    font-weight: 400;
    line-height: 1.2em;
    color: #29588c;
}

.resultDesc, .ss360-suggests__snippet {
    position: relative;
    display: block;
    padding: .5em 0 0 0;
    font-size: .9em;
    line-height: 1.6em;
    color: #444;
}

.searchPaging {
    position: relative;
    display: block;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 0;
    letter-spacing: 0;
}

    .searchPaging #pagingList {
        display: inline-block;
    }

    .searchPaging a {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 30px;
        height: 30px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2em;
        color: #29588c;
        text-align: center;
        text-decoration: none;
        border: 2px solid transparent;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        transition: .25s;
    }

        .searchPaging a:hover, .searchPaging a:focus {
            border-color: #29588c;
        }

        .searchPaging a.current {
            color: #fff;
            background: #29588c
        }

.ss360-suggests__url {
    color: #29588c !important;
}

#ss360-layer .ss360-ac-b {
    border-color: #29588c !important;
}

#ss360-layer .ss360-ac-b, #ss360-layer .ss360-ac-b--focus:focus, #ss360-layer .ss360-ac-b--hover:focus, #ss360-layer .ss360-ac-b--hover:hover {
    border-color: #29588c !important;
}

.ss360-more-results:hover {
    background-color: #29588c !important;
    color: #fff !important
}

#ss360-layer .ss360-ac-bg--hover:hover {
    color: #ffffff !important;
}

/**************************/
/*END SEARCH*/
/**************************/

/**************************/
/*PUBLICATIONS PAGINATION*/
/**************************/
.pageSorting ul:after {
    clear: both;
    content: "";
    display: table;
}

.pageSorting ul {
    margin: 0 0 60px;
    padding: 15px 0 0;
    border-top: 1px solid #a4a6a7;
}

.pageSorting li {
    color: #7c7c79;
    display: block;
    float: left;
    font-size: 14px;
    margin: 1px;
    min-width: 21px;
    text-align: center;
}

    .pageSorting li a {
        /*background: #FFF;*/
        color: #1c1c1c;
        display: block;
        height: 29px;
        padding: 5px;
        text-align: center;
        width: 30px;
        /*font-family: "Source Sans Pro",sans-serif;*/
    }

.pageSorting .active {
    background: #2c93c1;
    color: #fff;
}

    .pageSorting .active a {
        color: #fff;
    }

.pageSorting .goto_previous, .pageSorting .goto_next {
    padding-left: 0;
    padding-right: 0;
}





@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    header {
        display: none;
    }

    footer {
        display: none;
    }

    #bodyContent {
        padding: 0;
    }

    #pageImg {
        display: none;
    }

    #subLeft {
        display: none;
    }

    .logo {
        display: none;
    }

    .topNav {
        display: none;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}


@media only screen and (max-width: 767px) {

    .top-nav {
        display: none;
    }

    .bottom-nav {
        display: none;
    }

    #navbarCollapse .dropdown {
        border: none;
    }
}

#navbarCollapse .btn {
    background-color: #c0b5a7;
    box-shadow: 0 1px 1px rgba(50,50,50,.1);
    border-radius: 0px;
    color: #fff;
}
