/* @font-face {
    font-family: 'BentonSans';
    src: url('fonts/bentonsans-regular-webfont.eot');
    src: url('fonts/bentonsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bentonsans-regular-webfont.woff2') format('woff2'),
         url('fonts/bentonsans-regular-webfont.woff') format('woff'),
         url('fonts/bentonsans-regular-webfont.ttf') format('truetype'),
         url('fonts/bentonsans-regular-webfont.svg#BentonSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

.headercontainer {
    height: 142px;
    max-height: 142px;
}

.neheader {
    width: 100%;
    display: block;
    line-height: 24px;
    height: 100%;
	background-color: #ffffff;
}

.headerrow {
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    font-family: "BentonSans", sans-serif;
    display: block;
    float: left;
    min-height: 28px;
    box-sizing: border-box;
    margin: 0 auto !important;
    float: none !important;
    font-weight: 200;
}

.headerrow.row4 {
    width: 100%;
    height: 72px;
    position: absolute;
    top: 70px;
    left: 0;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: 100%;
    background-position: center;
    background-color: #ffffff;
    background-image: url('../images/amex_banner3.png');
    max-width: 1240px;
    position: relative;
}


.headerrow.row2 {
    height: 70px !important;
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    z-index: 500;
    opacity: 1;
}


.headerrow.row2a {
    line-height: 30px;
    width: 100%;
    height: 100px;
    margin: 0 10px !important;
}

.headerrow.row2b {
    width: 20%;
    margin: auto 0 !Important;
    height:100px;
    float:left !important;
}

.headerrow.row2b img {
    float: left;
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height:85px;
}

.headerrow.row2c {
    width: 80%;
    margin-right: 0 !important;
    float: right !important;
    display: inline-block;
    height:100px;
    white-space: nowrap;
    overflow-y: hidden;
}

.headerrow.row2c > ul {
    margin-bottom: 0;
    display: inline-block;
    list-style: none;
    padding: 0;
    top: 0;
    position: relative;
    right: 0;
    margin-top: 0;
    overflow-y: hidden;
    white-space: nowrap;
}

.headerrow.row2c ul li {
    float: left;
    position: relative;
    list-style: none;
    height:100px;
}

.headerrow.row2c ul li:hover {
    background: #ffffff;
}

.headerrow.row2c ul li a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    line-height: 20px;
    white-space: nowrap;
    transition: all 1s ease;
    font-size: 24px !important;
    color: #ffffff;
    max-width: 100% !important;
    padding: 0 20px !important;
    text-transform: uppercase;
    font-weight: 400;
    margin-top:40px;
    margin-bottom:40px;
    letter-spacing: 1px;
}

.headerrow.row2c ul li a:hover {
    color: #fff;
    transition: all .5s ease;
}

.headerrow.row2c ul:after {
    content: " ";
    display: table;
    clear: both;
}



.mainsection .inputbutton, .accessmanagement .nav-btn {
    font-family: "BentonSans",arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
    padding: 5px 11px;
    text-align: center;
    margin: 0px 10px 2px 0px;
    -moz-user-select: none;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: normal;
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #006fcf;
    color: #fff;
    background: #006fcf;
    transition: all ease 0.2s;
}

.mainsection .inputbutton:hover, .accessmanagement .nav-btn:hover {
    background: #007de9;
    transition: all ease .5s;
}

.accessmanagement input#dialogTemplate-dialogForm-signOutCmd {
    background-color: #ffffff;
    color: #006fcf;
    border: 1px solid #006fcf;
}

#et-ef-content-ftf-saveContinueCmd:hover, #et-ef-content-ftf-saveContinueCmdBottom:hover, #editTemplateMultipart-editForm-content-ftf-saveContinueCmd:hover, #et-ef-content-ftf-submitCmd:hover, #editTemplateMultipart-editForm-content-ftf-saveContinueCmdBottom:hover, #requisitionDescriptionInterface.UP_APPLY_ON_REQ.row1:hover, #editTemplateMultipart-editForm-content-ftf-saveContinueLegalAgreeCmd:hover, #dialogTemplate-dialogForm-login-defaultCmd:hover, #editTemplateMultipart-editForm-content-ftf-saveContinueLegalAgreeCmdBottom:hover, #et-ef-content-ftf-submitCmdBottom:hover, #dialogTemplate-dialogForm-defaultCmd:hover, #dialogTemplate-dialogForm-StatementBeforeAuthentificationContent-ContinueButton:hover, #et-ef-content-myAccountAuthInfoEditContent-niceCommandButton_up_save_bottom:hover, #et-ef-content-myAccountAuthInfoEditContent-niceCommandButton_down_save_bottom:hover, #et-ef-content-myAccountPersonalInfoEditContent-niceCommandButton_up_save_bottom:hover, #et-ef-content-myAccountPersonalInfoEditContent-niceCommandButton_down_save_bottom:hover, #et-ef-content-myAccountMessageEditContent-niceCommandButton_up_save_bottom:hover, #et-ef-content-myAccountMessageEditContent-niceCommandButton_down_save_bottom:hover, #processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-cmdBottom-submit:hover, #basicSearchFooterInterface\.searchAction:hover, #advancedSearchFooterInterface\.searchAction:hover {
    background-color: #007de9 !important
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .headerrow.row1 {
        width:100% !important;
        padding-right: 15px
    }

    .headerrow.row2a {
        width: 100% !important;
    }

    .headerrow.row2b img {
        margin-left: 10px;
    }

    .headerrow.row2c {
        padding-left: 0 !important;
        float: right;
    }

    .headerrow.row3 {
        width: 100%;
    }

    .headerrow.row3a {
        width: 100%;
    }

    .headerrow.row4 {
        height:72px;
        background-image: url('../images/amex_banner3.png');
    }
    .headercontainer {height:275px;}

    #container {
        top: 50px;
        background-color: transparent;
        z-index: -5;
        max-width: 1024px;
    }


}

@media screen and (min-width: 375px) and (max-width: 666px) {


    .headerrow.row2a {
        width: 100% !important;
        margin: 0!important;
    }

    .headerrow.row2b {
        text-align: center;
        width: 100%;
    }

    .headerrow.row2b img {
        max-height: 70px;
        float: none;
        margin: 10px auto;
    }

    .headerrow.row2c {
        display: none;
    }

    .headerrow.row3 {
        width: 100%;
        margin-top: 50px !important;
        font-size: 40px;
        line-height: 40px;
    }

    .headerrow.row3a {
        width: 100%;
        font-size: 18px;
        margin-top: 15px !important;
        ;}

        .headerrow.row4 {
            background-image: url('../images/amex_banner3.png');
        }


    .main_holder {
        margin-top: 0
    }

}

@media screen and (max-width: 375px) {
    .headerrow.row4 {

        height:72px;
        background-image: url('../images/amex_banner3.png');
    }
}

@media screen and (min-width: 376px) and (max-width: 500px) {
    .headerrow.row4 {
        height:72px;
    }

}

@media screen and (min-width: 667px) and (max-width: 766px) {
    .headerrow.row4 {

        height:72px;
        background-image: url('../images/amex_banner3.png');
    }

}

@media screen and (min-width: 767px) and (max-width: 867px) {
    .headerrow.row4 {

        height:72px;
        background-image: url('../images/amex_banner3.png');
    }

}


@media screen and (max-width: 666px) and (min-width: 375px) {
    .focus {font-size: 18px; }
    }

    .djeheader {
        background-color: #ffffff;
        position: relative;
        width: 100%;
        z-index: 3;
        max-width: 1260px;
        margin: 0 auto;
        border-bottom: 1px solid #ecedee;
      }
      
      .djeheader img {max-height:85px;vertical-align: middle;}

      .mobile_logo_blue {
          display:none;
      }

      .mobile_logo_white {
        display:none;
    }
      
      .djeheader ul {
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #ffffff;
        /* overflow: scroll;
        overflow-x: hidden; */
      }
      
      .djeheader ul li {
        height:30px;
      }
      
      .djeheader li a, .djeheader li span {
        display: block;
        padding: 5px 20px;
        text-decoration: none;
        color: #0059A8;
        font-size: 15px;
        line-height: 17px;
        font-family: Arial, Helvetica, sans-serif;
        height:18px;
        margin-top:25px;
        margin-bottom: 25px;
        font-weight: lighter !important;
        font-style: normal;
      }
      
      
      .djeheader li:hover, .djeheader li a:hover,
      .djeheader .menu-btn:hover {
        color: #006fcf;
      }

      .djeheader ul li:hover {
        border-bottom: 5px solid #c8c9c7;
    }
      
      .djeheader .djelogo {
        display: inline-block;
        float: none;
        padding: 12.5px 10px 12.5px 10px;
        text-decoration: none;
        max-width:195px;
      }

      
      
      /* menu */
      
      .djeheader .menu {
        clear: both;
        max-height: 0;
        height:0;
        transition: height .3s ease-in-out;
      }
      
      /* menu icon */
      
      .djeheader .menu-icon {
        cursor: pointer;
        display: inline-block;
        float: left;
        padding: 32px 20px 24px;
        position: relative;
        user-select: none;
      }
      
      .djeheader .menu-icon .navicon {
        background: #006fcf;
        display: block;
        height: 3px;
        position: relative;
        transition: background .2s ease-out;
        width: 24px;
      }
      
      .djeheader .menu-icon .navicon:before,
      .djeheader .menu-icon .navicon:after {
        background: #006fcf;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all .2s ease-out;
        width: 100%;
      }
      
      .djeheader .menu-icon .navicon:before {
        top: 10px;
      }
      
      .djeheader .menu-icon .navicon:after {
        top: -10px;
      }
      
      /* menu btn */
      
      .djeheader .menu-btn {
        display: none;
      }
      
      .djeheader .menu-btn:checked ~ .menu {
        max-height: 100%;
        height:100vh;
        overflow-y: hidden;
        z-index:3030;
        position: relative;
        width:100%;
        float:right;
        top: -10px;
        background-color: #ffffff;
        opacity: 1.00;
      }

.djeheader ul li.sub {
  display: none;
}

.djeheader .menu-btn:checked ~ .menu li.sub {display:block;}
.djeheader .menu-btn:checked ~ .menu li.indent {padding-left: 20px;}
.djeheader .menu-btn:checked ~ .menu li.desktop {display:none;}
.djeheader ul li span {
  color: #00175A;
  padding: 0 20px;
  height: auto;
  margin: 15px 0;
}
.djeheader ul li span:hover {
    text-decoration: none;
  }
.djeheader .menu-btn:checked ~ .menu li.sub a {
    margin: 10px 0;
}
.djeheader ul li.section-title {
    height: auto !important;
    margin: 0;
    padding: 10px 0;
    background: #ecedee;
    margin-top: 10px;
}
.djeheader .menu-btn:checked ~.menu li.indent {
    height: auto;
    margin: 0;
    padding: 5px 0 5px 20px;
    background: #f7f8f9;
}
.djeheader .menu-btn:checked ~ .menu li:hover {
    border-bottom: none;
}

      @media (min-width: 1021px) {
          .djeheader .menu-btn:checked ~ .menu {display:none;}
      }

      .djeheader .menu-btn:checked ~ .menu li a {
        color: #006fcf;
        margin: 25px 0;
    }

    .djeheader .menu-btn:checked ~ .menu li:last-child {
        border-bottom: 1px solid #ecedee;
    }
      
      .djeheader .menu-btn:checked ~ .menu-icon .navicon {
        background: transparent;
      }
      
      .djeheader .menu-btn:checked ~ .menu-icon .navicon:before {
        transform: rotate(-45deg);
      }
      
      .djeheader .menu-btn:checked ~ .menu-icon .navicon:after {
        transform: rotate(45deg);
      }
      
      .djeheader .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
      .djeheader .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        top: 0;
      }
      
      
      @media (min-width: 1020px) {
        
        .djeheader {height:70px;}
        .djeheader li {
          float: none;
          height:70px!important;
          display:inline-block;
        }
        .djeheader li a {
          padding: 0 8px;
        }
        .djeheader .menu {
          clear: none;
          float: right;
          max-height: 70px !important;
          height:69px;
          margin-right:0;
          /* overflow: hidden;
          -ms-overflow-style: none; */
          
        }
        .djeheader .menu-icon {
          display: none;
        }
      }
      

      @media screen and (min-width: 1400px) {
        .djeheader li a {
          padding: 0 10px;
          font-size: 15px;
        }
      }

      @media screen and (min-width: 1020px) {
        .djeheader .menu {
            float: left;
            display: flex;
        }
        .djeheader .djelogo {
            float: left;
            margin-right: 10px;
        }
    }

/* Begin Footer */
.amex_footer {
    width:100%;
    background-color: #ffffff;
    padding:0;
    margin:0;
    margin-top:15px;
    /* background-image: url('../images/background.png'); */
  }
  
  .footer_container {
      padding: 40px 0;
      width: 100%;
      margin: 0 auto;
      height: 100%;
      max-width: 1400px;
      display: flex;
  }
  
  .footer_row1 {
    display:block;
    width:100%;
  }
  
  .footer_row1_column {
    width:20%;
    display:inline-block;
    vertical-align:top;
    float:left;
  }
  
  @media screen and (max-width: 980px) {
    .footer_row1_column {width:40%;}
  }
  @media screen and (max-width: 767px) {
    .footer_row1_column {width:100%;}
    li.hidden_mobile {display: none;}
  }
  
  .footer_link_list ul {
    list-style-type: none;
  }
  
  
  
  .footer_link_list ul li a {
    color: #3a3a3a;
    text-decoration: none;
    font-family: "BentonSans",arial, sans-serif;
    display:block;
    font-size: .8125rem;
    line-height:1.125rem;
    border:0;
    padding: 0 0 10px;
  }
  
  .footer_link_list ul li a.footer_row1_column_header {
    color:#3a3a3a;
    margin-bottom: .625rem;
    font-size: 1.125rem;
    line-height:normal;
  }
  
  .footer_link_list ul li a.footer_row1_column_header:hover, .footer_link_list ul li a:hover {
    text-decoration: underline;
  }

.footer_link_list ul li img {
  width:auto;
  height:47px;
  float:left;
  margin: 0 15px 82px 0;
  padding-bottom:15px;
}

.row2_container {
  padding:0;
}
.footer_row2 {
  border-top: 1px solid rgba(255,255,255,.15);
  margin: 10px 0 30px;
  color: #3a3a3a;
  display:block;
  width:100%;
  float:left;
  font-family: "BentonSans",arial, sans-serif;
  font-size: 14px;
  padding-top: 15px;
}

.footer_row2_column {
  width:calc(33% - 20px);
  display:inline-block;
  float:left;
  margin-right:10px;
}

@media screen and (max-width: 769px) {
    .footer_row2_column {width:100%;text-align: center;}
    .f_si_right {float:none!important;margin:0 auto; text-align:center;width:65%;padding-left:0!important;}
    #f_social_icons {float:none!important;margin-top: 15px;}
}

@media screen and (max-width: 767px) {
    .footer_row2_column {width:100%;margin-right:0;margin-left:0}
    .footer_row2_column ul li {display:inline;float:left;width:100%;margin-bottom: 5px;text-align:center;}
    .footer_divider {display:none;}
    .footer_row3 {width: 100% !important;max-width: 100% !important;margin: 0 15px 30px 15px !important;}
    .f_si_right {padding-right:0;padding-left:0!important;}
  }

  @media screen and (min-width: 770px) and (max-width: 1353px){
    .footer_row2_column {width: calc(60% - 20px)}
    .footer_divider {width:8%;}
    .social_column {width: 30%;}
}

.footer_row2_column ul {list-style:none;margin:0;padding:0;}
.footer_row2_column ul li {display:inline;margin-right:20px;}
.footer_row2_column ul li a {color:#3a3a3a;text-decoration:none;font-family:"BentonSans",arial,sans-serif;}
.footer_row2_column ul li a:hover {color:#ffffff;text-decoration:underline;}

.footer_divider {border-bottom: 1px solid rgba(255,255,255,.15);}
.social_column {margin-right:0;}

.footer_row3 {text-align:center;width:50%;margin:0 auto;margin-bottom:15px;color:#3a3a3a;font-family:"BentonSans",arial, sans-serif;font-size:14px;padding:0;max-width:650px;}

.footer_row3 span a {color:#3a3a3a;text-decoration:none;}
.footer_row3 span a:hover {text-decoration:underline;color:#ffffff;}

.f_si_right {
    float: right;
    padding-left: 30px;
}
#f_social_icons {
    padding: 0;
    float: right;
}
.footer_si_ctn #f_social_icons #facebook {
    background-color: #3b5998;
}
.footer_si_ctn #f_social_icons div {
    border-radius: 50%;
    margin: 0 3px;
}
#facebook {
    margin: 0;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#f_social_icons a {
    display: block;
  color: #ffffff!important;
}

.footer_si_ctn #f_social_icons a {
    line-height: 1.875rem;
}

.footer_si_ctn #f_social_icons a .fa {
    color: #fff;
}

.footer_si_ctn #f_social_icons #twitter {
    background-color: #55acee;
}
#twitter {
    margin: 0;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.footer_si_ctn #f_social_icons #yt {
    background-color: #b00;
}

#yt {
    margin: 0;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.footer_si_ctn #f_social_icons #lin {
    background-color: #007bb5;
}
#lin {
    margin: 0;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.footer_si_ctn #f_social_icons #instagram {
    background-color: #125688;
}
#instagram {
    margin: 0;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.footer-links {
    width: 50%;
    display: block;
    float: left;
    height: 100%;
}
.footer_row2_column {
    width: 100%;
    text-align: center;
    display: block;
}

.f_si_right, #f_social_icons {
    float: none;
    padding-left: 0;
    padding: 5px 0 10px 0;
}

a.more-actions.menu-toggle {
    display: none;
}

.desktop_logo {display: inline-block;}

@media screen and (max-width: 1019px) {
    .mobile_logo_blue {display: inline;padding-top:5px;}
    .desktop_logo, .djelogo a span {display:none;}
    .djeheader .menu {overflow: hidden;-ms-overflow-style: none;}
  }

  .djelogo a span {
    font-family: "BentonSans";
    font-size: 25px;
    font-weight: 400;
    line-height: 34px;
    margin-left: 10px;
    text-decoration: none;
    color: #003a63;
}

a.logo-link:hover {
    text-decoration: none;
}

@media screen and (min-width: 1020px) {
    .djeheader ul li.desktop {
        width: 80px;
    }
    .djeheader ul ol {
        -webkit-padding-start: 0;
                padding-inline-start: 0;
        width: 240px;
        -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
                box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
        background-color: black;
        opacity: 0;
        visibility: hidden;
        display: none;
        position: relative;
        list-style: none;
    }
    .djeheader ul li.desktop:hover > ol {
        background-color: #ffffff;
        opacity: 1;
        visibility: visible;
        display: block;
        -webkit-transition: color 1.25s ease, background-color 2.25s ease, opacity .25s, visibility 1.25s ease, display 1.25s ease;
        -o-transition: color 1.25s ease, background-color 2.25s ease, opacity .25s, visibility 1.25s ease, display 1.25s ease;
        transition: color 1.25s ease, background-color 2.25s ease, opacity .25s, visibility 1.25s ease, display 1.25s ease;
    }
    .djeheader ul ol li:hover {
        border-bottom: none;
    }
    .djeheader ul ol li a {
        padding: 0 20px;
    }
    .djeheader ul ol li a:hover {
        text-decoration: underline;
    }
}

@media screen and (min-width:0\0) {
    .djeheader ul ol li {
         position: relative;
        left:-40px; 
        list-style-type: none;
    }
    .djeheader ul ol {
        width: 250px;
    }
}