body {
    color:#676e81;
    font-size:13px;
    font-family:'Gotham 3r','Gotham A','Gotham B','Helvetica',sans-serif;
    font-weight:400;
    font-style:normal
}
@media (min-width:768px) {
    body {
        font-size:16px
    }
}
h1,h2,h3,h4,h5 {
    color:#2278c5;
    margin: 0 0 .5em;
    font-family:'Gotham 3r','Gotham A','Gotham B','Helvetica',sans-serif;
    font-weight:300;
    font-style:normal
}
h1 {
    font-size:28px
}
@media (min-width:768px) {
    h1 {
        font-size:40px
    }
}
@media (min-width:992px) {
    h1 {
        font-size:50px
    }
}
h2 {
    font-size:24px;
    font-weight:500
}
@media (min-width:768px) {
    h2 {
        font-size:35px;
        font-weight:300
    }
}
@media (min-width:992px) {
    h2 {
        font-size:45px
    }
}
h3 {
    font-size:20px;
    font-weight:500
}
@media (min-width:768px) {
    h3 {
        font-size:22px;
        font-weight:300
    }
}
@media (min-width:992px) {
    h3 {
        font-size:26px
    }
}
p {
    line-height:120%;
    font-size:14px;
    margin:0 0 1em;
    font-family:'Gotham 3r','Gotham A','Gotham B','Helvetica',sans-serif;
    font-weight:400;
    font-style:normal
}
@media (max-width:767px) {
    ul {
        font-size: 14px;
    }
}
@media (min-width:768px) {
    p {
        font-size:16px;
        line-height:140%
    }
}

@media (min-width:992px) {
    p {
        font-size:18px;
        line-height:140%
    }
}
a {
   color:#00549f;
   text-decoration:none
}
a:hover {
   color:#001e39
}
.footer-wrapper {
    width:100%;
    background:#5c5c5c;
}
.footer-wrapper .footer {
    margin-top:0;
    padding:0 15px;
    border:0
}
@media (min-width:768px) {
    .footer-wrapper .footer .region-footer {
        padding:30px
    }
}
.footer-wrapper .footer .region-footer p,.footer-wrapper .footer .region-footer a,.footer-wrapper .footer .region-footer h4 {
    color:#fff
}
.footer-wrapper .footer .region-footer p {
    font-size:11px;
    margin-bottom:30px
}
.footer-heading {
    margin:0 0 .3em;
    font-size:18px;
    font-weight:500;
    text-transform:uppercase;
    line-height:1;
    color:#fff
}

.social-icon-wrapper {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #e2e0dd;
    text-align: center;
    border-radius: 50%;
}
.social-icon-wrapper img {
    max-height: 60%;
    max-width: 60%;
    vertical-align: middle;
    margin: 5px;
    opacity: 50%;
}

div.login-box {
    margin: 0 auto;
    margin: 8em auto;
    border: 1px solid black;
    padding: 5vw;
    background-color: rgba(255, 255, 255, 255);
}
@media (max-width: 768px) {
    div.login-box {
        margin: 4em auto;
    }
}
@media (max-width: 576px) {
    div.login-box {
        margin-top: 20px;
    }
}
div.login-box label {
    color:#58595C;
}


/*form*/

#form {
    position: relative;
    width: 75%;
    margin: 50px auto 100px auto;
}

input[type=submit] {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

table.radio {
    margin:15px;
}

#next_button {
    background-color: #2278c5;
}

.btn-primary {
    border-color: #1167b4;
    background-color: #2278c5 !important; /*WCAG 2.0 compliance*/
}

.btn-primary:hover  {
    border-color: #1167b4;
    background-color: #1167b4 !important; /*WCAG 2.0 compliance*/
}

input[type=radio],
input[type=text],
input[type=email],
input[type=tel],
input[type=password] {
    color:black !important;
}

input[type=radio],
input[type=text],
input[type=email],
input[type=tel],
input[type=password] {
    display:inline-block;
    padding: 0px 0px 0px 10px;
    background: white;
    outline: none;
    color: #939393;
    border: solid 1px #58595c;
    margin-bottom:10px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

input[type=text].form-control,
input[type=email].form-control,
input[type=password].form-control {
    height: 35px !important; /* fight! */
    font-size: initial;
}

.center {
    text-align:center;
}

.label {
    display: inline-block;
    position: relative;
    font-weight:inherit;
    font-family:inherit;
    font-size: 100% !important;
    padding-left: 0 !important;
}

input[type=radio] {
    background-color: #fafafa;
    border:#59585C 1px solid;
}

input[type=text]:hover,
input[type=text]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=password]:hover,
input[type=password]:focus {
    background: #f9f9f9;
    color: #3f3f3f;
    border-bottom: 4px solid #27aee1;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-top: 3px; /*underline fix*/
}

.form-control {
    font-size: initial;
}

.form-control:focus {
    border-color: black;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#login > .alert-light {
    color: #333;
}

textarea {
    width: 100%;
    height: 80px;
    background: transparent;
    outline: none;
    color: #939393;
    border: solid 1px #58595c;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size:initial;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
}

textarea:hover, textarea:focus, textarea.form-control:hover, textarea.form-control:focus {
    background: #f9f9f9;
    color: #3f3f3f;
    border-bottom: 4px solid #8cc63e;
    box-shadow: none;
    -webkit-box-shadow: none;
}

textarea.form-control {
    height:80px;
    border: solid 1px #58595c;
}

select {
    height: 30px;
    padding: 0px 0px 0px 10px;
    margin-bottom: 10px;
    background: #fff;
    outline: none;
    color: #59585C;
    border: solid 1px #e3e3e3;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

select:hover, select:focus {
    background: #f9f9f9;
    color: #3f3f3f;
}

#submit {
    color: #58595c;
    outline:none;
    cursor: pointer;
    border: solid 1px #59585C;
    border-radius: 5px;
}

#submit:hover {
    background: #27aae1;
    color: #fff;
    box-shadow:0px 0px 10px 5px #27aae1;
    -webkit-box-shadow:0px 0px 1px 1px #27aae1;
    border:1px solid white;
}



@media (max-width: 576px) {
    input.blue-bg {
        width: 100%;
    }
}


.col-5 {
    float:left;
    width:100%
}
@media (min-width:768px) {
    .col-5 {
        margin-bottom:30px;
        width:20%;
        padding:15px;
        margin-bottom:0
    }
    .col-5.divider {
        border-left:dashed 1px #fff
    }
}

footer img, footer media {
    max-width:100%;
    height:auto
}


.blue-bg {
    background-color:#2278c5;
    color:white;
    border-color: #2278c5;
    border-radius:0px;
    margin: .5em 0;
}

.blue-bg:hover, .blue-bg:active:hover, .blue-bg:active.hover {
    background-color:#666666;
    color:white;
}
.blue-bg:active.focus, .blue-bg:active:focus, .blue-bg:focus {
    color:white;
}

div#mt-nav ul.navbar-nav li a.nav-link {
    font-family: 'Gotham 3r','Gotham A','Gotham B','Helvetica',sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 100%;
    color: #676e81;
    padding: 2px 12px;
}

div#mt-nav ul.navbar-nav li a.phone-number {
    font-size: 13px;
    font-weight: 700;
    color:#00549f;
    text-decoration:none;
    margin-right: 10px;
}

div#mt-nav ul.navbar-nav li a.nav-link:hover, div#mt-nav ul.navbar-nav li a.nav-link:focus, div#mt-nav ul.navbar-nav li a.nav-link.active {
    color: #45b3d8;
}

nav.navbar {
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    background: #fff;
    z-index: 500;
}

.navbar {
    margin-bottom: 20px;
}

img.logo {
    width: 150px;
}
@media (max-width: 767px) {
    ul.navbar-nav li { border-right: none !important; }
    div #mt-nav ul.navbar-nav li a.nav-link {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4;
        padding: .5rem 0;
        text-align: left;
    }
}

div.identity {
    height: 20px;
    text-align: center;
    font-size: 14px;
}

input#su_user.form-control {
    margin-bottom: 0;
}

/* 2-Step Verification styles */
div.two-step-verification-selection a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    div.two-step-verification-selection {
        font-size: 14px;
    }
}

.infinite-progress {
    position:absolute;
    width:100%;
    height:5px;
    overflow-x: hidden;
}
div.spacer {
    line-height: 8px;
}
.line{
    position:absolute;
    opacity: 0.4;
    background:#4a8df8;
    width:150%;
    height:5px;
}

.subline{
    position:absolute;
    background:#4a8df8;
    height:5px;
}
.inc{
    animation: increase 2s infinite;
}
.dec{
    animation: decrease 2s 0.5s infinite;
}

@keyframes increase {
    from {
        left: -5%; width: 5%;
    }
    to {
        left: 130%; width: 100%;
    }
}
@keyframes decrease {
    from {
        left: -80%; width: 80%;
    }
    to {
        left: 110%; width: 10%;
    }
}
/* End 2-Step Verification styles */

 .feature-container p {
     font-size: 16px;
 }
.feature-container a {
    color: #0054AD;
}
.feature-container hr {
    width:66.6%;
}
.feature-container fieldset{
    margin:1.5em auto;
}
.feature-container h4 legend{
    font-size: 1.125rem;
    font-weight: 400;
}
.feature-container h5{
    font-size: 1.05rem;
    font-weight: 400;
    color: #606060;
}
.feature-container > .container > .row > div {
    /* background-color: #fafafa; */
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding:1.2em;
}
.feature-container.mfa-app {
    margin:2em auto 2.75em;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #606060;
}
a.mt-back {
    color:#ffffff;
    margin: 10px 0;
}
a.mt-back:hover {

}
.btn-form-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
}
p.mt-note {
    font-size:0.88rem;
}